02-第7课《网站组版1在网页中添加文本》学历案.docVIP

2016课改-学历案 齐齐哈尔市建华区春江路4号 电话:2747111 《网站组版1》学历案 章节 第七章：在网页中添加文本 德育主题 文明礼貌是中华民族的传统美德。 课次 7/44 任务名称 任务1：制作个性空间网页 1环 发微课 微指导 下发微课ZB-A-07.mp4 2-3天 2环 服从 训练 常态视频0-1.avi,教师严肃静立，目视全班，学生绝对静止 1 情景 导入 同学甲：最近没有Q币了，我的空间装备都没有了。 同学乙：你还花钱弄空间？ 同学甲：嗯，不花钱买不到漂亮的装扮啊？ 同学乙：现在都自己设计空间了，谁还花钱啊 同学甲：我不会啊。 同学乙：前几天我们老师刚讲的自定义自己的空间 同学甲：真的不用花钱自己设计？ 同学乙：当然，我是学习网页设计专业的。做个空间太简单了。 同学甲：太好了，你教教我呗。我也想自己设计空间，不用花钱啦。 同学乙：好啊，你跟我学吧。这个很简单的，等你做完了很有成就感的。 (视频zb-07.avi) 3 任务 描述 在制作网页前，应该知道网页中最主要的元素就是文本和图像，文本作为信息的主要承载元素，它的添加和应用对整个网页起着非常重要的作用。就像刚才的情景剧中展示的自己制作个性空间，本例就是通过制作个性空间页面做为引例，使学生学会网页中添加文本。 2 任务 分析 要实现本任务，有以下几个步骤： 1.启动DW环境； 2.打开“插入”浮动面板-“常用”-“水平线”，按照提示并逐级插入“版权符号”“日期”“BR换行符”； 3.在网页中添加文本完成个性网站页面的制作。 2 任务 实现 一、 创建流程： 步骤01：插入水平线 （1）打开“Qzone.html”网页文档，将插入点定位到最下方的”Dreamweaver 学习空间 空间日记”文本前。 （2）按Crnn+F2组合键，打开’插入“浮动面扳的“常用”分类下，单击 “水平线”按钮 步骤02：设重水平线属性参数 （1）在“水平线”属性面板中将“宽”设为“90”在“高”文本框中输入“1”。 （2）在 ”单位下拉列表框中选择“%” 。 步骤03：插入版权符号 （1）在“Dreamweaver 学习空间 空间日记” 文本之后定位插入点。 （2）在“插入“浮动面板的“文本”分类列表下，单击“字符”按钮右侧的下拉按钮在弹出的下拉列表中选择“版权”选项。 步骤04：插入BR 换行符 （1）将插入点定位在版权符号后，输入文本Copyright 2013-2014 。 （2）在“插入”浮动面板的“文本”分类列表下，单击“字符”按钮右侧的下拉按钮，在弹出的下拉列表中选择“换行符选项，进行换行。 步骤05：插入日期 （1）在“插入”浮动面板中的“常用”分类列表下，单击“日期”按钮，打开“插入日期”对话框。 （2）在打开的对话框中将“星期格式”设置为”星期四”、”，日期格式”设置为“1974年3月7 日’”， （3）选中“储存是自动更新”复选框。 （4）单击“确定”按钮，完成日期的插入。 步骤06：打开文本文档复制内容 打开素材文本文档“范例文本.txt”选中全部文本，在选中的文本上单击鼠标右键，在弹出的快捷菜单中选择“复制”命令。 步骤07：打开+选择性粘贴”对话框 （1）返回Dreamweavercs6 网页界面，选中第二段文本“范例文本内容” 。 （2）选择【编辑】- 【选择性粘贴】命令，打开“选择性粘贴” 对话框， 步骤08：执行选择牲粘贴 1. 在 “选择性粘贴” 对话框中，选中“带结构的文本（段落、列表、表格等）”单选按钮。 2. 单击“确定”按钮完成粘贴。 步骤09：新建CSS 规则 （1）选中粘贴到文档中的第一段文本。 （2）在 “属性” 面板左侧单击“CSS”按钮，在“大小” 下拉列表框中选择 ”12” 选项。在打开的 “新建CSS 规则” 对话框中将“选择器类型”设置为 “类( 可应用于任何HTMI元素)” ，在“选择器名称”文本框中输入”font1 ”。 （3）单击“确定”按钮，完成新建CSS 规则操作。 步骤10：设置文本颜色 （1） 在css”属性面板中单击“颜色”按钮。 （2）在弹出的颜色面板中单击颜色代码为”#900” 的色块，将第一段范例文本设置为深红色。 步骤11： 打开 “新建CSS 规则” （1）选中第二段范例文本对话框 （2）在CSS” 属