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

【时间要求】 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

(3)
江山如画的头像江山如画管理团队
上一篇 2018年5月17日 下午7:48
下一篇 2018年5月31日 上午11:32

99%的人还看了以下文章

  • 网页制作实战项目三:运动会页面制作

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 运动会页面制作 【上机目的】 1 、掌握表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使用 【上机难点】 1、导航条的制作 2、CSS的使用 【上机内容】 请在规定时间内制作出以下网页:(要求要符合网站建设的规范!) 所需素…

    2018年4月19日
    8.3K1
  • 接到一个网站开发项目怎么去完成?—网站的开发流程

    接到一个网站开发项目怎么去完成? 今天125建站网给大家讲解开发一个网站有哪些流程,学过软件工程中瀑布模型的童鞋可能感觉会很熟悉。 网站的开发流程 【网站需求分析】⇓【制定网站建设方案】⇓【网站制作计划】⇓【页面设计和程序开发】⇓【网站测试】⇓【发布网站】⇓【推广和维护】 网站需求分析: 不管是对个人网站还是商业网站,网站需求分析都是很重要的。比如要为一个公…

    2018年1月29日
    2.0K0
  • 第1章 网页设计与制作基础

    1.1 网站与网页1.2 网页相关的概念1.3 网站制作基本流程1.4 网页设计制作工具

    2018年3月15日
    2.4K0
  • HTML5+CSS3制作网页实例:HTML5入门

    文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面,然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…

    2019年3月7日
    9.7K0
  • 配色如此简单-最实用的配色教程

    本文主要介绍实战中配色方法和设计大师常用的快速配色技巧,希望大家能活学活用。

    2019年10月31日 网页设计
    3.7K0
  • 网站设计的七个步骤

    一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 初学网页制作从这里开始 …

    2020年6月13日
    2.4K0

发表回复

登录后才能评论