入土系列 | 前端入门实战项目（六） - 编程

项目实战六：毫州文化旅游公司

设计要求

1、网页中导航菜单和公司新闻、毫州资讯、活动公告、旅游资讯、查看详情、在线订购等超链接设置为空链接

2、设置index.html网页的标题为：你的姓名+的网站。如，学生张三的index.html网页的标题应该为：张三的网站

3、动态水平导航条

导航中的超链接：字体大小14px，颜色白色，背景图片为images/daohang1.jpg，无下划线。

当鼠标放上去的时候，导航中的超链接：背景图片变为images/daohang2.jpg，字体颜色变为#FF0。当鼠标放到关于我们上时，显示如下图所示。

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

5、网页中的字体大小为12px，行高为150%，字体颜色为#999。

6、在浏览器中打开index.html 时会打开浏览5器窗口，窗口的宽度和高度设置为800和500。显示菜单条，地址工具栏，状态栏。

7、中间区域超链接字体大小为12px，颜色#804d51，无下划线。当鼠标放上去时超链接颜色为#cc1424，下方出现2px 颜色为#673538的实线，如下图所示。

网页中的标题如“讲解员以职业的装束喜迎河南旅游专列”和“亳州旅游休闲护照”为2级标题，字体大小为14px，黑色。

8、公司简介、企业文化和人才招聘为鼠标经过图片，鼠标放上去时显示效果如下图所示。

9、旗下景区区域背景图片为images/areaBg.jpg，下方图片（chen.jpg、hua.jpg、huadan.jpg、jiang.jpg、yun.jpg）展现方式为从右到左滚动（使用<marquee>标记）。

当鼠标指向图片时，停止滚动，鼠标离开时，图片继续滚动。

图片带有4px颜色为#673538的实线边框，鼠标放上去时边框颜色变为#CC6600，显示效果如下图所示。

素材获取

所有设计要求，都在后台获取的设计图中，不再用文字叙述，直接开干。

设计图和素材，都放在公众号后台回复：

【QDSZ6】即可获取！

写在前边

入土系列前端入门实战项目共十个，十天内完成即可。

项目中遇到什么问题，欢迎加入小鹿大大前端技术切磋群和 200 名小伙伴一起切磋，切磋，看谁更硬核。

入土系列 | 前端入门实战项目（六）