网页

49
1.3 网页文件的基本操作
创建网页和打开网页 保存网页 在浏览器中预览网页

50
创建网页和打开网页
1.新建网页 单击“文件”菜单下“新建”命令，即可弹出“新建文 档”对话框。从“类别”列表框中选择“基本页”选 项，然后选择“基本页”列表框中的“HTML”选项。 单击“创建”按钮，即可新建一个空白的HTML网页文 档。
• 通信协议 • 主机名 • 所要访问的网页路径及名称
12
超文本传输协议（HTTP）

(HTTP，HyperText Transfer Protoco所有的WWW文件 都必须遵守这个目的是为了提供一种发布和接收HTML 页面的方法
13
IP地址
IP地址用来标识连接到Internet上电脑的指定编号， 每一个IP地址对应一台电脑，这与用电话号码标识电 话网络中的电话相同。 电脑识别的IP地址由32位二进制数值组成，电脑上以 十进制数值来显示，一组数值分为4部分，每一部分 均不能大于255，中间用“.”分隔，如61.139.2.69。

7
网页的分类

按表现形式分类
• 按网页的表现形式可将网页分为静态网页和动态网页。
8
网页中的常用术语
万维网（www） 符（URL）

超级链接 言（HTML）

9
万维网（www）

万维网（www）是World Wide Web的中文简称，也称 为3W网，它的本质是一种基于超级文本技术的交互式 信息
40

步骤6：单击“下一步”按钮，开始设置网页的存储 方法和存储路径。在上半部分的单选项中选择第一项 “编辑我的计算机上的本地副本，完成后再上传到服 务器（推荐）”。如果申请的网站空间支持在线编辑 功能，那么可以选择“使用本地网络直接在服务器上 编辑”单选项。
41

步骤7：完成以上的设置后单击“下一步”按钮，在 这里选择连接服务器的方式，以及网页在服务器上的 存储位置。

37

步骤3:单击“管理站点”对话框中的“新建”按钮， 在弹出菜单中选择“站点”命令。
38

步骤4：单击“站点”命令后，系统会弹出窗口，这 是一个定义站点的向导，选择“基本”选项卡，给网 站定义一个名称，例如“数学与计算机系”。
39

步骤5：单击“下一步”按钮，在窗口中设置网站是 否使用服务器技术，例如：ASP、PHP等。由于我们要 制作的是基本的静态网站，所以选择“否，我不想使 用服务器技术”单选按钮。
44
管理站点
1.切换站点 Dreamweaver 8.0中可以同时存在多个站点，在文件面板 左边的下拉列表框中选中某个已创建的站点，就可切 换到对这个站点进行操作的状态。
45
2．编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中， 选择要编辑的站点，然后用鼠标单击“管理站点”对 话框中的“编辑”按钮，重新打开“站点定义”向导， 根据需要一步一步修改站点的属性即可。
35
1.3创建站点
创建本地站点 管理站点 管理网站中的文件和文件夹

36
创建本地站点
步骤1：在本地硬盘上建立一个用来存放站点的文件 夹，命名为“site”，该文件夹就是本地站点的根目 录，是为网站特别建立的一个文件夹。 步骤2:打开Dreamweaver 8.0，选择“站点”菜单下 的“管理站点”命中的“管理站点”命令，打开 “管理站点”对话框。
53
在浏览器中预览网页

单击标准工具栏上的预览按钮或按“F12”可在浏览 器中预览所编辑的网页。
ver8.0，新建一个网页，或者 打开一个现有的网页，选择“修改”菜单下的“页面 属性”命令，或者单击属性面板中的“页面属性”按 钮，打开“页面属性”对话框。
51
2.打开网页 单击“文件”菜单选择“打开”命令，弹出“打开”对 话框。在该对话框内选中要打开的HTML文档，单击 “打开”按钮，即可将选定的HTML文档打开。也可以 在“文件”面板上，双击“站点目录”中的网页文件 也可以打开网页文件。
52
保存网页
在完成创建、编辑的网页之后，关键的一步就是保存网 页，否则一切都是徒劳的，保存网页有如下几种方法： 单击“文件”菜单选择“保存”命令，可以原名字原 路径保存当前的文档。 单击“文件”菜单选择“另保存”命令，可弹出“另 存为”对话框。利用该对话框可以将当前的文档以其 他名字保存。 单击“文件”菜单选择“保存全部”命令，可将当前 正在编辑的所有文档以原名保存。
• 使用Dreamweaver8的计帮助
22
Dreamweaver 8.0的启动和退出
1.启动Dreamweaver8.0 在Windows操作系统下，单击左下角的【开始】按钮，从 【程序】菜然后从子acromedia Dreamweaver 8】即 可启动，如图所示。
23
2.退出Dreamweaver 8.0 退出Dreamweaver 8.0的方法很简单，我式退出编辑界面： （出”命令，或按快捷键Ctrl+Q退出系统。
24
Dreamweaver 8.0 的工作界面

档窗口、状态栏、插入面版、属性面版和CSS样式面 版。本节将主要介绍Dreamweaver 8的工作界面。
25
标题栏

Dreamweaver 8的标题栏在应用程序的最上面，它的 左侧用来。 需要说明的是，标题栏是默认的文档标题Untitled D ocum字。当用户保存文件时，系统会提示用户另外命 名一个名字，当然用户也可以以默认的名字来保存。

当文档窗口有一个标题栏时，标题栏显示页面标题，并 您做了更改但尚未保存，Dreamweaver 将在文件名后显 示一个星号。
29
插入面版

插入面版包含用于创建和插入对象（如表格、层和图 像）的按钮，如图1-15所示。时，会出现一个工具提 示，其中含有该按钮的名称。这在“插入”栏的左侧 切换档包含服务器代码时，还会显示其它类别。当您 启动Dreamweaver时，系统会打开您上次使用的类别。
32
打开帮助系统

选择“帮助”菜单下的“Dreamweaver帮助”，就可 以系统。也可以直接按下F1键打开帮助系统。
33
使用帮助
使用，然后双击该项可显示索引信息。
34
查看操作相关帮助

在编辑的过程中，有时需要查看当前操作的帮助信息， 这时可以按照如下方法操作：
• （1）如要查看帮助系统，可以单击浮动面版上的 按纽，也可 以启动帮助系统，并直接跳转到与当前操作相关的帮助页面上。 例如在属性面版上单击按纽，将会显示属性的相关帮助信息。
42

步骤8：单击“下一步”按钮。在这里选择是否使用 “存回”和“取出”。选中“是，启用存回和取出” 选项，可以多人共同完成网站的维护工作。如果只需 一个就能够完成网站的维护工作，可以选择“否”。
43

步骤9：至此完成了对网站的基本定义。单击“下一 步”按钮，Dreamweaver 8.0会弹出对话框询问设置 的信息是否准确，单击“完成”按钮，本地站点就创 建成功了。
10
浏览器

浏览器是用于阅读网页中信息的一种软件工具，就像 作系统一样。
• Internet Explorer（IE） • ） • 腾讯TT浏览器 • Foxfire火狐浏览器
11
统一资源定位符（URL）

URL（Uniform Resource Locator）主要是用来指定 协议（如HTTP或FTP）以及对象、文档、万维网网页 或其他目标在Internet的位置和存取方式。

26
菜单栏

菜单栏，包括有“文件”、文本”、“命令”、“站 点”、“窗口”、“帮助”10个菜单项。 Dreamweaver 8菜单选项有以下3种形式：个向右的小三
• （3）对话框命令：该类命令的名称后面带有一个省略号，单击 该类命令则会打开一个对话框。

27
文档工具栏

“文档”工具栏中包含按钮，这些按钮使您可以在文 档的不同视图间快速切换：“代码”视图、“设计” 视图、同时显示“代码”和“设计”视图的拆分视图。 工具栏中还包含一些与查看文档、在本地和远程站点 间传输文档有关的常用命令和选项。
46
3．删除站点 如果不需要某个站点时，可以将其从站点列表中删除。 选择“站点”菜单下的“管理站点”命令，打开“管 理站点”对话框，在该对话框中选择一个站点，单击 “删除”按钮，即可删除一个站点，对某一个站点进 行删除操作后，网站的文件仍保存在硬盘原来的位置 上，并没有从硬盘上删除。
47
管理网站中的文件和文件夹
30
属性面版

属性面版可以检查和编辑当前选定页面元素（如文本。 属性面版中的内容根据选定的元素会有所不同。例如， 如果您选择页面上的一个图像，则属性面版将改为显 示该图像的宽度和高度、图像周围的边框等。
31
使用Dreamweaver8的帮助

当我们在学习的过程出现问题难以解决时，一个最好 的办法就是使用Dreamweaver 8的在线帮助，下面我 们介绍使用的在线帮助的方法。
19
网页设计的一般步骤
规划网站 收集整理资源

维护、更新站点
20
网页制作的常用工具

网页设计软件
• Dreamweaver是目前使用最多的网页设计软件。
图像处理软件
• er、 Fireworks、 Flash俗称网页三剑客
21
1.2 Dreamweaver 8简介

Macromedia Dreamweaver 8是一款专业的HTML编辑器 界面

14
域名

域名就是常说的网址，它也具有惟一性，如的网 址、网易的网址等就是一 个域名，域名由汉语拼音或英文字符加上数字表示， 在访问网络时，域名将通过域名服务器转换成IP地址， 这种转换是在后台完成的。