第3章 创建与管理本地站点 - 副本
第3章 创建并管理站点

3.1 创建本地站点
• 站点是存放和管理网站所有文件的地方,每个网站都有自己
的站点。在使用Dreamweaver CS6创建网站前,必须创建一
个本地站点,以便更好地创建网页和管理网页文件。
3.2 创建远程站点的准备工作
• 3.2.1 使用本地站点连接远程服务器
• 首先创建一个本地站点,然后用现有的站点信息设置一个远程站点,
• 3.3.6 模版
• 在“站点设置对象”对话框中,展开“高级设置”并选择“模版”项。 • 3.3.7 Spry
• 在“站点设置对象”对话框中,展开“高级设置”并选择“Spry”项。
• 3.3.8 Web字体 • 在“站点设置对象”对话框中,展开“高级设置”并选择“Web字体”项。
3.4 实战演练——创建一个站点
并为远程站点选择正确的根目录。 • 3.2.2 使用“本地/网络”选项
• 系统中安装网络驱动器或者只在本地机器上运行Web服务器。
• 3.2.3 使用服务器的“高级”选项 • 在连接远程服务器时有一个“高级”选项卡。
3.3 “高级设置”选项
3.3.1 本地信息 选择“本地信息”项,可以设置站点的本地信息。 3.3.2 遮盖 选择“遮盖”项,可以对站点设置遮盖信息。 3.3.3 设计备注 设计备注是与文件相关联的备注,但存储于独立的文件中。可以使用设 计备注来记录与文档关联的其他文件信息,如图像源文件名称和文件状 态说明。可以在“站点定义”对话框的“设计备注”类别中对站点启用和禁 用设计备注。启用“设计备注”时,如果需要,还可以选择与他人共享“设 计备注”。 • 3.3.4 文件视图列 • 通过“文件视图列”选项可以设置站点管理器中文件浏览窗口所显示的 内容。在“站点设置对象”对话框中展开“高级设置”,并选择“文件视图列 ”项。 • • • • • •
《创建和管理站点》课件

如何添加导航链接?
在网站的导航菜单中添加链接,可以帮助访问者快速导航到不同的页面。您可以使用网站建设平台提供的导航 菜单编辑功能进行设置。
如何添加和删除站点组件?
要添加站点组件,您可以通过编辑页面或使用所选网站建设平台提供的组件库。删除组件通常需要在管理后台 进行相应的操作。
创建和管理站点
这个PPT课件将为您详细介绍站点管理的各个方面,包括站点创建、页面编 辑、导航链接、组件添加、主题设置和站点访问权限等。
什么是站点管理?
站点管理是指对网站进行有效的组织、更新和维护的过程。它涉及各种任务, 包括内容管理、用户管理、性能优化和安全防护等。
站点创建前需要做哪些准备?
在创建站点之前,您需要明确站点的目标和受众,选择适当的技术平台和开 发工具,并准备好所需的内容和资源。
如何创建站点?
创建站点的步骤包括选择域名和主机,安装网站建设平台,设计网站布局和 样式,以及添加内容和功能模块。站点内的组成部分有哪些?
一个网站通常由主页、导航菜单、页面、文章、图片、表单、侧边栏和页脚 等组成,每个组成部分都具有不同的功能和用途。
如何添加、编辑和删除一个页面?
要添加页面,您可以使用网站建设平台提供的编辑器,输入页面标题和内容,并保存。编辑和删除页面通常需 要在管理后台进行相应的操作。
网页设计与制作初识chapter3-站点的创建及管理

步骤1 进入 进入Dreamweaver 8工作界面后, 工作界面后, 步骤 工作界面后 选择【站点】 【管理站点】命令, 选择【站点】/【管理站点】命令,弹出 管理站点”对话框。 “管理站点”对话框。 步骤2 单击按钮, 步骤 单击按钮,在弹出的下拉菜单中 选择【站点】 选择【站点】命令
பைடு நூலகம்
管理站点中的文件和文件夹
(1)添加文件或文件夹 )
(2)删除文件或文件夹 )
(3)重命名文件或文件夹 )
(4)编辑文件 ) 直接在“文件” 直接在“文件”面板中双击需要编辑的 文件, 文件,打开该文件并进入编辑窗口进行 编辑。 编辑
建立和管理站点操作步骤演示

