1.导入新课
可以以网站制作的一般过程为切入点,直接引入本节的内容。然后复习制作一个网页的一般步骤:布局网页、添加网页内容、美化网页。
2.实践导引
1)设计网页版式,用表格布局网页
根据上一章所学的网页版式知识,小组讨论确定网站首页的版式。
注意进行以下几方面的引导:
★网站首页的重要性
★网站首页的常见版式
★导航栏的位置设计
2)添加网页元素,设置文本的格式和图片的属性
由于网页中插入图片的方法与word中插入图片的方法有所不同,插入网站内的图片和网站外的图片又有差别,所以教师要着重强调,注意根据图片的来源选择不同的方法。
插入网站外的图片,其操作方法如下:
第一步:执行“插入/图片/来自文件”菜单命令,出现如下的对话框:
第二步:单击“从计算机上选择一个文件”按钮,从磁盘上选择需要的图片文件。
注意快捷键“Shint + 回车”和“回车”的区别。
3)美化网页
美化网页的方式有很多,对网页中的文字进行字体和格式等设置,可以起到美化网页的作用。这里主要是从统一网站风格的角度,使用网页背景和主题来美化网页,二者可以应用到网站中的所有网页。
制作网页(学案) |
||
合作小组成员 |
|
|
第一环节 |
设计网页版式,用表格布局网页 |
本组网站首页的版式如下: |
第二环节 |
添加网页元素本的格式和图片的属性 |
设置文换行但不分段的快捷键是:______________。 分段的快捷键是:________________。 |
第三环节 |
美化网页 |
哪些方法可以起到美化网页的作用? |
第四环节 |
总结 |
制作网页的一般步骤是什么? |
第4节链接网页
本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载。
泰山出版社网站链接:WWW.tscbs.com
一、教材分析
1.教学目标
知识与技能
★知道常见的网站链接结构有哪些,各自的优缺点是什么。
★会根据需要设计网站的链接结构。
★会创建超链接使网站连成一个整体。
★理解什么是相对链接和绝对链接。
2.过程与方法
通过剖析典型网站的链接方式,了解网站的常见链接结构;运用以前所学的超链接知识,以小组合作方式将网页链接起来。
3.重点和难点
设计网站的链接结构和建立超链接是本节的重点,其中,如何设计网站的链接结构、相对链接和绝对链接是本节的难点。
二、教法设计
在学习网站的链接结构时,建议采用观察、讨论、归纳等方法;建立超链接时则采用小组合作的方式完成。
三、教学建议
一、认知
1.导入新课
由“网站是由若干网页连接成的一个整体”出发,引出“如何将网页链接起来”、如何设计网站的链接结构”等问题。
2.实践导引。
(1)设计网站的链接结构
网站的链接结构是指页面之间相互链接的拓扑结构,它建立在目录结构基础上,但可以跨越目录。任何一个网站都离不开超链接。
课前准备两个典型的小网站(比如历届全国中学生电脑作品大赛的获奖作品),引导学生分析、总结以下内容:
★网站的页面分类:首页(一级页面)、栏目页(二级页面)和内容页(三级页面)。
★网站的链接方式及其优缺点。
然后结合“助力”资料,小组讨论、设计本组网站的链接结构,再在全班交流。
(2)创建超链接