小学信息技术《制作网站主页》PPT课件

合集下载

网页制作(详细版)ppt课件

网页制作(详细版)ppt课件
WWW信息发布模式:
• WWW信息发布:采用客户端/服务器(Client / Server)模式。WWW服务器程序运行在WWW服务 器上,用于发布存放在WWW服务器中的网页;
下一页
WWW客户端程序运行在用户计算机上的网页浏览
1. 网站设计的基本知识
HTTP协议 • 超文本传输协议HTTP(Hyper Text Transfer Protocol)是 WWW服务所使用的信息传输协议,即访问Internet上的 Web页面所用协议。 • 打开Internet上某一网页:HTTP://<WWW服务器的域名 或ip地址>/<目录路径>/<文件名> 如:/wlzx/index.htm 或者:http://210.40.64.7/wlzx/index.htm
第八章 网页制作
本章内容
8.1 网站规划与设计 8.2 Dreamweaver MX基础知识 8.3 在网页中添加对象 8.4 在网页中使用行为和层 8.5 在网页中使用模板 8.6 网站制作实例
8.1 网站规划与设计
8.1.1 概述 8.1.2 网站设计 8.1.3 内容搜集与组织
home
8.1.1 概述
home
2. 网站结构设计
(1) 确定栏目和版块
• 突出特点 • 设置最近更新、网站指南和交互栏目
(2) 确定网站的目录结构
• 将所有的文件都放在站点根目录下的相应目录中。
• 按栏目内容建立子目录。每个主要的目录下都建立独 立的“images”目录。
• 不要使用中文作为目录或文件的名字,命名的名称不
能过长,应简单明了。
下一页
2. 网站结构设计
(3) 确定网站的链接结构

人教版信息技术第九册第4课《制作网站主页》ppt课件

人教版信息技术第九册第4课《制作网站主页》ppt课件

从素材库导入
对于没有使用网络的用户,可以购买市面上 出售的网页制作素材库光盘,使用时只需将素材 导入Dreamweaver 8中即可。
自己制作
在网上下载和购买的媒体虽然方便,但在实际中往往不 能直接为我们所用。如果自己对制作这些素材的软件熟悉, 有一定的美术、编程基础,也可自己制作。不过各种媒体的 制作软件都不同,Flash动画是使用Macromedia Flash软件 来制作的,而Shockwave影片则是通过Macromedia Director来创建的。在网页中使用最多的就是Flash元素了。
插入Flash影片
插入Flash影片之前,首先 应在Flash制作软件中完成影片 的制作,最好将其制作好后保 存在站点相应文件夹中。
插入Flash Video
插入Flash Video是Dreamweaver 8新增加的功能,使用 该功能可以轻松的在网页中插入一段Flash视频,在网页中浏 览该视频时,网页不仅显示该视频信息,还将显示播放Flash 视频的控件。
上机: 2 Flash导航条
利用在Dreamweaver中直接制作Flash按钮的功能, 制作一个动感的Flash导航条,效果如图所示。
上机: 3 循环播放的网页背景音

利用在Dreamweaver中插入插件的功能,制作一个网 页,使这个网页具备循环播放背景音乐的功能。
Dreamweaver提供了一 组预定义的Flash对象,包括 Flash文本和Flash按钮,使 用这些工具可以快速制作 Flash对象。在 Dreamweaver 8中可以插入 自己制作的Flash按钮,也可 插入Dreamweaver 8集成的 动态按钮。
插入Flash文本
Flash文本是Dreamweaver 8集成的文本动画。 插入Flash文本与插入Flash按钮的方法类似。

第三节 制作网站首页 课件ppt

第三节  制作网站首页 课件ppt