第2讲建立站点、新建文件和文件夹实例演示1.建立站点:步骤1:启动Dreamweaver,单击“站点”|“管理站点”命令。
步骤2:弹出“管理站点”对话框,然后单击“新建”按钮,在弹出的快捷菜单中选择“站点”选项。
(也可把第1、2步合并为一个步骤:选择菜单“站点”|“新建站点”)。
步骤3:弹出“站点定义”对话框中,有“基本”和“高级”两个选项卡,选择“基本”选项卡。
步骤4:在站点名称文本框中输入文本“myweb”,站点的HTTP地址栏为空。
单击“下一步”按钮,步骤5:在弹出的对话框中,选择“否,我不想使用服务器技术”单选按钮。
单击下一步;步骤6:在弹出的对话框中,选择“编辑我的计算机上的本地副本,完成后再上传到服务器”单选按钮,并浏览本地存储的位置,单击“下一步”按钮;步骤7:在弹出的对话框中,在“您如何链接到远程服务器”下拉列表中选择“无”选项,这是因为在这里建立的是一个本地的站点。
单击“下一步”按钮,切换到“站点定义”完成窗口。
如图所示;步骤8:在“站点定义”完成对话框中,可以看到站点定义的基本信息,包括本地信息、远程信息和测试服务器。
单击“完成”按钮,完成“站点定义”对话框的设置,在“文件”面板中可以看到新建立的本地站点。
2.创建站点文件和文件夹第1种方法:【步骤1】:选择创建的站点文件夹”myweb”,在“文件”面板的站点上单击鼠标右键,在弹出的快捷菜单中选择“新建文件”选项,如下图所示。
【步骤2】:在“文件”面板中将新建html文件,且显示默认的文件名,如下图所示。
【步骤3】:选择文件名中的untitled,并将其更改为index,然后按回车键进行确认,如下图。
步骤1.2.3图示【步骤4】:在“文件”面板的站点上单击鼠标右键,弹出快捷菜单,选择“新建文件夹”选项,如下图。
【步骤5】:新建一个文件夹,并将其命名为Images,如下图。
【步骤6】:用同样的方法新建另外两个文件夹,并分别命名为web 和file 。
站点的创建与管理

1.使用向导建立站点 使用向导建立站点的步骤如下。 (1) 打开建立站点向导的方法有3种。 ① 在进入Dreamweaver的起始页面中选择“新 建”→“Dreamweaver站点”。 ② 选择“站点”菜单中的“新建”→“站点”命 令。 ③ 选择“站点”菜单中的“管理站点”命令,打 开 “管理站点”对话框,执行“新建”→“站 点”。
站点的创建与管理
本章内容在网站设计中的地位 本章是Dreamweaver CS3学习的开始,从本章开始,Dreamweaver CS3的面纱将被层层揭开。在制作网页之前,都要建立一个本地站点, 以方便管理网站文件。本章内容是Dreamweaver的基础部分,要求熟 练应用。 本章要点 组成网页的元素; 网页的布局风格; 本教材附带的网站介绍。 教学目标 Dreamweaver CS3的工作界面; 创建本地站点; 使用“文件”面板管理站点文件; 在Dreamweaver中管理网站。
5.导入站点 对于已导出的站点,或者从别的用户处获得的共 享站点设置文件,可以在Dreamweaver中导入该 站点,对导入的站点可以像其他创建的站点一样 进行编辑操作。导入站点步骤如下。 (1) 单击“站点”→“管理站点”。 (2) 在“管理站点”对话框中单击“导入”按钮。 (3) 在弹出的“导入站点”对话框中,选择要导入 的站点,单击“打开”按钮。 (4) 返回“管理站点”对话框,单击“完成”按钮。
打开“站点定义为”对话框,在“您打 算为您的站点起什么名字”文本框中输入 站点名字,如travel。若已申请域名,则可 以在“您的站点的HTTP地址(URL)是什 么?”对话框中填入申请的域名地址。 (3) 单击“下一步”按钮,询问是否使用服 务器技术,若是静态站点则选择“否,我 不想使用服务器技术”,若是动态站点可 以进一步设置使用哪一种服务器技术 。
第3章 网站的站点操作

