电子商务网站设计与管理第3章课件.ppt

《电子商务网站设计与管理第3章课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章电子商务网站前台用户系统设计第3章电子商务网站前台用户系统设计山东交通学院经济系杨帅DreamweaverMX2004介绍MacromediaDreamweaverMX2004，简称DWMX2004，是Macromedia开发的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。DWMX2004包含有一个崭新、简洁、高效的界面，且性能也得到了改进。此外，还包含了许多新增的功能，改善了软件的易用性并使用户无论处于设计环境还是编码环境都可以方便地生成页面。在Dreamweaver中可以使用多种文件类型。

2、主要的文件类型是HTML文件。HTML文件包含基于标签的语言，负责在浏览器中显示Web页面。可以使用.html或.htm扩展名保存HTML文件。Dreamweaver默认情况下使用.html扩展名保存文件。简介Dreamweaver站点在Dreamweaver中，“站点”既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，需要建立站点文档的本地存储位置。Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到Web服务器。Dreamweaver站

3、点通常包含两部分：（1）本地文件夹：即本地站点；（2）远程文件夹：运行Web服务器的计算机上的某个文件夹；运行Web服务器的计算机通常是使站点可在Web上公开访问的计算机。使用Dreamweaver创建完站点之后，如果要发布站点，则将本地站点的文件副本上传到Web服务器以便通过网络查看。本地站点Web服务器(IIS服务器)Internet用户数据库上传定义本地文件夹本地文件夹是在硬盘上用来存储站点文件的工作副本的文件夹。如果不定义本地文件夹，Dreamweaver中的某些功能可能无法正确运行。步骤：1、启动Dreamweaver，选择

4、“站点”—>“管理站点”。2、单击“新建”按钮，然后选择“站点”，出现“站点定义”对话框。3、在“站点名称”文本框中，输入名称。4、点击“下一步”，直至完成站点设定。创建基本静态页面在网页中输入编辑文本1、设置网页标题2、输入普通文本3、插入特殊字符4、插入网页文本的输入日期或修改日期（自动更新）5、设置文本样式6、设置文本列表7、查找和替换错误的文本图像的操作插入图像在Dreamweaver文档中可以插入GIF、JPG、PNG格式的图像，插入的位置可以是文本段落中、表格内、表单和层等。图像的来源，可以是当前站点中的图像，也可以是本地磁

5、盘中的图像或者位于WWW上的图像等。若被选择的文件是站点外的文件，系统会提示是否将图像复制到站点内，此时要选择“是”，否则网页上传服务器后，图像将不会被显示。创建链接1、创建文字链接2、创建图像链接3、创建图像热点链接图像热点链接的本质还是图像链接，不同的是产生超链接的载体不再是一整张图片，而是图片里的某一区域。该区域可以是矩形、椭圆形或多边形。4、创建电子邮件链接在链接处键入mailto:邮件地址表格表格是用于在HTML页上显示表格式数据以及对文本和图形进行布局的强有利工具。可以使用表格快速轻松地创建布局。1、插入表格在网页中显示表格

6、数据或者使用表格规范网页布局之前，必须先在网页中插入1个表格，在插入表格时需要指定表格的行数、列数、宽度、边框宽度、单元格间距和边距等。像素和百分比：如果使用像素为单位，可以使网页的表格宽度不受浏览器窗口的大小变动而变动；如果使用百分比为单位，在不同浏览器窗口中可能显示不同的大小。2、设置表格属性表格当选取了整个表格后，编辑区下方的【属性】面板会显示表格的属性。3、设置行、列和单元格属性4、拆分和合并单元格使用属性检查器或【修改】

7、【表格】子菜单中的命令来拆分或合并单元格。5、嵌套单元格可以像对其他任何表格一样，对嵌套表格进行格式设置

8、；但宽度受其所在单元格的宽度的限制。6、表格布局因为表格在内容的组织、页面中文本和图形位置控制方面都有很强的功能，所以表格在网页制作中有着举足轻重的地位。现在很多网站的页面大多是都以表格为框架制作的。创建基于表格的页面布局创建静态站点表格可以具有边框，表格的单元格可以具有边距、间距或同时具有边距和间距。单元格边距是指单元格内容和单元格边距之间的像素数。单元格间距是指相邻的表格单元格之间的像素数。如果没有明确指定单元格边距和单元格间距的值，这大多数浏览器按单元格边距设置1、单元格间距设置2来显示表格。若要确保浏览器显示的表格没有边距和间距

9、，则将单元格边距和单元格间距设置为0。设置表格属性使用“扩展表格”模式设置具体的表格属性。“扩展表格”模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。图像占位符图像占位符是在将最