现在,就请大家动手打造属 于自己的QQ空间:換背景,加 音乐,写日志,传图片……在
互联网上展示一个精彩的自 己吧
新知导入
三、设置超链接
在班级网站首页中,有需要 进行超链接设置的吗?试对它 们进行设置。
建 立 超 级 链 接
新知讲解 方法如下:
(1)把导航栏中的各栏目标题分别链接到相应的栏目网页
一个典型的博客结合了文字、图像、其他博客或网站的链接及 其他与主题相关的媒体,能够让读者以互动的方式留下意见。很多 博客都提供丰富多彩的模板等功能,这使得不同的博客各具特色。
而近年兴起的微博,即微型博客,成为目前全球最受欢 迎的博客形式。目前,国内优秀的中文博客网有新浪博客 、搜狐博客、中国博客网、腾讯博客、博客中国等。
②从浏览窗 口中选图
新知讲解 实践
试完成首页中的图片插入,找找看,在首页 中有哪些图片被用作背景?为什么不直把这些图 片插入到网页中?
插入图片”后文字可以环绕 在图片的旁边,“插入背景" 则是文字在图片上面。 你可
以根据你所需要的外观效果 选用方法。
新知讲解
3.添加Flash动画和滚动字幕
首页中看到的动画和滚动字幕,使网页显得富于动感。这些 动态元素的添加方法与我们已学过的Powerpoint等软件的使用方 法类似。
第三节 制作网站首页
信息技术粤教版 九年级上
新知导入
网站需要什么样式,才能吸引更多的人浏览,要先做什 么后做什么才能提高工作效率呢?观看图中网站首页,你有哪 些启发?今天我们来解决这个问题。
新知讲解
问题
(1)网页中一般有哪些元素? (2)首页要没置什么内容? (3)制作网页的一般步骤是什么?
新知讲解
新知导入

创建站点制作主页课件.ppt

创建站点制作主页课件.ppt

添加网页素材
输入文字时,与word不一样的地方在哪里? 做好的网页如何浏览? 网页名与文件名是不是都是index.htm?
“插入表格”对话框
第二步:调整表格结构大小(如图) 1、将第1、2、3、4行调整行距
第二步:调整表格结构大小(如图) 2、将第1、2、4行合并单元格
第二步:调整表格结构大小(如图) 3、将第2行拆分单元格
第二步:调整表格结构大小(如图) 4、选中第2行,表格属性,将单元格间距设置为5,确定。
我的家乡风景名胜回族风情西夏文化自我介绍沙坡头风景同心清真添加网页素材wordindexhtm
做一做
在FrontPage中,创建“我的家 乡”网站的站点。
要求:以小组为单位,协作完成。 注意站点的创建位置。
第一步:启动FontPage,在“文件”菜单中执行 “新建”命令,窗口右侧显示,新建"任务窗 格。
第五步:单击“打开”,返回“网站模板”对 话框,单击“确定”完成站点创建。
做一做
按照规划好的“我的家乡”网站页面布 局,使用表格布局主页的页面。
我的家乡
风景名胜
回族风情
西夏 王陵
沙坡头 风景
同心清真 大寺
西夏文化
……
பைடு நூலகம்
自我介绍
……
第一步:插入表格
“插入”子菜 单
注意:行数为4,列数为3, 单元格衬距、间距及边框 粗细均为0。
第二步:在“新建”任务窗格中单击“由一个 网页组成的网站” ,打开“网站模板”对话 框。
第三步: 在“网站模板”对话框的“常规”选 项卡中选择 “只有一个网页的网站”,图标,
在右侧“选项”窗格的“指定新网站的位置” 框下单击“浏览”按钮,打开“新网站的位置” 对话框。

创建站点做网页小学信息技术六年级上册PPT课件

创建站点做网页小学信息技术六年级上册PPT课件
制作有声贺卡
【教学重难点】 使学生自主探究,了解、掌握具体的制作
贺卡的方法,让他们在合作探究中顺利完成 制作任务
“快乐的六·一”贺卡 欣赏
? 动动脑筋
1、你们喜欢上面的贺卡吗? 2、贺卡的作用是什么呢?
贺卡的作用
1、寄托情思 2、表达心情 3、交流情感
制作贺卡前应注意:
一、确立主题。需要先构还可以用windows自带的录音机将你想说的话录进去, 使贺卡更有感情。
1、“开始” “附件” “录音机”
重点部分:
让贺卡在音乐中舞动起来
设置自定义动画: 1、选择 “幻灯片放映”。 2、在打开的级联菜单中,选择“自定义动画”,
对幻灯片中声音或者影像的“小图标”进行设 置。 3、在幻灯片右边的“自定义动画”显示栏中对, 对影片、声音进行编辑。 4、点击插入的“影片和声音”右边的倒三角形, 选择“计时”,。
主题
感恩
节日
祝福
问候
春节
元宵
端午
父亲节 母亲节
…… 友谊 … … 工作
二、设置贺卡背景
一个好的背景起了美化贺卡,提高贺卡的内涵。
三、插入剪贴画或图片
1、单击“插入”。 2、选中“图片”。 3、单击“剪贴画”/“图片”。
四、插入艺术字
选择“插入” “图片” “艺术字”命令,弹出“艺术字 库”对话框。
二、设计构思。根据主题设计贺卡的大概内 容。
三、寻找材料。将要用到的素材。
四、制作贺卡。将素材通过一定的操作按照 构思的样子制作出来。
制作有声贺卡:
1、选择主题 2、设置贺卡背景 3、插入剪贴画或图片 4、插入艺术字
5、写贺词或寄语 6、插入音频或视频
7、设置动画(让贺卡在音乐中舞动起来)