网站的站点操作
在建设网站时,用户需要先创建网站的站 点,这样便于管理网站中所有文件。而站点表 示Web网站文件的本地或远程存储位置。 Dreamweaver站点提供了一种可以组织和管理 所有的Web文档,将站点上传到Web服务器, 并跟踪和维护网站文件。 在建立网站时,特别是制作动态网站,站 点更是必不可少。它能够保障网站移植到其他 位置,各文件及网页元素位置的有效性。
12
3.3
站点文件及文件夹
在【文件】面板,可管理文件并在本地和远程服 务器之间传输文件。如果用户在本地和远程站点之间 传输文件时,它会在这两种站点之间维持平行的文件 和文件夹结构。在两个站点之间传输文件时,如果站 点中不存在相应的文件夹,则将创建这些文件夹。
13
使用【文件】 3.3.1 使用【文件】面板
18
3.4.2 同步文件
当用户在本地和远程站点上创建文件后,可以 在这两种站点之间进行文件同步。如果远程站点为 FTP服务器),则将通过FTP来同步文件。在同步站 点之前,用户可以确认需要上传、获取、删除或忽 略哪些文件。
19
编辑站点是将已经复制的站点信息,重新修改 其相关的参数设置。例如,将修改复制的站点名称 。在【管理站点】对话框中,单击【编辑】按钮, 并弹出【ruibio复制 的站点定义为】对话框,并修改 其名称为“ruibio副本”。
11
3.2.4 删除站点
如果不再需要利用Dreamweaver对某个本地站点 进行操作,同样可以将其从站点列表中删除。选择要删 除的本地站点,单击【删除】按钮。因为该操作是不能 返回,所以需要确定删除操作。
1
本章学习要点: 本章学习要点:
创建本地站点 管理站点 编辑站点 站点中文件及文件夹操作
第三讲 使用Dreamweaver8创建和管理本地站点.

保存网页新建网页要进行保存,保存网页的操作为: 1.执行以下操作之一:单击菜单栏中“文件”|“保存”命令单击标准工具栏上的按钮。
2.打开“另存为”对话框。
3.在“保存在”选项中选择网页的保存位置。
在“文件名”文本框中的输入文件名。
4.单击“保存”按钮,文件就保存到指定位置。
打开网页打开己保存的网页有以下三种方法 1、通过文件菜单打开己有的网页,具体操作为:(1)执行以下操作之一:单击菜单栏中的“文件”|“打开”命令。
或单击标准工具栏上的。
(2)打开“打开”对话框。
(3)在查找范围下拉列表中选择网页所在的文件夹,选择要打开的文件,单击“打开”按钮,即可打开了文件。
2、在“文件”面板中打开网页文件在“文件”面板中,双击要打开的文件,即可打开网页。
3、在资源管理器中打开网页文件在资源管理器中,右击要打开的网页文件,在弹出的快捷菜单中选择“在Dreamweaver8”中编辑即可将文件在Dreamweaver8中打开。
预览网页编辑好的网页可以随时在浏览器中预览文档,查看网页的版式及链接的完好性,从而对网页进行修改。
以在Iexplore中预览为例,执行以下操作之一:单击菜单栏中“文件”|“在浏览器中“预览”|“Iexplore 6.0”命令。
使用快捷键为F12。
在文档工具栏中单击,选择在浏览器中预览。
上机实践本课上机实战将练习创建一个名为“国画欣赏”的站点,将其中的本地站点保存在“D:\guohua”文件夹下。
然后为“国画欣赏”网站建立一个存放图片的文件夹“images”,并新建名为“index.html”、“ghzs.html”、“jrmh.html”、“ghds.html”、“flxs.html”、“ghlt.html”和“lxwm.html”的网页文件。
“国画欣赏”网站首页国画知识今日名画国画大师分类欣赏国画论坛联系我们。
第三讲 使用Dreamweaver8创建和管理本地站点

