1、第一章 初识Dreamweaver MX 2004,本章要点Dreamweaver MX 2004是建立Web站点和应用程序的专业工具，它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，使不同层次的用户都可以利用它快速创建界面：专业人员可以享受到Dreamweaver提供的手动编码功能，开发人员可以建立数据库连接、Web服务和旧式系统的强大Internet应用程序，初学者可以创建自己的个人网站等。,第一章 初识Dreamweaver MX 2004,当前在网页制作领域中，首屈一指的是Macromedia公司出品的网页三剑客，这三个软件的功能如下：Dreamweaver MX 2004
2、是创建和管理网站的专业软件，不但能够快速产生网站结构，制作网页和链接，而且还可以基于模板创建风格统一的网站。Flash MX 2004是一种用于制作和编辑交互性动画和电影的软件，由它生成的文件可以单独成为网页，并代表网页和多媒体技术发展的方向。Fireworks MX 2004是同时处理矢量图和点阵图的专业化Web图像设计软件，可以直接生成包含HTML和JavaScript代码的动态图像。,第一章 初识Dreamweaver MX 2004,预备知识,网络基础知识制作网页基本操作,初识Dreamweaver MX 2004,网络的基础知识,灵活的用户界面,生成站点结构图,本章学习目标：了解制作
3、网页的预备知识认识Dreamweaver的用户界面熟悉Dreamweaver的面板组学会申请免费空间制作一个简单的网页,面板组的使用方法,定义本地站点,第一章 初识Dreamweaver MX 2004,1.3 课堂练习1-1：制作网页的简单流程,在本节中，将按照如图1-28所示的网页制作流程，引领读者进入网页制作的殿堂。 在制作过程中，注意以下几点常识： 将显示器调成标准分辨率，国内一般是800600像素，最好兼顾1024768像素。 建立的主（首）页一般以index.htm命名，其他页的名称任意，例如：home.html，但是不能用中文。,图1-28 网页制作流程,第一章 初识Dreamw
4、eaver MX 2004,定义本地站点，就是在自己机器的硬盘上建立一个目录，然后将所有与制作网页相关的文件都存放在里面，以便进行网页的制作和管理。因此，站点就可以理解成同属于一个Web主题的所有文件的存储地点。站点目录结构的好坏，浏览者并没有太大的感觉，但是对于站点本身的上传和维护，内容的更新和移动就有了较大的影响。所以，在建立目录时，应该注意以下几点：不要将所有的文件都存放在根目录下，这样不容易混淆，易于上传。按文件的类型建立不同的子目录。目录的层次不能过深。目录命名要得当，不能使用中文或过长的目录。,1.3.2 定义本地站点,第一章 初识Dreamweaver MX 2004,遵循以上原
5、则，开始定义本地站点，首先在硬盘上新建一个目录，例如建立D:site目录，用于存放所有站点文件。然后在该路径下新建一个image文件夹，把搜集到的和制作好的图片保存到该文件夹中，如图1-32所示。最后即可创建站点，其步骤如下：（1）单击【站点】【管理站点】命令，在弹出的对话框中，单击【新建】【站点】命令，如图1-33所示。,图1-32 创建站点目录,图1-33 【管理站点】对话框,第一章 初识Dreamweaver MX 2004,（2）这时，将弹出如图1-34所示的对话框，在文本框中输入站点的名称，例如“纳百文科技公司”，该名称即会显示在【定义站点】对话框的标题上。 （3）单击【下一步】按钮
6、，打开如图1-35所示的对话框。如果使用服务器技术，可以选中【是，我想使用服务器技术】单选按钮，并从下拉菜单中选择使用服务器技术的类型。反之选中【否，我不想使用服务器技术】单选按钮。,图1-34 输入站点名称,图1-35 选择服务技术,第一章 初识Dreamweaver MX 2004,（4）单击【下一步】按钮，打开如图1-36所示的对话框。其中有两个选项可供选择，选中第一个单选按钮，可以在本地编辑页面，然后再上传到服务器。后一个选项可以直接在服务器上的编辑文件。选中第一个单选按钮，然后在单击图标指定刚才建立的目录为站点根目录。 （5）单击【下一步】按钮，打开如图1-37所示的对话框，提示用户
7、将文件存储在服务器的哪个文件夹中，在此选择D:site目录，然后单击【下一步】按钮。,图1-36 选择本地编辑,图1-37 确定服务器位置,第一章 初识Dreamweaver MX 2004,（6）这时，弹出如图1-38所示的对话框，提示用户是否要复制文件进行同时编辑，选中【否，不启用存回和取出】单选按钮，然后单击【下一步】按钮，打开如图1-39所示的对话框，提示站点创建成功，单击【完成】按钮。,图1-38 提示复制文件,图1-39 完成创建站点,第一章 初识Dreamweaver MX 2004,（7）这时，将返回到如图1-40所示的对话框，单击【完成】按钮即可。此时，Dreamweaver
8、将在【文件】面板中显示当前站点的文件和文件夹列表，如图1-41所示。该窗口的功能类似于Windows XP的资源管理器，可以对文件或文件夹进行复制、粘贴、删除和移动等操作，双击某个文件夹图标可以打开该文件。,图1-40 显示站点,图1-41 【文件】面板,第一章 初识Dreamweaver MX 2004,专家指南网站设计的常识网站设计，包含的内容非常多。大体分两个方面，一方面是纯网站本身的设计。比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。纯网站本身的设计和网站的延伸设计是相辅相成的，加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，所以根据建设一个网站的思路，将网站设计制作大致列为定位网站主题和名称；定位网站广告标志的形象；确定站点的栏目和版块；网站的整体风格创意设计；首页的设计；版面布局的窍门；色彩的搭配；考虑不同的浏览器和分辨率；字体的设置和表格的嵌套等方面。这里所说的是网站“设计”而不是网站“制作”，因为设计是一个思考的过程，而制作只是将思考的结果表现出来。因此，设计是一个成功网站的核心和灵魂。,
