网页制作考题操作步骤

五、制作网站主要页面：共40分。（题库1.7.1试题单）

1、利用素材库文件夹“网页设计制作员素材\1.7.1”文件夹。“Sweet Wedding”婚庆网站主页效果图“1.7.1.1.bmp”，切片要求“1.7.1.2.bmp”，Flash动画效果“1.7.1.3.swf”。根据要求制作“Sweet Wedding”婚庆网站主要页面，具体内容如下：

（1）使用Dreamweaver网页制作工具新建“Sweet Wedding”站点；

（2）对网站主页效果图1.7.1.1.bmp进行切片处理，并以网页形式导出；

（3）在“Sweet Wedding”站点内制作二级功能模块页面；

（4）完成网站主页的链接设置；

（5）制作“论坛”模块主页面的网页框架。

2、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.7.1”子目录，将所有操作结

果保存至该文件夹下。

（2）使用Dreamweaver网页制作工具在指定保存位置建立“Sweet Wedding”站点，具体要求如下：

a）使用Dreamweaver网页制作工具，在指定保存位置下创建“SweetWedding1.7.1”

站点；

b）在站点文件夹中，创建图象文件夹“images”；

（3）按照切片要求1.7.1.2.bmp要求对网站主页效果图1.7.1.1.bmp进行切片处理，并以网页形式导出结果：

a）将结果作为站点“SweetWedding1.7.1”的主页面至站点文件夹；

b）生成的图片格式为gif，图片文件按照“index_序号”命名，保存“SweetWedding1.7.1”

站点文件夹的“images”目录下；

（4）利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下：

a）comintro.html，添加文本“公司介绍”，添加首页链接

新建一个空白页面，输入：公司介绍，再输入：首页。

再选中“首页”，链接：index.html。

文件——另存为：comintro.html（位置：C:\考生文件夹\1.7.1\SweetWedding1.7.1\）b）wedserv.html，添加文本“婚庆服务”，添加首页链接

直接将“公司介绍”改为“婚庆服务”

文件——另存为：wedserv.html（位置：C:\考生文件夹\1.7.1\SweetWedding1.7.1\）c）wedbook.html，添加文本“结婚手册”，添加首页链接

直接将“婚庆服务”改为“结婚手册”

文件——另存为：wedbook.html（位置：C:\考生文件夹\1.7.1\SweetWedding1.7.1\）（5）根据操作要求修改完成的网站首页文件，完成首页的若干链接设置，具体要求如下：a）设置热区链接，公司介绍：comintro.html，在当前页打开页面

双击“index.html”，点击“公司介绍”图片，在属性左下方点击“矩形热区链接”在公司介绍图片中绘制一个长方形，并链接为：comintro.html。

b）设置热区链接，婚庆服务：wedserv.html，在新窗口中打开

在属性左下方点击“矩形热区链接”在婚庆服务图片中绘制一个长方形，并链接为：wedserv.html，目标为：_blank

c）设置热区链接，结婚手册：wedbook.html，在新窗口中打开

在属性左下方点击“矩形热区链接”在结婚手册图片中绘制一个长方形，并链接为：wedbook.html，目标为：_blank

d）为“首页”建立图片链接，链接地址为：“#”

点击“首页”图片，在属性中将边框改为：0，再链接为：#

e）为“登录”建立图片链接，链接地址为：“#”

点击“登录”图片，在属性中将边框改为：0，再链接为：#

f）为“注册”建立图片链接，链接地址为：“#”

点击“注册”图片，在属性中将边框改为：0，再链接为：#

g）为“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：sweetwedding@https://www.360docs.net/doc/e08127161.html,；

点击“联系我们”图片，在属性中将边框改为：0，

再链接为：mailto: sweetwedding@https://www.360docs.net/doc/e08127161.html,

（6）根据操作要求选择使用框架网页方式，制作“论坛”模块主页面的网页框架，具体要求如下：

a）文件名为“bbs.html”，保存至站点文件夹

b）采用T型框架，页面大小为780像素×428像素；

c）顶端页面高度120像素，框架名称top，文件名为“bbs_top.html”，添加文本“bbs_top”；

d）左侧页面宽度150像素，框架名称left，文件名为“bbs_left.html”，添加文本“bbs_left”；

e）右侧页面长度578像素，框架名称main，文件名为“bbs_main.html”，添加文本“bbs_main”，并在页面中添加素材1.7.1.3.swf。

f）在top框架网页上增加首页链接，链接到首页，目标为main框架。

1,文件——新建——示例中的页——框架集——T型框架（上方固定，左侧嵌套），创建，确认。