更改页面标题 在站点地图中可对页面标题进行更改,以方便对 站点的管理。
6 网页文件的基本操作
新建网页
除了可以在“文件”面板中可以新建网页还可以 通过以下的操作新建网页: 1.执行以下操作之一: · 单击菜单栏中“文件”|“新建”命令。 · 单击标准工具栏上的按钮。 2.打开“新建文档”对话框。 3.选择“基本页”选项中的“HTML”,单击 “创建”按钮,即可新建一个空白的文档。
4 管理本地站点
选择本地站点 删除站点中的文件和文件夹 更改站点信息
5 管理站点地图
5.1 定义主页 在使用站点地图查 看站点时必须保证 这个站点已定义了 一个主页,因为主 页是一个站点的根 节点,必须有根节 点才有各个支节点, 也就是各个子页。
5.2 查看站点地图
查看站点地图是在Dreamweaver 8的“文件”面 板的“视图”下拉列表框中选择“地图视图”选 项。
5.3在站点地图中管理页面文件
打开页面文件 在页面文件上双击鼠标即可打开该文件。 在选择页面之后,选择[文件][打开]菜单命令打开 页面。 选择页面后单击鼠标右键,在弹出的快捷菜单中 选择“打开”命令可打开页面。
新建页面文件 在建立好站点地图之后,如果还需要在其中添加 新的网页文件,可以在站点地图中新建一个页面 文件。
预览网页 编辑好的网页可以随时在浏览器中预览文档, 查看网页的版式及链接的完好性,从而对网页进 行修改。以在Iexplore中预览为例,执行以下操作 之一: 单击菜单栏中“文件”|“在浏览器中“预 览”|“Iexplore 6.0”命令。 使用快捷键为F12。 在文档工具栏中单击,选择在浏览器中预览。
1.2 Dreamweaver8 的安装
“插入”面板 文档工具栏
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
3.3.5
移动和复制文件或文件夹
从“文件”面板的站点文件列表中,选中需要移动或复制的文件(或文 件夹)。如果要进行移动操作,可以单击鼠标右键,在弹出的快捷菜单中选 择“编辑>剪切”命令;如果要进行复制操作,可以单击鼠标右键,在弹出的 快捷菜单中选择“编辑>复制”命令;在需要粘贴的位置单击鼠标右键,在弹 出的快捷菜单中选择“编辑>粘贴”命令,可以将文件或文件夹移动或复制到 相应的位置。
3.2.4
文件视图列
单击“站点设计对象”对话框左侧“高级设置”选项下的“文件视图 列”选项,该选项用来设置站点管理器中文件浏览窗口所显示的内容,在 文件浏览窗口默认情况下会显示如下内容,单击“添加新列”按钮 ,将弹 出“添加新列”对话框。
3.2.5
Contribute 模板
单击“站点设置对象”对话框左侧“高级设置”选项中的Contribute选 项,可以对站点的Contribute选项进行设置。
无论是一个网页制作的新手,还是一个专业的网页设计师,都要从构 建站点开始,理清网站结构的脉络。当然,不同的网站有不同的结构,功 能也不会相同,所以一切都应按照需求组织站点的结构。
3.1.1
创建本地静态站点
在Dreamweaver CC中创建本地静态站点的 方法非常简单,也非常的方便,下面我们就通过 一个小练习,向读者介绍如何在Dreamweaver CC中创建本地静态站点。
3.3.6
重命名文件或文件夹
给文件或文件夹重命名的操作十分简单,使用鼠标选中需要重命名的文 件或文件夹,然后按快捷键F2,文件名即变为可编辑状态,如图3-51所示。在 其中输入文件名,再按Enter键确认即可。
3.3.7
删除文件或文件夹
要从站点文件列表中删除文件,可以先选中需要删除的文件或文件夹, 然后在其右键的快捷菜单中选择“编辑>删除”命令或按Delete键,这时会弹 出一个提示对话框,询问是否要真正删除文件或文件夹,单击“是”按钮确 认后,即可将文件或文件夹从本地站点中删除。
在Dreamweaver中可以创建多个不同类型 的站点,包括本地站点、远程站点等,如何对 Dreamweaver中创建的多个站点进行管理呢?
3.5.1
使用“管理站点”对话框管 理站点
执行“站点>管理站点”命令,在弹出的“ 管理站点”对话框中可以对Dreamweaver站点进 行全面的管理操作。
3.5.2
动手实践——创建本地静态站点
3.1.2
最终文件:无 视频:光盘\视频\第3章\3-1-1.swf
设置服务器功能
在“站点设置对象”对话框中单击“服务器 ”选项,可以切换到“服务器”选项卡,在该选 项卡中可以指定远程服务器和测试服务器。
3.1.3
设置服务器基本选项
在“服务器设置”窗口中分为“基本”和“高级”两个选项卡,在“基 本”选项卡中可以对服务器的相关基本选项进行设置。
3.1.4
设置服务器高级选项
无论选择哪种连接方式连接远程服务器,在其相关的设置对话框中都有 一个“高级”选项卡,无论选择哪种连接方式,其“高级”选项卡中的选项 都是相同的,单击“高级”选项卡,切换到“高级”选项卡中。
3.1.5
版本控制选项
在“站点设置对象”对话框中单击“版本控制”选项,可以切换到“版 本控制”选项卡,在“访问”下拉列表中选择Subversion,Dreamweaver可 以连接到Subversion(SVN)的服务器。
3.2.6
单击“站点设计对象”对话框左侧“高级设置”选项中的“模板”选项 ,可以对站点的“模板”选项进行设置。
3.2.7
jQuery
单击“站点设计对象”对话框左侧“高级设置”选项中的jQuery选项, 可以对站点的jQuery选项进行设置。
3.2.8
Web字体
单击“站点设计对象”对话框左侧“高级设置”选项中的“Web字体” 选项,可以对站点的Web字体选项进行设置。 该选项用于设置Web字体在站点中的保存位置,默认的站点Web字体文 件夹位于站点的根目标中,名称为webfonts。
3.3.3
在站点中新建文件
在站点中新建了文件夹,就可以在站点中创建 新的页面了。创建页面的方法有很多,接下来我们 向读者介绍如何在“文件”面板中创建新页面。
动手实践——在站点中新建文件
3.3.4
最终文件:无 视频:光盘\视频\第3章\3-3-3.swf
使用“新建文档”对话框新建文件
在“文件”面板中只可以新建默认格式的HTML页面,而通过“新建文 档”对话框可以新建多种格式的文件,并且还可以新建具有布局示例的页面 和多种网页相关文件。
3.4.2
创建Business Catalyst站点
在Dreamweaver CC中可以更加方便的创建 Business Catalyst站点,就像是创建本地静态站点 一样,接下来就向读者介绍一下如何创建 Business Catalyst站点。
动手实践——创建Business Catalyst 站点
自由切换站点
使用Dreamweaver CC中编辑网页或进行 网站管理时,每次只能操作一个站点。在“文 件”面板左边的下拉列表中选择已经创建的站 点,就可以快速切换到对这个站点进行操作的 状态。
通常情况下,都是创建本地站点,完成网站的制作后,再设置远程服务 器信息,将网站上传到远程服务器,但有些情况下,也可以在创建站点时, 将该站点的远程服务器设置好,这样可以制作好一部分网站页面,就上传一 部分页面,可以便于在网络中查看页面的效果。
在创建站点之前,需要对站点的结构进行规划,特别是大型的网站站 点,更需要对站点有好的规划,好的站点规划可以使网站的结构目录更加清 晰。完成站点的创建,就可以在站点中进行新建文件夹、新建页面等基本的 操作了,以及在站点中复制文件和调整文件位置等。
3.3.1
站点规划
如同做事情之前要先计划一样,在创建网站前,最关键的事情就是规 划整个站点的结构。如果要制作的网站规模非常大,分类非常多,或者栏目 繁杂,这时就更需要有充分的时间做好规划工作了。
最终文件:无 视频:光盘\视频\第3章\3-4-2.swf
3.4.3
Business Catalyst面板
通过Business Catalyst面板可以对所创建的 Business Catalyst站点页面进行设置和创建相应的内 容。 打开“文件”面板,单击“连接到远程服务器 ”按钮 ,连接到远程的Business Catalyst服务器, 打开Business Catalyst面板,可以看到该面板的提示 信息。
3.2.2
遮盖
单击“站点设置对象”对话框左侧“高级设置”选 项中的“遮盖”选项,可以对站点的遮盖进行设置 ,使用文件遮盖之后,可以在进行一些站点操作的 时候排除被遮盖的文件。例如,如果不希望上传 Flash动画文件,可以将站点中的Flash动画文件, 即扩展名为swf的文件设置遮盖,这样Flash动画文 件就不会被上传了。
3.3.2
在站点中新建文件夹
刚创建的站点,通常都是空的,用户可以根 据网站的实际需要在站点中创建文件夹和文件。 建立文件夹的过程实际上就是构思网站结构的过 程,多数情况下文件夹代表网站的子栏目,每个 子栏目都要有自己对应的文件夹。
动手实践——在站点中新建文件夹
最终文件:无 视频:光盘\视频\第3章\3-3-2.swf
3.2.9
Edge Animate资源菜单
单击“站点设计对象”对话框左侧“高级设置”选项中的“Edge Animate资源”选项,可以对站点的Edge Animate资源选项进行设置。 该选项用来设置Edge Animate资源文件夹的位置,默认的站点Edge Animate资源文件夹位于站点的根目录中,名称为edgeanimate_assets。
前面已经介绍了如何通过“站点设置对象”对话框来创建一个本地静 态站点。如果在“站点设置对象”对话框中单击“高级设置”选项,即可展 开站点的高级设置,可以对站点的 “遮盖”、“设计备注”、“Web字体 ”等高级选项进行设置。
3.2.1
本地信息
单击“站点设置对象”对话框左侧“高级设置 ”选项中的“本地信息”选项,可以对站点的本地 信息进行设置。
动手实践——创建远程企业站点
最终文件:无 视频:光盘\视频\第3章\3-6.swf
创建站点是进行网站设计制作的第一步,也是非常关键的一步,良好 的网站站点应该结构清晰,这样有助于后期的网站开发和维护。本主要向 读者介绍了创建本地站点和Business Catalyst站点的方法,以及在 Dreamweaver CC中对各种不同类型的站点进行管理的方法。站点就好像是 一个网站的基石,读者需要能够仔细理解,熟练掌握创建站点以及站点设置 和管理的方法。
3.2.3
设计备注
单击“站点设置对象”对话框左侧“高级设置”选项中的“设计备注 ”选项,可以对站点的设计备注进行设置。如果一个人开发站点,可能需 要记录一些开发过程中的信息,防止以后忘记。如果是团队成员共同开发 站点,则可能需要记录一些需要别人分享的信息,然后上传到服务器上, 使其他人也能够访问。
在Dreamweaver CC中集成了Business Catalyst的功能,以满足设计者对 于独立工作平台的需求。Business Catalyst可以提供一个专业的在线远程服 务器站点,使设计者能够获得一个专业的在线平台。
3.4.1
什么是Business Catalyst
Business catalyst为网站设计人员提供了一个功能强大的电子商务内容 管理系统。Business Catalyst平台拥有一些非常实用的功能,例如网站分析 、电子邮件营销等。