当前位置:首页 >> 其它课程 >>

制作网站首页


制作网站首页
【教学目的】 让学生掌握怎么去制作一个网站的首页。 【教学对象】 八年级学生 【课标要求】 借助表格对数据进行检索,揭示事物在不同条件下的变化规律。 【教学目标和要求】 1、知识与技能 (1)了解网页中一般有哪些组成元素 (2)能够用表格进行版面布局 (3)掌握在网页中添加文字、图片和动画等操作 (4)学会设置超级链接,掌握网页的一般制作步骤 2、过程与方

法 (1)经过网站首页的制作过程。初步掌握版面布局、添加网页元素和设置两种超链接的基本 技术和方法。 (2)学会根据网站的主题和风格选取合适的素材,把信息合理恰当地呈现在网页中,并为浏 览者提供方便的访问。 3、情感态度与价值观 (1)培养探究创新、展现个性创意的能力与意识 (2)培养学生健康的审美观。 【教材处理】 本节课以广东省教学教材研究室编的《信息技术》第二册(下)第二章《动手创建自己 网站》的第三节作为基本教学内容,课时为一节。 本节以“制作网站首页”的任务为线索,通过展示范例,让学生了解网页中的一般要素 有哪些,首页应该设置什么内容。通过详细的操作步骤讲解和图示介绍了在设计网站首页时 如何把需要表达的信息以恰当的方式组织并呈现在网页中。包括有,用表格来布局版面、添 加元素、设置超级链接,这三者联系起来,也正是网页的制作的一般步骤。 【教学重点、难点】
1

教学重点:运用表格规划版面布局的方法,网页元素的选用与设置。 教学难点:运用超级链接技术实现网站导航功能的方法。

【教学策略】 根据本节课中各个知识点的联系,采用了“主题任务”的教学模式,通过任务驱动法, 创造情境层层递进引导学生主动进行探索,将学生的探索和练习的环节相结合,同时提高课 堂知识的容量和时间的利用率。 【教学媒体】 多媒体课件、与网页相关的素材、网络教室系统。 【教学过程】 教学内容 问题呈 现,明确 任务 教师活动 引入: 继网站策划之后我们就要着手来进行网页 的设计了,第一个要进行的当然是首页的制作了。 页让网站第一时间抢占浏览者的眼球呢? 这节课我们将要学习: 用表格规划首页版面、 添 加网页元素、设置网页导航功能等网页设计基本技 术,然后由各个小组完成自己的网站首页。 指导学生使用 FrontPage 打开范例“班级网站” 观察、探究、 提出问题隐 的首页,让学生进行小组交流,回答一下问题: 分布在网页中的呢?用什么可以分割网页的版面布 问题分 析,探究 交流 局? 2、 该网页都包含了哪些元素?他们是否能很好地表 现主题呢?结合小组收集到的素材,你认为在自己 的网站首页中可以添加哪些网页元素? 3、导航栏是网站的“地图” ,少了它,浏览者就迷 路了。单击常用工具栏中的超级链接按钮,发现什 么呢? 1、用表格进行版面布局 这里,表格还可以用来对网页版面实现分割。 “细化网页版面布局草图”如下图 小 组 成 秀范例后开 展讨论,完善 借助“网站 “ 网 站 筹 划 筹划书”进 书”中制定的 行 版 面 布
2

学生活动 明确任务。 打开光盘中 的首页仔细 观察该网页 特点。

设计意图 通过讲 解和范例让 页对于整个 网站的重要 性

首页也是网站的 “脸面” , 怎么样设计一个好看的网 “班级网站” 学生了解首

交流,在回到 同时明确自 己要开展的 工作

含了接下来 的问题,通 过拆分范 例,分析问 题,能帮助 他们更好地 理解与解决 问题

1、 该网页包含了很多元素, 他们是如何整齐有序地 老师的问题、 学生要解决

(1)以前我们用表格来表示数据的信息,但在 员 在 观 摩 优

“ 一 级 网 页 局,可以让 标题图片 班级简介 全班合影图 文字 最新班级动态 导航栏 版 面 布 局 草 工作更具有 图” ,最终确 条理性和方 定 网 站 首 页 向性 的版面布局

出版小组信息

观 看 教