网页制作ppt教学课件

网页制作ppt教学课件
$item1_cJavaScript提供了许多内置函数,如Math.max()、Math.min()、Date()等,用于执行各种常见的数学和日期计算操作。
JavaScript提供了许多内置函数,如Math.max()、Math.min()、Date()等,用于执行各种常见的数学和日期计算操作。
网页制作实例
01
02
03
04
文本
图像
视频
音频
包括动画、电影、直播等视频元素。
包括图片、图标、背景等图像元素。
包括标题、段落、列表等文本元素。
包括音乐、声音、音效等音频元素。
01
02
03
04
05
建站工具介绍
官方介绍:Dreamweaver是一款网页制作软件,它使用了视觉方式创建和管理网页,是创建动态网页的工具之一。
可以选择使用现有的AJAX框架,如jQuery、Axios等,以简化开发流程。
使用AJAX框架实现异步请求,包括发送请求、处理响应、更新页面内容等。
通过优化请求频率、减少服务器响应时间等方式,提高网页的性能和响应速度。
THANK YOU
感谢聆听
CSS的主要作用是描述网页文档的外观和格式,如颜色、高度、宽度、边距等。它能够使网页更加美观、易于阅读和维护。
CSS是一种相对较新的技术,它于1990年代末期由Håkon Wium Lie和Bert Bos共同发明,并由W3C(万维网联盟)进行标准化。
选择器
属性

声明块
CSS选择器用于选择要应用样式的HTML元素。例如,元素选择器会选择所有给定的HTML元素。
完成前后端连接后,进行测试和调试,确保动态网页的功能和稳定性。
动态网页通常使用后端技术实现,如PHP、Java、Python等,根据需求选择合适的技术。

网站页面设计PPT课件

网站页面设计PPT课件
9
版面布局常用方法
正常平衡 异常平衡 对比 凝视 空白 图片解说
10
正常平衡
异常平衡
对比
凝视
空白
图片说明
11
版面布局步骤
轮廓设计 布局设计 细节设计
12
版面布局形式
“T”形结构布局 “口”形布局 “三”形布局 对称对比布局 “国”或“同”字形 拐角形 框架布局 Flash动画型,封面型
主页版面设计
勾画草图→软件实现
处理技术上的细节
风格、链接、图形、动画、文字、速度
4
企业的名称、标语、
广告条
徽号或图像
通常应体现出企业网站的主题
页头
主 菜 单
视觉兴趣点—通常 是一幅图片、表示 企业最新的产品、
最新的服务等
最新消息搜索

友情链接
邮件列表

计数器 用户登录

……
版权信息、联络信息、电子邮件地址
49
5.3.2 字体设计
一般情况下浏览器通过中文GB2312字符集 (GB简体码)和英文ISO-8859-1字符集来 解释和翻译网页源代码,其他还有BIG5、 UTF-8、Shift-JIS、EUC、KOI8-2等字符 集,分别用于不同的字体显示。
浏览器定义的默认字体是中文宋体和英文 Times New Roma字体,这两种字体可以 在任何操作系统和浏览器里正确显示。
色轮有五个同心环组成,从暗到亮——暗 色处于大环,明色处于小环,而中间是颜 色的基本色相。
32
33
从图中我们可以 看出,处于右边 的暗色就是加上 黑色,而左边的 明色则是加上白 色。五个圆环已 经清楚表示了颜 色如何由暗到亮 的过程。但这种 明色及暗色的关 系只是相对而言。