2，按F12键，先保存：“bbs.html”，然后保存：bbs_main.html，再保存： bbs_left.html，最后再保存：bbs_top.html。

3，点击水平线，在属性中更改顶端高度120像素，光标定在顶端，添加文本“bbs_top”；4，点击垂直线，在属性中更改左侧宽度150像素，光标定在左端，添加文本“bbs_letf”；5，点击垂直线，在属性中更改右侧长度578像素，光标定在左端，添加文本“bbs_main”；并将素材1.7.1.3.swf拖动到网页中。

6，光标定在顶端中，输入：首页，并链接：index.html，目标：main框架

7，双击“index.html”，在属性左下方点击“矩形热区链接”在论坛图片中绘制一个长方形，并链接为：bbs.html，

五、制作网站主要页面：共40分。（题库1.7.2试题单）

1、利用素材库文件夹“网页设计制作员素材\1.7.2”文件夹。网站首页效果图样张“1.7.2.1.bmp”，网站首页切片素材“1.7.2.2.bmp”，网站首页切片要求“1.7.2.3.bmp”，素材“1.7.2.4.swf”，图片素材库文件夹“1.7.2.4”。参照样张，并根据要求制作“凝玉轩”网站主要页面，具体内容如下：

（1）使用Dreamweaver网页制作工具建立“凝玉轩”站点；

（2）根据操作要求使用Photoshop图像设计工具对网站首页切片素材1.7.2.2.bmp进行切片处理，并导出网站首页；

（3）根据操作要求利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本；

（4）根据操作要求修改素材库文件夹“1.7.2.4”内的网站首页文件，完成首页的若干链接设置；

（5）根据操作要求选择使用框架网页方式，制作“访客留言”模块主页面的网页框架。

2、操作要求

（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.7.2”子目录，将所有操作结

果保存至该文件夹下。

（2）使用Dreamweaver网页制作工具在考生文件夹建立“凝玉轩”站点，具体要求如下：a）使用Dreamweaver网页制作工具，在指定保存位置下创建“NingYuXuan2.2”站点；

b）在站点文件夹中，创建图象文件夹“images”；

（3）使用Photoshop图像设计工具对网站首页切片素材1.7.2.2.bmp进行切片处理，，并导出网站首页，具体要求：

a)按照网站首页切片要求1.7.2.3.bmp

b)网页文件命名为index.html，保存到创建的“凝玉轩”站点文件夹；

c)图片文件按照“index_编号.jpg”命名，保存到“凝玉轩”站点的“images”目录；

（4）利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下：

a）show.html，添加相应文本“饰品展示”，在页面上引用素材1.7.2.4.swf；

b）owner.html，添加相应文本“店铺主人”，添加返回首页链接，添加关闭窗口按钮，并实现链接及按钮功能；

c）knows.html，添加相应文本“玉饰知识”，添加返回首页链接，并实现链接及按钮功能；

d）文件保存在站点文件夹根目录；

（5）根据操作要求修改素材库文件夹“1.7.2.4”内的网站首页文件，完成首页的若干链接设置，具体要求如下：

a）将图片素材库文件夹“1.7.2.4”内的网站首页按钮图片文件复制到站点文件夹：b）建立“首页”的图片链接，链接至“#”形式为替换本页打开方式。

c）建立“饰品展示”的图片链接，链接至“show.html”，在新窗口中打开。

d）建立“店铺主人”的图片链接，链接至“owner.html”，在新窗口中打开。

e）建立“玉饰知识”的图片链接，链接至“knows.html”，在新窗口中打开。

f）建立“客户留言”的图片链接，链接至“message.html”，在新窗口中打开。

g）建立“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：“ningyuxuan@ https://www.360docs.net/doc/e08127161.html,”；

h）建立最新小常识右侧的“more”设置热区链接，链接至“#”；

（6）根据操作要求选择使用框架网页方式，制作“访客留言”模块主页面的网页框架，具体要求如下：

a）文件名为“message.html”，保存到网站文件夹根目录；

b）采用T型框架，页面大小为780像素×428像素；

c）顶端页面高度120像素，框架名称top，文件名为“message_top.html”，添加文本“message _top”，文件保存到网站文件夹根目录；

d）左侧页面宽度150像素，框架名称left，文件名为“message _left.html”，添加文本“message _left”，保存到网站文件夹根目录；

e）右侧页面宽度578像素，框架名称main，文件名为“message _main.html”，添加文本“message _main”，保存到网站文件夹根目录。

f）在top框架的页面中添加“返回首页”链接，目标框架“main”，链接指向网站首页。