属性面板
图1-1 Dreamweaver MX窗口界面(!)
1.2网页制作的一般流程
网页上的内容通常较为丰富，有文字、图片、 线条、表格、链接等。因此，网页制作时需要 作前期准备工作。
网页设计的基本步骤
前期规划 资料收集 页面制作 测试网站 发布网页
1.2.1 站点
Dreamweaver 中，站点一词是下列任意一项 的简称：
Web 站点：一组位于服务器上的页，使用 Web 浏 览器访问该站点的访问者可以对其进行浏览。
远程站点：服务器上组成 Web 站点的文件，这是 从您的（创作者的）角度而不是访问者的角度来看 的。
本地站点：与远程站点上的文件对应的本地磁盘上 的文件。在最常见的 Dreamweaver 工作流程中， 您在本地磁盘上编辑文件，然后将它们上传到远程 站点。
1.1 网页设计与制作基础
1.1.1概述
网页：也称为Web页或网页文件。它由超文本 标记语言（HTML）的文件格式来构造。一般 以.htm或.html作为扩展名。
网页中包含了文本、图像、动画、声音以及其 他信息。网页文件通常放在连接互联网的服务 器上，采用超级连接的方式将他们组织在一起。
1.1.2网页制作软件
网页通常包含这样一些对象:文本、图像、表 格、框架、表单、组件、链接、文件、超链接、 多媒体、各种插件等。
由于网络的迅速发展，网页的需求量很大，网 页的复杂性也越来越高，因此，软件生产商开 发了许多专门用于网页制作的工具软件。这些 软件多采用直观易用的图形界面，无需编辑程 序代码，就可以轻松的制作出美观漂亮的网页。 这类软件通常也称为所见即所得的网页编辑制 作软件。
URL DNS
0.1 网页基础知识(2)
超级链接
文字超级链接 图形超级链接 表单超级链接
传输协议与服务
HTTP SMTP/POP3 FTP Telnet Search、News等
0.1 网页基础知识(3)
浏览器
•Microsoft IE •Netscape Navigator •Opera •Maxthon •My IE •FireFox
本书学习Macromedia Dreamweaver MX
注意：Dreamweaver发展到现在，在界面上有了很大的变化，本 书采用Dreamweaver 4.0的经典样式，也可以使用 Dreamweaver MX界面，这个与书上稍有不同，但在新版中使 用更多。(!)
“编辑”菜单-> “参数选择”命令-> “常规”选项-> “更改工作区”按钮
第1章 网页设计与制作 基础
本章学习目标
网页设计与制作基础 Dreamweaver MX窗口介绍 网页制作的一般流程
0.1 网页基础知识(1)
Internet简述
冷战时期美国军方的网络计划 TCP/IP协议为网络传输标准 WWW网（World Wide Web，万维网）
网页和网站
图1-5“站点定义”对话框
1.2.2站点的定义 (4)
2．选择当前站点
如果定义了多个站点，而要选择一个当前站点， 具体的操作方法为：
（1）打开“站点”菜单，选择“管理站点”命令， 出现“管理网站”对话框。
（2）在对话框中选择需要打开的网站，单击“完 成”按钮，则该网站就成为当前站点。
1.2.3 在站点中定义网页或文件夹
0.2 网页设计语言
网页设计语言简介
HTML ASP PHP XML JavaScript VBScript
0.3 网页设计工具(1)
FrontPage
0.3 网页设计工具(2)
Dreamweaver
0.3 网页设计工orks
1.2.1站点的内容规划(1)
在着手建立站点之前，需要做一些前期准备工 作，通常称为规划站点。
包括：
站点的定位，考虑该站点的主要浏览对象的特点， 如性别、年龄、职业等；
站点提供的主要内容，如电脑、文学、科普等； 在确定了浏览对象和网站的定位以后，还要搜集资
料，凡是制作网页可能用到的文档、图片、声音、 动画等，均应分门别类存储在磁盘上备用。
1.2.1站点的内容规划(2)
制作网页时还要注意一些问题：
第一，合理安排主页内容，主页应该简洁清晰、 一目了然，重点突出，图文有序。
第二，网页上要善用图片，色彩协调，格调一 致，但又要注意图片不可过大，以免影响浏览 时的下载速度。
第三，要易于导航，尽量减少链接级数，尽快 通过链接接触到实际内容，否则会使浏览者失 去兴趣。
1.2.3 Dreamweaver MX窗口介绍
Dreamweaver MX经过安装并输入正确的序 列号之后，用户就可以在Windows的启动菜 单中找到Dreamweaver MX的启动命令，点 击该命令即可启动Dreamweaver MX。启动 后的窗口界面如图1-1所示。
工具栏 对象面板
控制面板
第四，即要美观实用，又要有新颖的创意，网 页上要有一些与众不同的闪光点。
1.2.2站点的定义 (1)
站点文件夹：
容纳所有网页文件和其他图片文件，css文件，脚 本文件，视频文件等等。
站点文件夹必须先经过定义，将这个站点纳入到 Dreamweaver的管理范围内。在Dreamweaver中 可以定义多个站点，但只有一个站点是当前站点。
1．在站点中添加 网页
（1）打开右侧“文件” 面板(!) ，选择站点名 称。
（2）选中宿主文件夹 （欲在其中建立网页 的目标文件夹，打开 “文件”菜单，选择 “新建文件夹”命令.
图1-8在Dreamweaver MX 中 新建文件夹
1.2.2站点的定义 (2)
1．定义站点 定义站点的具体
操作步骤如下：
（1）打开“站点”菜 单，选择“管理站 点”(!)命令，出现 “管理网站”对话 框。
图1-4 “定义网站”对话框。
（2）在“管理网站” (!)对话框中，单击 “新建”按钮，出 现“站点定义”对 话框。 （3）在“站点定义” 对话框中输入站点 名称和站点所在的 路径，单击“确定” 后返回“定义网站” 对话框。