1200字范文 > web期末大作业：基于html+css+js制作学校班级网页制作我的校园

web期末大作业：基于html+css+js制作学校班级网页制作我的校园

时间：2021-01-07 05:55:25

⛵源码获取文末联系✈
Web前端开发技术
描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |校园班级网页设计 | 我的班级网页 | 我的学校 | 校园社团 | 校园运动会 | 等网站的设计与制作 | HTML期末大学生网页设计作业

HTML：结构

CSS：样式

在操作方面上运用了html5和css3，

采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="keywords" content="tzyh" /><title></title><link href="css/css.css" " type="text/css" rel="stylesheet" /></head><body style="background:url(images/bj.jpg) no-repeat;"><style>A.applink:hover {border: 2px dotted #DCE6F4;padding:2px;background-color:#ffff00;color:green;text-decoration:none}A.applink {border: 2px dotted #DCE6F4;padding:2px;color:#2F5BFF;background:transparent;text-decoration:none}A.info{color:#2F5BFF;background:transparent;text-decoration:none}A.info:hover {color:green;background:transparent;text-decoration:underline}</style><div class="container_24" style="background:#fff;"><div class="logo"><img src="images/logo.jpg" width="100%"/></div><div class="menu" ><ul><li class="bk"><a href="index.html">首页</a></li><li><a href="xiang.html" >大学食堂</a></li><li><a href="huai.html" >大学校园</a></li><li><a href="ly.html" >大学操场</a></li><li><a href="page1.html" >我的课外</a></li><li><a href="page2.html" >大学随记</a></li></ul></div><div class="nr" style=" background:#fff;"><img src="images/pt.jpg" width="350" style="float:right; margin-left:15px;"/><p>曾几何时，我们变得不再无拘无束的玩闹，不再为一些毫无笑点的事而傻乐很久，慢慢的学会了聆听，聆听这时光流逝的嘀嗒声。那些青涩纯真的岁月，亦如这一季纷飞落叶，再如何挽留都于指尖滑落，慢慢的飘进记忆的长廊，为岁月收藏，谱写成一曲跌宕起伏、激情伴随着彷徨的歌，在偶然轻触间深情颂歌，述说着那些充满青涩岁月。</p><p>犹记昔年，匆忙的过着高中岁月，说着那些年青春所特有的豪言壮语。虽然每一天都觉得是那么的倦累，但，因为不甘落于人后，所以会在挫折中一次又一次的努力着站起，而我继续找到了一个可以支撑自己的理由，继续走下去。放期望每一次被现实碾压破碎之后，都会有深深的失落，但是，我还没有到达既定的目的地，所以，没有什么理由可以让我放弃。</p><p>在那些青葱岁月里，喜欢一个人静静的倚靠在窗前，看那楼外仓促而过的学子；看那耀眼阳光之下的苍翠群山；看那遥远的地平线……这样我就会知道我将要前行的方向在哪里！不敢懈怠不前，不能彷徨无措，因为会迷失方向，劳碌一生而无所得。</p><p>那三年的得失，三年的苦涩与欢乐，都过去了，终不过是岁月长河里的一朵浪花罢了。而今，离开了这宁静的小城，别了这熟悉的绕城小河，不去想太多，我只需要知道路在前方，蔓延到未知的远方，而我一直都在路上，需要踏实的去走一遍就好。</p><p>时间是冷漠无情，当我不轻易的打开了记忆的匣子时，心间就翻涌着那些青春岁月难以割舍的记忆，想要触及时，却仿若有一道透明的玻璃长墙，隔绝了过往种种。挽留不住，都化作了青春的记忆。而却只能将之放在岁月长廊里，以不变的心去好好珍藏，不让时光的尘埃去淹没过往，因为我不想失去那些纯真的岁月。</p><p>那些年，有一种青春是由欢笑与泪水共同谱写的，哪怕是我远离了那片发生了那些故事的小城，身在远离故乡的另一座城市里，那些青涩的、令人心痛的记忆却也总是挥之不去，总是在午夜梦回时如眼前场景一般清晰可见。虽然苦涩，却也是我不能放下的。</p><p>那些年，会有不觉之间肆意滋长，稍显青涩懵懂的情愫，会在校园小道里徘徊着，会于自己在意的那个人常过的路旁等待，只为能有一次期待的邂逅。而后，在微笑轻语间，互道一声好巧，近来好吗？最后偷偷的凝望着，只想将那个自己在意的人的欢声笑语永远留在心里。那时的风温柔的拂过，在那随风飘扬的柳絮间，不去问是否迷失了自己，不去管这一切的一切是劫还是缘。</p><p>时光荏苒，在这新的城市，新的学校已过几个月了，仿佛这一切都是那么的平静，所有事都随着既定的轨道前行着。在这里，最喜的就是去湖边散心，或是不问目的地，随心的走过青石小道，任飘飞的柳絮落于肩上。抑或是喜欢静静的站在小桥之上，看那调皮的鱼儿跃出水面。这些，都不过是青春岁月的留下的痕迹，在点缀着当下的每一天，每一秒。</p><p><img src="images/banner.jpg" " width="90%"/></p></div></div></body></html>