中级网页设计之网页布局

《中级网页设计之网页布局》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网页布局1.1.1=1、操作内容：利用素材库文件夹“网页设计制作员素材1.1.1”内的“1.1.1.2文件夹”中的网页文件，参照样张“1.1.1.1.bmp”，完成论坛注册页面的制作，具体操作内容如下：（1）编辑素材库文件夹“1.1.1.2”内的“zc.html”，按照要求插入图片并添加文字（2）为“zc.html”页面的布局表格设置背景（3）为“zc.html”页面设置统一的字体（4）制作“zc.html”页面的“检查用户名”区域内容（5）制作“zc.html”页面的“填写信息”区域内容（6）保存操作结果操作要求（1）考生务必在指定位置建立考生文件夹，并在其下建立“1.1.1”子

2、目录，将所有操作结果保存至该文件夹下。（2）用Dreamweaver编辑素材库文件夹“1.1.1.2”的“zc.html”，参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置插入文件夹“1.1.1.2”中的图片“imageszc-1.jpg”，并添加说明文本“用户注册”（3）参照效果图样张“1.1.1.1.bmp”，用素材库文件夹“1.1.1.2”中的图片“imageszc-4.gif”设置布局表格单元格背景（4）用CSS样式表为“zc.html”整个页面布局表格的单元格，设置统一的字体a)大小：12像素；b)行高：2倍行高；c)CSS样式采用内部标签形式。（5）参照

3、效果图样张“1.1.1.1.bmp”，按以下要求制作“zc.html”页面上的“检查用户名”区域内容a)参照效果图样张“1.1.1.1.bmp”，为给定文本设定CSS样式。b)参照效果图样张“1.1.1.1.bmp”，为布局表格特定位置设定CSS样式，并应用该样式。c)参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置添加给定文本，并为文本内容应用CSS样式。d)参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置添置和制作表单以及表单对象，并设置表单对象的动作属性为无。（6）参照效果图样张“1.1.1.1.bmp”，按以下要求制作“zc.html”页面上的“填

4、写信息”区域内容a)在布局表格适当位置，按效果图样张，添加文本“（带*的为必填项）”，按效果图设置文本颜色和对齐方式。b)参照效果图样张，在布局表格适当位置制作嵌套表格并在表格内制作“提示问题”、“性别”、“电子邮件”表单项。c)为文本“推荐：QQ邮箱”设置链接“http://mail.qq.com”，为“sogou邮箱”设置链接“http://mail.sogou.com”e)参照效果图样张，在布局表格的适当位置插入相应表单元素，表单对象的动作属性为“提交”。（7）将操作结果相关文件全部保存至考生文件夹下1.1.1目录。（关键步骤，如未保存结果，整个题目都不得分）1.1.2=1、利

5、用素材库文件夹“网页设计制作员素材1.1.2”内的“1.1.2.2文件夹”中的网页文件，参照样张“1.1.2.1.bmp”，完成页面的制作，具体操作内容如下：（1）使用Dreamweaver创建“留言板”站点（2）依据效果图样张1.1.2.1.bmp创建留言板网页布局表格（3）参照效果图样张1.1.2.1.bmp，在表格第一行制作留言板头部分（4）参照效果图样张1.1.2.1.bmp，编辑表格第二行（5）参照效果图样张1.1.2.1.bmp，在表格第三行制作“请在此留言”部分（6）参照效果图样张1.1.2.1.bmp完成留言板的制作，并保存结果3、操作要求（1）考生务必在指定位置建

6、立考生文件夹，并在其下建立1.1.2子目录，将所有操作结果保存至该文件夹下。（2）使用Dreamweaver创建“留言板”站点，具体要求如下：a）使用Dreamweaver在指定保存位置创建“message2.2”站点文件夹b）复制未全部完成的留言板网页素材库文件夹“1.1.2.2”内的网页html文件及图片至“留言板”站点文件夹目录；（3）依据效果图样张1.1.2.1.bmp创建留言板网页布局表格，具体要求如下：a）用Dreamweaver编辑“message.html”，按效果图样张，在布局表格相应单元格内嵌套一个3行1列，宽度为640像素的表格；（4）参照效果图样张1.1.2.

7、1.bmp，应用CSS+DIV技术，在表格第一行制作留言板头部分，具体要求如下:a）在相应单元格内嵌套一个id和名称均为“message_top”的div标签。b）在css.css中为div标签“message_top”定义一个CSS样式。要求设置字体属性为：宋体、14像素、2倍行高、白色；背景颜色绿色（#64C31F）；边框为1像素的深绿色（#287700）实线。c）在div标签内输入文本“留言板”，并居中对齐（5）参照效果图样张1.1.2.1.bmp，