Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制作 HTML期末大学生网页设计作业

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为

文章目录

  • 前端学习路线
  • 网页基本结构
  • 网页演示
    • HTML结构代码
  • 学的反而越迷茫
  • 学习更多

前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示





HTML结构代码

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>丽江</title><link href="css/css.css" rel="stylesheet" type="text/css" /><script src="js/jquery.min.js"></script><script src="js/jquery.flexslider-min.js"></script><script type="text/javascript">$(window).load(function() {$('.flexslider').flexslider();});</script><link rel="stylesheet" href="css/lrtk.css" type="text/css" media="screen" /><body><div><br><div class="gundong"><marquee><p>欢迎来到丽江!</p></marquee></div><div class="nav"><a href="index.html">首页</a><a href="1.html">关于丽江</a><a id="ms" href="2.html">丽江民宿</a><a href="3.html">周边景点 </a >  <a href="4.html">美食特色</a></div><div class="main"><div class="flexslider"><ul class="slides"><li><a href="#"><img src="data:images/l1.jpg" width="900" /></a></li><li><a href="#"><img src="data:images/l2.jpg" width="900" /></a></li></ul></div><!-- 关于 --><div class="cont"><br><br><h2>关于丽江</h2><br><hr width="800"><br><br><div class="lx1"><div class="left1"><br><img src="data:images/lj1.jpeg" alt=""><br><br><img src="data:images/lj2.jpeg" alt=""></div><div class="right1"><p style="text-align: left; margin-left: 20px;">丽江位于青藏高原东南缘,滇西北高原,金沙江中游。 是国际知名旅游城市 、古代“南方丝绸之路”和“茶马古道”的重要通道 。市区中心位于东经100°25',北纬26°86',总面积2.06万平方公里,北连迪庆藏族自治州,南接大理白族自治州,西邻怒江傈僳族自治州,东与四川凉山彝族自治州和攀枝花市接壤,距昆明市527公里。丽江市位于云贵高原与青藏高原的连接部位,地势西北高而东南低,最高点为玉龙雪山主峰,属低纬暖温带高原山地季风气候,境内水利资源丰富,动植物种类繁多,为云南省重点林区、中国水电西电东送基地之一。</p><p style="text-align: left; margin-left: 20px;">截至2015年,丽江市辖1个市辖区,4个县。2016年,全年完成地区生产总值310.1799亿元,人均地区生产总值24186元。 截至2017年末,丽江市全市常住人口129.0万人,户籍人口1227009人。 丽江是一个多民族聚居的地方,除汉族外,共有12个世居少数民族,22种少数民族;丽江是著名的旅游城市,拥有世界文化遗产丽江古城、世界自然遗产三江并流、世界记忆遗产纳西族东巴古籍文献三大世界遗产。 旅游资源丰富,有旅游风景点104处,有丽江古城、玉龙雪山、虎跳峡、老君山、束河古镇、阿纳果等知名旅游景点。先后被评为中国旅游竞争力百强城市 、中国十大休闲城市 、中国优秀旅游城市 、中国十大魅力城市 、云南省人才特区 、长江经济带上的绿色明珠 等荣誉称号。</p><p style="text-align: left; margin-left: 20px;">......</p></div></div></div><!-- 加盟 --><!-- <div class="cont"><br><br><h2>招商加盟</h2><br><hr width="800"><br><br><ul class="chanpin"><li><img src="data:images/b1.png" alt=""><h3><a href="#">闌缘加盟方案</a> </h3></li><li><img src="data:images/b1.png" alt=""><h3><a href="#">闌缘合作流程</a></h3></li><li><img src="data:images/b1.png" alt=""><h3><a href="#">闌缘合作条件</a></h3></li><li><img src="data:images/b1.png" alt=""><h3><a href="#">闌缘加盟优势</a></h3></li><li class="last"><img src="data:images/b1.png" alt=""><h3><a href="#">咨询更多>></a></h3></li></ul><br></div> --></div></div><div class="foot"><p> 版权所有 © 丽江官网</p></div></body></html>

