网页设计与制作任务驱动式实用教程教学课件作者陈承欢教学资源02单元2制作文本网页1课件.doc

单元2　制作文本网页 【教学导航】 教学目标 （1）学会建立站点目录结构 （2）熟悉创建和保存网页文档等基本操作 （3）学会设置网页的首选参数 （4）掌握设置网页的整体属性 （5）掌握在网页中输入文字、编辑文本、设置文本属性的操作方法 （6）掌握在网页中设置项目列表、输入空格和文本换行的操作方法 （7）掌握在网页中插入特殊字符、水平线和日期的操作方法 （8）熟悉HTML的基本结构 本单元重点 （1）对网页文档的基本操作 （2）在网页中输入文字、编辑文本和设置文本属性 （3）在网页中设置项目列表、输入空格和文本换行 本单元难点 （1）设置项目列表、输入多个连续空格 （2）网页中插入特殊字符、插入水平线 教学方法 任务驱动法、分析探究法、四步训练法 课时建议 4课时（含考核评价） 【操作准备】 1．创建所需的文件夹，拷贝所需的资源 2．创建站点 创建一个名称为“单元2”的本地站点，站点文件夹为“Unit02”。 3．熟悉新建网页文档的方法 新建网页文档的方法主要有以下几种。 方法一：启动Dreamweaver CS6时，会出现一个如图2-1所示的界面，它包括“打开最近项目”、“新建”、“主要功能”等多个可选项，在该界面单击【HTML】便可以直接创建一个HTML网页文档。 方法二：在Dreamweaver CS6主窗口中，选择命令【文件】→【新建】或者直接单击【标准】工具栏中的【新建】按钮，弹出【新建文档】对话框，在最左侧默认选中了“空白页”，在“页面类型”列表框默认选中了“HTML”，在“布局”列默认选中了“无”，如图2-2所示。直接单击【创建】按钮，此时在Dreamweaver CS6的文档窗口区域创建了一个名称为“Untitled-1”的网页文档。 方法三：在【文件】面板中，右键单击文件夹，在弹出的快捷菜单中选择命令【新建文件】，如图2-3所示。此时在文件夹中会新建一个默认名称为“untitled.html”网页文档，将网页文档的名称重命名为所需要的名称（例如0201.html）即可。 【引导训练】 【任务2-1】制作总览旅游景点的文本网页 本单元“引导训练”的任务卡如表2-1所示。 表2-1　单元2“引导训练”任务卡 任务编号 2-1 任务名称 制作总览旅游景点的文本网页 网页主题 旅游景点总览 计划工时 120min 网页制作任务描述 制作一个纯文本的网页，介绍我国著名的自然景观、人文景观和民风民俗 网页布局结构分析 页面自然布局、无导航栏 网页色彩搭配分析 文本主体颜色：#000000，其他文本颜色：#FF00FF、#0000FF、#FF6600，背景颜色：#DDF4FC，链接颜色：blue，变换图像链接颜色：aqua，已访问链接颜色：olive，活动链接颜色：red 网页组成元素分析 主要包括标题文本、正文文本、项目列表、空格和换行符等网页元素 任务实现流程分析 创建本地站点→建立站点目录→创建网页文档→保存网页文档→设置网页的首选参数→设置页面的整体属性→在网页中输入文字→编辑网页文本→对网页文本进行格式化处理→插入与文本相关的元素并设置其属性→设置超接链接→保存网页文档→浏览网页效果 配盘素材导引 原始文件位置： start\Unit02\task02-1 最终文件位置： result\Unit02\task02-1 本单元“引导训练”的任务跟踪卡如表2-2所示。 表2-2　单元2“引导训练”任务跟踪卡 任务编号 开始时间 完成时间 计划工时 实际工时 当前状态 【任务2-1-1】建立站点目录结构 【任务描述】 （1）在站点“单元2”中建立文件夹“task02-1”。 （2）在文件夹“task02-1”中建立子文件夹“text”。 【任务实施】 （1）建立子文件夹“task02-1” （2）建立子文件夹“text” 【任务2-1-2】创建与保存网页文档0201.html 【任务描述】 （1）新建一个网页文档。 （2）将新建的网页文档保存在文件夹“task02-1”中，命名为“0201.html”。 【任务实施】 1．创建网页文档 2．保存网页文档 【任务2-1-3】设置网页的首选参数 【任务描述】 （1）设置启动Dreamweaver CS6时不再显示欢迎屏幕。 （2）设置新建网页文档的默认扩展名为“.html”，默认编码为“Unicode (UTF-8)”。 （3）设置复制文本时的参数为“带结构的文本以及全部格式（粗体、斜体、样式）”。 【任务实施】 （1）打开“首选参数”对话框 在Dreamweaver CS6主界面中，选择命令【编辑】→【首选参数】或者使用快捷键“Ctrl+U”，即可打开【首选参数】对话框，如图2-11所示。 （2）设置启动Dreamweaver CS