【时间要求】 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分）。
12. 页面底部区域背景颜色为#59413e，字体大小为12px，颜色为#997f7a。Copyright©文字中©符号为必有，字体为arial字体。（5分）。
13. 页面制作（10分），页面中其他文字和图片格式不做要求，具体可参考网页效果图（index.jpg）。
14. 整体页面效果（10分）。
网页素材包下载：
images.zip
申请免费空间，并把所做网页发布到服务器，通过域名访问。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/1931.html
微信扫一扫 
支付宝扫一扫