源码获取 文末联系

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">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<title>中国旅游</title>
</head>
<body>
<header class="head"><div> <img src="data:images/logo.png"> <span class="bda"> <a href="zhuce.html">注册</a> |  <a href="denglu.html">登录</a> </span></div>
</header>
<nav class="menu"><ul class="center"><li><a href="index.html">网站首页</a></li><li><a href="sichuan.html">四川旅游 </a></li><li><a href="yunnan.html"> 云南旅游 </a></li><li><a href="xizang.html">西藏旅游</a></li><li><a href="tuijie.html">推荐旅游</a></li></ul>
</nav>
<div class="content"><marquee>欢迎来到中国旅游,开启新的旅程吧!</marquee><div class="banner"><div class="banner_box  "><div class="box-1"><ul><li><img src="data:images/banner1.jpg"></img></li><li><img src="data:images/banner2.jpg"></img></li><li><img src="data:images/banner3.jpg"></img></li><li><img src="data:images/banner4.jpg"></img></li><li><img src="data:images/banner5.jpg"></img></li></ul></div><div class="box-2"><ul></ul></div></div></div>
</div>
<div class="content"><div class="clear"></div><div class="bar"><strong>热门景区</strong> </div><div class="pics scrollleft"><ul><li> <b><img src="data:images/a1.jpg" /></b><h3><a href="info.html">故宫博物馆</a></h3><p> 北京故宫博物院建立于1925年10月10日,位于故宫博物院北京故宫即紫禁城内。是在明朝、清朝两代皇宫及其收藏的基础上建立起来的中国综合性博物馆,也是中国最大的古代文化艺术博物馆。 </p></li><li> <b><img src="data:images/a2.jpg" /></b><h3><a href="info.html">颐和园</a></h3><p> 颐和园位于中国北京市西北海淀区,占地290公顷(合4400亩),是一座巨大的皇家园林和清朝的行宫。修建于清朝乾隆年间、重建于光绪年间,曾属于清朝北京西郊三山五园之一。</p></li><li> <b><img src="data:images/a3.jpg" /></b><h3><a href="info.html">平遥古城</a></h3><p> 位于山西中部平遥县内,是一座具有2700多年历史的文化名城,与同为第二批国家历史文化名城的四川阆中、云南丽江、安徽歙县并称为“保存最为完好的四大古城”</p></li><li> <b><img src="data:images/a4.jpg" /></b><h3><a href="info.html">长白山</a></h3><p> 长白山犹如一条鳞光闪烁的巨龙,巍峨磅礴,横卧天际。是我国与五岳齐名、名光秀丽、景色迷人的关东第一山,因其主峰白头山多白色浮石与积雪而得名,素有"千年积雪为年松,直上人间第一峰"的美誉。</p></li><li> <b><img src="data:images/a5.jpg" /></b><h3><a href="info.html">庐山</a></h3><p> 庐山以雄、奇、险、秀闻名于世,素有“匡庐奇秀甲天下”之美誉。巍峨挺拔的青峰秀峦、喷雪鸣雷的银泉飞瀑、瞬息万变的云海奇观、俊奇巧秀的园林建筑,一展庐山的无穷魅力。</p></li><li> <b><img src="data:images/a6.jpeg" /></b><h3><a href="info.html">五台山 </a></h3><p> 中国佛教及旅游胜地之一。与四川峨嵋山、安徽九华山、浙江普陀山共称“中国佛教四大名山”。与尼泊尔蓝毗尼花园、印度鹿野苑、菩提伽耶、拘尸那迦并称为世界五大佛教圣地</p></li></ul></div><div class="clear"></div><div class="ad"><img src="data:images/ad.jpg" width="100%"></div><div class="bar"><strong>摄影美图 </strong></div><div id="div1"><ul id="ul"><li class="li"><img src="data:images/1.jpg"></li><li class="li"><img src="data:images/2.jpg"></li><li class="li"><img src="data:images/3.jpg"></li><li class="li"><img src="data:images/4.jpg"></li><li class="li"><img src="data:images/5.jpg"></li><li class="li"><img src="data:images/6.jpg"></li><li class="li"><img src="data:images/7.jpg"></li><li class="li"><img src="data:images/8.jpg"></li><li class="li"><img src="data:images/9.jpg"></li></ul></div><div class="clear"></div>
</div>
<footer class="end"><p>xxx版权所有</p><p>本地时间:<span id="localtime"><font color="#000000">2021-12-11 16:17:22  星期六</font></span></p>
</footer>
<script type="text/javascript" src="js/js.js"></script>
<script type="text/javascript" src="js/gundong.js"></script>
<script type="text/javascript" src="js/time.js"></script>
</body>
</html>

学的反而越迷茫

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

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

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

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


学习更多

关注我 | 点赞博文 | 每天带你涨知识


