电子商务网页设计与制作实验指导书
蚌埠学院经济与管理系2013年12月
f目录
实验一实验二实验三实验四实验五实验六实验七实验八
认识DW界面及基本操作网页中文本和图像超级链接和表格的应用层表单的应用行为库、模板的应用网站建设、管理与优化
I
f实验一认识DW界面及基本操作
【实验目的】
掌握Dreamweaver8软件界面的构成及基本操作方法。
【实验内容】
(1)熟悉Dreamweaver8的工作界面;(2)用Dreamweaver8定义网站;
【实验步骤】
1Dreamweaver8简介,启动,界面认识;2.创建一个站点;3.创建和打开一个文档;4.网页的新建,保存,预览,关闭,打开。
要求:用DW建立“个人简介”页面,写清学号、姓名等相关信息。5.字体,标题级,颜色,效果设定。6设置文档的属性。
【实验要求】
按实验内容完成操作,完成实验报告,在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果。
实验二网页中文本和图像
【实验目的】
掌握普通文本和图像的插入方法;掌握特殊文本的插入方法;掌握应用项目列表;掌握文本格式化的方法;掌握图像的基本编辑方法。
【实验内容】
(1)在网页中插入普通文本;(2)在网页中插入特殊文本;(3)在网页中应用项目列表;(4)对插入的文本进行格式化;(5)在网页中插入图像;(6)图像的基本编辑
第1页
f【实验步骤】1制作一个“名车风范”网页。要求在自选图片上创建三个热点,分别连接到自拟的
文字段中。并要求当鼠标悬停在相应热点上时,显示该区提示信息。
【实验要求】按实验内容完成操作,完成实验报告,在实验报告中要求记录设计网页的全过程;所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果。
实验三超级链接和表格的应用
【实验目的】掌握在网页中插入表格的方法;掌握表格的基本编辑操作;了解超级链接的种类;掌握常见链接的制作方法。
【实验内容】(1)在网页中插入表格;(2)在网页中使用超级链接;(3)对表格进行美化。
【实验步骤】1制作一个锚记链接的网页。(网页文字和素材自备,下图仅供参考)
第2页
f要求:网页中所示具有超级链接属性的文字起初不具有下划线,当鼠标悬念在上面时,字体变成红色,且具有下划线。2整合以前做的各种网页,创建一个主页defaultasp,将上述各网页链接起来。并且要求在此主页写上自己的真实班级、学号和姓名。3.制作一个如图所示的表格。要求样式如下,并将各自单元格分别设置成不同颜色,输r