网站设计与规划--第6章 网页设计工具.ppt

《网站设计与规划--第6章 网页设计工具.ppt》由会员上传分享，免费在线阅读，更多相关内容在PPT专区-天天文库。

1、第6章网页设计工具主讲：opera本章要点网页制作工具Dreamweaver8图形图像处理工具Fireworks8动画制作工具Flash86.1网页制作工具6.1.1Dreamweaver8的工作环境6.1.2建立网站6.1.3新建网页6.1.4输入文本6.1.5插入图像6.1.6创建表格6.1.7层的操作6.26.36.1.1Dreamweaver8的工作环境打开“开始”菜单，选择“程序”→“Macromedia”→“MacromediaDreamweaver8”命令，即可打开Dreamweaver8。第一次启动时会弹出一个对话框，在该

2、对话框中有两种工作界面供选择，分别为“设计器”和“编码器”。Dreamweaver8工作窗口示意图标题栏－位于Dreamweaver8的最顶端，用来显示Dreamweaver的标志和网页名称，其功能类似于Windows操作系统的标题栏。菜单栏－位于标题栏的下方，提供了全面的Dreamweaver命令，包括“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“命令”、“站点”、“窗口”和“帮助”等10组不同功能的菜单。“插入”面板组－包括8个子面板，分别为“常用”、“布局”、“表单”、“文本”、HTML、“应用程序”、“Flash元

3、素”和“收藏夹”。“属性”面板－用来设置页面上内容的属性，内容不同，“属性”面板上显示的属性也不同。面板组－默认包含4个面板：CSS、“应用程序”、“标签检查器”和“文件”。6.1.2建立网站使用站点向导建立网站的步骤（1）在Dreamweaver窗口中选择“站点”→“新建站点”命令，弹出新建站点对话框，在对话框中输入要建立的站点的名称。（2）单击“下一步”按钮，在打开的对话框中选择是否使用服务器技术，这里保持默认设置，即不使用服务器技术。使用站点向导建立网站（3）单击“下一步”按钮，在打开的对话框中选择文件存储的位置。（4）单击“下一步

4、”按钮，在打开的对话框中选择连接到服务器的方式为“本地/网络”，然后设置将文件存储在服务器上的地址。（5）单击“下一步”按钮，再单击“完成”按钮，即完成站点的新建。管理站点使用Dreamweaver中自带的站点管理器管理站点非常方便，它很像Windows操作系统中的资源管理器，一方面它具有管理本地站点的能力，如建立文件、文件夹等操作；另一方面，它可以管理远程站点，如文件上传和更新等。6.1.3新建网页在Dreamweaver窗口中选择“文件”→“新建”命令，打开“新建文档”对话框，即可创建新文档。创建新文档设置页面属性在Dreamweav

5、er窗口中选择“修改”→“页面属性”命令，或者在文档页面中右击，在弹出的快捷菜单中选择“页面属性”命令，即可打开“页面属性”对话框。6.1.4输入文本要在网页中添加文本，有以下两种方法：（1）直接在文档中输入文本。（2）从其他位置复制文本后，在文档窗口的“设计”视图中选择插入点后右击，在弹出的快捷菜单中选择“粘贴”命令。添加文本设置文本格式在Dreamweaver8中，可以通过“文本”菜单中的命令和文本的“属性”面板来设置文本的属性。（1）设置字体：首先选中要改变字体的文本，然后在“属性”面板中的“字体”下拉列表框中选择所需的字体。（2）

6、设置字体大小：首先选中要改变尺寸的文本，然后在“属性”面板中的“大小”下拉列表框中选择所需的大小，或者直接在“大小”文本框中输入数值。（3）设置文字颜色：首先选中要设置颜色的文本，然后选择“文本”→“颜色”命令，打开“颜色”对话框。在该对话框中设置颜色，设置完成后单击“确定”按钮即可。（4）设置文本对齐方式Dreamweaver8中提供的文本对齐方式有左对齐、居中对齐、右对齐和两端对齐。设置对齐方式的方法如下：首先在要设置对齐方式的段落中单击，然后选择“文本”→“对齐”子菜单中的对齐方式的命令即可。6.1.5插入图像在要插入图像的位置单击

7、，然后选择“插入”→“图像”命令（快捷键为Ctrl+Alt+I），弹出“选择图像源文件”对话框，选择要插入的图像后单击“确定”按钮。插入图片设置图像属性可以在图像的“属性”面板中对图像的属性进行设置。6.1.6创建表格在要插入表格的位置单击，然后选择“插入”→“表格”命令，弹出“表格”对话框。在该对话框中设置表格属性，完成设置后，单击“确定”按钮。插入表格设置表格属性选中表格后，可以在表格的“属性”面板中来设置表格的相应属性。6.1.7层的操作选择“插入”→“布局对象”→“层”命令，即可创建一个普通层。创建层可以在层的“属性”面板中对层的

8、基本属性进行设置。设置层的属性层的基本操作层的基本操作包括选择层、在层中添加内容、调整层的大小、移动层、更改层等。（1）选择层－在对层进行操作之前，第一步是要先选择层，单击层的选择柄，就可以选