网页第1章.pptVIP

第一章 初识Dreamweaver MX 2004 本章要点 Dreamweaver MX 2004是建立Web站点和应用程序的专业工具，它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，使不同层次的用户都可以利用它快速创建界面：专业人员可以享受到Dreamweaver提供的手动编码功能，开发人员可以建立数据库连接、Web服务和旧式系统的强大Internet应用程序，初学者可以创建自己的个人网站等。 第一章 初识Dreamweaver MX 2004 当前在网页制作领域中，首屈一指的是Macromedia公司出品的网页三剑客，这三个软件的功能如下： Dreamweaver MX 2004是创建和管理网站的专业软件，不但能够快速产生网站结构，制作网页和链接，而且还可以基于模板创建风格统一的网站。 Flash MX 2004是一种用于制作和编辑交互性动画和电影的软件，由它生成的文件可以单独成为网页，并代表网页和多媒体技术发展的方向。 Fireworks MX 2004是同时处理矢量图和点阵图的专业化Web图像设计软件，可以直接生成包含HTML和JavaScript代码的动态图像。 第一章 初识Dreamweaver MX 2004 第一章 初识Dreamweaver MX 2004 在本节中，将按照如图1-28所示的网页制作流程，引领读者进入网页制作的殿堂。 在制作过程中，注意以下几点常识： 将显示器调成标准分辨率，国内一般是800×600像素，最好兼顾1024×768像素。 建立的主（首）页一般以index.htm命名，其他页的名称任意，例如：home.html，但是不能用中文。 第一章 初识Dreamweaver MX 2004 定义本地站点，就是在自己机器的硬盘上建立一个目录，然后将所有与制作网页相关的文件都存放在里面，以便进行网页的制作和管理。因此，站点就可以理解成同属于一个Web主题的所有文件的存储地点。 站点目录结构的好坏，浏览者并没有太大的感觉，但是对于站点本身的上传和维护，内容的更新和移动就有了较大的影响。所以，在建立目录时，应该注意以下几点： 不要将所有的文件都存放在根目录下，这样不容易混淆，易于上传。 按文件的类型建立不同的子目录。 目录的层次不能过深。 目录命名要得当，不能使用中文或过长的目录。 第一章 初识Dreamweaver MX 2004 　　遵循以上原则，开始定义本地站点，首先在硬盘上新建一个目录，例如建立D:\site目录，用于存放所有站点文件。然后在该路径下新建一个image文件夹，把搜集到的和制作好的图片保存到该文件夹中，如图1-32所示。 　　最后即可创建站点，其步骤如下： 　　（1）单击【站点】︱【管理站点】命令，在弹出的对话框中，单击【新建】︱【站点】命令，如图1-33所示。 第一章 初识Dreamweaver MX 2004 （2）这时，将弹出如图1-34所示的对话框，在文本框中输入站点的名称，例如“纳百文科技公司”，该名称即会显示在【定义站点】对话框的标题上。 （3）单击【下一步】按钮，打开如图1-35所示的对话框。如果使用服务器技术，可以选中【是，我想使用服务器技术】单选按钮，并从下拉菜单中选择使用服务器技术的类型。反之选中【否，我不想使用服务器技术】单选按钮。 第一章 初识Dreamweaver MX 2004 （4）单击【下一步】按钮，打开如图1-36所示的对话框。其中有两个选项可供选择，选中第一个单选按钮，可以在本地编辑页面，然后再上传到服务器。后一个选项可以直接在服务器上的编辑文件。选中第一个单选按钮，然后在单击图标指定刚才建立的目录为站点根目录。 （5）单击【下一步】按钮，打开如图1-37所示的对话框，提示用户将文件存储在服务器的哪个文件夹中，在此选择D:\site目录，然后单击【下一步】按钮。 第一章 初识Dreamweaver MX 2004 （6）这时，弹出如图1-38所示的对话框，提示用户是否要复制文件进行同时编辑，选中【否，不启用存回和取出】单选按钮，然后单击【下一步】按钮，打开如图1-39所示的对话框，提示站点创建成功，单击【完成】按钮。 第一章 初识Dreamweaver MX 2004 （7）这时，将返回到如图1-40所示的对话框，单击【完成】按钮即可。此时，Dreamweaver将在【文件】面板中显示当前站点的文件和文件夹列表，如图1-41所示。该窗口的功能类似于Windows XP的资源管理器，可以对文件或文件夹进行复制、粘贴、删除和移动等操作，双击某个文件