学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光
—————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识
相关问题可以相互学习,可关注↓公Z号


HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动相关推荐

  1. HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)

    HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

  2. HTML5期末大作业:京东网购网站设计——京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业

    HTML5期末大作业:京东网购网站设计--京东网购商城模板(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 HTML网页设计制作大作业 常见网页设计作业题材有 个人. 美食. ...

  3. html网页设计期末大作业_HTML+CSS+JS网页设计期末课程大作业——橙色的素材火资源整站(25页)

    html网页设计期末大作业_HTML+CSS+JS网页设计期末课程大作业--橙色的素材火资源整站(25页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶 ...

  4. HTML网页设计制作大作业(div+css)--(四大名著 5页 )

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | ...

  5. HTML网页设计制作大作业(div+css)---浩瀚天文 (13页有二级菜单)

    ⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | | HTML期末大学生网页设计作业,Web大学生网页 HTML ...

  6. HTML网页设计制作大作业(div+css——节日圣诞节(5页)节日带背景音乐带视频(5页)带登录

    HTML5+CSS大作业--节日圣诞节(5页)节日带背景音乐带视频(5页)带登录 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. ...

  7. html网页设计制作大作业(div+css)个人博客(1个页面)

    临期末的,有好多web新手的小伙伴们很是发愁,网上找吧 要么付费的,要么就很复杂,根本就不像自己能做出来的.看了我这个资源或许就可以解决你这个问题喽! 作品介绍: 1.网页标题:绿色清新个人博客div ...

  8. HTML网页设计制作大作业-文化HTML+CSS+JS网页设计期末课程大作业

    Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业,茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | H ...

  9. web课程设计网页规划与设计:宠物狗狗网站设计——动物介绍(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 HTML网页设计制作大作业

    HTML5期末大作业:宠物狗狗网站设计--动物介绍(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材 ...

最新文章

  1. 备份一个万能网卡驱动
  2. Python编程:Tkinter图形界面设计(1)
  3. (69)番外 —— 编写一个简易的反调试引擎
  4. 【Python金融量化 1- 100 】三、流行股票指数
  5. 你在使用Gmail,Wallop,MSN Spaces,Three Degrees吗?
  6. php pdo无法使用,php - php-无法使用PDO连接到数据库 - SO中文参考 - www.soinside.com
  7. IT 实力较量:决战超级数据中心之巅
  8. mysql给字段添加描述_用sql 语句给字段添加描述
  9. BATJ罕见联手,企业申请“阿京腾百”商标被否:是“阿,今天腾飞”的意思?...
  10. 【算法】剑指 Offer 53 - II. 0~n-1中缺失的数字
  11. c++和java哪个好学_【技术科普】C语言和java语言有些什么区别?
  12. CString转换为char*
  13. 那些天天都在野外钓鱼的人不上班吗,有收入吗?
  14. JAVA SAX解析XML文件
  15. scss转换成css,hotcss
  16. Java基础:Collections
  17. mysql 名字分组查询id_MySQL对数据表进行分组查询(GROUP BY)
  18. python批量保存网页为pdf_在chrome Python3.6中自动打印/将网页保存为pdf
  19. msyql创建数据库并指定字符集
  20. 怎么在漫画中去表现速度线?

热门文章

  1. a boo peek_Peek-A-Boo_Red Velvet_高音质在线试听_Peek-A-Boo歌词|歌曲下载_酷狗音乐
  2. list遍历的四种方法及效率对比
  3. 数据存储方式之 Excel
  4. oracle支付预付款时账务处理,收到预付款账务处理是什么?
  5. Python解决ValueError: array must not contain infs or NaNs
  6. 【Flutter】Flutter异常:The following assertion was thrown during performResize(),SliverGeometry is not v
  7. Linux运维三剑客
  8. 永州动力电池实验室建设合理布局方案
  9. 迷人的神经网络——机器学习笔记1
  10. 基于深度学习的航空发动机剩余寿命预测