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

制作网站首页


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


相关文章:
用ps制作网页
用ps制作网页_计算机软件及应用_IT/计算机_专业资料。在本教程中,你将学会如何...在这四条线中间, 我们将绘制我们的页面 创建页面背景 4 选择圆角矩形工具 (U...
【图文】怎样制作自己的网页
百度文库首页 | 意见反馈 | 下载客户端 | 百度首页 | 登录注册...和怎样制作自己的网页时间:2009-09-22 19:35 来源:未知 作者:大宝库 点击:...
如何使用Dreamweaver制作一个网页
简单网页如下图: 在开始制作之前,我们先对这个页面进行一下分析。看看这个页面用到 了哪些东西。 □网页顶端的标题“我的主页”是一段文字。 □网页中间是一幅...
如何制作公司网站
制作公司网站 一、前期准备 1、明确自己想要做什么网站,网站的宗旨、目标、面向...这是一项很细致的工作,做网站永远都会跟页面设计打交道,天天 都得挖空心思的,...
网页设计制作方案
网页设计制作方案先来说说网页设计技巧: 一、首页设计技巧 网站首页是企业网上的虚拟门面,在此,提醒上网的企业注意自己门面的设计,决不能 敷衍了事、马马虎虎。...
网站制作需求说明
网站制作需求说明一、 网站制作步骤: 第一步:客户需要按照我方的需求文档准备好...网站不用英文名 三、 网站首页及内页动画准备工作(需客户提供和填写):请将...
必看!HTML网页制作常见问题
必看!HTML网页制作常见问题_互联网_IT/计算机_专业资料。HTML 网页制作常见问题 ...一般情况下, 网站首页往往起名为 “index.html” . 文档贡献者 乌托邦16 贡献...
网站制作基本过程
才能够让全世界的朋友观看,现 在上传的工具有很多,有些网页制作工具本身就带有 FTP 功能,利用这些 FTP 工具,你可以很方便地把网站发布到自己申请的主页存放服务器...
打造网页效果图全过程
打造网页效果图全过程_IT/计算机_专业资料。PS制作网页设计图 平面广告和网站页面设计的宗旨就是吸引眼球,符合平面视觉冲击特点,如何设 计一款有特色、另类能吸引眼球...
一步一步教你学会FrontPage网页制作
一步一步教你学会FrontPage网页制作_IT/计算机_专业资料。FrontPage是一款网页制作...主页是 index.htm,主页 就是站点的第一个网页,用我们前面学习的知识来输入主页...
更多相关标签: