大学生WEB前端技术期末作业要求题目：制作海洋学院首页页面

一、设计部分要求

1、页面布局要求采用CSS+DIV方式。使用其他方式0分。设计要符合W3C规范，标签要具有语义性。页面字体要统一，符合阅读习惯。

2、图中每个红色方框表示一个div，整个页面分为7大部分，从上到下依次标记为1-7，每个div中是否包含子div，由设计者自行设计。

3、页面整体尺寸和内部尺寸由设计者自行设计。页面在浏览器中居中显示。

4、页面中所需图片和文字可以直接从海洋学院网站获取或自行准备。（不一定要和首页图片文字一模一样，但必须是和学院相关的。）

5、其中，div1右半部分的搜索框，要和网页效果一致，框内有提示文字，单击消失（提示：使用placeholder）

6、div2中的导航要求使用ul-li-a结构，是否有下拉菜单由设计者自行决定。要求有鼠标经过变色效果。div3部分可以使用轮播图或者普通图片。

7、友情链接部分图片直接从学院首页下载即可。

8、页脚改成自己的班级姓名学号

9、页面中要实时显示当前日期和时间，位置自行设计

二、报告要求

1、详细写出设计过程。（参照青春树儿童摄影PPT）

2、每个模块分为HTML结构设计和CSS样式设计两部分进行详细描述。其中HTML结构设计要画出详细结构设计草图。（参照青春树儿童摄影ppt）

三、其他要求

1、网页名称index.html。图片文件夹名称images。如有外部样式表要放在CSS文件夹中，样式表名称为style.css（内部样式表忽略此条）

2、整个网站内容放在以自己姓名学号命名的文件夹中，例如“张三2022xxxx”