当前位置:首页 >> 其它课程 >> 第七课 驾轻就熟——应用模板创建网页

第七课 驾轻就熟——应用模板创建网页


统一风格——制作框架网页 统一风格——制作框架网页 ——
教学目标: 教学目标: 1.掌握利用模板创建网页的方法。
2.学会运用 Flash 按钮制作导航栏进行站内导航。 3.了解链接对象的目标框架的含义。

教学重点:掌握利用模板创建网页的方法。 教学重点: 教学用具: 教学用具:多媒体网络教室。 教学方法: 教学方法:讲解、学生练习。

时间安排: 时间安排:2 节课 教学过程: 教学过程: 一、课程导入
创建模板是为了形成网站的统一风格,加快网站的建设。就像工厂生产机器零部件 一样。模板创建完成后,面临的工作就是利用模板创建网页了。

二、新课讲授 1.新建站点 新建站点
安全自护我能行” 传到学生机。 (1)将“安全自护我能行”站点文件夹 safe 传到学生机。 ) (2)新建站点。 )新建站点。

2.应用模板创建网页 应用模板创建网页 (1)规划“日常生活”文件夹 )规划“日常生活” (2)应用模板 ) ①用模板直接创建网页
步骤 1:执行“文件” ——》 “新建”命令,打开“模板”标签,选择模板 文件 module,单击“创建”按钮,即可基于 module 模板创建一个网页。 步骤 2:执行” 文件”——》 “保存”命令,将网页命名为 rcsh.html,并保 存到 rcsh 文件夹中。

②创建空白网页后再应用模板。 创建空白网页后再应用模板。
步骤 1:创建空白普通网页。 步骤 2:打开“资源”面板,单击“模板”按钮,则模板资源显示在模板中。 步骤 3:选择合适的模板,单击“应用”按钮。

3.将日常生活网页链接到框架网页 3.将日常生活网页链接到框架网页
(1)打开 all.html 网页,选择 rcsh 图片。 (2)在属性面板中单击链接文本框后的“浏览文件”按钮。选择网页 rcsh.html. (3)设置目标框架为 mainFrame,表示单击图片后,网页“日常生活”在框架网页

的下框架 mainFrame 中打开。

4.利用 按钮制作导航栏。 4.利用 Flash 按钮制作导航栏。 5.填充日常生活网页中的内容。 5.填充日常生活网页中的内容。 填充日常生活网页中的内容 6.创建模板的其他方法。 6.创建模板的其他方法。 创建模板的其他方法 三、学生练习
学生小组合作完成任务,并将任务上交到教师机。

四、作品评价
对于较快完成任务并且完成任务较好的同学进行表扬鼓励。

五、本课小结
1.利用模板创建网页。 2.在框架中打开网页的方法。 。 3 制作 Flash 按钮链接。


更多相关文档:

利用模板创建网页-步骤

利用模板创建网页学习目标 1)了解模板的概念。 2)熟练掌握模板的创建、应用、...图 13-4 插入表格 1 (7)将光标置于表格 1 的第 1 行单元格中,执行“...

10-1《网页模板的应用》教学设计_图文

10.1 网页模板应用课程教学设计 网页模板应用课程教学设计课题名称 课型 教学时间 10.1 网页模板应用 新授课 第 5 周第 1 课时 一、过程与方法 讲解法...

第10课 自由穿梭

第2课 轻松上路 第5课 统一风格 第6课 事半功倍 第7课 驾轻就熟 第8课...①【知识与技能:】 (1)通过学习,巩固应用模板创建网页的方法。 (2)通过学习,...

清华大学版中小学信息技术教材教学内容及基本目录

课 企鹅排球 第 6 课 事半功倍 第 7 课 网游高手 第3单元 在线邮箱 131...课 驾轻就熟———应用模板创建网页 第 8 课 按图索骥———利用锚点实现...

在创建模板时, 下面关于可编辑区的说法正确的是: A.只...

创建模板时, 下面关于可编辑区的说法正确的是: A.只有定义了可编辑区才能把它应用网页上B.在编辑模板时, 可编辑区是可以编辑的, 锁定区是不可以编辑的...

网页模板如何在DreamWeaver中使用.

网页模板如何在DreamWeaver中使用._计算机软件及应用_IT/计算机_专业资料。网页模板,请问如何在 DreamWeaver 中使用. 不是每个模板都能在 Dreamweaver 中使用的! 模板...

网页开发个人简历精美模板(334)

网页开发个人简历精美模板(334)_简历封面/模板_求职/职场_应用文书。最新优秀大学生个人求职经典简历模板大全下载-可直接编辑使用。茉莉...

网页第七章模板部分

网页文件必须存放在 Templates 文件夹中 D.模板只能应用于空白文档中 3.模板文档被创建后,系统默认生成模板所有区域是 ( ) A.锁定区域 B.可编辑区域 C....

4.3网页的制作--新建网站及网页_图文

只有在制作网页之前把这些方面都考 虑到了,才能在制作时驾轻就熟,胸有成竹...任务一:新建站点 在桌面上,使用【空白站点】模板创建一个名称 为“网站的”Web...

网页设计师简历模板

网页设计师简历模板_简历封面/模板_求职/职场_应用文书 暂无评价|0人阅读|0次下载|举报文档 网页设计师简历模板_简历封面/模板_求职/职场_应用文书。罗XX 网页...
更多相关标签:
创建文明城市ppt模板 | 如何创建ppt模板 | ppt创建模板 | 怎么创建ppt模板 | word创建模板 | 如何创建word模板 | 创建文明校园ppt模板 | vmware模板创建虚拟机 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com