网页制作基础教程第五章

《网页制作基础教程第五章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第5章网页编辑软件DreamweaverMX20045.1DreamweaverMX2004简介5.2DreamweaverMX2004站点的创建和编辑5.3DreamweaverMX2004基本对象的使用5.4DreamweaverMX2004中层和行为的使用下一页第5章网页编辑软件DreamweaverMX20045.5DreamweaverMX2004样式的使用5.6DreamweaverMX2004模板的使用5.7利用库项目维护网页上一页5.1DreamweaverMX2004简介5.1.1DreamweaverMX2004的界面DreamweaverMX2004采用Mac浮动面板

2、的设计风格。DreamweaverMX2004能很好地支持DHTML（动态网页），利用它可以轻松做出美丽明快的动态网页特效。启动DreamweaverMX2004后出现的界面，如图5-1所示。该操作界面由以下几部分构成。1.标题栏下一页5.1DreamweaverMX2004简介2.菜单栏菜单栏提供了所有的菜单命令。3.插入面板4.状态栏5.属性面板6.面板组7.文档窗口下一页上一页5.1DreamweaverMX2004简介5.1.2DreamweaverMX2004基本操作DreamweaverMX2004基本操作包括网页文件的打开、保存和关闭等。1.文件的打开（1）直接打开文件。（2

3、）打开库文件。下一页上一页5.1DreamweaverMX2004简介2.新建文件在DreamweaverMX2004中创建新的网页文件有以下几种方法。（1）启动DreamweaverMX2004，即可直接创建一个新的网页文件。（2）如果DreamweaverMX2004已经启动，要创建新网页，可以选择“文件”→“新建”命令，打开“新建文档”对话框，如图5-8所示。下一页上一页5.1DreamweaverMX2004简介（3）从该对话框中选择一种需要创建的文件格式，然后单击“创建”按钮即可。（4）如果要基于模板创建文档，则可以通过选择“文件”→“新建”命令，在出现的“新建文档”对话框中选择

4、“模板”选项卡，该对话框变为“从模板新建”对话框，如图5-9所示。3.保存网页文件如果同时打开了多个DreamweaverMX2004窗口，而保存的目的是保存文件，则切换到要保存的文档所在的窗口，然后选择“文件”→“保存”命令，则会打开“另存为”对话框，如图5-10所示。返回上一页5.2DreamweaverMX2004站点的创建和编辑5.2.1创建站点1.文件面板DreamweaverMX2004设置了专门的建站工具——“文件”面板。它能够方便地建立和修改更新网站，帮助用户组织本地和远程的文件夹，使用户能够在远程服务器上复制本地文件夹的结构或者本地系统复制远程文件夹的结构。2.创建站点在

5、DreamweaverMX2004中创建站点的方法有两种。（1）创建站点的第一种方法下一页5.2DreamweaverMX2004站点的创建和编辑①在菜单栏中，选择“窗口”→“管理站点”命令，会弹出“管理站点”对话框，如图5-13所示。②单击“新建”按钮，会弹出“站点定义为”对话框（一），根据提示在对话框中输入要建立的站点的名称，在这里输入CCAT，如图5-14所示。③单击“下一步”按钮，则会打开“站点定义为”对话框（二），会询问我们是不是使用服务器技术，这里选用“否，我不想使用服务器技术。”，如图5-15所示。下一页上一页5.2DreamweaverMX2004站点的创建和编辑④单击“下

6、一步”按钮，则会打开一个选择存储文件位置的对话框，通过对话框，可以设定调试文件的方式和本地文件的存储目录，如图5-16所示。⑤单击“下一步”按钮，在弹出的对话框中的“您如何连接到远程服务器？”的下拉菜单中选择“无”，如图5-17所示。⑥单击“下一步”按钮，在弹出的对话框中单击“完成”按钮，完成站点的创建，如图5-18所示。下一页上一页5.2DreamweaverMX2004站点的创建和编辑（2）创建站点的第二种方法。①在菜单栏中，选择“窗口”→“管理站点”命令，弹出“管理站点”对话框，在对话框中单击“新建”按钮，会弹出“站点定义为”对话框。②在对话框中选择“高级”选项卡，该对话框分为左右两

7、部分，左边是“分类”列表框，右边是与当前分类对应的选项组，输入所需要的内容，如图5-19所示。下一页上一页5.2DreamweaverMX2004站点的创建和编辑③在“分类”列表框中选择“远程信息”选项，此时选项组切换为“远程信息”，如图5-20所示，在远程信息栏设置相关选项。④设置完毕，单击“确定”按钮关闭该对话框，则会显示一个站点管理窗口，如图5-21所示。因为是新建的一个站点，所以在本地目录中看到的是一片空白。下一