网页设计与制作模拟题第一套.docVIP

网页设计与制作模拟题一 注意事项： 1、在D盘新建一个考生文件夹，其文件夹名为：学号+姓名（例三），考生所做的结果必须保存在该考生文件夹内。建立的站点根文件夹必须是考生文件夹下的一级目录。考试过程中应注意经常保存文件。 2、考试所需素材在D盘：\素材文件夹内。 3、答题以试题文字要求为准，样张仅供参考。 一、制作网页主要页面 1、本题素材均在“素材\1\1.7.2”文件夹内。 2、操作要求 （1）考生务必在考生文件夹下建立名字为“KS1”的文件夹，将所有操作结果保存至该文件夹下。 （2）使用Dreamweaver网页制作工具在考生文件夹 建立“NingYuXuan”站点，具体要求如下： a）使用Dreamweaver网页制作工具，在考生文件夹下创建“NingYuXuan”站点； b）在站点文件夹中，创建图象文件夹 “images”； （3）使用Photoshop图像设计工具对网站首页切片素材.bmp进行切片处理，，并导出网站首页，具体要求： a)按照网站首页切片要求.bmp b)网页文件命名为index.html，保存到创建的“NingYuXuan”站点文件夹； c)图片文件按照“index_编号.jpg”命名，保存到“NingYuXuan”站点的“images”目录； （4）利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下： a）show.html，添加相应文本“饰品展示”，在页面上引用素材.swf； b）owner.html，添加相应文本“店铺主人”，添加返回首页链接，添加关闭窗口按钮，并实现链接及按钮功能； c）knows.html，添加相应文本“玉饰知识”，添加返回首页链接，并实现链接及按钮功能； d）文件保存在站点文件夹根目录； （5）根据操作要求修改素材库文件夹“”内的网站首页文件，完成首页的若干链接设置，具体要求如下： a）将图片素材库文件夹“”内的网站首页按钮图片文件复制到站点文件夹： b）建立“首页”的图片链接，链接至“#”形式为替换本页打开方式。 c）建立“饰品展示”的图片链接，链接至“show.html”，在新窗口中打开。 d）建立“店铺主人”的图片链接，链接至“owner.html”，在新窗口中打开。 e）建立“玉饰知识”的图片链接，链接至“knows.html”，在新窗口中打开。 f）建立“客户留言”的图片链接，链接至“message.html”，在新窗口中打开。 g）建立“联系我们”设置图片链接，的链接方式是邮件链接，邮件地址为：“ningyuxuan@ ”； h）建立最新小常识右侧的“more”设置热区链接，链接至“#”； （6）根据操作要求选择使用框架网页方式，制作“访客留言”模块主页面的网页框架，具体要求如下： a）文件名为“message.html”，保存到网站文件夹根目录； b）顶端页面高度120像素，框架名称top，文件名为“message_top.html”，添加文本“message _top”，文件保存到网站文件夹根目录； c）左侧页面宽度150像素，框架名称left，文件名为“message _left.html”，添加文本“message _left” ，保存到网站文件夹根目录； d）右侧页面宽度578像素，框架名称main，文件名为“message _main.html”，添加文本“message _main” ，保存到网站文件夹根目录。 e）在top框架的页面中添加“返回首页”链接，目标框架“main”，链接指向网站首页。 二、设计制作网页内容文字和图表效果 1、本题素材均在“素材\1\1.1.2”文件夹内。 2、操作要求 （1）考生务必在站点根文件夹（D:\学号+姓名）下建立名为“KS2”的文件夹，将所有操作结果保存至该文件夹下。（考生文件夹命名：“学号+姓名”） （2）复制未全部完成的留言板网页素材库文件夹“”内的网页html文件及图片至“KS2”文件夹目录； （3）依据效果图样张.bmp创建留言板网页布局表格，具体要求如下： a）用Dreamweaver编辑“message.html”，按效果图样张，在布局表格相应单元格内嵌套一个3行1列，宽度为640像素的表格； （4）参照效果图样张.bmp，应用CSS+DIV技术，在表格第一行制作留言板头部分，具体要求如下: a）在相应单元格内嵌套一个id和名称均为“message_top”的div标签。 b）在css.css中为div标签“message_top”定义一个CSS样式。要求设置字体属性为：宋体、14像素、2倍行高、白色；背景颜色绿色（#64C31F）；边框为1像素的深绿色（#287700）实线。 c）在div标签内输入文本“留言板”，