2024《小学信息技术》PPT课件

2024《小学信息技术》PPT课件

03通过信息技术课程,使学生掌握基本的信息技术知识和技能,提高信息获取、加工、处理、传递和应用的能力。

培养学生信息素养信息技术课程与其他学科相结合,有助于培养学生的创新思维、批判性思维、合作精神和解决问题的能力。

促进学生全面发展使学生更好地适应信息化社会的发展,为未来的学习和工作奠定基础。

适应信息化社会发展信息技术课程的目的01课程内容02课程结构小学信息技术课程主要包括计算机基础、操作系统、办公软件、网络基础、多媒体制作等方面的内容。

课程按照由浅入深、循序渐进的原则进行编排,注重知识的连贯性和系统性。

同时,根据小学生的认知特点,采用图文并茂、生动有趣的方式呈现知识。

课程内容与结构教学目标与要求•知识与技能目标:使学生掌握信息技术的基本概念和操作技能,了解计算机的基本组成和工作原理,学会使用常用的办公软件和网络工具。

•过程与方法目标:培养学生运用信息技术解决实际问题的能力,提高学生的自主学习和合作探究的能力。

•情感态度与价值观目标:激发学生对信息技术的兴趣和爱好,培养学生的创新精神和实践能力,增强学生的信息意识和信息安全意识。

•教学要求:教师应根据学生的实际情况和认知水平,合理安排教学内容和进度,注重理论与实践相结合,注重培养学生的实际操作能力。

同时,要关注学生的学习过程和学习体验,积极引导学生参与课堂活动,激发学生的学习兴趣和积极性。

01计算机的硬件组成包括中央处理器、内存、硬盘、显卡、声卡等。

02计算机的软件组成包括系统软件和应用软件。

03计算机的工作原理基于二进制数的运算,通过输入设备输入信息,经过中央处理器处理后,由输出设备输出结果。

计算机的组成与原理是计算机中最基本的系统软件,负责管理计算机的硬件和软件资源,提供用户操作界面。

操作系统的概念常见操作系统操作系统的功能Windows 、Mac OS 、Linux 等。

包括进程管理、内存管理、文件管理、设备管理等。

030201计算机操作系统简介如Microsoft Office 、WPS Office 等,用于文字处理、表格制作、幻灯片制作等。

第二章第三节制作网站首页(共22张PPT)

第二章第三节制作网站首页(共22张PPT)
上页
下页
目录
退出
上页
下页
目录
退出
添加动画和滚动字幕
添加动画操作:插入-高级-插件-浏览-选中要插入的FLASH动画-调整动画大小-点击“预览”
上页
下页目录退出Fra bibliotek上页下页
目录
退出
滚动字幕
添加滚动字幕操作:1、在网页表格中,单击最第二行单元格,激活当前单元格。2、单击“插入-WEB组件-动态效果-字幕-完成”。3、在“字幕属性”对话框中,文本列表框处输入“您好!欢迎您访问初二(5)班网站!”,单击“确定”即可。
答:网站标题、栏目导航、网页正文内容信息、页尾信息等。
上页
下页
目录
退出
制作网页的一般步骤是什么?
答: 1、整理规划设计:选择主题、确定名称、需求分析、确定栏目内容、规划内容组织结构图。 2、收集资料。 3、布局页面。 4、编辑文档与超级连接。 5、网页的发布与维护。
上页
上页
下页
目录
退出
5、从外到内分割版面,调整行高,列宽等。6、分别插入各层表格,根据需要移动表格线或从表格属性窗口设定表格的高度和宽度。
左图是插入各种层次表格,经过分割版面、调整行高、列宽等操作后的截图。
上页
下页
目录
退出
添加网页元素
1、插入文字。2、插入图片。3、添加动画和滚动字幕。
上页
下页
目录
上页
下页
目录
退出
上页
下页
目录
退出
设置超链接
设置超链接操作如下:1、右击“班级相册”,在右键菜单中,单击“超链接”,弹出“插入超链接”对话框。2、单击“bjxc.htm”,单击“屏幕提示”,出现“设置超链接屏幕提示”对话框。3、在“设置超链接屏幕提示”对话框,单击“确定”。4、回到“插入超链接”对话框,再单击“确定”。依次给余下三项添加超链接:“才艺展示”超链接为“cyzs.htm”;“快乐学习”超链接为“klxx.htm”;“通讯联络”超链接为“txll.htm”。

