《网页设计与制作》 教学课件 主讲人：湖南铁道职业技术学院陈承欢 HUNAN RAILWAY PROFESSIONAL TECHNOLOGY COLLEGE
Hunan Railway Professional Technology College 主讲人：湖南铁道职业技术学院 陈承欢 《网页设计与制作》 教学课件
教学单元3：网站的创建与管理 “、 课程引导 二、明确知识技能目标 湖南城道营政饰学院 三、展示网页浏览效果 主要教学环节 四、分析操作任务 五、知识讲解与操作示范 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 网页设计与制作
教学单元3：网站的创建与管理 主 要 教 学 环 节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题
(一)课程引导 湖南绒道 认识了Dreamweaver8的工作环境之后，接下来将要 迈出制作网页的第一步了。无论是网页制作的新手， 还是专业的网页设计师，都要从构建站点开始，理清 网站结构。 营政饰学院 网页设计与制作
（一）课程引导 认识了Dreamweaver 8的工作环境之后，接下来将要 迈出制作网页的第一步了。无论是网页制作的新手， 还是专业的网页设计师，都要从构建站点开始，理清 网站结构
(二) 明确知识技能目标 (1)掌握“文件”面板 湖南城道业政饰学院 (2)掌握站点的创建 (3) 掌握站点的管理 网页设计与制作
（二）明确知识技能目标 （1）掌握“文件”面板 （2）掌握站点的创建 （3）掌握站点的管理
(三) 展示网页浏览效果 本章所创建的实例网站“长沙世界之窗”的站点结构 效果如图所示。 湖南城道质营政術学院 文件)编怎)查看)插入)修改)文本工)命C)站点)口道) 常用。 回&留园回，情·髓四☑· 用 回代码拆分国设计标题：长沙世界之窗 文伴资源代码片斯 沙世界之窗本视图 世界之 (G: 99100%~671681g/15 犀性 00.htnl 格式无 样式无 01页面控制 字体默认字体与 大小无习 备妥 页面性 标检查器 网顷设计与制作
（三）展示网页浏览效果 本章所创建的实例网站“长沙世界之窗”的站点结构 效果如图所示
(四) 分析操作任务 (1)创建一个命名为“长沙世界之窗”的网站，该 南 网站保存在本地硬盘的文件夹“旅游网站”中。 (2)在站点“长沙世界之窗”中创建文件夹“00创 道 建站点”，在文件夹“00创建站点”创建子文件夹 “image”、“music”。 蕙 (3)在文件夹“00创建站点”中新建一个命名为 “00.html”空白网页。 琴 网页设计与制作
（四）分析操作任务 （1）创建一个命名为“长沙世界之窗”的网站，该 网站保存在本地硬盘的文件夹“旅游网站”中。 （2）在站点“长沙世界之窗”中创建文件夹“00创 建站点”，在文件夹“00创建站点”创建子文件夹 “image”、“music”。 （3）在文件夹“00创建站点”中新建一个命名为 “00.html”空白网页
(五) 知识讲解与操作示范 3.1 网站的创建 3.1.1认识文件面板 文件面板主要有三个方面的功能： 线 (1)管理本地站点； (2)管理远程站点，包括文件上传、文件更新等； (3)可以连接网络应用服务器，预览动态网页。 蒙 3.1.2创建本地网站 使用Dreamweaver8创建站点的向导创建第一个本地站点 “长沙世界之窗”，具体操作步骤如下。 琴 步骤1：在本地硬盘上建立一个用来存放站点的文件夹 命名为“旅游网站”，该文件夹就是本地站点的根目录。 克 网页设计 制作
（五）知识讲解与操作示范 3.1 网站的创建 3.1.1 认识文件面板 文件面板主要有三个方面的功能： （1）管理本地站点； （2）管理远程站点，包括文件上传、文件更新等； （3）可以连接网络应用服务器，预览动态网页。 3.1.2 创建本地网站 使用Dreamweaver 8创建站点的向导创建第一个本地站点 “长沙世界之窗”，具体操作步骤如下。 步骤1：在本地硬盘上建立一个用来存放站点的文件夹， 命名为“旅游网站”，该文件夹就是本地站点的根目录
五) 知识讲解与操作示范 湖 3.1网站的创建 步骤2：选择菜单【站点】→【新建站点】命令，打开“站点定 义”向导。选择“基本”选项卡。 道 步骤3：在“你打算为您的站点起什么名字？”标签下面的文本 框中填写要创建的网站名称：“长沙世界之窗”。 步骤4：单击【下一步】按钮，选择“否，我不想使用服务器技 蕙 术”单选按钮。 或 步骤5：单击【下一步】按钮，选择“编辑我的计算机上的本地 副本，完成后再上传到服务器（推荐）”单选按钮。 琴 步骤6：在窗口下方，“您将把文件存储在计算机上的什么位置” 用来选择保存网站文件的文件夹。 网设计与制作
（五）知识讲解与操作示范 3.1 网站的创建 步骤2：选择菜单【站点】→【新建站点】命令，打开“站点定 义”向导。选择“基本”选项卡。 步骤3：在“你打算为您的站点起什么名字？”标签下面的文本 框中填写要创建的网站名称：“长沙世界之窗”。 步骤4：单击【下一步】按钮，选择“否，我不想使用服务器技 术”单选按钮。 步骤5：单击【下一步】按钮，选择“编辑我的计算机上的本地 副本，完成后再上传到服务器（推荐）”单选按钮。 步骤6：在窗口下方，“您将把文件存储在计算机上的什么位置” 用来选择保存网站文件的文件夹
五) 知识讲解与操作示范 3.1网站的创建 南 步骤7：单击【下一步】按钮。选择“无”，等到网站 道 建成后再与FTP连接。 步骤8：单击【下一步】按钮，站点定义对话框列出了 刚才设置的主要内容，如果发现有错误，可以单击“上一 爽 步”按钮退回到合适的步骤进行更正，核对无误后，单击 【完成】按钮，结束站点定义对话框的设置。 琴 克 网顶设计与制作
（五）知识讲解与操作示范 3.1 网站的创建 步骤7：单击【下一步】按钮。选择“无”，等到网站 建成后再与FTP连接。 步骤8：单击【下一步】按钮，站点定义对话框列出了 刚才设置的主要内容，如果发现有错误，可以单击“上一 步”按钮退回到合适的步骤进行更正，核对无误后，单击 【完成】按钮，结束站点定义对话框的设置
(五)知识讲解与操作示范(2) 湖南 3.2管理站点 1.切换站点 在文件面板左边的下拉列表框中选中某个已创建的站点，例 如单击选中“我的班级网站”，就可切换到对这个站点进行操 作的状态。 薰 2.编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中，选 择要编辑的站点，然后用鼠标单击“管理站点”对话框中的 【编辑】按钮，重新打开“站点定义”向导，根据需要一步 琴 步修改站点的属性即可
（五）知识讲解与操作示范（2） 3.2 管理站点 1．切换站点 在文件面板左边的下拉列表框中选中某个已创建的站点，例 如单击选中“我的班级网站”，就可切换到对这个站点进行操 作的状态。 2．编辑站点 如果要对站点进行编辑，可以在“管理站点”对话框中，选 择要编辑的站点，然后用鼠标单击“管理站点”对话框中的 【编辑】按钮，重新打开“站点定义”向导，根据需要一步一 步修改站点的属性即可