[电子商务技术基础第5章.pptVIP

第5章 网页设计与制作 5.1 Dreamweaver概述 5.2 Dreamweaver基础 5.3 站点的规划和定义 5.4 网页基本编辑 5.5 表格与层的应用 5.6 行为 5.7 框架与表单 5.8 本章小结 5.1 Dreamweaver概述 网页编辑器概述 “所见即所得”网页编辑器 Dreamweaver Frontpage InterDev “非所见即所得”网页编辑器 记事本 Dreamweaver 实现了两者的完美结合，既产生干净、准确的HTML代码，又具备“所见即所得”的高效率和直观性 5.1 Dreamweaver概述 Dreamweaver的主要功能和特点 网页制作方面的功能和特点 在设计网页时，可利用各种浮动面板来调整网页元素的参数 可使用HTML标记、HTML样式、CSS样式来格式化文本 支持使用表格、布局表格和单元格、层、框架来规划网页的布局 支持使用行为制作各种特殊效果的网页 可使用单选按钮、复选框、列表和文字编辑框制作各种交互式表单 利用模板建立网页的页面样板 可以很方便地将Flash、Fireworks和Shockwave等软件生成的文件插入到网页上 5.1 Dreamweaver概述 Dreamweaver的主要功能和特点 网站管理方面的功能和特点 利用网站管理器能建立、复制和编辑修改网站 使用网站地图可以快速设计、更新和重组网页，有效地管理各网页之间的链接关系，改变网页文件的位置和名称 可上传和下载网站的文件，并可同步更新站点内容 5.2 Dreamweaver基础 5.2.1 启动与退出DW8 5.2.2 工作区和文档窗口 5.2.3 控制面板及其设置方法 5.2.4 插入面板 5.2.5 属性面板 5.2.6 网页的基本操作 5.2.1 启动与退出DW8 启动DW8与启动Windows操作系统下一般软件的方法相同 退出DW8主窗口时，既可选择DW8主窗口中的“文件 | 退出”，也可以单击DW8主窗口中的关闭按钮“X” 5.2.2 工作区和文档窗口 工作区 5.2.2 工作区和文档窗口 文档窗口 5.2.3 控制面板及其设置方法 DW8中大多数的面板都是浮动的 控制面板可以进行组合与拆分 把两到多个面板组合为一个标签式面板 拖曳一个浮动面板的标签（不是标题栏）到另一个浮动面板上面。当高亮显示的边框显示在目标面板周围时，释放鼠标按键 从一个标签式面板中移除一个面板 直接拖它的标签到窗口之外 5.2.4 插入面板 5.2.5 属性面板 属性面板显示当前选定的页面元素（如页面上的文本、图像、表格、层等等）的属性值。 选取的页面元素不同时，属性面板的显示内容也跟着变化。 设计者可以通过点击页面中的不同对象，来查看属性面板的变化，并通过属性面板来设置页面中的对象。 属性面板初始显示选定元素的最常用属性。 5.2.6 网页的基本操作 网页的创建与保存 页面的属性设置 文本的输入和格式设置 5.3 站点的规划和定义 站点的规划 站点结构 站点导航 模板和库 定义本地站点 建立站点结构 定义站点 5.4 网页基本编辑 编辑文本 新建网页 格式设置 关于路径 绝对路径 ftp:// /image/pic01.jpg 相对路径 book1.gif；../book1.gif 插入图像 创建链接 5.4 网页基本编辑 创建链接 内部链接 在同一网站文档之间的连接 外部链接 不同网站文档之间的链接 锚点链接 同一网页或不同网页的指定位置的连接 E-mail连接 打开书写电子邮件的链接 脚本链接 5.4 网页基本编辑 插入图像 在网页中插入图像 修改图像属性 调整图像和其它元素的大小 使图像与页面其它元素对齐 插入“鼠标经过图像” 创建网站相册 创建链接 5.5 表格与层的应用 表格编辑 插入表格 添加内容到表格单元 选择表格元素 设置表格属性 层与层面板 5.5 表格与层的应用 层与层面板 关于层 CSS层（层叠样式表层） Netscape层 设置默认层参数 创建层 层面板 使用层 5.6 行为 添加行为 使用行为 设置状态栏文本 调用JavaScript制作“欢迎”对话框 显示隐藏层 5.7 框架与表单 框架处理 框架的创建、调整与删除 框架的保存 框架的应用 表单处理 插入表单 编辑表单 表单的属性 5.7 框架与表单 表单处理 插入表单 编辑表单 表单的属性 表单域： 文本字段 命令按钮 复选框 单选按钮 单选按钮组 列表/菜单 图像域 文件域 5.8 本章小结