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

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

  1. 1、本文档共11页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第2章 制作文本网页 本章通过制作一个文本网页,学会创建本地站点、建立站点目录结构、创建网页文档、设置首选参数、设置页面的整体属性、在网页中输入与编辑文本、对网页文本进行格式化处理。 【教学导航】 教学目标 (1)熟悉Dreamweaver CS3的启动与退出方法 (2)熟悉Dreamweaver CS3的工作界面 (3)学会创建与设置本地站点 (4)熟悉对网页文档的基本操作 (5)掌握设置网页整体属性的操作方法 (6)掌握在网页中输入文字、编辑文本、设置文本属性的操作方法 (7)掌握在网页中设置项目列表、输入空格和文本换行的操作方法 (8)掌握在网页中插入特殊字符、插入水平线和插入日期的操作方法 本章重点 (1)创建与设置本地站点 (2)对网页文档的基本操作 (3)在网页中输入文字、编辑文本、设置文本属性 (4)在网页中设置项目列表、输入空格和文本换行 本章难点 (1)创建与设置本地站点 (2)设置项目列表、输入多个连续空格 (3)网页中插入特殊字符、插入水平线 教学方法 任务驱动法、分组讨论法、三步训练法 课时建议 4课时(含课堂同步训练) 2.1 课前准备 在教师示范制作网页之前,请完成以下准备工作。 2.3.1 启动Dreamweaver CS3 单击菜单【开始】→【程序】→【Adobe Dreamweaver CS3】即可启动。 2.3.2 认识Dreamweaver CS3的工作界面 Dreamweaver CS3的工作界面主要包括:标题栏、菜单栏、工具栏、文档窗口、属性面板、面板组等。 2.2 课堂引导训练及评价 【课堂引导训练任务描述】 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-1 2、网页制作任务跟踪卡 网页制作任务跟踪卡如表2-2所示。 表2-2 网页制作任务跟踪卡 任务编号 开始时间 完成时间 计划工时 实际工时 当前状态 【网页效果展示】 文本网页的浏览效果如图2-15所示。 图2-15 文本网页的浏览效果 【任务完成过程】 2.2.1 创建与设置本地站点 【操作要求】 (1)在本地硬盘中创建一个文件夹“E游天下”,然后在该文件夹中创建一个子文件夹“02第2章制作文本网页”。 (2)定义一个名字为“景点总览”的站点,存储在文件夹“02第2章制作文本网页”中。 【实施过程】 (1)在本地硬盘创建文件夹 (2)启动建立站点向导 (3)定义站点名称 (4)选择是否使用服务器技术 (5)确定使用文件的方式,设置文件存储位置 (6)设置如何连接到远程服务器 (7)查看站点信息 至此,在Dreamweaver CS3中新建了一个静态站点“景点总览”,“文件”面板中也显示了刚才新建的站点的根目录。 2.2.2 建立站点目录结构 【操作要求】 (1)在站点“景点总览”根目录中建立子文件夹“task02-1”。 (2)在文件夹“task02-1”中建立子文件夹“text”。 【实施过程】 (1)建立子文件夹“task02-1” (2)建立子文件夹“text” 2.2.3 创建网页文档 【操作要求】 新建一个网页文档。 【实施过程】 在Dreamweaver CS3主界面中,单击菜单【文件】→【新建】,弹出【新建文档】对话框,在最左侧默认选中了“空白页”,在“页面类型”列默认选中了“HTML”,在“布局”列默认选中了“<无>”,直接单击【创建】按钮,此时在Dreamweaver CS3的文档窗口区域创建了一个名称为“Untitled-1.html”的网页文档。 2.2.4 保存网页文档 【操作要求】 将新建的网页文档保存在文件夹“task

您可能关注的文档

文档评论(0)

autohhh + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档