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

制作网站首页


制作网站首页
【教学目的】 让学生掌握怎么去制作一个网站的首页。 【教学对象】 八年级学生 【课标要求】 借助表格对数据进行检索,揭示事物在不同条件下的变化规律。 【教学目标和要求】 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


相关文章:
怎样制作自己的网页
才能够让全世界的朋友观看,现在 上传的工具有很多, 有些网页制作工具本身就带有 FTP 功能, 利用这些 FTP 工具, 你可以很方便地把网站发布到自己申请的主页存放...
【图文】怎样制作自己的网页
才能够让全世界的朋友观看,现在 上传的工具有很多, 有些网页制作工具本身就带有 FTP 功能, 利用这些 FTP 工具, 你可以很方便地把网站发布到自己申请的主页存放...
手把手教你如何免费制作网页
才能够让全世界的朋友观看,现 在上传的工具有很多,有些网页制作工具本身就带有 FTP 功能,利用这些 FTP 工具, 你可以很方便地把网站发布到自己申请的主页存放服务...
制作网站首页
制作网站首页_互联网_IT/计算机_专业资料。教案用纸 20 —20 学年度第 二年级:初二级 授课日期 章节或课题 第 科目:信息技术 周星期 二、三第节 授课班级初二...
制作网站首页
制作网站首页【教学目的】 让学生掌握怎么去制作一个网站的首页。 【教学对象】 八年级学生 【课标要求】 借助表格对数据进行检索,揭示事物在不同条件下的变化规律...
制作栏目网页
学会把首页制作成模板并应用在栏目网页的操作 目标与要求 3、懂得制作缩略图 4、懂得设置书签、文件超链接和外网站链接的操作 1、 制作并使用模板快速生成风格统一...
用ps制作网页
(我用的是网站 Envato website 的截图). 49 把图片放在你刚刚创建的矩形的...ps 制作网页首页 47页 1下载券 用PS CS5制作网页 60页 1下载券 利用...
自己制作网页的7个步骤
自己制作网页的7个步骤_互联网_IT/计算机_专业资料。自己制作网页的 7 个步骤...怎样自己制作网页步骤 4:获得电子图像 如果你还没有制作主页的图像文件,您可以...
如何使用Dreamweaver制作一个网页
网站中的第一页,也就是首页,我们通常在存盘时取名为 index.htm。 【小结】我们制作了一个简单的网页。 内容有四: ①图片插入和对齐设置; ②文字的格式、颜色...
网页制作与网站制作流程
网页制作网站制作流程 编辑:佚名 来源:网络 评论:16 阅读:8539 [2008/6/21...当然,你可以到新浪博客或者其他什么地方申请一个免 费的个人主页,这是最方便...
更多相关标签:
frontpage | 如何制作网站首页 | ps制作网站首页 | ps制作网站首页教程 | 网站首页制作教程 | 网站首页模板制作 | 网站首页效果图制作 | 匠人制作网站首页 |