小学信息技术完整ppt课件

小学信息技术完整ppt课件

第1课 初识因特网 第2课 浏览网上信息 第3课 查找信息 第4课 保存信息 第5课 电子邮件 第6课 综合实践
第7课 创建个人网站 第8课 在网站中添加网页 第9课 制作表格主页 第10课 在网页中插入图片 第11课 完善自己的网站 第12课 发布网站精选ppt 第13课 综合实践—制作专题网站
第14课 漫游海龟王国 第15课 多彩图形的绘制 第16课 编写简单的过程 第17课 变量过程与递进过程 第18课 小海龟写字、算数 第19课 综合实践—用Logo过程画图
第3课 精选ppt 查找信息
第4课 保存信息
教学目标
★ 学会保存网页中的文字 ★ 学会保存网页中的图片 ★ 熟悉保存整个网页的方法
第1课 初识因特网 第2课 浏览网上信息 第3课 查找信息 第4课 保存信息 第5课 电子邮件 第6课 综合实践
第7课 创建个人网站 第8课 在网站中添加网页 第9课 制作表格主页 第10课 在网页中插入图片 第11课 完善自己的网站 第12课 发布网站精选ppt 第13课 综合实践—制作专题网站
精选ppt
第1课 初识因特网
教学目标
★ 了解计算机网络 ★ 了解Internet ★ 认识IE浏览器
第1课 初识因特网 第2课 浏览网上信息 第3课 查找信息 第4课 保存信息 第5课 电子邮件 第6课 综合实践
第7课 创建个人网站 第8课 在网站中添加网页 第9课 制作表格主页 第10课 在网页中插入图片 第11课 完善自己精的选网p站pt 第12课 发布网站 第13课 综合实践—制作专题网站
2、浏览网站 一个网站,除了首页外,往往还有许多网
页,它们一般都通过文字、图形和按钮等 与首页相链接。单击该链接,就可以打开 相应的网页。

网页制作课件ppt

网页制作课件ppt
提高网站流量,吸引更多 潜在客户,提高品牌知名 度和销售额。
SEO基本原则
关键词研究、内容质量、 网站结构、外部链接和内 部链接等。
网站优化技巧
页面加载速度
优化图片、压缩代码、使 用CDN等方式提高页面加 载速度。
移动端优化
确保网站在移动设备上显 示良好,提高用户体验。
响应式设计
使网站能够适应不同设备 和屏幕尺寸,提供一致的 用户体验。
网站推广策略
关键词广告 社交媒体营销
内容营销 合作与交换链接
利用搜索引擎关键词广告推广网站。
通过社交媒体平台发布有价值的内容,吸引目标受众。 创建高质量、有价值的文章、视频等,吸引潜在客户并提高品
牌知名度。 与其他网站合作,互相推广,增加网站流量。
06 网页制作实例教 程
制作个人网站
总结词
展示个人风格和兴趣
字体选择
选择清晰易读的字体,确保文字内容 在各种设备和屏幕分辨率上都能清晰 显示。
03 网页布局与设计
网页布局的基本原则
保持简洁
避免页面过于拥挤,突出核心内容,使用户 能够快速找到所需信息。
导航清晰
提供易于理解的导航菜单,使用户能够方便 地浏览不同页面。
层次分明
合理划分页面区域,使内容按照重要程度进 行排序,提高用户体验。
制作电商网站
总结词
商品展示与销售
详细描述
电商网站是商品展示和销售的重要平台,需要展示丰 富的商品信息和购物体验。在制作电商网站时,需要 考虑如何设计出美观、实用的商品展示页面,以及如 何提供便捷的购物流程和支付方式。
制作电商网站
总结词
用户友好性
详细描述
电商网站应该具有用户友好性,提供良好的 用户体验和购物体验。在制作电商网站时, 需要考虑如何设计出易于操作和使用的界面 和功能,以及如何提供个性化的服务和支持

