创建和管理站点
第二节 站点管理
备课人王文辉上课时间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等）对大小写敏感，对它们而言，
第三讲 DW的基础知识
测试站点：针对于动态页面的测试环境（数据库等）；
规 划 站 点 结 构
社会新闻
首页
新闻
相关下载
国际新闻
手机软件
网页设计教程
(第3讲) Dreamweaver的基础知识
3、创建与管理站点
一个总文件夹
创建站点：设置一个文件夹并分别在其下设置多个分支文件夹，用于保
存各种不同的素材与文件类型。
一个总文件夹
网页设计教程
(第3讲) Dreamweaver的基础知识
Dreamweaver的知识点
1、Dreamweaver的工作界面 2、预设站点 3、创建与管理站点 4、网页文件操作 5、设置页面属性 6、创建新站点
演讲老师：熊一君 支持网站：
网页设计教程
(第3讲) Dreamweaver的基础知识
设置外观 设置链接 设置标题
网页设计教程
(第3讲) Dreamweaver的基础知识
6、典型实例——创建新站点 注意：Dreamweaver CS各种版本在创建站点操作中有着一些不同！
请看实例演示！
网页设计教程
(第3讲) Dreamweav么疑问可以到 查阅 也可以以发送邮件到 yestinxiong@ 本次演讲老师：熊一君
1、 Dreamweaver的工作界面 工作界面布局：
菜单栏
插入栏
扩展按钮
文档工具栏 浮动面板组 编辑区
属性面板
网页设计教程
(第3讲) Dreamweaver的基础知识
2、预设站点
本地站点：在本机上所建立的站点，一般用于本地用户的工作目录，不可远程访问； 远程站点：模拟Internet环境，在本机上模拟真实的服务器环境，用于对站点进行
iis建立站点的基本步骤
iis建立站点的基本步骤IIS建立站点的基本步骤IIS（Internet Information Services）是一种Web服务器软件，用于在Windows操作系统上托管网站。
如果你想要在Windows上搭建自己的网站，那么建立一个IIS站点是必不可少的。
下面将介绍IIS建立站点的基本步骤。
一、安装IIS在开始之前，你需要确保已经安装了IIS。
如果没有安装，可以按照以下步骤进行：1. 打开“控制面板”并选择“程序和功能”。
2. 点击“打开和关闭Windows功能”。
3. 在弹出的窗口中找到“Internet Information Services”并勾选它。
4. 点击“确定”并等待安装完成。
二、创建站点1. 打开IIS管理器。
在Windows操作系统中，可以通过以下方式打开IIS管理器：- 打开“控制面板”，选择“管理工具”，然后选择“Internet Information Services（IIS）管理器”。
- 或者，在运行框中输入inetmgr命令。
2. 添加站点。
- 在左侧导航栏中右键单击“网站”，然后选择“添加网站”。
3. 配置站点设置。
- 输入网站名称和物理路径。
- 选择IP地址和端口号。
- 选择主机名（如果有）。
- 选择SSL证书（如果需要）。
4. 配置应用程序池。
- 应用程序池是一组应用程序的进程，它们共享相同的配置和资源。
在创建站点时，可以选择现有的应用程序池或创建新的应用程序池。
- 选择“应用程序池”选项卡并点击“添加应用程序池”按钮。
- 输入名称并选择.NET Framework版本和管理模式。
- 点击“确定”。
5. 配置权限。
- 在站点上右键单击并选择“属性”。
- 选择“安全性”选项卡，并配置所需的权限。
6. 测试站点。
- 在浏览器中输入站点URL并访问网站。
三、发布网站1. 将网站文件复制到物理路径中。
2. 配置文件夹权限。
- 右键单击物理路径，选择“属性”，然后选择“安全性”选项卡。
网页设计与制作 第2章 站点的创建与管理
图2-5管理站点链接
第2.2章
创建站点
2、站点定义 在“站点定义”对话框，定义本地站点的方法有以下两种： 若要使用站点设置向导来设置站点，请单击“基本”选项卡，然后按照提示 进行操作。 若要直接设置本地文件夹、远程文件夹和测试文件夹（用于处理动态页）， 请单击“高级”选项卡，选择“本地信息”类别，然后设置各个选项。 注：设置位于您计算机上的工作站点时，“高级”选项卡的“本地信息”类 别中，只有前两个选项是必需设置的。 方法一： 介绍基于“基本”选项卡定义本地站点的步骤： Step1：进入“站点定义”对话框后，选择“基本”选项卡。设置站点名称为 “webtest”，在站点的url文本框中输入网站的域名或ip地址，如果是创建 本地站点，则此处为空白，单击“下一步”，如图2-6所示。 Step2：在弹出的对话框中询问是否使用服务器技术，如果创建的是静态网站， 则选择“否，我不想使用服务器技术”单选按钮。如图2-7所示。
第2.2章
创建站点
图2-8 选择站点存放位置
图2-9 选择存放到服务器的位置
第2.2章
创建站点
Step5：显示前面已经设置的内容，单击【完成】。如图2-10所示。 Step6：返回到“管理站点”对话框，单击【完成】按钮，本地站点创建完成， 显示该站点的名称，如图2-11所示
。
图2-10 显示设置信息
第2.2章
创建站点
2.4.2创建远程站点 创建了本地 Web 站点后，下一步就是通过将文件上传到远程文件夹来发布该 站点。远程文件夹是internet上存储站点的位置，这些文件用于测试、生产、 协作和发布。远程站点可通过在“基本”选项卡中向导提示的方式创建也可 以通过“高级”选项卡直接输入信息的方式来创建。下面以“高级”选项卡 中FTP的方式为例介绍远程站点的创建方法： Step1：选择“站点”>“管理站点”。 Step2：单击“新建”并选择“站点”以设置新站点，或选择现有的 Dreamweaver 站点并单击“编辑”。 Step3：单击“高级”选项卡，从“访问”弹出式菜单中，选择“FTP”。如 图2-14所示。 Step4：在“FTP主机”文本框中，输入要上传的 FTP服务器的主机名。 Step5：在“主机目录”文本框中，输入远程站点上用于存储公开显示的文档 的主机目录（文件夹）。 Step6：在“登录名”和“密码”文本框中，输入用于连接到 FTP 服务器的 登录名和密码。
中职网页设计与制作(中国工信出版集团)教案：筑梦青春——创建与管理本地站点
中等专业学校2022-2023-2教案教学内容2.1 DW工作界面DW工作界面由菜单栏、工具栏、面板组、状态栏、属性面板、文档窗口等组成，如图所示。
2.2 站点的创建与管理创建一个站点是建立网站的第一步。
站点可以简单地理解为管理和存放网站中所有网页及各种素材的文件夹。
通过站点，可以方便地对站点文件进行管理并能够减少链接与路径方面的错误。
按地理位置划分，站点分为本地站点和远程站点。
我们把在本地计算机硬盘中存放网页的文件夹称为本地站点，把在Internet网络服务器上存放网页的文件夹称为远程站点。
按站点的交互性划分，站点分为静态站点和动态站点。
1.创建本地站点教学内容在Dreamweaver中创建Web站点，通常先在本地磁盘上创建本地站点，经过一系列的测试后，再将这些网页的副本上传到一个远程Web服务器，成为真正的站点供他人在互联网上浏览。
创建本地站点的步骤如下。
（1）运行Dreamweaver，选择菜单“站点→新建站点”命令，弹出“站点设置对象”对话框。
（2）选择对话框中的“站点”选项，在“站点名称”文本框中输入用户自定的站点名称。
在“本地站点文件夹”文本框中直接输入站点文件夹的路径，或单击后面的“浏览文件夹”按钮，在打开的“选择根文件夹”对话框中进行选择。
（3）如果要对站点属性进行详细的设置和调整，可以选择“高级设置”选项，在弹出的选项卡中进行设置。
2.编辑站点（1）选择菜单“站点→管理站点”命令，或在“文件”面板的下拉列表中选择“管理站点”命令，如图2-30所示。
（2）选择要编辑的站点，单击“编辑”按钮或直接双击站点名称，在弹出的“站点设置对象”对话框中可以对站点信息进行修改。
（3）编辑完成后，单击“保存”按钮，返回“管理站点”对话框，单击“完成”按钮。
3.复制站点（1）选择菜单“站点→管理站点”命令，打开“管。
个人站点的搭建与管理(聚橙网营销部东子)
和流量。
网站内链优化
合理规划网站内链，提 高网站的内部链接结构
和用户体验。
网站推广策略
制定有效的推广策略，利 用社交媒体、广告等渠道
提高网站的曝光率。
网站安全与备份
防止黑客攻击
采取有效的安全措施，防止网 站被黑客攻击和数据泄露。
数据备份与恢复
定期备份网站数据，确保在意 外情况下能够快速恢复网站。
防止恶意软件
及时检测和清除恶意软件，保 护网站安全和用户隐私。
监测网站日志
分析网站日志，发现异常访问 和行为，及时处理和防范。
网站数据分析与优化
网站流量分析
分析网站流量来源、用户行为等数据， 了解用户需求和市场趋势。
数据分析工具
利用数据分析工具，对网站数据进行 深入挖掘和分析。
网站优化建议
根据数据分析结果，提出针对性的网 站优化建议和改进措施。
个人站点的搭建与管理（聚 橙网营销部东子）
contents
目录
• 个人站点搭建概述 • 个人站点的规划与设计 • 个人站点的开发与实现 • 个人站点的运营与管理 • 个人站点的案例分享与经验总结
01
个人站点搭建概述
个人站点的定义与特点
总结词
个人站点的定互联网平台，具有个性化、自主性和灵活性的 特点。个人站点可以展示个人品牌、分享兴趣爱好、发布个人作品等，是个人 在互联网上的重要展示窗口。
用户认证
实现用户注册、登录、权限管理 等认证机制，保证用户数据的安 全性和隐私性。
数据库设计
01
数据库选型
根据项目需求选择合适的数据库 管理系统，如MySQL、 MongoDB等。
02
《创建站点》教案
《创建站点》教案一、教学目标1、让学生了解创建站点的基本概念和重要性。
2、使学生掌握使用常见网页制作软件创建站点的方法和步骤。
3、培养学生的动手实践能力和问题解决能力，激发学生对网页设计的兴趣。
二、教学重难点1、重点（1）站点的规划和设计。
（2）掌握创建站点的具体操作流程。
2、难点（1）理解站点文件夹结构和文件管理。
（2）解决创建站点过程中可能遇到的问题，如路径设置错误等。
三、教学方法1、讲授法：讲解创建站点的基本概念和步骤。
2、演示法：通过演示软件操作过程，让学生直观地了解创建方法。
3、实践法：让学生亲自动手创建站点，加深对知识的理解和掌握。
四、教学准备1、计算机教室，确保每台计算机安装有网页制作软件（如Dreamweaver 等）。
2、多媒体教学设备，用于展示教学内容和演示操作过程。
五、教学过程1、导入（5 分钟）通过展示一些精美的网站，引导学生思考网站是如何制作和组织的，从而引出创建站点的主题。
2、知识讲解（10 分钟）（1）介绍站点的概念：站点是一组相关网页和资源的集合，包括网页文件、图片、样式表等。
（2）讲解创建站点的意义：便于管理文件、统一风格、方便发布等。
3、规划站点（10 分钟）（1）引导学生思考站点的主题和内容，例如个人博客、班级网站、兴趣小组网站等。
（2）确定站点的结构，如首页、子页面的设置。
（3）规划文件夹结构，以便合理存放不同类型的文件。
4、演示创建站点（15 分钟）（1）打开网页制作软件，以 Dreamweaver 为例。
（2）选择“站点”菜单，点击“新建站点”。
（3）在弹出的对话框中，设置站点名称、本地站点文件夹的路径。
（4）选择服务器技术（如不需要可跳过）。
（5）设置站点的默认图像文件夹等其他相关选项。
（6）点击“完成”，完成站点的创建。
5、学生实践（20 分钟）学生根据自己规划的站点，动手创建站点。
教师巡视，及时指导和解决学生遇到的问题。
6、总结与评价（10 分钟）（1）邀请几位学生展示自己创建的站点，并简要介绍站点的规划和设计思路。
Dreamweaver实训教案
本次实训课我们熟悉Dreamweaver 8的界面布局和工作环境，学习本地站点创建和管理的方法，学习页面属性的设置方法。
5
2．展示网页的预览效果
首先浏览本次实训所制作网页的最终效果：请浏览01.html。
5
3．分析实训任务
（1）相关实训任务
建立文件夹，启动Dreamweaver 8，显示面板。
（2）重点实训任务
创建本地站点
创建网页文档
设置页面属性
（3）拓展实训任务
设置页面左边距、右边距、背景图片
5
4．明确实训目的
（1）熟悉Dreamweaver 8的界面布局和工作环境。
（2）熟练掌握本地站点创建和管理的方法。
（3）掌握页面属性的设置方法。
5
5．介绍实训步骤与内容
（1）预览实验起点网页：请浏览01.html。
（2）创建一个命名为“ComputerDiy”的本地站点。
（3）创建一个命名为“01.html”的网页文档。
（4）根据图A-1所示的网页浏览效果合理设置页面属性，页面属性的各个参数值自行确定。
（5）在页面输入一段有关“显卡”的文字。
5
6．学生完成实训任务
（1）老师现场指导、答疑……
（2）现场点评
注意：实训任务完成后，必须将提示信息删除
教学课题
实验一创建站点、页面控制
课时
2学时
教学目的
（1）熟悉Dreamweaver 8的界面布局和工作环境。
（2）熟练掌握本地站点创建和管理的方法。
（3）掌握页面属性的设置方法。
知识目标
（1）创建站点、管理站点
（2）页面属性的设置
能力目标
（1）创建站点、管理站点
第2章站点的基本操作
键
【重命名】命令的快捷键是【F2】键
1、在E盘下用基本建立方法建立站点Байду номын сангаас名称为
“mine”，新建
实例
图像文件夹和动画文件夹，再新建首页。
2、在F盘下用高级建立方法建立站点，名称为 “my”，新建图像文件夹和声音文件夹，再 新建首页和普通网页a、b。 3、将站点mine删除，将my站点导出。
1、设置页面属性
down文件夹中，等等。）
创建本地站点
创建本地站点
（1）【您打算将为您的站点起什么名字？】最好 是英文名字，与一级文件夹同名。 （2）【您的站点的HTTP地址是什么？】 如果没有可以暂时不填写。点击【下一步】按钮， 进入第2部分
（3）【您是否打算使用服务器技术？】我们 现在建立的是一个静态页面，所以选择否， 单击下一步。
创建首页
2、管理网页
（a）在【文件】面板中右击网页文件选择
【编辑】命令会显示如图所示的子菜单 （b）从中选择【删除】命令可以删除选择 的文件，选择【复制】命令可以复制文 件，选择【重命名】命令可以重新命名 该文件的名称。
3、相应快捷键
【删除】命令的快捷键是【Del】健 【复制】命令的快捷键是【Ctrl+D】组合
网页的链接字体、大小、链接颜色、
变换图像链接、已访问链接、活动链 接、下划线样式等的参数，各参数的 含义如下。
链接参数
链接字体：设置当前网页中所有超级
链接文本的字体 大小：设置当前网页中所有超级链接
文本的大小
链接颜色：初始状态（link） 变换图像链接：鼠标指上时的状态
（hover）
活动链接：鼠标点击时的状态（active） 已访问链接：被访问之后的状态 （visited）
- 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.分组完成任务。