创建和管理站点
第二节 站点管理
备课人王文辉上课时间9-4章及内容第六单元见面设计与制作节及内容第二节站点管理教学目标1、了解站点的概念2、掌握站点的分类3、掌握站点的创建与管理教学重点1、各类站点的不同2、复制与删除站点教学难点1、复制与删除站点与站点对应文件夹的关系备课内容备注【导入】在了解网站与网页之后，今天要来学习如何使用制作工具来进行网站的开发与制作。
这本教材使用的蝇ADODB公司的Dreamweaver CS3来进行开发的，那么在开发前我们要做些什么准备呢？【授新课】一、站点的概念一组具有相关共享属性的网页与资源的集合。
站点指向本地或远程的某个存储位置。
开发网站前必须要创建一个站点。
二、站点的分类1、本地站点存储您正在处理的文件。
此文件夹通常位于本地计算机上，但也可能位于网络服务器上。
2、远程站点存储用于测试、生产和协作等用途的文件。
远程文件夹通常位于运行 Web 服务器的计算机上。
远程文件夹包含用户从 Internet 访问的文件。
通过本地文件夹和远程文件夹的结合使用，您可以在本地硬盘和 Web 服务器之间传输文件，这将帮助您轻松地管理 Dreamweaver 站点中的文件。
您可以在本地文件夹中处理文件，希望其他人查看时，再将它们发布到远程文件夹。
3、测试站点Dreamweaver 在其中处理动态页的文件夹。
三、创建站点利用向导创建一个站点步骤1：选择【站点】→【新建站点】菜单项，打开对话框，如图所示。
步骤2：在【基本】选项卡输入要建立站点的名称步骤3：单击【下一步】，打开【编辑文件，第2部分】对话框选择是否要采用服务器技术。
注：常用字的服务器技术有：asp jsp php等。
步骤4：单击【下一步】，打开【编辑文件，第3部分】对话框，选择站点文件夹。
步骤5：单击【下一步】，打开【站点定义共享文件】对话框。
步骤6：单击【下一步】按钮，打开【共享文件，2部分完成】对话框。
步骤7：单击【下一步】打开【站点定义总结】对话框，如图所示。
《创建和管理站点》课件
如何添加导航链接？
在网站的导航菜单中添加链接，可以帮助访问者快速导航到不同的页面。您可以使用网站建设平台提供的导航 菜单编辑功能进行设置。
如何添加和删除站点组件？
要添加站点组件，您可以通过编辑页面或使用所选网站建设平台提供的组件库。删除组件通常需要在管理后台 进行相应的操作。
创建和管理站点
这个PPT课件将为您详细介绍站点管理的各个方面，包括站点创建、页面编 辑、导航链接、组件添加、主题设置和站点访问权限等。
什么是站点管理？
站点管理是指对网站进行有效的组织、更新和维护的过程。它涉及各种任务， 包括内容管理、用户管理、性能优化和安全防护等。
站点创建前需要做哪些准备？
在创建站点之前，您需要明确站点的目标和受众，选择适当的技术平台和开 发工具，并准备好所需的内容和资源。
如何创建站点？
创建站点的步骤包括选择域名和主机，安装网站建设平台，设计网站布局和 样式，以及添加内容和功能模块。站点内的组成部分有哪些？
一个网站通常由主页、导航菜单、页面、文章、图片、表单、侧边栏和页脚 等组成，每个组成部分都具有不同的功能和用途。
如何添加、编辑和删除一个页面？
要添加页面，您可以使用网站建设平台提供的编辑器，输入页面标题和内容，并保存。编辑和删除页面通常需 要在管理后台进行相应的操作。
教案建立和管理站点
学习单元一建立和管理站点（一）教学目标：了解建站的制作流程能够进行站点的规划、建立和管理了解网站常用开发工具，熟悉Dreamwear开发环境培养团队合作意识（二）重点和难点：重点：建立和管理站点难点：建立和管理站点（三）教学方法讲授式、项目教学发、案例教学法（四）教学参考1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。
2、《WEB网站设计》Joel Sklar著高等教育出版社。
3、《Dreamweaver网页设计案例教程》白煜编著清华大学出版社。
4、《Dreamweaver CS3完美网页设计与制作》姜楠编著中国青年出版社。
（五）单元学习内容：建立和管理站点一、内容回顾（2-5’）HTML的基本结构<html><body><h1>My First Heading</h1><p>My first paragraph.</p></body></html>提问：什么是HTML？HTML 是用来描述网页的一种语言。
?HTML 指的是超文本标记语言(Hyper Text Markup Language)?HTML 不是一种编程语言，而是一种标记语言(markup language) ?标记语言是一套标记标签(markup tag)?HTML 使用标记标签来描述网页二、课程导入（3-5’）1、演示项目“个人网站欢迎界面”2、导入相关知识：网站开发流程站点管理HTML结构三、主要内容（55-60‘）1、网站开发流程1)对站点进行规划2)素材准备3)管理站点（首先要创建一个站点）4)制作前台静态页面5)创建动态页6)测试站点7)上传站点到远程服务器2、创建和管理站点(演示操作过程)1)通过“站点定义向导”创建2)通过“高级”设置对话框创建3、制作静态页面（欢迎界面）制作要求：1) 在文件面板中创建站点，按照前页图中结构，添加文件夹及文件。
站点的管理与设置
网站速度优化
确保网站加载速度快，提高用 户体验，有利于搜索引擎爬虫 抓取和排名。
移动友好性
适应移动设备访问，确保网站 在不同屏幕尺寸和分辨率上的
显示效果良好。
内容营销
内容策略
制定与网站主题相关的内容计划，包 括文章、博客、视频等形式，以吸引 目标受众。
内容质量
创作高质量、有价值的内容，满足用 户需求，提高用户留存率和分享率。
站点管理与设置
目 录
• 站点概述 • 站点管理 • 站点设置 • 网站维护 • 网站推广与营销
站点概述
01
站点定义
站点是指一个或多个网页的集 合，用于展示信息、产品或服 务。
站点通常由一系列的网页组成， 每个网页包含不同的内容，如 文本、图像、视频等。
站点可以通过互联网进行访问， 用户可以在不同的设备上浏览 站点的信息。
预防措施
分析故障原因，采取预防措施避免类似问题再次发生，如优化服务器 配置、加强代码审查等。
网站推广与营销
05
SEO优化
SEO优化
通过优化网站结构、内容和链 接，提高网站在搜索引擎结果 页的排名，从而增加网站流量
和曝光度。
关键词研究
分析目标受众的搜索行为，确 定与网站主题相关的关键词和 短语，并在网站内容中合理使 用。
在权威的域名注册机构注 册域名，确保域名的合法 性和安全性。
域名解析
设置正确的DNS记录，将 域名解析到对应的服务器 IP地址。
服务器配置
服务器选择
根据网站规模和需求选择 合适的服务器配置，包括 CPU、内存、存储和带宽 等。
操作系统
选择适合网站应用的操作 系统，如Linux或 Windows Server。
建立和管理站点操作步骤演示
第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 。
网站的创建与管理
（五）知识讲解与操作示范
3.1 网站的创建 3.1.1 认识文件面板 文件面板主要有三个方面的功能： （1）管理本地站点； （2）管理远程站点，包括文件上传、文件更新等； （3）可以连接网络应用服务器，预览动态网页。 3.1.2 创建本地网站 使用Dreamweaver 8创建站点的向导创建第一个本地站点
利用本章所学习的知识，完成以下操作： （1）创建一个命名为“课堂实践”的静态网站，该网站的所有 文件存储在本机上E盘的“ClassroomPractise”文件夹中。 （2）在“文件面板”的站点根目录下创建一个文件夹“00创建 站点”。 （3）在文件夹“00创建站点”中创建三个子文件夹“image”、 “music”和“text”。 （4）在文件夹“00创建站点”中创建一个命名为“00.html” 的网页文档。 （5）将所需的图像文件和音乐文件分别复制到“image”和 “music”文件夹中。
步骤7：单击【下一步】按钮。选择“无”，等到网站 建成后再与FTP连接。
刚才设置的主要内容，如果发现有错误，可以单击“上一 步”按钮退回到合适的步骤进行更正，核对无误后，单击 【完成】按钮，结束站点定义对话框的设置。
（五）知识讲解与操作示范（2）
3.2 管理站点
1．切换站点 在文件面板左边的下拉列表框中选中某个已创建的站点，例
如单击选中“我的班级网站”，就可切换到对这个站点进行操
作的状态。 2．编辑站点
如果要对站点进行编辑，可以在“管理站点”对话框中，选
择要编辑的站点，然后用鼠标单击“管理站点”对话框中的 【编辑】按钮，重新打开“站点定义”向导，根据需要一步一
步骤4：单击【下一步】按钮，选择“否，我不想使用服务器技
术”单选按钮。 步骤5：单击【下一步】按钮，选择“编辑我的计算机上的本地 副本，完成后再上传到服务器（推荐）”单选按钮。 步骤6：在窗口下方，“您将把文件存储在计算机上的什么位置” 用来选择保存网站文件的文件夹。
《创建站点》教案
《创建站点》教案创建站点教案一、教学目标1. 了解什么是网站和站点的概念及其作用。
2. 掌握创建站点的基本步骤和方法。
3. 学会使用相关工具和技术来建立自己的站点。
二、教学准备1. 计算机和网络设备2. 网站创建工具，如网页编辑器、网站建设平台等3. 教学材料，包括示范网站和相关教程三、教学过程1. 导入（5分钟）向学生简要介绍什么是网站，以及网站在现代社会中的重要性。
2. 知识讲解（15分钟）1) 什么是站点？- 站点是由一组网页组成的集合，可以包含文字、图片、音频、视频等多种形式的内容。
- 站点可以是个人或组织的官方网站，也可以是博客、电子商务平台等。
2) 站点的作用- 展示和传播信息，实现与用户的互动。
- 扩大个人或组织的影响力和知名度。
- 提供商品或服务的销售渠道。
3) 创建站点的基本步骤- 确定站点的目标和目的- 规划站点的内容和结构- 选择适合的网站创建工具- 创建和编辑网页- 发布和维护站点4) 网站创建工具和技术- 网页编辑器，如Dreamweaver、FrontPage等。
- 内容管理系统（CMS），如WordPress、Joomla等。
- 在线网站建设平台，如Wix、Weebly等。
3. 操作演示（30分钟）1) 演示使用网页编辑器创建网页的基本步骤和技巧。
2) 演示使用内容管理系统（CMS）创建和管理网站的过程。
3) 演示使用在线网站建设平台快速建立个人站点的方法。
4. 实践操作（60分钟）1) 学生根据教师提供的示范网站，选择合适的网站创建工具进行操作。
2) 学生根据自己的兴趣和需求，创建自己的站点，并设置基本的布局、导航和内容。
3) 学生在创建过程中遇到问题可以向教师寻求帮助和指导。
5. 总结和展望（10分钟）教师总结本节课的教学内容，强调站点的重要性，并鼓励学生继续探索和学习网站创建的相关知识和技巧。
四、教学延伸1. 学生可以继续完善和扩展自己创建的站点，添加更多的功能和交互性。
第三讲 使用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等）对大小写敏感，对它们而言，
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
其他常见网页编辑软件： 微软的Frontpage：Microsoft Office办公软件成员之一，被 誉为最易于使用、功能强大的网页制作编辑入门工具。 Netscape编辑器：Netscape Communicator和Netscape Navigator随带的网页制作软件，是一款简单的面向初学者的网 页制作入门工具。 CuteHTML：美国GlobalSCAPE开发的网页制作软件。 HotDogPro4.54：美国软件公司Sausage推出的网页制作 软件，使用方便、功能十分强大，具有动画制作功能。现在的 最新版为“HotDog Professional 7”。
目录
上一页
下一页
退出
任务一 规划个人网站 自己动手： 1．定位网站的主题和名称。
常见的网页主题有哪些？ 网站主题的选择需要注意什么？
2．规划网站的栏目与目录结构。
设计网站目录结构需要注意哪些问题？
目录
上一页
下一页
退出
任务一 规划个人网站 3．选择网页制作软件 Dreamweaver 8：一款集网站管理与网页制作于一身的 “所见即所得”的网页制作软件
目录
上一页
下一页
退出
第一单元 创建个人网站
任务五 使用代码创建网页
任务描述：使用HTML语言创建一个空白页面。
任务分析：网页是用HTML（超文本标识语言）记述的， HTML是一种编写网页的基础语言，是英文HyperText Markup Language 的缩写，中文意思是“超文本标识语言”。HTML文 件也可以说是一个文本文件，它包含了一些HTML标签、文本、 脚本等，而且可以使用记事本等多种文本编辑软件进行编写。
2．<meta>标签是<head>标签内部包含的一个功能标签， 使用网络查找该标签的各种属性及其作。
目录
上一页
下一页
退出
任务一 规划个人网站 相关知识： 1．常见的网页主题有：个人站点、企业宣传、软件下载、 求职招聘、专业论坛、流行时尚、互动聊天和在线销售等。
2．对网站题材的选择，通常要注意以下两点： A.主题要简单明确。网站的内容要紧密地围绕主题， 它不 可能包罗万象，也并不是把所有精彩的图像、动画、视频放在 一起，就能做出好的网站，那样的结果往往会让你的网站没有 特色，而且也要耗费很多的精力去维护。 B.尽量选择自己擅长或者喜欢的内容作为网站的题材。比 如根据所学的专业，自己的爱好、特长等去分析选择网站题材。 这样的题材做起来才会有兴趣，兴趣是制作网站的动力，有热 情才能设计出优秀的作品。
下一页
退出
任务四 创建网站目录结构 举一反三： 依据前面学习的知识与掌握的专业技能，新建一个站点， 网站命名为“网页制作”，存放在“D:\dreamweaver”文件夹 中，使用“文件”面板新建首页文件“index.html”和首页图像 文件夹“images”，在“我的电脑”中查看相应目录的变化。
Dreamweaver网页制作
主 编：王树平
副主编：杜大志 李光宇
第一单元 创建个人网站
目录
上一页
下一页
退出
第一单元 创建个人网站 任务描述：本单元将通过一个个人网站的创建，学习网站 从规划到建立的流程，自己动手，打造属于自己的站点。任务 完成后如下图所示：
目录
上一页
下一页
退出
第一单元 创建个人网站
1．启发思路：
网页是由HTML语言编写的，保存为扩展名为Html或Htm 的文本文件。任何一个文本编辑软件都可以编写。分组讨论有 哪些文本编辑软件，引出Word。回忆如何使用Word创建文件。 2．分组完成任务。
目录 上一页 下一页 退出
任务五 使用代码创建网页 作业：
1．使用Dreamweaver 8新建一个空白文档，将“文档”窗 口切换到“拆分”视图，查看“文档”面板的状态。
其中各 Html标签 的功能是 什么？
任务五 使用代码创建网页
2．使用Dreamweaver 8“代码”视图创建一个空白网页文件 运行Dreamweaver 8，使用起始页新建一个空白页面，在 “文档”工具栏中选择“代码”视图，“文档”窗口将显示如 下图代码，其中包含文档类型的说明文字和页面的编码方式与 标题。
上一页
下一页
退出
任务三 管理站点 作业： 1．新建站点“pra1-3”，使用管理站点功能复制站点“pra13”，编辑复制的站点名称为“pra1-4”，之后删除站点“pra13”。
目录
上一页
下一页
退出
第一单元 创建个人网站
任务四 创建网站目录结构
任务描述：实现先前规划的“幽幽我心的个人网站”目录 结构 任务分析：创建目录结构需要在站点内新建相应的网页文 件及文件夹。 在众多的网页文件中有一个页面叫做首页，他作为整个网 站的入口，必然要与其他的页面在设置上有所区别。
目录
上一页
下一页
退出
任务二 创建站点 自己动手： 1．启动软件Dreamweaver8 。
Dreamweaver8 界面 Dreamweaver8的起始页
2．创建网站站点。
创建站点的流程
目录
上一页
下一页
退出
任务二 创建站点 任务总结： 通过完成以本任务，学习了软件的启动方法以及创建网站 站点的流程。
目录
上一页
下一页
退出
任务二 创建站点 举一反三： 1．新建一个站点，名称为“pra1-1”，使用“高级”选项 卡完成新建过程，保存位置为“D:\pra1-1”，其他参数保持默 认即可。 A.启发思路： 在新建站点的过程中，使用“高级”选项卡完成新建过程更为 直观，需要进行设置的参数与使用“基本”选项卡完成这一操 作是一致的。 B.分组完成任务。
目录
上一页
下一页
退出
任务三 管理站点 自己动手： 1．导出站点。
站点名称
目录
上一页
下一页
退出
任务三 管理站点 2．导入站点。
注意： 因为有 重名的 站点， 所以导 入的站 点名称 后面自 动加0。
目录
上一页
下一页
退出
任务三 管理站点 3．复制删除与编辑站点。 任务总结： 通过完成以本任务，学习了软件的启动方法以及创建网站 站点的流程。
任务一 规划个人网站 任务二 创建站点 任务三 管理站点 任务四 创建网站目录结构 任务五 使用代码创建网页
目录
上一页
下一页
退出
第一单元 创建个人网站
任务一 规划个人网站
任务描述：了解网站的主题和规划流程，规划一个个人网 站。 任务分析：制作一个个人网站之前需要进行系统的规划， 包括网站主题的确定、栏目板块的划分及建立相应的目录结构、 选择合适的开发工具软件。
目录 上一页 下一页 退出
任务一 规划个人网站 任务总结： 通过完成以上任务，学习了个人网站的规划方法。
目录
上一页
下一页
退出
任务一 规划个人网站 举一反三： 1．通过互联网浏览网站，总结所浏览网站的主题类型，至 少找出企业宣传、软件下载、求职招聘、专业论坛、流行时尚、 互动聊天和在线销售类型的网站各一个，记录它们的网站名称 填入表JYFS1-1中。
目录
上一页
下一页
退出
任务二 创建站点 作业： 1．新建一个以自己姓名命名的个人站点，该站点使用 “ASP JavaScript”服务器技术,暂不设置远程信息与测试 服务器，站点保存在“D:\pra1-2”文件夹中。
目录
上一页
下一页
退出
第一单元 创建个人网站
任务三 管理站点
任务描述：使用网页编辑软件Dreamweaver 8，实现站点 的管理。 任务分析：站点的管理功能包括新建、编辑、复制、删除、 导出和导入，在Dreamweaver 8中有相应的管理工具可以直接 完成这些操作，大大简化了站点的管理工作。
Dreamweaver 8界面各部分的功能是什么？
目录 上一页 下一页 退出
任务四 创建网站目录结构 如下图所示，在首页文件index.html的页面属性中，设置左 边距和上边距为0像素。
各选项的功能什么？
目录 上一页 下一页 退出
任务四 创建网站目录结构 4．单击“F12”键，在IE浏览器中预览生成的网页。 空白首页 5．新建首页图像文件夹 6．新建其他页面文件夹。结果文件面板如下图所示。
1．启发思路： 注意要把网页设为首页
2．分组完成任务。
目录
上一页
下一页
退出
任务四 创建网站目录结构 作业： 1．使用"文件"菜单新建"ASP JavaScript"类型的动态页， 文件保存为"D:/ practice 1-1.asp"，使用属性面板修改网页标题 为"ASP网页"。 2．新建站点"pra1-7"，使用"文件"面板创建一个网页文件， 命名为"practice1-2.html"，选中该文件后使用 下拉菜单中的重 命名选项，改名为"newpage.html"，同样使用 下拉菜单中的选 项预览页面后删除该页面。
目录
上一页
下一页
退出
任务二 创建站点 2．使用搜索引擎搜索并打开5个不同主题类型的网页，记 录并分析它们的URL，将其URL中的协议类型、域名和目录结 构等内容填入表JYFS1-2中。 A.启发思路： 使用浏览器浏览一个网页的时候，浏览器的地址栏中显示 出这个网页的URL地址。 B.分组完成任务。
A.启发思路： 根据表格内的提示，使用搜索引擎查找相关类型的网站。
B.分组完成任务。
目录
上一页
下一页
退出
任务一 规划个人网站 2．相同主题类型的网站所包含的栏目不一定完全相同， 搜索并浏览网络上的个人网站，看一看它们都包含哪些栏目并 进行汇总。 A.启发思路： 不同的人制作的个人网站栏目划分会有很大的区别，不同的年 龄段，不同的工作职业，不同的兴趣爱好有不同的栏目划分。 在搜索过程中注意考虑这些区别，例如，电影明星的个人网站 中肯定会有影迷会这样的栏目，而运动员的个人网站中一般包 含荣誉奖项这样的栏目 B.分组完成任务。