Dreamweaver上机练习电子商务网站建设

《Dreamweaver上机练习电子商务网站建设》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、Dreamweaver上机练习练习一基本操作一、建立本地站点1.在C盘根目录下建立一个名为web的子文件夹。2.在web文件夹下，建立一个名为images的了文件夹（用于存放网站的图片文件）。3.定义一个本地站点，其中站-点名为：mywebsite,站点的根目录为web。练习二、制作“列表”网页1•网页效果图如下所示I.创建站点・Dreamweaver的工作界面■新建站点■编辑网页■上传网站II.文本的修怖■设置文本格式•设置列表•设置超链接2.新建一个网页，输入文字。3.进行如下设置⑴网贝背景色：CCFFFF⑵网页标题：列表⑶以【

2、II开头的两行文字设直成黑体、18像索、颜色为999900,其余文字设置成宋体、14像素、颜色为990000o练习三、制作“表单”网页。1.在站点中建立一个新的网页文件pagc3.htm，网贞标题为“网上调查”。2.在网页中插入一表单，按样图一逐行插入水平屈中对齐的两个单行文本框、两个单选按钮、三个复选框、一个文木域和两个按钮。3.设置表单元件属性，要求：①设直“姓名：”所在行的单行文本框属性：宽度8；②设置“密码：”所在行的单行文本框属性:宽度15,类型:密码；③设置“买过盗版光盘吗？:,,所在行的单选按钮属性：初始选定状态为“没

3、买过”；③设置“盂要哪些光盘：”所在行的复选框属性：初始选定状态均未选中；④设置“我要说说：”所在行的文木域属性：宽度35,行数5,初始值为“请输入你的建议一谢谢”;⑤两个按钮中左按钮的值设为：提交、类型设为：提交；右按钮的值设为：修改，类型设为：璽置。练习四、使用框架排版1.建立shiti5.htm页,主页显示效果如图所示。网页内容由框架定位。电13报主页电前演讯期刊資料董询縣系我们最新资讯<・st借产部又格桂岀手机电池怖准121信产部又将推岀手机电池标准借产部又将桂岀手机电池标准在此主页中，将顶部的框架源文件设为head.htm

4、,左侧的框架源文件设为left.htm,主框架源文件设为main.htm。各源文件显示的效果如上图。在此框架页屮，显示框架边框,边框宽度为E2.制作head.htm页面此页面中用表格放置图片logo.jpg和adv_tvc2.gifo3.制作left.htm页面1）此页面中的“电脑报主页”链接的文件为：main.htm,"电影资讯”链接的文件为:film.htm,"期刊资料查询”链接的文件为：search.htmo"请与我联系”链接至本考生的电了邮箱地址。各链接的链接H标位置设定为mainFramCo2）设置css样式。所冇样式都设

5、为仅对该文档冇效。样式要求为：“使用css选择器”分别对a:link,a:hover,a:active,arvisited四种情况进行设置,这四种情况中均将文字大小设为13像素，修饰设为“无”，颜色均设为“#FF6600”。3.制作main.htm页面此页面中字体为“宋体”,颜色为“#FF6600”，大小为“12像素”。练习五：在Fireworks8中制作“心形”图片。练习六：在Fireworks中制作一张个人收藏"邮票”练习七：在Fireworks8中制作动态按钮。要求：按钮静止时的外观如图1所示，鼠标滑过按钮时按钮的外观如图2所

6、示。图1图2练习八：在Fireworks8中制作动画效果。