(备注:外层表格:3*1,三字形;班级,天蓝色边 师演示,阅读 教材,并参照 框;班级简介, ) (2)在自己的网站首页中设置表格。 教师简单演示: A、添加表格; B、表格属性设置面板中的几个常用设置选项说明。 (3)引导学生阅读教材,然后动手实践。 2、添加网页元素 新课学习 完成任务 其位了。 对 之 前 恰当 的 分割好网页版面后, 我们就可以让网页元素各就 收 集 到 的 素 方法讲授能 材进行选用, 让学生更好 (1) 我们之前可能收集了不少素材, 但这些素材并 观 看 教 师 演 的掌握 非都要用到网页中, 运用恰当的素材作为网页元素, 示 并 阅 读 教 可以使网页更具有表现力,在选择时可以参照以下 材,为首页添 原则:更贴近主题的素材更好,综合使用不同类型 加网页元素 素材。 (2)教师演示添加网页元素的操作 A、插入文字,修改文字属性 B、插入图片,设置单元格 C、通过插件,添加 Flash 动画和滚动字幕。 鼓励学生多做探究与尝试,为自己作品增色。 (3)鼓励学生不断美化网页 在设计网页时还可以留意风格的设计,它是一个 网页给人的总体感受。风格包括色彩的搭配、字体 的样式、网站标志设计等等。 2、设置超级链接 游客量,因为游客在其中会很容易迷失方向,同样 链接 的,要让浏览者对你的网站留恋,良好的导航功能
3

草图,为网站 首页进行版 面分割

鼓励 学 生进行发现 和尝试、提 高他们的动

给 网 页 添 加 手能力 图片、视频、 音频等 强调 对 作品进行优 化的重要性 动 手 尝 采用 学 的方法,提 高学生解决

再美的景点如果缺少了地图的向导,也会降低它的 试 设置超级 习自我探究

是必不可少的。 参照课本进行超级链接的设置。 归纳总结 制作网页的一般步骤是:用表格布局版面,添加网 填写“知

问题的能力 帮助 学

页元素,设置超级链接。在本节课中,我们通过制 识检查表”和 生梳理知识 作网站首页,亲历了网页制作的一般过程,同时我 “ 网 站 进 度 们也看到,让网站具有较强的表现力和感染力,设 表” 置合理的版面布局选用恰当的网页素材和设置良好 的导航功能是必不可少的。 识 归 纳 总 结今天的知

4


相关文章:
制作网站首页教案设计
制作网站首页教案设计 制作网站首页教案设计广东省云浮市郁南县平台镇初级中学 黄伟兴 教学课题:制作网站首页 教学背景: 网站首页是网站的“脸面” ,学生通过学习设计...
制作网站首页教案设计-----黄伟兴
制作网站首页教案设计---黄伟兴_其它课程_初中教育_教育专区。网站首页是网站的“脸面”,学生通过学习设计网站首页,一方面培养他们为提高作品吸引力、展现自我而积极思...
教你如何制作网页
百度文库首页 | 意见反馈 | 下载客户端 | 百度首页 | 登录注册...教你如何制作网页_互联网_IT/计算机_专业资料。教你如何制作网页 首先,可以告诉...
制作网站首页
制作网站首页_互联网_IT/计算机_专业资料。教案用纸 20 —20 学年度第 二年级:初二级 授课日期 章节或课题 第 科目:信息技术 周星期 二、三第节 授课班级初二...
网页与网站的制作
A、表格属性 B、网页属性 C、图片属性 D、单元格属性 5、在网页制作的过程中,网站主页文件名称一般是: A、zhuye.htm B、主页.htm C、index.htm D、first...
手把手教你如何免费制作网页
才能够让全世界的朋友观看,现 在上传的工具有很多,有些网页制作工具本身就带有 FTP 功能,利用这些 FTP 工具, 你可以很方便地把网站发布到自己申请的主页存放服务...
教你怎么制作网站
百度文库首页 | 意见反馈 | 下载客户端 | 百度首页 | 登录注册...教你怎么制作网站 首先,可以告诉想学网站制作的朋友。学习制作网站和学习其它知识...
制作网站首页
学科 年级 课题 主备人 备课组成员 备课时间 授课时间 课标要求 考纲要求 能用表格规划版面布局 信息技术 8 年级 制作网站首页 能用表格规划版面布局、恰当选取网...
制作网站首页
制作网站首页制作网站首页隐藏>> 第四单元 制作班组网站 活动一 1.知识与技能 (1)了解 FrontPage2003 布局表格工具,初步掌握布局表格工具,学会使用布局表格 工具安排...
更多相关标签:
frontpage | 如何制作网站首页 | ps制作网站首页 | 网站首页制作教程 | ps制作网站首页教程 | ps如何制作网站首页 | 网站首页图片在线制作 | 制作网站首页的框架图 |