大学生HTML CSS网页样式与布局课程任务书：旅游网页设计

一、任务目的 

该课程使学生熟练掌握网页编辑过程,综合应用所学的知识,熟练使用 HTML 标记和 CSS 样式表，进行网页制作。

二、任务要求 

网页制作要合理布局页面，使用相应的页面标记添加页面内容，使页面内容丰富，结构合理，布局美观。

三、任务内容 

每位同学从旅游影响力 TOP100 中抽选一个城市作为网站设计主题，每位同学的旅游城市不能重复。页面中结构要完整，布局合理，具体要求如下：

使用 DIV 对页面进行整体布局。本网站包括：“旅游网首页(index.html)”、“旅游二级列表页”、“景点详情页”，共 3 个页面。

三个页面的头部、导航及底部样式相同，网页头部可以放置旅游城市的 LOGO，图片、宣传标语或宣传片等。导航栏均设置下拉菜单，如图 1 所示，每个页面的导航需正确链接到相应的页面，实现三级页面的跳转。网页的正文部分自由设置各个板块。网页底部书写版权信息，文字为“班级+学号+姓名”，如图所示。

旅游网首页(index.html)页面正文部分自由添加板块，内容及样式不指定。旅游二级列表页” 页面要求

旅游二级列表页网页中自由设置旅游板块并添加相应内容。内容及样式不指定。

景点详情页页面要求页面中至少添加一个景点的详细信息，合理设置网页的样式。

文件应包含 CSS 样式表，可以设置一个或多个 CSS 文件。

其他要求

网页中除以上具体要求外，网页的主题以及所有的文字内容、背景颜色、背景图片、文字颜色、字体、按钮等样式自己任意指定，并实现鼠标悬浮在导航栏及超链接上的效果变化。要求整体结构布局合理，颜色统一美观。