[网页设计与制作]3
注意事项:
1、将D盘“网页素材3”文件夹改名为考生本人的学号+姓名+wyC(例:20040001张三wyC) (以下均称为考生文件夹),
2、考试所需的素材全部已在该考生文件夹中,考试所做的结果必须保存在该考生文件夹内。
3、建立的站点根文件夹必须是考生文件夹下的某一级目录。考试过程中应注意经常保存文件。
4、答题以试题文字要求为准,样张仅供参考。
5、考试结束之后请学生把考试文件夹按要求上传到教师机或服务器。
一、制作网页主要页面(60分)
1、本题素材均在考生文件夹中的“KS1”文件夹内。
2、操作要求
(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”文件夹内。
2、操作要求
(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)为“message_main”div标签在css.css中定义一个css类。要求:文本属性为:宋体、12像素、1.5倍行高、深绿色(#287700);背景颜色为:浅绿色(#DEF1B1);边框样式从效果图判断,粗细为1像素,深绿色(#287700)。
d)在嵌套表格的第1行输入文本“请在此留言”,居中显示。
(6)参照效果图样张1.1.2.1.bmp完成留言板的制作,并保存结果,具体要求如下: a)在嵌套表格的第2行建立一个表单,表单名:messageForm,表单操作:save.aspx,method:post;在表单内再嵌套一个5行3列,宽度为100%的表格。
b) “您的大名:”表单域名称:yourname,类型:text;
c)“QQ:”表单域名称:qqno,类型:text;
d)“来自:”表单域名称:fromcity,类型:text;
e)“邮箱地址:”表单域名称:mailbox,类型:text;
f)“性别:”表单域名称:sex,类型:select,选项:保密、男、女; g)“主页:”表单域名称:webpage,类型:text;
h)“内容:”表单域名称:messageinfo,类型:textarea;
i)“提交留言”表单域名称:submitbutton,类型:button;