第04章电子商务网站外观设计与内容编辑

《第04章电子商务网站外观设计与内容编辑》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、电子商务网站外观设计与内容编辑第四章本章内容6.1FIREWORKS操作篇6.2FLASH操作篇6.3DREAMWEAVER操作篇FireworksMX操作制作图像切片制作图片羽化、模糊、减淡等效果制作旋转五角星将图片或GIF动画导入Dreamweaver各种Logo的设计与编辑不规则图片的编辑与导出……FlashMX操作图形、对象的移动图形、文字对象的变形翻转图片滚动图片层遮罩多图层、多对象运动编辑影片导出……DreamweaverMX简介DreamweaverMX是Macramedia公司最新发布的集网页设计、代码开发、网站创建和管理于一体的软件。他保留

2、了早期Dreamweaver个版本的优点，在此基础上，提供了可视化的布局工具、快速的web应用程序开发以及广泛的代码编辑支持，新增对ASP、JSP、ASP.NET、PHP等动态网页的支持，也可实现完整数据库的编写。几个注意点在视窗设置框中显示的当前文档窗口的大小都是以像素为单位的；工作区窗口八大功能块；浮动面板组个浮动面板的功能；注意：1、在网页设计时，不要用中文作为文件名或文件夹名；2、网页文件命名区分大小写字母；3、每个网站都只有一个首页，首页一般命名为index.htm4、首页应放在跟文件夹下。创建站点地图站点地图是提供本地站点结构的高度可视化的表现形式

3、，可用于管理站点内的文件和目录，对站点内的文件进行改名、编辑和删除等操作，也可完成添加、删除、更改站点内超链接等操作。站点中的文件操作创建本地站点网页文件的基本操作创建、打开、保存、关闭网页页面设置、网页对象颜色设置网页文本的输入和属性设置网页图片的插入和属性设置网页编辑的基本操作在网页中插入各种元素水平线、日期、flash按钮和文字、JavaApplet程序、ActiveX控件、第三方插件（javaapplet程序的扩展名为.class）建立网站相册利用外埠编辑器编辑图像创建鼠标经过图像鼠标经过图像由主图像和翻转图像两部分组成创建超链接超链接概述是在源端点和

4、目标端点之间建立一种链接。源端点：超文本链接和非超文本链接目标端点：外部链接、内部链接、电子邮件链接、局部链接、脚本链接在超链接中，连接路径是通过URL来确定的。常用形式有：HTTPFTPFile绝对路径：使用完整地URL地址的连接路径相对路径：指明目标端点和源端点的相对位置的路径源锚目标锚6种创建超链接的方法：在站点管理器中编辑超链接创建锚点链接创建电子邮件链接创建导航条创建跳转菜单创建映射图链接创建表格的基本操作建立表格设置表格和单元格的属性选取表格和单元格表格的嵌套改变表格或单元格的大小表格行、列的增加和删除单元格的拆分和合并单元格的复制、粘贴、移动和清

5、除表格格式化层的创建和基本操作创建和删除层激活和选中层调整、移动和对齐层设置层的属性层的控制和操作层与表格互换优缺点：表格转换为层层转换为表格优点缺点表格布局整齐，易于浏览器的支持对网页进行布局过于呆板层网页定位灵活、精确有些浏览器不支持框架的基本操作框架概述框架、框架集创建框架与框架集框架的调整、拆分和删除框架和框架集的选择框架和框架集的属性设置框架和框架集的保存行为面板及使用方法添加和修改行为行为的简单应用内置动作内置事件使用时间轴面板创建时间轴动画生成和编辑动画路径在时间轴中加入行为行为和时间轴层叠样式概述四种格式化文档的方法层叠样式的优点：①方便修改网

6、页的格式②提高网页的设计效率③使得网页的风格比较统一④减少网页的体积⑤网页元素更加容易定位缺点：低版本的浏览器无法支持它层叠样式表的创建与编辑创建和编辑层叠样式创建和编辑层叠样式表层叠样式创建应用创建名为.char1的层叠样式，并将这个样式定义在新建的docformat.css的层叠样式表文件中。设置：字体为“方正舒体”，大小为“36像素”，样式为“斜体”，颜色为“#ff0000”，修饰为“闪烁”。层叠样式表的应用滤镜的概述透明度滤镜（Alpha）语法格式：{filter:Alpha(Opacity=?,FinishOpacity=?,Style=?,Star

7、tX=?,StartY=?,FinishX=?,FinishY=?)}例：参数分别为100，0，2，0，0，400，300透明度滤镜的应用例：在本地站点中，分别建立名为exa1.htm和exa2.htm的Web页面，完成：（1）在网页exa1.htm合适位置创建大小为400×70像素的层1和400×300的层2，在层一种输入文字“书——人生的伴侣”，层2中插入图片。（2）创建css样式表format.css，并分别设置样式.char1和Filter,并分别应用于层1和层2，保存预览。（3）打开exa2.htm同（1），然后链接外部样式表abcde.css,分别

8、作用于层1和层2，保存预览。显示滤镜的