01 第1章 Dreamweaver 8 基础(二)_原创精品文档.docxVIP

PAGE

1-

01第1章Dreamweaver8基础(二)

一、1.Dreamweaver8界面布局与功能介绍

(1)Dreamweaver8是一款功能强大的网页制作软件，它的界面设计简洁直观，易于用户上手。打开软件后，用户首先会看到的是工作界面，主要由菜单栏、工具栏、文档窗口、属性面板和状态栏等部分组成。菜单栏提供了丰富的命令选项，涵盖了网页设计、编码、预览等多个方面。工具栏则集成了常用的操作按钮，如新建文件、打开文件、保存文件、预览等，方便用户快速访问。文档窗口是用户编辑网页的地方，可以在这里输入HTML代码、CSS样式或者直接使用可视化编辑模式。属性面板显示当前选中文档元素的相关属性，如字体、颜色、大小等，用户可以通过属性面板快速调整页面元素的样式。

(2)Dreamweaver8的界面布局灵活可调，用户可以根据个人喜好和习惯自定义布局。例如，可以通过拖动面板边框来调整面板的大小，或者通过“查看”菜单中的“布局”选项来选择不同的布局模式。此外，Dreamweaver8还提供了多个视图模式，如代码视图、设计视图和代码/设计混合视图，用户可以在不同的视图模式之间切换，以便更高效地进行网页制作。在代码视图中，用户可以编写和编辑HTML、CSS和JavaScript代码，而在设计视图中，则可以直接通过拖放组件和设置属性来构建网页。

(3)Dreamweaver8的功能非常丰富，支持多种网页制作需求。例如，它内置了丰富的模板资源，用户可以从模板库中选择合适的模板，快速生成网页框架。此外，Dreamweaver8还提供了强大的CSS样式表编辑功能，用户可以通过样式表编辑器来创建和修改样式规则，实现复杂页面布局。同时，Dreamweaver8还支持数据库连接和动态网页制作，用户可以使用内置的数据库连接器连接数据库，并通过动态网页模板来创建动态网页。这些功能使得Dreamweaver8成为网页设计师和开发者的得力助手。

二、2.文件管理操作与站点设置

(1)在Dreamweaver8中，文件管理操作是网页开发的基础环节。通过“文件”菜单下的“文件管理器”，用户可以方便地浏览本地磁盘和远程服务器上的文件。例如，一个包含100个HTML文件的网站项目，通过文件管理器可以清晰地查看文件结构，并进行必要的操作，如新建、复制、移动和删除文件。在远程服务器上，用户可以实时同步本地文件，确保网站内容与在线版本一致。以一个电商网站为例，其产品描述页、商品详情页等大量页面内容都可以通过文件管理器进行批量管理。

(2)站点设置是Dreamweaver8中至关重要的功能，它涉及到本地文件和远程服务器之间的连接配置。用户可以通过“站点”菜单下的“管理站点”来设置和管理站点。以一个企业官方网站为例，设置站点时需要填写站点的名称、本地根文件夹、默认图像文件夹、HTTP地址等基本信息。此外，还需配置远程信息，包括远程文件夹、FTP主机、FTP用户名和密码等。正确设置站点后，用户可以轻松地实现本地和远程服务器之间的文件传输和同步，提高工作效率。

(3)Dreamweaver8提供了多种连接远程服务器的方式，如FTP、SFTP和RDS等。以FTP连接为例，用户需要在站点设置中输入FTP主机、端口、用户名和密码等信息。假设一个网站需要每天更新一次内容，通过FTP连接，开发者可以每天定时同步本地文件到远程服务器，确保网站内容的实时更新。此外，Dreamweaver8还支持断点续传和上传进度显示，方便用户在文件传输过程中监控进度。在配置FTP连接时，正确设置权限和安全性也非常重要，以防止敏感数据泄露。例如，对于包含用户隐私信息的登录页面，确保使用加密的FTP连接，如SFTP。

三、3.页面基本元素创建与编辑

(1)在Dreamweaver8中，创建和编辑页面基本元素是网页设计的基础。页面基本元素包括文本、图像、链接、表格、列表等。用户可以通过可视化编辑模式直接在文档窗口中拖放这些元素，也可以通过插入栏或菜单命令来插入。例如，要插入一个标题，用户可以点击“插入”菜单中的“标题”命令，然后在弹出的对话框中选择所需的标题级别（如H1、H2、H3等）。对于文本内容，Dreamweaver8提供了丰富的文本格式化选项，包括字体、大小、颜色、对齐方式等。用户还可以通过属性面板实时调整文本样式。以一个新闻网站为例，编辑新闻标题时，可以使用加粗、斜体和颜色变化等格式化技巧来突出重点。

(2)图像在网页设计中扮演着重要角色，Dreamweaver8提供了多种图像处理工具。用户可以通过“插入”菜单中的“图像”命令来插入本地或远程图像。在插入图像时，用户可以设置图像的源文件、替代文本、宽度和高度等属性。此外，Dreamweaver8还支持图像映射功能，允许用