第3章电子商务网站的实现工具.pptxVIP

第3章电子商务网站的实现工具;本章知识结构框图 ;本章知识要点学习方法 ;学习激励与案例导航;3.1 Dreamweaver使用入门 ;5．Dreamweaver 还提供了功能全面的编码环境，其中包括代码编辑工具（例如代码颜色、标签完成、“编码”工具栏和代码 折叠）；有关层叠样式表 (CSS)、JavaScript、ColdFusion 标记语言 (CFML) 和其他语言的语言参考资料。 6．Macromedia可自由导入导出 HTML 技术可导入手工编码的 HTML 文档而不会重新设置代码的格式，可以随后用编写者首选的格式设置样式来重新设置代码的格式。 7．Dreamweaver 还可以使用服务器技术（如 CFML、ASP.NET、ASP、JSP 和 PHP）生成动态的、数据库驱动的 Web 应用程序。 8．Dreamweaver 可以完全自定义。可以创建自己的对象和命令，修改快捷键，甚至编写 JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能。 ;3.1.2 Dreamweaver的工作环境;3.1.3 Dreamweaver的基本操作;直接创建 ;　 图3-5 Dreamweaver 8使用菜单创建新网页 首样;保存 文件;面板的隐藏与显示 ;编辑 ;3.2.1 Dreamweaver的站点设置;五个 步骤 ;网站文件夹的创建 ;3.2.2 Dreamweaver页面属性设置;页面 属性 设置 包括;;图3-8链接属性设置 ;返回;3.2.3 Dreamweaver文本操作;3.2.4 Dreamweaver的图像操作;（1）在【插入】栏的【常用】类别中，单击“图像”图标。； （2）在【插入】栏的【常用】类别中，将“图像”图标拖入网页窗口中（如果正处理代码，则拖入“代码”视图窗口中）； （3）选择【插入】【图像】； （4）单击【窗口】菜单的【资源】显示资源面板，将图像从【资源】面板拖到网页窗口中的所需位置； （5）将图像从【站点】面板拖到【文档】窗口中的所需位置； （6）将图像从桌面或文件夹中拖到网页中的所需位置。;;插入 ;图像地图指已被分为多个区域（或称“热点”）的图像；当用户单击某个热点时，会发生某种操作；例如，网页上有一个人体图片，单击眼睛会链接到眼部介绍页面，单击耳朵会链接到耳部介绍的页面，人体图片的每一个区域称为一个热点 【链接】文本框中在“目标”下拉菜单可以选择链接文件打开的窗口，具体含义如下： （1）_blank 链接的文件在一个未命名的新浏览器窗口中打开； （2）_parent 链接文件在含有该链接的框架的父框架集或父窗口中打开。如果包含链接的框架不是嵌套的，则链接文件加载到整个浏览器窗口中； （3）_self 链接的文件在该链接所在的同一框架或窗口中。此目标是默认的，所以通常不需要指定它； （4）_top 将链接的文件载入整个浏览器窗口中，因而会删除所有框架。 ;3.2.5 Dreamweaver的链接操作;3.3表格与表单操作;图3-12 “表格”对话框 ;;表格 编辑;;;3.4 样式和层的使用;CSS是Cascading style Sheet的简称，翻译成中文的含义就是“层叠样式表单”，一般称作“层叠样式表”，或“样式表”。它实质上是一系列格式设置规则，它们控制 Web 页面内容的外观。使用 CSS 设置页面格式时，内容与表现形式是相互分开的。页面内容（HTML 代码）位于自身的 HTML 文件中，而定义代码表现形式的 CSS 规则位于另一个文件（外部样式表）或 HTML 文档的另一部分（通常为 head 部分）中。使用 CSS 可以非常灵活并更好地控制页面的外观，从精确的布局定位到特定的字体和样式等。之所以叫“层叠”是因为同一段文字可以用多个样式表从不同角度进行修饰，可以使用一个样式表设置颜色，另外一个样式表设置字体。;层是一种HTML页面元素，可以将它定位在页面上的任意位置。图层除了像表格一样可以设定背景、位置、自由移动、响应事件、控制显示外，还可以轻松建立三维效果，我们可以使网页中的对象在垂直方向互相重叠，再配合Timeline的应用可以做出意想不到的效果，使网页更加生动，动感十足。 ;;3.4.2 样式表的创建;图3-18 新建CSS规则 ;;;类型 ;类型 ;类型 ;类型 ;类型 ;类型 ;类型 ;类型 ;类型 ;3.4.5 CSS样式的应用;;2．嵌套层 （1）概念。所谓嵌套层是指包含在其他层中的层。嵌套层能够确保该层能永远位于其父层的上方； （2）创建方法。创建嵌套层，首先将插入点放置在已创建的层中，然后选择主菜单【插入】下的【布局】选项，在下拉菜单中单击【层】