网页中级学习案例

《网页中级学习案例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计中级《网页设计制作员》中级教学案例荟萃目录一、设计制作网页内容文字和图表效果。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。3二、制作Gif动画。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。8三、制作flash常规效果。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。12四、设计制作网页动态效果。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。15五、

2、设置完成并检验网页动态效果。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。17六、网页优化及管理维护。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。19七、制作网站主要页面。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。21课程安排1234567895月286月116月186月257月27月97月167月23待定网页基础及Fireworks做Gif动画Flash动画Flash动画Dreamweaver入门Dr

3、eamweaver进阶Dreamweaver制作较复杂网页PhotoshopDreamweaver制作网页网页动态效果、优化、维护总复习2011年5月第29页共29页融沃在线www.rwedu.net网页设计中级一、设计制作网页内容文字和图表效果习题1.1.11、操作内容：利用素材库文件夹“网页设计制作员素材1.1.1”内的“1.1.1.2文件夹”中的网页文件，参照样张“1.1.1.1.bmp”，完成论坛注册页面的制作，具体操作内容如下：编辑素材库文件夹“1.1.1.2”内的“zc.html”，按照要求插入图片并添加文字，为页面的布局表格设置背景，

4、页面设置统一的字体，制作“检查用户名”区域内容,制作页面的“填写信息”区域内容,保存操作结果.2、操作要求（1）学员务必在指定位置建立学员文件夹，并在其下建立“1.1.1”子目录，将所有操作结果保存至该文件夹下。（2）用Dreamweaver编辑素材库文件夹“1.1.1.2”的“zc.html”，参照效果图样张“1.1.1.1.bmp”，在布局表格内适当位置插入文件夹“1.1.1.2”中的图片“imageszc-1.jpg”，并添加说明文本“用户注册”（3）用素材库文件夹“1.1.1.2”中的图片“imageszc-4.gif”设置布局表格单元格

5、背景（4）用CSS样式表为“zc.html”整个页面布局表格的单元格，设置统一的字体:大小：12像素；行高：2倍行高；CSS样式采用内部标签形式。（5）参照效果图样张“1.1.1.1.bmp”，按以下要求制作“zc.html”页面上的“检查用户名”区域内容a)为给定文本设定CSS样式。b)为布局表格特定位置设定CSS样式，并应用该样式。c)在布局表格内适当位置添加给定文本，并为文本内容应用CSS样式。d)在布局表格内适当位置添置和制作表单以及表单对象，并设置表单对象的动作属性为无。（6）按以下要求制作“zc.html”页面上的“填写信息”区域内容a)

6、在布局表格适当位置，按效果图样张，添加文本“（带*的为必填项）”，按效果图设置文本颜色和对齐方式。b)参照效果图，在布局表格适当位置制作嵌套表格并在表格内制作“提示问题”、“性别”、“电子邮件”表单项。c)为文本“推荐：QQ邮箱”设置链接“http://mail.qq.com”，为“sogou邮箱”设置链接“http://mail.sogou.com”e)参照效果图样张，在布局表格的适当位置插入相应表单元素，表单对象的动作属性为“提交”。第29页共29页融沃在线www.rwedu.net网页设计中级（7）将操作结果相关文件全部保存至学员文件夹下1.1

7、.1目录。习题1.1.21、利用素材库文件夹“网页设计制作员素材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完成留言板的制作，并保存结果2、操作要求（1）学员务必在指定位置建立学员文件夹，并在其下建立1.1.2子目录，将所有操作结果保存

8、至该文件夹下。（2）使用Dreamweaver创建“留言板”站点，具体要求如下：a）使用Dreamweave