创建和管理站点
第二节 站点管理
备课人王文辉上课时间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)。
长安大学 计算机基础教学委员会
主要内容
• 常用网页制作工具 • 建立网站的基本流程 • 网页艺术设计 • 创建站点 • 管理站点 • 站点地图
常用网页制作工具
• 网页编辑工具
1.Dreamweaver 2.FrontPage
• 素材处理与创作工具
1.Photoshop 2.Fireworks 3.Flash
网页艺术设计
网页版式设计 2．常见的网页布局
（1）表格布局 （2）框架布局 （3）层布局 （4） 1．在网页中以RGB方式来表示颜色。 2．在网页中合理运用色彩
创建站点
• 在制作网页之前首先要创建站点。 • 建立一个本地站点就是在本地计算机上建立一个
文件夹，将所有与网站相关的文件都放在该文件 夹中，以便进行网页的制作与管理。 • 站点好比是生产网页的工厂，用户把制作网页所 需的素材、制作好的网页和没有制作好的网页都 分门别类放在站点之中，便于管理和测试。 • 站点可以包括1个网页，也可以包括由成百上千个 网页组成的一个完整的网站。
创建站点
使用Dreamweaver可以创建3类站点：
1．本地站点 2．远程站点 3. 测试站点
创建站点
使用Dreamweaver站点管理器创建站点 1．站点管理器 2．创建站点
（1）通过站点定义向导创建站 （2）直接定义站点
管理站点
站点创建完成后，可以随时 通过“管理站点”对话框 对站点的文件和文件夹进 行编辑和管理。
常用网页制作工具
• Fireworks是由Macromedia公司开发的基于RGB颜 色模式的图形处理工具，它的出现使Web作图发生 了革命性的变化。
Fireworks具有如下的优点：
1.Fireworks可以用较少的步骤生成占用空间很小、质量 很高的JPEG和GIF图像。
2.利用Fireworks修改图像非常方便。 3.Fireworks无需借助其他工具就可以完成将一个图像转
• 其他素材处理与创作工具
常用网页制作工具
• Dreamweaver是Macromedia公司推出的一款 大众化的网页制作软件，它具有可视化编 辑界面，用户不必编写复杂的HTML源代码 就可以生成跨平台、跨浏览器的网页，不 仅适合于专业网页编辑人员的需要，同时 也容易被业余网页制作人员所掌握。
• Dreamweaver支持动态HTML技术，并采用了 Roundtrip HTML技术，从而奠定了在网页 高级设计功能方面的领先地位。
1.Flash创建的图像体积小、质量高。
2.Flash采用的是插件工作方式。
3.Flash采用“流式”动画播放技术。
4.Flash支持多种不同格式文件的导入。
常用网页制作工具
• Photoshop是Adobe公司开发的图形处理软 件，它是目前公认的PC上最好的通用平面 美术设计软件，它功能完善、性能稳定和 使用方便，所以在几乎所有的广告、出版 和软件公司，Photoshop都是首选的平面制 作工具。
建立网站的基本流程
• 因为网页只有在链接成网站才 有其存在的意义，所以通常所 说的网页制作实际上就是网站 制作。
• 在制作网页开始时就从一个网 站的角度来考虑问题，能够使 后续的工作更容易进行。网站 的建设通常都遵循一个基本的 流程。
建立网站的基本流程
• 规划站点 • 设计站点 • 制作网页 • 站点发布 • 站点维护
• 当网页设计人员制作完所有网站页面之后，需要 对所设计的网页进行审查和测试，测试内容包括 功能性测试和完整性测试两个方面。
• 功能性测试就是要保证网页的可用性，达到最初 的组织设计目标，实现所规定的功能，读者可以 方便快速地寻找到所需的内容。
• 完整性测试就是保证页面内容显示正确，链接准 确，无差错无遗漏。
键的要素，和现实生活中一样，网站名称是否正 气、响亮、易记，这对网站的形象和宣传推广也 有很大影响。
建立网站的基本流程
2、搜集资料 3、网站的整体规划
进行网站的整体规划也就是组织网站的内容并设 计其结构。
4、网页设计与制作
静态网页的设计与制作 为网页添加动态效果
建立网站的基本流程
5、测试与发布网页
• 新建 • 编辑 • 复制 • 删除 • 导入 • 导出
站点地图
使用站点地图可以查看 本地站点的结构，能 够清晰直观地看到站 点内文档的组织结构 和链接关系的图形化 显示，还可以在站点 地图中方便直观地编 辑站点内文档之间的 链接。
化为网页元素的全过程。 4.Fireworks具有文件导出功能。
常用网页制作工具
• Flash是Macromedia公司开发的用于矢量图形编辑 和动画创作的专业软件，它是一种交互式动画设 计工具，用它可以将音乐、声效、动画以及富有 新意的界面融合在一起，以制作出高品质的网页 动态效果。
Flash具有如下的优点：
策划与准备 制作阶段 后期工作
确定主题 收集资料与素材 规划网站结构 设计网页版式 确定网站结构 制作网页元素 插入元件与排版 上传网站 维护与更新
建立网站的基本流程
1、确定主题
网站的主题也就是网站的题材，是网站设计首先遇 到的问题。
• 网站的定位要小，内容要精。 • 网站的题材最好选自己擅长或者喜爱的内容。 • 网站名称，是网站设计的一部分，而且是一个关
建立网站的基本流程
6 、网站的宣传与推广 7 、网站的反馈与评价 8 、网站的更新与维护
• 网站要注意经常维护更新内容，保持内容的新鲜 。
网页艺术设计
• 网页版式设计 • 网页色彩设计
网页艺术设计
网页版式设计 1．版式设计原则
（1）格式统一 （2）版面平衡 （3）分割合理 （4）连贯呼应 （5）对比清晰 （6）色彩和谐