网页设计与制作任务驱动式实用教程单元制作文本网页

《网页设计与制作任务驱动式实用教程单元制作文本网页》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第2章制作文本网页单元2制作文本网页【教学导航】教学目标（1）学会建立站点目录结构（2）熟悉创建和保存网页文档等基本操作（3）学会设置网页的首选参数（4）掌握设置网页的整体属性（5）掌握在网页中输入文字、编辑文本、设置文本属性的操作方法（6）掌握在网页中设置项目列表、输入空格和文本换行的操作方法（7）掌握在网页中插入特殊字符、水平线和日期的操作方法（8）熟悉HTML的基本结构本单元重点（1）对网页文档的基本操作（2）在网页中输入文字、编辑文本和设置文本属性（3）在网页中设置项目列表、输入空格和文本换行本单元难点（1）设置项目列表、输入多个连续空

2、格（2）网页中插入特殊字符、插入水平线教学方法任务驱动法、分析探究法、四步训练法课时建议4课时（含考核评价）【操作准备】1．创建所需的文件夹，拷贝所需的资源2．创建站点创建一个名称为“单元2”的本地站点，站点文件夹为“Unit02”。3．熟悉新建网页文档的方法新建网页文档的方法主要有以下几种。方法一：启动DreamweaverCS6时，会出现一个如图2-1所示的界面，它包括“打开最近项目”、“新建”、“主要功能”等多个可选项，在该界面单击【HTML】便可以直接创建一个HTML网页文档。方法二：在DreamweaverCS6主窗口中，选择命令【文

3、件】→【新建】或者直接单击【标准】工具栏中的【新建】按钮，弹出【新建文档】对话框，在最左侧默认选中了“空白页”，在“页面类型”列表框默认选中了“HTML”，在“布局”列默认选中了“<无>”，如图2-2所示。直接单击【创建】按钮，此时在DreamweaverCS6的文档窗口区域创建了一个名称为“Untitled-1”的网页文档。方法三：在【文件】面板中，右键单击文件夹，在弹出的快捷菜单中选择命令【新建文件】，如图2-3所示。此时在文件夹中会新建一个默认名称为“untitled.html”网页文档，将网页文档的名称重命名为所需要的名称（例如0201

4、.html）即可。19第2章制作文本网页【引导训练】【任务2-1】制作总览旅游景点的文本网页本单元“引导训练”的任务卡如表2-1所示。表2-1单元2“引导训练”任务卡任务编号2-1任务名称制作总览旅游景点的文本网页网页主题旅游景点总览计划工时120min网页制作任务描述制作一个纯文本的网页，介绍我国著名的自然景观、人文景观和民风民俗网页布局结构分析页面自然布局、无导航栏网页色彩搭配分析文本主体颜色：#000000，其他文本颜色：#FF00FF、#0000FF、#FF6600，背景颜色：#DDF4FC，链接颜色：blue，变换图像链接颜色：aqu

5、a，已访问链接颜色：olive，活动链接颜色：red网页组成元素分析主要包括标题文本、正文文本、项目列表、空格和换行符等网页元素任务实现流程分析创建本地站点→建立站点目录→创建网页文档→保存网页文档→设置网页的首选参数→设置页面的整体属性→在网页中输入文字→编辑网页文本→对网页文本进行格式化处理→插入与文本相关的元素并设置其属性→设置超接链接→保存网页文档→浏览网页效果配盘素材导引原始文件位置：startUnit02task02-1最终文件位置：resultUnit02task02-1本单元“引导训练”的任务跟踪卡如表2-2所示。表2-

6、2单元2“引导训练”任务跟踪卡任务编号开始时间完成时间计划工时实际工时当前状态【任务2-1-1】建立站点目录结构【任务描述】（1）在站点“单元2”中建立文件夹“task02-1”。（2）在文件夹“task02-1”中建立子文件夹“text”。【任务实施】（1）建立子文件夹“task02-1”（2）建立子文件夹“text”【任务2-1-2】创建与保存网页文档0201.html【任务描述】19第2章制作文本网页（1）新建一个网页文档。（2）将新建的网页文档保存在文件夹“task02-1”中，命名为“0201.html”。【任务实施】1．创建网页文档

7、2．保存网页文档【任务2-1-3】设置网页的首选参数【任务描述】（1）设置启动DreamweaverCS6时不再显示欢迎屏幕。（2）设置新建网页文档的默认扩展名为“.html”，默认编码为“Unicode(UTF-8)”。（3）设置复制文本时的参数为“带结构的文本以及全部格式（粗体、斜体、样式）”。【任务实施】（1）打开“首选参数”对话框在DreamweaverCS6主界面中，选择命令【编辑】→【首选参数】或者使用快捷键“Ctrl+U”，即可打开【首选参数】对话框，如图2-11所示。（2）设置启动DreamweaverCS6时不再显示欢迎屏幕（

8、3）设置新建网页文档的默认扩展名为“.html”，默认编码为“Unicode(UTF-8)”（4）设置“复制/粘贴”参数【任务2-1-4】设置页面的整