第6章网页设计工具 主讲：李波涛
第6章 网页设计工具 主讲：李波涛
本章要点 网页制作工具Dreamweaver8 冬图形图像处理工具Fireworks8 ~动画制作工具Flash8
本章要点 ❖ 网页制作工具Dreamweaver 8 ❖ 图形图像处理工具Fireworks 8 ❖ 动画制作工具Flash 8
6.1网页制作工具 6.1.1 Dreamweaver8的工作环境 ÷6.1.2建立网站 ÷6.1.3新建网页 ÷6.1.4输入文本 6.1.5插入图像 ÷6.1.6创建表格 ÷6.1.7层的操作 6.2 6.3
6.1 网页制作工具 ❖ 6.1.1 Dreamweaver 8的工作环境 ❖ 6.1.2 建立网站 ❖ 6.1.3 新建网页 ❖ 6.1.4 输入文本 ❖ 6.1.5 插入图像 ❖ 6.1.6 创建表格 ❖ 6.1.7 层的操作 6.2 6.3
6.1.1 Dreamweaver8的工作环境 打开“开始”菜单，选择“程 序”→“Macromedia”→“Macromedia Dreamweaver8”命令，即可打开Dreamweaver 第一次启动时会弹出一个对话框，在该对话框 中有两种工作界面供选择，分别为“设计器” 和“编码器
❖ 6.1.1 Dreamweaver 8的工作环境 打开“开始”菜单，选择“程 序”→ “Macromedia” →“Macromedia Dreamweaver 8”命令，即可打开Dreamweaver 8。第一次启动时会弹出一个对话框，在该对话框 中有两种工作界面供选择，分别为“设计器” 和“编码器”
Dreamweaver8工作窗口示意图 -【0atit1ed-1(B 菜单栏 文件编查看0四 站点)窗口①精 “插入”面板组十布局· 国园自标准扩展布局口园台民加暗日· ·面板组 卜应用程序 hti1女 ·空检查 可代拆分设计标题：无标题文档 站点 为100%5302901黑/1 “属性”面板
Dreamweaver 8工作窗口示意图
标题栏-一位于Dreamweaver8的最顶端，用来显 示Dreamweaver的标志和网页名称，其功能类似 于Windows操作系统的标题栏。 。菜单栏一位于标题栏的下方，提供了全面的 Dreamweaver命令，包括“文袢”、“编辑” “查看”、 “插入” “修改”、“文本” “备奏”“”、“窗部”和“希锄”等10 组不同功能的菜单。 。“插入”面板组一包括8个子面板，分别为“常 用”、“布高”、 “表单” “文本”、HTML “应用程序”、“Flash元素”和“收藏夹” ÷属性”面枢：用来设置页面上内容的属性，内 容不同，属性”面板正显示的属性也不同。 ÷面板组一默认包含4个面板：CSS、“应用程序” “标签检香器”和“文件分
❖ 标题栏－位于Dreamweaver 8的最顶端，用来显 示Dreamweaver 的标志和网页名称，其功能类似 于Windows操作系统的标题栏。 ❖ 菜单栏－位于标题栏的下方，提供了全面的 Dreamweaver 命令，包括“文件”、“编辑”、 “查看”、“插入”、“修改”、“文本”、 “命令”、“站点”、“窗口”和“帮助”等10 组不同功能的菜单。 ❖ “插入”面板组－包括8个子面板，分别为“常 用”、“布局”、“表单”、“文本”、HTML、 “应用程序”、“Flash元素”和“收藏夹”。 ❖ “属性”面板－用来设置页面上内容的属性，内 容不同，“属性”面板上显示的属性也不同。 ❖ 面板组－默认包含4个面板：CSS、“应用程序”、 “标签检查器”和“文件
÷6.1.2建立网站 使用站点向导建立网站 使用站点向导建立网站的步骤 (1)在Dreamweaveri窗口中选择“站 点”→“新建站点”命令，弹出新建站点对 话框，在对话框中输入要建立的站点的名称。 (2)单击“下一步”按钮，在打开的对话 框中选择是否使用服务器技术，这里保持默 认设置，即不使用服务器技术
❖ 6.1.2 建立网站 使用站点向导建立网站的步骤 （1）在Dreamweaver窗口中选择“站 点”→“新建站点”命令，弹出新建站点对 话框，在对话框中输入要建立的站点的名称。 （2）单击“下一步”按钮，在打开的对话 框中选择是否使用服务器技术，这里保持默 认设置，即不使用服务器技术。 ❖ 使用站点向导建立网站
(3)单击“下一步”按钮，在打开的对 话框中选择文件存储的位置。 (4)单击“下一步”按钮，在打开的对 话框中选择连接到服务器的方式为“本 地/网络”，然后设置将文件存储在服务 器上的地址。 (5)单击“下一步”按钮，再单击“完 成”按钮，即完成站点的新建
（3）单击“下一步”按钮，在打开的对 话框中选择文件存储的位置。 （4）单击“下一步”按钮，在打开的对 话框中选择连接到服务器的方式为“本 地/网络”，然后设置将文件存储在服务 器上的地址。 （5）单击“下一步”按钮，再单击“完 成”按钮，即完成站点的新建
。管理站点 使用Dreamweaveri中自带的站点管理器 管理站点非常方便，它很像Windows操 作系统中的资源管理器，一方面它具有管 理本地站点的能力，如建立文件、文件夹 等操作；另一方面，它可以管理远程站点， 如文件上传和更新等
❖ 管理站点 使用Dreamweaver中自带的站点管理器 管理站点非常方便，它很像Windows操 作系统中的资源管理器，一方面它具有管 理本地站点的能力，如建立文件、文件夹 等操作；另一方面，它可以管理远程站点， 如文件上传和更新等
÷6.1.3新建网页 创建新文档 在Dreamweaver?窗口中选择“文件” 一“新建”命令，打开“新建文档”对 话框，即可创建新文档
❖ 6.1.3 新建网页 在Dreamweaver窗口中选择“文件” →“新建”命令，打开“新建文档”对 话框， 即可创建新文档。 ❖ 创建新文档