1 / 11
文档名称:

网页制作案例教程电子教案02第2章制作文本网页.doc

格式:doc   大小:201KB   页数:11页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页制作案例教程电子教案02第2章制作文本网页.doc

上传人:386259182 2020/5/4 文件大小:201 KB

下载得到文件列表

网页制作案例教程电子教案02第2章制作文本网页.doc

文档介绍

文档介绍:第2章制作文本网页本章通过制作一个文本网页,学会创建本地站点、建立站点目录结构、创建网页文档、设置首选参数、设置页面的整体属性、在网页中输入与编辑文本、对网页文本进行格式化处理。【教学导航】教学目标(1)熟悉DreamweaverCS3的启动与退出方法(2)熟悉DreamweaverCS3的工作界面(3)学会创建与设置本地站点(4)熟悉对网页文档的基本操作(5)掌握设置网页整体属性的操作方法(6)掌握在网页中输入文字、编辑文本、设置文本属性的操作方法(7)掌握在网页中设置项目列表、输入空格和文本换行的操作方法(8)掌握在网页中插入特殊字符、插入水平线和插入日期的操作方法本章重点(1)创建与设置本地站点(2)对网页文档的基本操作(3)在网页中输入文字、编辑文本、设置文本属性(4)在网页中设置项目列表、输入空格和文本换行本章难点(1)创建与设置本地站点(2)设置项目列表、输入多个连续空格(3)网页中插入特殊字符、插入水平线教学方法任务驱动法、分组讨论法、三步训练法课时建议4课时(含课堂同步训练) 课前准备在教师示范制作网页之前,请完成以下准备工作。 启动DreamweaverCS3单击菜单【开始】→【程序】→【AdobeDreamweaverCS3】即可启动。 认识DreamweaverCS3的工作界面DreamweaverCS3的工作界面主要包括:标题栏、菜单栏、工具栏、文档窗口、属性面板、面板组等。 课堂引导训练及评价【课堂引导训练任务描述】1、网页制作任务卡网页制作任务卡如表2-1所示。表2-1 网页制作任务卡任务编号02-1任务名称制作文本网页网页主题旅游景点总览计划工时120min网页制作任务描述制作一个纯文本的网页,介绍我国著名的自然景观、人文景观和民风民俗网页布局结构分析页面自然布局、无导航栏网页色彩搭配分析文本主体颜色:#000000,其他文本颜色:#FF00FF、#0000FF、#FF6600,背景颜色:#DDF4FC,链接颜色:blue,变换图像链接颜色:aqua,已访问链接颜色:olive,活动链接颜色:red网页组成元素分析主要包括标题文本、正文文本、项目列表、空格和换行符等网页元素任务实现流程分析创建本地站点→建立站点目录→创建网页文档→保存网页文档→设置首选参数→设置页面的整体属性→在网页中输入文字→编辑网页文本→对网页文本进行格式化处理→插入与文本相关的元素并设置其属性→设置超接链接→保存网页文档→浏览网页效果配盘素材导引原始文件位置:start\02第2章制作文本网页\task02-1最终文件位置:result\02第2章制作文本网页\task02-12、网页制作任务跟踪卡网页制作任务跟踪卡如表2-2所示。表2-2 网页制作任务跟踪卡任务编号开始时间完成时间计划工时实际工时当前状态【网页效果展示】文本网页的浏览效果如图2-15所示。图2-15 文本网页的浏览效果【任务完成过程】 创建与设置本地站点【操作要求】(1)在本地硬盘中创建一个文件夹“E游天下”,然后在该文件夹中创建一个子文件夹“02第2章制作文本网页”。(2)定义一个名字为“景点总览”的站点,存储在文件夹“02第2章制作文本网页”中。【实施过程】(1)在本地硬盘创建文件夹(2)启动建立站点向导(3)定义站点名称(4)选择是否使用服务器技术(5)确定使用文件的方式,设置文件存储位置(6)设置如何连接到远程服务器(7)查看站点信息至此,在DreamweaverCS3中新建了一个静态站点“景点总览”,“文件”面板中也显示了刚才新建的站点的根目录。 建立站点目录结构【操作要求】(1)在站点“景点总览”根目录中建立子文件夹“task02-1”。(2)在文件夹“task02-1”中建立子文件夹“text”。【实施过程】(1)建立子文件夹“task02-1”(2)建立子文件夹“text” 创建网页文档【操作要求】新建一个网页文档。【实施过程】在DreamweaverCS3主界面中,单击菜单【文件】→【新建】,弹出【新建文档】对话框,在最左侧默认选中了“空白页”,在“页面类型”列默认选中了“HTML”,在“布局”列默认选中了“<无>”,直接单击【创建】按钮,此时在DreamweaverCS3的文档窗口区域创建了一个名称为“Untitled-”的网页文档。 保存网页文档【操作要求】将新建的网页文档保存在文件夹“task02-1”中,命名为“”。【实施过程】在DreamweaverCS3主界面中,单击菜单【文件】→【保存】,弹出【另存为】对话框,在该对话框中输入网页文档的名称“”,然后单击【保存】按钮,新建的网页文档便会以