中文版Dreamweaver8实用教程3创建站点
中文版Dreamweaver8实用教程
中文版Dreamweaver 8实用教程
8.2.3 创建链接
在Dreamweaver 8中可以创建各种超链接。当在本地站点内移动或重命名 文档或其他链接文件时，Dreamweaver 还可自动更新指向文档的链接。 创建链接的类型和方法 创建网页间超链接 创建网页内的超链接 创建E-Mail链接创 建虚链接及脚本链接 创建图形热点链接
中文版Dreamweaver 8实用教程
在Dreamwe在网页中创建超链接，首先选中要创建链接的对象 。然后在该 对象的属性检查器的“链接”文本框里输入要链接对象的URL或路径即可.
中文版Dreamweaver 8实用教程
中文版Dreamweaver 8实用教程
8.2.2 认识URL和链接路径
URL和链接路径的概念，以及它们之间相互的关系，是用户在设置网页超 链接之前所必须要掌握的基本常识。 URL 绝对路径 相对路径
中文版Dreamweaver 8实用教程
URL(Uniform Resoure Locator，统一资源定位器)指的是Internet文件在网 上的地址，是使用数字和字母按一定顺序排列来确定的Internet地址，由访问 方法、服务器名、端口号，以及文档位置组成。格式为Access-method :// server-name:port / document-location。 比如/dw/index.htm，这是一个典型的URL，它 指出使用http协议访问域名所在服务器下dw这个目录中的 index.htm文件。
中文版Dreamweaver 8实用教程
要创建图形热点链接，首先需要在文档窗口中选中插入的图像，然后使用图 像属性检查器中的“地图名称”文本框和“热点工具”按钮在该图像中绘制热 点区域 。最后,选中所创建的热点区域后,在”热点”的属性检查器的”链接”文 本框中输入链接目标的URL或路径即可.
dreamweaver8_简单网页制作
•
• •
6）单击“下一步”按钮，在弹出的对话框“您如何连接到远程服务器？”下 拉菜单选择“无”选项。
7）单击“下一步”在弹出的对话框中会所示相关的信息，然后单击“确定”， 完成站点的设置。 8）此时在Dreamweaver8的文件面板就会出现站点的文件夹及所有的文件。
返回 退出
2、制作网页 1
• • • • 1）启动Dreamweaver8新建一个HTML页，命名为“index” 。 2）单击属性面板中的“页面属性”按钮，打开“页面属性”设置对话框， 对页面进行相应的设置，设置完成后点击“确定” 即可。 3）根据课件设计方案，在设置好的网页中添加表格，对表格进行编辑，添加好 相应的文字，预览后保存。
返回
退出
下一页
返回Байду номын сангаас
退出
2、制作网页 2
• 4）在重新创建一个新的网页，命名为“导航页”页面属性的设置同 （2）， • 根据已经设计好的方案，编辑导航页。 • 5）然后分别制作“作者简介”、“课文内容”、“课文分析”、“生词生 字”、 • “课堂练习”、“课后习题”网页。
下一页
返回
退出
2、制作网页 3
网页课件实例
• •
1、创建新站点 2、制作网页
返回
退出
1、创建新站点
• • • • • • 1）在本地计算机硬盘创建一个文件夹，名为“唐诗教学”。 2）打开Dreamweaver 8，在菜单栏打开“站点”选项，执行“新建站 点” 命令。 3）在弹出的对话框中选择“基本”选卡，输入站点的名称。 4）单击“下一步”按钮，在弹出的对话框中选择“否，我不想用服务器技 术”。 5）单击“下一步”按钮，在弹出对话框中选择“编辑我的计算机上的本地副 本，完成后在上传服务器”选项，如图所示。单击按钮，选择站点的位置为先 前创建的文件夹。
Dreamweaver 8 创建和编辑网页
网页设计与制作——《 Dreamweaver 8 教程》讲义
五、修改网页属性：
2. 【页面属性】对话框
• 外观
【外观】选项卡
网页设计与制作——《 Dreamweaver 8 教程》讲义
五、修改网页属性：
2. 【页面属性】对话框
• 链接
【链接】选项卡
网页设计与制作——《 Dreamweaver 8 教程》讲义
【文件】面板
网页设计与制作——《 Dreamweaver 8 教程》讲义
五、修改网页属性：
1. 网页的基本属性
• 外观属性——指页面中文本的字体、字样、大小、颜 色、背景颜色和背景图像，以及页面边距的设置。 • 链接属性——指链接文本的字体、大小，链接文本的 颜色，鼠标指针指向链接文本时的颜色，已访问过的链 接文本的颜色，单击链接文本时的颜色，以及下画线的 样式。
1. 通过【打开】对话框打开文档
• 选择【文件】| 【打开】命令， 弹出【打开】对 话框，选择所需 的网页文档，单 击【打开】按钮。
【打开】对话框
网页设计与制作——《 Dreamweaver 8 教程》讲义
四、打开已有文档：
2. 通过【文件】面板打开文档
• 显示【文件】面板， 在面板左上方的【站 点】下拉列表框中选 择保存网页的站点、 服务器或驱动器，然 后在文件和文件夹列 表中双击所需网页文 档的图标。
三、网页的保存：
• 保存当前网页：选择【文件】|【保存】命令，弹出 【另存为】对话框，打开所需站点文件夹，在【文件夹】 文本框中输入网页名称，然后单击【保存】按钮。 • 保存已创建的所有页面：选择【文件】|【保存全部】 命令。
网页设计与制作——《 Dreamweaver 8 教程》讲义
dreamweaver 8 创建站点
计算机网络基础第9章创建站点1、使用“管理站点”对话框定义本地站点选择菜单“站点”→“管理站点”命令，弹出“管理站点”对话框，点击“新建”→“站点”按默认创建完成。
2、使用文件面板定义本地站点选择文件面板右边下拉菜单中的“站点”，弹出二级菜单，选择新建站点，接下来和“管理站点”对话框定义本地站点的操作相同。
3、从起始页定义本地站点点击Dreamweaver 站点，弹出对话框，和前两个操作相同。
4、使用“管理站点”对话框管理站点新建，9.4节中讲过。
编辑，将已经设置好的站点进行修改。
复制，通过复制可以建立一个站点副本，副本将出现在对话框中。
删除，将不需要的站点名称删除。
导出，点击“导出”按钮，显示“导出站点”对话框，点击“保存”，文件保存到当前路径。
导入，点击“导入”按钮，显示“导入站点”对话框，选择需要导入的文件，点击“打开”，文件导入到当前路径。
5、定义本地站点——渊博书屋本地站点“渊博书屋”的主页已经预先编辑好，主页已经保存到D:\渊博书屋\文件夹中。
在菜单栏中选择“站点”|“管理站点”命令。
在管理站点对话框中选择“新建”|“站点”命令。
在基本卡中输入本地站点名称“渊博书屋”，点击下一步，选择“否”，单击下一步，在“您将把文件存储到计算机的位置”的文件框中输入路径“D：\渊博书屋\”，单击下一步。
在对话框中选择列表框中的“本地\网络”，在“您打算将您的文件存储在服务器上的什么文件夹中”选择路径“D:\渊博书屋\”点击下一步，选择“否”，单击下一步按钮，完成！6、使用站点地图管理站点在菜单栏中选择“文件|打开”打开“渊博书屋”站点主页。
在文件面板上选择“地图视图”，即可显示站点地图。
使用Dreamweaver搭建网站的基本步骤
使用Dreamweaver搭建网站的基本步骤第一步：准备工作在使用Dreamweaver搭建网站之前，我们需要先完成一些准备工作。
首先，我们需要确定网站的目标和需求，包括网站的主题、页面结构以及所需功能等。
其次，我们需要规划网站的导航结构，确定各个页面之间的联系和布局。
第二步：创建网站在打开Dreamweaver之后，我们需要按照以下步骤创建一个新的网站：1. 点击菜单栏的“文件”，选择“新建”。
2. 在弹出的对话框中，选择“网站”选项，并点击“下一步”。
3. 在“站点名”栏中输入你的网站名称，并选择一个文件夹作为网站的保存位置。
4. 在“网址”栏中输入你的网站域名或者本地测试服务器的地址。
5. 选择合适的服务器技术和目录，然后点击“完成”。
第三步：设计网页在创建好网站之后，我们可以开始设计网页了。
以下是一些设计网页的基本步骤：1. 在“文件”菜单中选择“新建”，创建新的网页文件。
2. 在页面中添加标题、页眉、页脚等基本元素。
3. 使用工具栏上的各种工具来添加图片、文本框、按钮等页面元素。
4. 调整页面元素的位置、大小、颜色等属性。
5. 使用CSS样式来对页面进行排版和美化。
第四步：建立导航一个好的导航系统对于网站的用户友好性至关重要。
以下是建立导航的一些基本步骤：1. 创建一个导航栏，可以使用水平导航栏或者垂直导航栏。
2. 将各个页面之间的链接嵌入到导航栏中。
3. 使用CSS样式来美化导航栏，并在选中状态下给予特殊样式。
第五步：添加内容网站的内容是吸引用户的关键，以下是添加内容的基本步骤：1. 创建一个新的网页，供添加内容使用。
2. 使用文字工具添加网站的文字内容。
3. 添加图片、视频或者其他媒体以丰富网站的内容。
4. 使用表格或者列表来结构化和组织内容。
第六步：测试和发布在完成网站设计和内容添加之后，我们需要进行测试和发布。
以下是一些测试和发布的基本步骤：1. 使用预览功能来测试网站在不同浏览器和设备上的显示效果。
第2走进Dreamweaver 8及站点管理
站点的规划
• Dreamweaver 8的站点类型 • 规划站点结构 • 绘制网站结构草图
Dreamweaver 8的站点类型
• 本地站点 • 远程站点
• 测试站点
规划站点结构
规划站点结构是设计站点的必要前 提，其操作是将不同的文件分类存放在 文件夹中以便于设计者管理。合理地组 织站点结构，可提高工作效率，加快对 站点的设计。
Dreamweaver 8 中文版网页制作基础
主讲人
第 2讲
走进Dreamweaver 8及站点建立
1、启动与退出 2、工作界面 3、创建简单页面 4、定义站点 5、管理站点 6、用站点管理文件.
1、启动与退出
1．启动 2．退出 3.打开网页文档 4.关闭网页文档
1.1. 启动
删除站点
窗口中执行【站点】/【管理站点】命令，打开【管理站点】对话框， 在【管理站点】对话框的站点列表中选中“我的相册”，直接单击右 侧的“删除”按钮即可。
复制站点
打开【管理站点】对话框，选中要复制 的站点，然后单击“复制” 按钮，如图1所 示，那么在【管理站点】对话框的站点列 表中就复制了一个该站点的副本，如图2所 示。
工作界面
2.1．窗口介绍
在默认状态下，Dreamweaver 8窗口主要有标题栏、菜单栏、文档工具栏、 编辑区、【属性】面板、插入栏、面板组、状态栏等组成，如上图所示。
• • •
标题栏：显示当前正在编辑的文档的目录和名称。 菜单栏：菜单栏位于标题栏的下面，有10个菜单组成， 包含了几乎所有的Dreamweaver8命令。 文档工具栏：文档工具栏中包含按钮，使用这些按钮可 以在文档的不同视图间快，还包含一些与查看文档、在 本地和远程站点间传输文档有关的常用命令和选项，如 图所示。
第三讲 使用Dreamweaver8创建和管理本地站点 共40页
新建文件夹
建立好站点后就可以在站点中新建文件夹，该文 件夹主要用来存储这个网站中用到的网页元素， 如图片、音乐等。
新建网页文件 新建网页文件的方法与新建文件夹的方法相同 。
4 管理本地站点
选择本地站点 删除站点中的文件和文件夹 更改站点信息
5 管理站点地图
5.1 定义主页 在使用站点地图查 看站点时必须保证 这个站点已定义了 一个主页，因为主 页是一个站点的根 节点，必须有根节 点才有各个支节点， 也就是各个子页。
第2章 使用Dreamweaver8创建和管理本地站点
1 认识Dreamweaver 8 2 规划站点结构 3 建立本地站点 4 管理本地站点 5 管理站点地图 6 网页文件的基本操作
1 认识Dreamweaver 8
Dreamweaver 是美国Macromedia公司开发的集 网页制作和网站管理于一身的网页制作软件，也 是第一个专门为网页设计师量身定制的可视化网 页制作软件，利用它可以方便、快捷地制作出跨 越平台限制和浏览器限制的充满丰富动感的网页。
1.2 Dreamweaver8 的安装
1.2 Dreamweaver 8 工作界面
“插入”面板文档工具栏 文档窗口
面板组
状态栏
“属性”面板
文
件
面
板
标题栏
显示应用程序的名称、最小化、最大化和正常之 间的切换按钮以及关闭按钮
1.3 Dreamweaver 8 常用工具
菜单栏
文件：用来管理文件。 编辑：用来编辑文本，如剪切、复制、粘贴等，还包括“首选
致的，也就是说，采用其他的字符（如中文字符）就可能 导致许多人无法正常浏览用户的网站。
（2）最好使用小写 因为有些操作系统（如UNIX等）对大小写敏感，对它们而言，
dreamweaver建立站点的基本步骤
dreamweaver建立站点的基本步骤Dreamweaver是一款非常流行的网页设计软件，它可以帮助用户快速地建立一个网站。
在使用Dreamweaver建立站点之前，需要了解一些基本的步骤。
下面将详细介绍Dreamweaver建立站点的基本步骤。
一、新建一个站点1. 打开Dreamweaver软件并选择“文件”菜单中的“新建”选项。
2. 在弹出的窗口中选择“站点”选项，并点击“下一步”。
3. 在下一个窗口中填写站点名称、本地文件夹位置和默认文件夹等信息，并点击“下一步”。
4. 在接下来的窗口中选择所使用的服务器技术和服务器类型，并填写相关信息，然后点击“测试连接”按钮进行测试。
5. 如果连接测试成功，则点击“下一步”，否则需要重新检查填写的信息是否正确。
6. 最后在确认窗口中检查所有设置是否正确，并点击“完成”按钮完成新建站点操作。
二、创建网页1. 在Dreamweaver软件中选择“文件”菜单中的“新建”选项。
2. 在弹出的窗口中选择所需的网页类型和模板，并点击“创建”。
3. 在新打开的网页编辑界面中进行编辑和设计，可以添加文本、图片、链接等内容，并设置样式和布局。
4. 完成编辑后保存网页并命名为相应名称，保存位置应与站点文件夹相同。
三、上传网页1. 在Dreamweaver软件中选择“站点”菜单中的“管理站点”选项。
2. 在弹出的窗口中选择所需的站点，并点击“编辑”。
3. 在接下来的窗口中选择“高级”选项卡，并选择“本地/远程服务器”选项。
4. 填写FTP信息，包括FTP地址、用户名、密码等，并点击“测试连接”按钮进行测试。
5. 如果连接测试成功，则点击“保存”按钮保存FTP设置。
6. 在Dreamweaver软件中打开需要上传的网页文件，然后选择“文件”菜单中的“上传到远程服务器”选项进行上传操作。
7. 等待上传完成后，在浏览器中输入网站地址即可查看已经上传的网页内容。
四、其他注意事项1. Dreamweaver可以通过模板和样式表等功能来提高制作效率和设计质量。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
中文版Dreamweaver 8实用教程
要编辑本地站点,可以选择“站点” |“管理站点”命令 ,然后在打开的“管理 站点”对话框 中单击“编辑”按钮即可。
从站点列表中删除站点实际上只是删除了Dreamweaver同本地站点之间的 关联，但保存在磁盘上的站点内容(包括各种文件夹和文件)并不会被删除，在必 要时还可以新建相同的站点。用户如果不再需要使用Dreamweaver 8对某个本 地站点进行操作，只需要在“管理站点”对话框中选择相应站点后,单击“删除” 按钮，并在弹出的对话框中单击“是”按钮即可
中文版Dreamweaver 8实用教程
要设置远程文件夹，可在打开的”站点定义”对话框中选择“高级”选项卡， 然后在对话框左侧的”类别”列表框中选择“远程信息”选项，并单击“访问” 下拉列表按钮,在弹出的列表框中选择连接远程服务器的方式即可。
中文版Dreamweaver 8实用教程
2.2.4 编辑站点
中文版DreamBiblioteka eaver 8实用教程如果要在本地计算机上创建一个新站点， 可以选择“站点”|“新建站点” 命令，打开“站点定义”对话框进行设置。
中文版Dreamweaver 8实用教程
在完成本地站点的创建工作后,如果要设置本地站点的保存文件夹，可在打 开的”站点定义”对话框中，选择“高级”选项卡，在对话框左侧的分类列表 中选择“本地信息”选项后，在对话框右侧所显示的“本地信息”选项区域中 进行设置。
中文版Dreamweaver 8实用教程
选择“窗口”|“文件”命令,在打开的“文件”面板中，用户在查看到网站 结构的同时，还可以在其中建立所需的文件与文件夹。
中文版Dreamweaver 8实用教程
2.3 上机实验
本章的上机实验主要练习在Dreamweaver 8中使用站点定义向导创建本地 站点的方法，并对创建的站点进行编辑。其中，对本地站点的编辑是重点，用 户在创建站点时，应选择适当的对象进行修改。在编辑站点时应注意对编辑后 的对象进行保存。对于本章中的其他内容，用户可根据理论指导部分进行练习。 建立本地文件夹与新建站点 编辑站点
中文版Dreamweaver 8实用教程
2.2 理论指导
认识网站和网页 网站建立的步骤 创建站点 编辑站点
中文版Dreamweaver 8实用教程
2.2.1 认识网站和网页
网站是由网页集合而成的，我们通过浏览器看到的画面就是网页。具体地 说，一个网页就是一个HTML文件，而浏览器是用于解读这份文件的。实际上， 网站由许多HTML文件集合而成。至于多少网页集合在一起才能称作网站，这 并没有限制，因为即使某个站点只拥有一个网页也可称为网站。 站点的概念 站点的串联方式
中文版Dreamweaver 8实用教程
第02章 规划站点
在了解Dreamweaver 网页制作软件的基本知识之后，本章将介绍利用 Dreamweaver创建站点的基本知识和操作方法。包括规划站点、创建站点和 编辑站点三部分内容。
中文版Dreamweaver 8实用教程
2.1 教学目标
掌握知识：通过本章的学习，读者应了解设计和规划站点的基本步骤，并 能够掌握创建和编辑站点的基本方法。 重点学习：本章重点讲解了网站建设的基本流程以及如何规划和设计站点， 创建Dreamweaver 站点和编辑站点的方法。课后读者应结合上机操作进行强化 练习。
中文版Dreamweaver 8实用教程
要编辑一个现有的远程站点，可以先创建一个包含现有站点的本地文件夹， 再为站点设置本地根目录，然后使用现有站点信息设置一个远程站点，并为远 程站点选择正确的根目录。在“文件”面板中选择“文件”选项卡后，单击 “连接到远程主机”按钮，连接到远程站点。
中文版Dreamweaver 8实用教程
中文版Dreamweaver 8实用教程
2.2.3 创建站点
在Dreamweaver 8中选择“站点”|“新建站点”命令，打开“站点定义” 对话框，然后在软件的提示下使用Dreamweaver 8的站点定义向导可以方便地 在本地计算机环境中创建用于网页开发的站点。 创建本地站点 设置本地文件夹 设置远程文件夹
中文版Dreamweaver 8实用教程
2.2.2 网站建立的步骤
在创建站点时没有计划就开始动手制作，往往会走很多弯路，最后不得不 回过头来重新设计，既浪费了时间又浪费了精力。因此，在制作网站之前，先 要了解网站建设的基本流程，这样才能制作出更好、更合理的网站来。 网站的规划与设计 布局与编排网页 填充网页内容 建立动态网站 测试和发布站点