《网站首页制作》PPT课件

《网站首页制作》PPT课件

.
15
商务网页设计 项目二
商务网页 设计
子任务3:设计首页主内容区
(27)在【形状选择工具】中选择圆角矩形工具,在形状属性工具栏中设置颜色 为#B1ABAB、半径为30px。
(28)新建文字图层,在【字符】面板中设置颜色为EFOE19,字体为宋体, 14px、颜色为ff0000,选中将形状图层和文字图层右击鼠标悬着“合并图层”,方 便移动。
(14)打开本书配套资源“项目资料库/素材”中的文件1.jpg(Ctrl+O),使 用工具栏中【移动工具】或者方向键移动红色条纹,使其紧贴左边缘和水平线。
.
10
商务网页设计 项目二
商务网页 设计
子任务2:设计首页页头区
导航区最终效果图
.
11
商务网页设计 项目二
商务网页 设计
子任务3:设计首页主内容区
(29)打开本书配套资源“项目资料库/素材“.png”、“rad.png”、 “gray.png”文件。
.
16
商务网页设计 项目二
.
6
商务网页设计 项目二
商务网页 设计
子任务2:设计首页页头区
制作标志区和导航区
(3)在【图层】面板中新建组,双击默认组名重命名为“top”;
(提示:双击组名称,可在文字上双击,也可在文字旁边双击,这时会弹出图层 组属性窗口,可选择组的颜色,以便区别于其他的组。)
(4)在【图层】面板中新建组,双击默认组名重命名为“导航栏”;
.
12
商务网页设计 项目二
商务网页 设计
子任务3:设计首页主内容区
(18)单击【文件】按钮打开素材中图“pbdn.jpg”,在工具栏中 选择【磁性套索工具】,设置羽化值0.5px。 (19)按快捷键Ctrl+M,打开“曲线”面板,调节界面。 (20) 在工具栏中选择【文字工具】选择“横排文字工具”建立文 字图层,在【窗口】中打开【字符】面板设置字体为宋体,字号为 16px,并输入文字。
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

