网页设计与制作 3.docxVIP

网页设计与制作 3 lbrack;网页设计与制作rsqb;3 1、将D盘“网页素材3”文件夹改名为考生本人的学号+姓名+wyC(例三wyC) （以下均称为考生文件夹）， 2、考试所需的素材全部已在该考生文件夹中，考试所做的结果必须保存在该考生文件夹内。 3、建立的站点根文件夹必须是考生文件夹下的某一级目录。考试过程中应注意经常保存文件。 4、答题以试题文字要求为准，样张仅供参考。 5、考试结束之后请学生把考试文件夹按要求上传到教师机或服务器。 一、制作网页主要页面(60分) 1、本题素材均在考生文件夹中的“KS1”文件夹内。 （1）使用Dreamweaver网页制作工具建立名称为“Cuihai 1”的站点，具体要求如下： a）使用Dreamweaver网页制作工具，在考生文件夹下创建“Cuihai 1”站点；站点根文件夹为KS1文件夹 （2）使用Photoshop图像设计工具对网站首页切片素材1.7.5.2.bmp进行切片处理，并导出网站首页，具体要求： a)按照网站首页切片要求1.7.5.3.bmp对切片素材1.7.5.2.bmp进行切片处理； b)切片之后所形成的网页文件命名为index.html，保存到KS1文件夹中； c)图片文件按照“index_编号.jpg”命名； （3）利用Dreamweaver在站点内制作二级功能模块页面的空白html文件，并在网页中添加相应文本，要求如下： a）about.html，添加相应文本“关于幼儿园”，添加“1.7.5.4.swf”导航条； b）education.html，添加相应文本“教育教学”，添加“主页”链接返回主页； c）recruit.html，添加相应文本“招生信息”，添加“主页”链接返回主页； e）文件保存在KS1文件夹下。 （4）根据1.7.5.1.bmp的样张，按下列操作要求修改网站首页文件index.html，完成首页的若干链接设置，具体要求如下： a）在index.html的相应位置插入“关于幼儿园”、“ 教育教学”、“ 招生信息”、“ 联系方式”、“家园互动”等图片（图片文件在1.7.5.4\image文件夹中）： b）建立“关于幼儿园”的图片链接，链接至“#”形式为替换本页打开方式。 c）建立“教育教学”的图片链接，链接至“education.html”，在新窗口中打开。 d）建立“招生信息”的图片链接，链接至“recruit.html”，在新窗口中打开。 g）建立“联系方式”设置图片链接，的链接方式是邮件链接，邮件地址为： “cuihai@cuihaicom”； h）为左上角的logo图片设置热区链接，链接至“#”； 二、设计制作网页内容文字和图表效果(40分) 1、本题素材均在考生文件夹中的“KS2”文件夹内。 （1）使用Dreamweaver网页制作工具在考生文件夹 建立名称为“Cuihai 2”的站点，具体要求如下： a）使用Dreamweaver网页制作工具，在考生文件夹下创建“Cuihai 2”站点；站点根文件夹为KS2文件夹 （2）依据效果图样张1.1.2.1.jpg创建留言板网页布局表格，具体要求如下： a）用Dreamweaver编辑“message.html”，按效果图样张，在布局表格相应单元格内嵌套一个3行1列，宽度为640像素的表格； （3）参照效果图样张1.1.2.1.bmp，应用CSS+DIV技术，在表格第一行制作留言板头部分，具体要求如下: a）在相应单元格内嵌套一个id和名称均为“message_top”的div标签。 b）在css.css中为div标签“message_top”定义一个CSS样式。要求设置字体属性为：宋体、14像素、2倍行高、白色；背景颜色绿色（#64C31F）；边框为1像素的深绿色（#287700）实线。 c）在div标签内输入文本“留言板”，并居中对齐 （4）参照效果图样张1.1.2.1.bmp，编辑表格第二行，具体要求如下: a）在表格第二行内插入水平线 （5）参照效果图样张1.1.2.1.bmp，应用CSS+DIV技术，在表格第三行制作“请在此留言”部分，具体要求如下: a）在相应单元格内嵌套一个id和名称均为“message_main”的div标签。 b）在“message_main”div标签内嵌套一个2行1列宽度为100%的表格。 c）为“messag