整理电子商务网页设计与制作实验指导书 2Word格式文档下载.docx
《整理电子商务网页设计与制作实验指导书 2Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《整理电子商务网页设计与制作实验指导书 2Word格式文档下载.docx(12页珍藏版)》请在冰豆网上搜索。
实验指导书
蚌埠学院经济与管理系
2013年12月
实验一认识DW界面及基本操作
实验二网页中文本和图像
实验三超级链接和表格的应用
实验四层
实验五表单的应用
实验六行为
实验七库、模板的应用
实验八网站建设、管理与优化
实验一认识DW界面及基本操作
【实验目的】
掌握Dreamweaver8软件界面的构成及基本操作方法。
【实验内容】
(1)熟悉Dreamweaver8的工作界面;
(2)用Dreamweaver8定义网站;
【实验步骤】
1.Dreamweaver8简介,启动,界面认识;
2.创建一个站点;
3.创建和打开一个文档;
4.网页的新建,保存,预览,关闭,打开。
要求:
用DW建立“个人简介”页面,写清学号、姓名等相关信息。
5.字体,标题级,颜色,效果设定。
6.设置文档的属性。
【实验要求】
按实验内容完成操作,完成实验报告,在实验报告中要求记录设计网页的全过程;
所有实验环节均由每位学生独立完成,严禁抄袭他人实验结果。
实验二 网页中文本和图像
掌握普通文本和图像的插入方法;
掌握特殊文本的插入方法;
掌握应用项目列表;
掌握文本格式化的方法;
掌握图像的基本编辑方法。
(1)在网页中插入普通文本;
(2)在网页中插入特殊文本;
(3)在网页中应用项目列表;
(4)对插入的文本进行格式化;
(5)在网页中插入图像;
(6)图像的基本编辑
1.制作一个“名车风范”网页。
要求在自选图片上创建三个热点,分别连接到自拟的文字段中。
并要求当鼠标悬停在相应热点上时,显示该区提示信息。
实验三超级链接和表格的应用
掌握在网页中插入表格的方法;
掌握表格的基本编辑操作;
了解超级链接的种类;
掌握常见链接的制作方法。
(1)在网页中插入表格;
(2)在网页中使用超级链接;
(3)对表格进行美化。
1.制作一个锚记链接的网页。
(网页文字和素材自备,下图仅供参考)
网页中所示具有超级链接属性的文字起初不具有下划线,当鼠标悬念在上面时,字体变成红色,且具有下划线。
2.整合以前做的各种网页,创建一个主页default.asp,将上述各网页链接起来。
并且要求在此主页写上自己的真实班级、学号和姓名。
3.制作一个如图所示的表格。
要求样式如下,并将各自单元格分别设置成不同颜色,输入不同文字内容(颜色、文字自拟)。
4.创建一个如图所示“中国省份介绍”的页面,文字内容及图片自拟。
(1)任选3省,分别制作网页;
(2)主页面制作图片热区及链接
(3)单击链接可以进入各省页面
(4)各省页面提供”返回”的文字链接,返回主页面
(5)主页面制作“与我联系”的邮件链接。
实验四 层
了解网页制作中层的作用;
掌握在Dreamweaver中用层对页面元素进行精确定位;
掌握在Dreamweaver中用层进行页面布局。
(1)在网页中绘制层
(2)设置层的属性
(3)精确定位层。
1.创建如下的网页。
(1)使用层表现网页内容
(2)层要对齐,图片、文字所在层要大小相同
(3)“咖啡馆”图片从页面右侧滑动到左侧,时间5秒
实验五表单的应用
掌握在网页中使用交互式表单的方法。
(1)创建表单域;
(2)创建文本框
(3)复选框、单选按钮和单选按钮组;
(4)列表框和跳转菜单;
(5)表单按钮;
(6)其他表单元素。
1.利用创建一个如下图所示的会员注册表单。
(1)利用Fireworks切片、导出功能对上面的图片进行处理
(2)会员注册的表单放在上图中白色的主要区域,填写会员注册的相关信息自拟。
但必须包括常见的表单元素。
2.制作跳转菜单。
要求菜单选项4个:
搜狐网、新浪网、网易、腾讯;
用户单击可以打开相应的站点进行浏览。
实验六行为
熟悉层、事件、动作的概念和相互关系;
掌握Dreamweaver8行为面板的使用方法;
掌握通过行为面板创建网页动态效果的操作过程;
熟悉动作的概念和操作;
熟悉创建网页动态效果的操作过程。
(1)在对象中加入行为命令;
(2)编辑行为;
(3)制作时间轴动画;
(4)制作弹出的信息框。
(5)用显示-隐藏层制作下拉菜单;
(6)用层的嵌套制作滚动公告栏。
1.制作时间轴动画(蜜蜂采花蜜)
要求:
(1)至少2只蜜蜂,运动轨迹不同
(2)设置“开始”和“停止”的控制文字,单击“开始”蜜蜂飞舞,单击“停止”蜜蜂返回起始位置。
2.制作拼图游戏。
(至少需要切片9片小图,图片素材自备,下图仅供参考)
(1)完整图片呈现6秒钟后自动散开
(2)切片后的小图距离正确位置25像素内能自动吸附
3.制作滚动公告栏。
(图片仅供参考,制作素材自备)
(1)在网页的右上角制作制动滚动的公告栏,滚动区域的大小为宽90像素,高80像素,滚动区域距离页面左侧600像素,距离页面上部50像素。
(2)公告栏显示10条公告(文字内容自定),滚动方向为由下向上,滚动一次的时间为8秒。
实验七库、模板的应用
掌握摸板的基本操作及应用;
掌握库的基本操作及应用。
(1)模板的使用;
(2)创建页面;
(3)更新页面;
(4)库的使用;
(5)利用库更新页面。
1.设计一个如下图所示的模板,并将此模板应用于制作的一些网页。
(1)利用素材建立模板文件
(2)利用这个模板建立5个二级栏目的网页,做好链接,可以正常使用,相互跳转。
实验八网站建设、管理与优化
学习网站建设的全过程;
掌握网站发布的全过程;
学习网站的管理。
(1)根据需求建立网站结构;
(2)申请空间和域名,发布网站;
(3)管理网站。
1.申请免费个人空间
2.利用DW制作个人相关网页,首页必须有班级、姓名、学号等信息。
利用DW检查建成后站点的站点结构。
(如图所示,下图仅供参考)
3.测试站点
4.上传到个人空间