关于城市旅游的HTML网页设计——中国旅游HTML+CSS+JavaScript 11页 带视频 带轮播相关推荐

  1. HTML期末大作业 ~ 凤阳旅游网页设计作业成品(HTML+CSS+JavaScript)

    HTML期末大作业 ~ 大学生网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML网页设计结课作业 ...

  2. HTML期末大作业 ~ 凤阳智慧旅游官方旗舰店(我的家乡)网页设计作业成品(HTML+CSS+JavaScript)

    HTML期末大作业 ~ (我的家乡)大学生旅游网页设计作业成品 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计 临近期末, 你还在为HTML ...

  3. HTML5期末大作业:210套 Dreamweaver网页设计与制作 HTML+CSS+JavaScript【建议收藏】

    HTML5期末大作业:Dreamweaver网页设计与制作210例 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板 ...

  4. HTML5期末大作业:电商购物网站设计——易购电商购物网页设计与实现(31页) 含论文+答辩+PPT 计算机毕设网页设计源码 HTML+CSS+JavaScript web课程设计网页规划与设计...

    HTML5期末大作业:电商网站设计--易购电商购物网页设计与实现(31页) 含论文+PPT 学生DW网页设计作业成品 HTML+CSS+JavaScript web课程设计网页规划与设计 计算机毕设网 ...

  5. c语言课程网页设计HTML,网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程标准...

    内容简介: 网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程标准 一.课程定位 本课程是软件技术专业的专业基础课程,是培养学生Web客户端静态页面设计能力的支撑课程. 本 ...

  6. HTML静态页面总体设计思路,网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程整体设计...

    内容简介: 网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程整体设计 一.课程设计思路 本课程依据课程标准,以软件技术专业学生的就业岗位群能力目标为导向,以Web客户端静 ...

  7. dreamweaver html语言,Dreamweaver网页设计与制作(HTML+CSS+JavaScript)

    Dreamweaver网页设计与制作(HTML+CSS+JavaScript) 编辑 锁定 讨论 上传视频 本词条缺少信息栏,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! <Dream ...

  8. web前端期末大作业 在线电影网页设计与制作 HTML+CSS+JavaScript仿叮当电影网页制作

    HTML实例网页代码, 本实例适合于初学HTML的同学.该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代 ...

  9. 简单个人静态HTML网页设计作品 基于HTML+CSS+JavaScript仿小米手机网站 html静态在线购物商城网页制作

    常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 服装. 体育. 化妆品. 物流. 环保. 书籍. 婚纱. 游戏. 节日. ...

最新文章

  1. c语言 宏 变长参数,科学网—C/C++中处理变长参数函数(Variadic Function)的几个宏 - 彭彬的博文...
  2. 分区和分片的区别_MySQL分区与分片的差异
  3. 5-输入输出系统IO
  4. [CTF][Web][PHP][JavaScript]弱类型问题
  5. SecureCRT session 的迁移
  6. 数据分析融入至BI工具的新思路
  7. 让两个灯隔断时间交替闪烁的电路
  8. 10.卷2(进程间通信)---Posix信号量
  9. plc编程和python的联系_Python与三菱PLC通信
  10. [转]CRC8校验详细说明
  11. python之while循环、无限循环
  12. Manjaro的安装与配置
  13. php取word表格一行内容,如何提取出word表格中的内容 值得一看
  14. 计算点到直线/线段的距离
  15. 计算机外文文献论文翻译,外文文献+翻译--计算机专业论文
  16. 基于MATLAB的神经网络进行手写体数字识别(含鼠绘GUI / 数据集:MNIST)
  17. 计算机应用基础毕业能做什么工作,铁路专业能学什么?毕业能做哪些工作?
  18. 表妹想学编程,我给她看了一张图,看完后她说还是算了吧,不学了
  19. 依托EcoStruxure架构 施耐德电气发力数据中心全面创新
  20. 追光者们:光纤通信走过的一百年

热门文章

  1. 劈开迷雾,蘑菇街电商搜索架构及搜索排序实现
  2. Codingame - C - OnboardingThe Descent
  3. 第七天 黑马十次方 吐槽列表与详细页、发吐槽与评论功能、问答频道功能、掌握DataURL和阿里云OSS
  4. 一个双非计算机学生的长远规划(考研篇)
  5. 使用人性化的Linux防火墙CFW阻止DDOS攻击
  6. ATFX:欧央行利率决议来袭,重点关注拉加德新闻发布会
  7. 【c++ primer】第五版第十六章习题答案
  8. 2018阿里巴巴基础平台研发工程师实习生笔试题:一.十进制数转换成的二进制数中有几个1. 二.输出IP所在的网段
  9. 垃圾清理代码_一招清理电脑垃圾
  10. 计算机里硬盘图标,两妙方轻松更改电脑硬盘盘符的图标