网页制作实战项目七：毫州文化旅游公司

江山如画 • 2018年5月24日下午11:26 • 网页设计 • 阅读 6549

【时间要求】 2 学时（ 45 分钟× 2=90 分钟）

【上机内容】毫州文化旅游公司

【上机目的】

1 、掌握网页布局的方法和技巧

2 、掌握HTML及CSS的使用

3、掌握行为的使用

4、培养团队意识和协作精神

【上机重点】

1 、网页布局

2 、行为的使用

3 、HTML及CSS的使用

【上机难点】

1、导航栏制作

2、CSS的定义和使用

【上机教学方法】

1 、采用分组教学 , 每个小组模拟一个开发团队

2 、充分发挥小组内各成员的积极性、主动性和创造性

【上机内容】

在规定时间内做出以下网页：

说明及要求：
1. 网站文件命名，目录建设，必须符合网站建设规范，要求制作的网页存放在考生文件夹根目录下，以index.html命名（5分）。
2. 网页中导航菜单和公司新闻、毫州资讯、活动公告、旅游资讯、查看详情、在线订购等超链接设置为空链接（3分）。
3. 设置index.html网页的标题为：你的姓名+的网站。如，学生张三的index.html网页的标题应该为：张三的网站（2分）。
4. 动态水平导航条（15分）。
导航中的超链接：字体大小14px，颜色白色，背景图片为images/daohang1.jpg，无下划线。
当鼠标放上去的时候，导航中的超链接：背景图片变为images/daohang2.jpg，字体颜色变为#FF0。当鼠标放到关于我们上时，显示如下图所示。

5. 网页顶部区域背景图片为images/top_bg.jpg，导航条下方的直线是颜色为#673538，2px高的实线，如下图所示。（5分）

6. 网页中的字体大小为12px，行高为150%，字体颜色为#999。 (5分)
7. 在浏览器中打开index.html 时会打开浏览器窗口，窗口的宽度和高度设置为800和500。显示菜单条，地址工具栏，状态栏，要显示的URL为http://www.125jz.com，窗口名称为中国网页设计。(5分)
8. 中间区域超链接字体大小为12px，颜色#804d51，无下划线。当鼠标放上去时超链接颜色为#cc1424，下方出现2px 颜色为#673538的实线，如下图所示。（10分）

9. 网页中的标题如“讲解员以职业的装束喜迎河南旅游专列”和“亳州旅游休闲护照”为2级标题，字体大小为14px，黑色。（5分）
10. 公司简介、企业文化和人才招聘为鼠标经过图片，鼠标放上去时显示效果如下图所示。（5分）

11. 旗下景区区域背景图片为images/areaBg.jpg，下方图片（chen.jpg、hua.jpg、huadan.jpg、jiang.jpg、yun.jpg）展现方式为从右到左滚动（使用<marquee>标记）（5分）,当鼠标指向图片时，停止滚动，鼠标离开时，图片继续滚动（5分）。图片带有4px颜色为#673538的实线边框，鼠标放上去时边框颜色变为#CC6600，显示效果如下图所示（5分）。