网页设计与制作实训指导书 下载本文

内容发布更新时间 : 2024/5/23 9:49:28星期一 下面是文章的全部内容请认真阅读。

此部分实训内容采用全体考察的方法,考核以站点规划书的完整性、实用性和创造性为评分标准,以A(优秀)、B(良好)、C(及格)、D(不及格)为成绩标准。 七、思考和练习

作为电子商务专业,你觉得在撰写电子商务站点规划书应该着重突出哪几个方面,为什么?

8

实训五 整体布局设计

一、

实训目的和要求

在站点规划完成的基础上,按照站点规划书进行网站整体的布局 设计。

要求:

1.设计作品中的各种文件夹和文件名均使用英文名(小写); 2.设计作品首页文件名为index.htm、default.htm等; 3.设计作品中中文字体设定为简体字;

4.网页应有较好的浏览兼容性,同时应考虑显示分辨率(以800*600为显示标准),浏览器为IE 7.0以上;

5.主题鲜明,具有实用性,清晰表达设计意图; 6.结构清楚合理,便于浏览查找;

7.色彩搭配协调,页面美观,具有艺术品位;

8.注意下载速度、语言代码、导航效果、实用性、时效性; 二、实训内容

1.站点的创建。 2.绘制草稿图。

3.利用草稿图对网站各页面进行布局设计。 三、实训准备

Dreamweaver 8中文版/英文版、PhotoShop7.0以上版本。 四、 实训步骤

1.指导学生完成站点的创建。要求如下:

(1)站点文件夹以自己的班级和自己的学号的组合命名。

(2)在站点文件夹中建立相关页面,以确保连接和图像处理操作中路径的正确性。

(3)所有的资源都保存在assets资源文件夹中,assets文件夹可以细分为pic、animation、sound等子文件夹。

如果需要CSS样式单文件,则CSS样式单文件单独放置于css文件夹中。 2.指导学生完成草稿图的绘制,包括首页和二级页面。要求如下:

9

1) 为了便于布局视图的绘制,草稿图的宽度统一为777像素,高度根

据站点内容进行设置。

2) 草稿图统一用photoshop进行绘制。 3) 草稿图上必须表明每板块的内容名称。

2. 指导学生利用草稿图进行网页各个页面的布局设计(使用布局视图)。方

法简述如下: 1) 进入布局视图。 2) 载入草稿图。

3) 绘制一个布局表格覆盖整个草稿图,即绘制一个宽度为777的表格。

保证在分辨率变化的情况下,网页不会出现异常现象。 4) 分别对个板块绘制布局表格。 5) 进行保存。

五、实训方法

机房操作。 六、考核办法

此部分实训内容采用全体考察的方法,以百分制为满分,具体评分标准如下: 1. 站点创建的规范性和熟练程度(25分) 2. 草稿图的绘制(20分) 3. 草稿图的载入(5分) 布局视图的相关操作(50分) 七、思考和练习

布局视图和表格视图在版面布局中各有优势和劣势?对怎样的版面布局应该用布局视图,又对怎样的版面布局应该用表格视图?

10

实训六 搜集和创建资源

一、 实训目的和要求

1. 按照实训四所完成的站点规划书的要求完成站点设计和制作中资源的搜

集和创建工作。要求如下:

a) 为了维护机房秩序,与因特网互联期间,由老师监督,不可利用实

训时间进行任何与实训无关的活动。 b) 实训指导教师推荐资源站点供学生参考。

c) 实训指导教师严格把关,保证资源创建和搜集的完整性。

二、实训内容

在因特网上搜索资源或在本机上创建所需资源。 三、实训准备

Dreamweaver 8中文版 、WORD2000以上版本、Photoshop7.0以上版本、 与因特网连接的局域网。 四、 实训步骤

根据网站规划书的内容和网站建设的需要,在因特网上搜索素材,素材包括网页的信息内容和网页的主题设计内容。 五、 实训方法

机房上网并利用本机软件完成。 六、 考核办法

此部分是学生在因特网和本机上进行资源的搜集和创建,故无需进行考核,但需要指导学生按照站点规划书的要求完成站点资源的搜集和创建工作。 七、 思考与练习

此部分是学生在因特网和本机上进行资源的搜集和创建,故无练习。

11

实训七 页面素材设计

一、 实训目的和要求

按照实训四所完成的站点规划书的要求完成站点设计和制作中的页面素材的设计工作。要求如下:

1. 严格按照站点规划书的内容进行页面素材设计。 2. 实训指导教师给予页面主题的相关指导。 二、实训内容

在本机上进行页面素材设计。 三、实训准备

Dreamweaver 8中文版 、WORD2000以上版本、Photoshop7.0以上版本 。与因特网连接的局域网。 四、 实训步骤

1. 公共页面素材的设计。 2. 首页独有页面素材的设计。 3. 各二级页面独有页面素材的设计。

4. 将设计好的素材文件存放在资源文件夹中。 五、 实训方法

机房利用本机软件完成。 六、 考核办法

此部分是学生在本机上进行页面素材的搜集和创建,故无需进行考核,但需要指导学生按照站点规划书的要求完成页面素材的创建工作。 七、 思考与练习

此部分是学生在本机上进行页面素材的创建,故无练习。

12