试题编号：3-1“青春树儿童摄影网”首页制作 ——导航与最新动态模块

项目描述

​ 童年是人生中最纯真的年代，也是我们被家人呵护、受尽百般宠爱的黄金时期。为此，每位家长都希望给孩子的童年多留下些美好回忆，除了录制视频外，儿童摄影也是很不错的选择。为了使更多的家长了解到儿童摄影，“青春树儿童摄影”的CEO李总致电HC公司项目负责人王经理，计划定制一个主题网站。此任务安排给实生小黄，小黄已经有了一定制作静态网页的基础，决定先从首页的导航与最新动态模块着手。

​ 请完成导航与最新动态模块相关任务，如图2.1所示。相关素材见试题3-1。

​ 导航与最新动态模块效果图

任务描述与评分标准（共100分）

任务1：请根据效果图按要求对“青春树儿童摄影网”首页进行整体布局。（小计10分）

1）此案例中导航与最新动态模块宽980px，水平居中；（5分）

2）页面中大部分的字体为微软雅黑。（5分）

任务2：请根据效果图按要求制作导航模块。（小计30分）

1）整个导航部分背景图片 bg.jpg，水平居中，与内容之间有10像素的距离；（10分）

2）导航栏背景图片nav.png，水平居中，导航文字为“网站首页、关于我们、摄影作品、联系我们”，横向排列，分别调整好位置；（10分）

3）导航文字均为超链接，文字为16像素、灰色#666、加粗效果；（5分）

4）当鼠标悬停到超链接上时，文字变为颜色#633。（5分）

任务3：请根据效果图按要求制作最新动态模块。（小计55分）

1）整个最新动态模块宽980像素，高400像素，水平居中，靠中部上方有一张背景图dongtai.jpg；（10分）

2）动态模块中分成左、中、右三部分，之间有适当距离，分别由可以切换的图片、标题h2、段落、阴影图构成，之间均有适当距离；（30分）

3）可切换的图片原本为news1.jpg、news2.jpg、news3.jpg三张图片，当鼠标悬停在图片上方时，切换为news4.jpg图片；（10分）

4）段落中文字为14像素楷体，行高20像素，颜色#666；（5分）

任务4：作品提交要求（小计5分）

1）在“网页技能抽查提交资料\”文件夹内创建考生文件夹，考生文件夹的命名规则：考生学校+考生号+考生姓名，示例：湘西民族职业技术学院01张三。（3分）

2）“网页技能抽查提交资料”文件夹内保存代码源文件及引用的相关素材文件，代码源文件以“姓名_题号.html”命名，最终将考生文件夹进行压缩后提交。（2分）