三、教学目标
1.知识目标 (1)加深理解和掌握前面所学网络基础知识 和基础技能。 (2)掌握常用的Frontpage网站设计制作技 巧。
2.能力目标 (1)培养学生自主学习、协作学习的能力。 (2)提高学生的动手实践能力和创新能力。 (3)通过展示和互评作品,提高学生交流和 表达的能力。 (4)通过主题作品的制作,引导学生利用各 种信息技术资源,提高学生查找、筛选、 存储和处理信息的能力,从而提升学生的 信息素养。
3.情感、态度与价值观目标 (1)通过网页排版,培养学生的审美情趣。 (2)通过学生创作网站主页,增强学生的团 体合作观念。 (3)倡导学生热爱科学知识、热爱学习,激 发学生的探究新知精神。
四、教学策略
运用分层教学法,并通过情境创设,让学生 在教师的逐步引导下,积极地自主学习、探 究学习、合作学习,共同完成学习任务。 通过师生的交流、学生的反思、小组的经验 介绍来促进和提高学习效果。
七、教学过程
教学环节 新课导入 情景创设 教师活动 通过展示学生制作的自我介绍网页,激发学生的学习 兴趣。 师:我们再来欣赏几个优秀的网站,同学们在欣赏的 同时思考两个问题: 1、你发现网页中包含哪些元素?他们是如何将这些元 素组织起来的? 2、这些网站有哪些吸引人的地方(有哪些创新之处值 得学习)? 师:经过全班同学的讨论,我们组成3个小组,每个小 组完成相应的学习任务。网站的框架结构、各组分工 表及各栏目具体要求已显示在大屏幕上。每组根据分 工的不同分为下列三个小队: 技术策划制作小队负责指导和协调各小组的工作,最 后由他们统一整理,生成网站(信息技术骨干分子组 成)。 “主页”制作小队负责整体栏目的设计、定位(侧重 于网页的布局与美化)。需要有一定的宏观规划。 元素搜集与制作小队负责通过不同的方式收集网站所 需的各类素材,并进行适当的加工处理。 学生活动 部分学生简单介绍 自己的预习作品 通过思考,形成学 习动机,达到主动 建构知识意义的目 的。 设计意图 引导学生进入学习 课题。 教师围绕学习主题, 培养学生的知识迁 移能力和创新能力。
第三节 制作网站主页
一、教学内容分析
这是第四单元中的教学重点、难点,网站主页的制作,是对 前面几节知识的综合运用和延伸。教学内容是用Frontpage 制作简单网页,学习任务有网站规划、主页布局设计、内容 的添加、超级链接的设置。目的是通过网站的设计与制作, 不仅让学生对前面所学的知识加深理解和掌握,也进一步提 高学生的网站设计能力和动手实践能力。 根据教材的教学内容,结合学生对Frontpage的理解和掌握 程度以及本节课的实际情况,我确定本节课主要是围绕建设 “我的科普小家”为主题任务活动,让学生在完成学习任务 的过程中学习和体会:①网站的布局设计与网页中各个元素 的作用; ② Frontpage网页制作常用的一些技巧; ③网站 建设的分工与协作。 本节分为二个课时完成,这是第一课时。
交流评价
教师从小组中挑选制作较好、学生参与度较高的小 组来介绍网页制作经验。 根据教学评价中“学生学业成绩评价表”进行交流 ,并评价在学习过程中总结出来的经验或取得的教 训。
从网站制作技术、美工 设计、素材搭配、原创 题材等不同方面阐述自 己小组的制作理念。
归纳小结
根据教学目标和学习情况,通过展示和点评作品, 小结建设网站需要注意的一些问题和网页制作中常 用的方法技巧。充分肯定成绩,同时对一些问题给 予纠正。 师:请同学们回去以后,以“我的班级”为主题, 思考如何制作班级主页 练习要求:1.围绕班级的主题;2.规划网站,并进 行简单构思;3.选择恰当的制作工具,获取相应的素 材,配上合适的音乐。
各小组成员围绕总任务 积极开展学习活动,通 过相互交流、讨论、协 商一起完成班级网站制 作。
引导学生自主学习、 探究学习、合作学 习。 引导学生搜索信息 ,培养学生的信息 素养。 经过交流,进一步 深化、巩固知识的 运用,提高学生的 交流表达能力。对 创作者也是一种肯 定与激励。 鼓励学生继续学习 相关知识,不断提 高自己的网站编辑 水平。 知识延伸。促使学 生将知识内化并进 行能力迁移。
任务布置
每个小组的学生, 分别负责不同具体 任务。
通过任务驱动的方 式来激发学生学习 的积极性。 采用分层教学,不 同层次的学生完成 不同的学习任务, 做到面向全体、因 材施教、分类指导 、全面提站建设,老师为 大家准备了相关的学习资源:网页编辑排版中常用 的方法技巧介绍;图片素材、动画素材、声音素材; 简单的图像处理与动画制媒体
多媒体网络教室(与Internet相连); Frontpage、Photoshop、Flash等相关制作软件;
六、教学准备
教师准备: (1)详细的电子教案和教学课件。 (2)收集、处理网页制作中需要的素材元素。 (3)网站建设和网页制作方面的网址、文章及优秀主页。 (4)指导和协助班干部做好学生分组及小组分工。 学生准备: (1)班干部组织全班学生共同参与网站规划,研讨并确定主页的 栏目、风格、色调等要素。 (2)在学生自愿和教师指导的原则下自由组成学习小组,并承担 适合自己的学习任务,利用课余时间收集相关的素材和资料。 (3)选取班级中动手能力较强的学生组成技术小组,策划并搭建 好班级网站的框架并规划各个栏目文档的具体要求等。 (4)参照课本,预习新知识。
二、教学对象分析
学生在前面的学习中已经学会了一些基础知 识,能够从网络上获取、加工和交流信息。 在生活中,一些学生对科普知识有浓厚的兴 趣,并积累了一些相关的素材。为了满足学 生的学习需求,激发学生的学习热情,把认 知活动和情感活动结合起来,通过全班学生 共同建我的科普小家的主题学习活动,让学 生在紧张而愉快的学习环境中积极主动地去 探索,去学习,最后通过互相协作共同完成 学习任务。
学生互相点评。
教学延伸
相关文档
最新文档