浙教版高一必修《信息技术》6.2:网页制作PPT完美课件(共34张)
浙教版高中信息技术必修模块《信息技术基础》课程教学设计:6.2网页制作(一)-----民以食为天

6·2 网页制作(一)-----民以食为天教学设计(高中)所属模块:信息技术必修《信息技术基础》课时:1课时适用学段:高中一年级上学期一、教学设想根据教材,设想第1课时的知识点由“美食”这个主题展开,通过一个示范网站让学生了解网页设计的一般步骤,了解网站的组成(主页面,分页面),了解网页中的各构成元素(图片、文字、超链接等),通过小组合作制作一个简单的网站,掌握网页标题的设置、表格的插入及属性设置、插入文字、插入图片、设置超链接、保存网页等操作,掌握网页制作软件Frontpage的基本使用方法,使学生对制作网站有一个很强的概念和认识。
在本节中,要求通过小组学习的方式,既有分工又有合作,在完成一个简单网站的规划、制作的同时,让学生充分体验小组合作学习的乐趣和积极作用。
这节所学的知识点虽然比较多,但是根据学生已有的知识水平,通过教材、助学网站、教师讲解、学生互助等一系列措施,通过小组合作,在1课时内还是应该能够完成一个简单网站的制作,也为后面的网站完善和学生自由创作提供条件。
二、教材分析本节课是第六章《网页的设计与制作》的第二节内容《网页制作》的第1课时内容,根据新课程标准,《网页制作》这一节安排5个课时。
本章教学任务是否完成,要看学生能否通过小组合作的方式来完成一个主题网站的设计与制作。
我根据实际情况,对课程教学内容进行了调整,设想在第1课时就让学生对制作网页网站有一个很强的整体概念,在提供素材的情况下能完成简单网页的制作。
在第2课时对网页进行完善及素材的收集,第3-6课时让学生分小组进行自由创作,这样一来,学生对制作网站就有一个很强的概念和认识。
选择一个学生感兴趣的,健康积极的主题,激发学生的兴趣,是本堂课设计上的一个重点。
教材中需要掌握的知识点也比较明确,用一个个相关联的任务将这些知识点联系起来,这样可以对教材的内容通盘考虑。
三、学生分析通过前五章的学习,学生的信息素养有了较大的提高,利用信息技术解决实际问题的操作技能有了长足的进步,由于多数学生在初中没有制作过完整意义上的网页和网站,所以,对于本章的知识和技能而言,基本不存在“零起点”影响学生学习的问题。
高中信息技术《网页制作》优质课教学设计、教案

《6.2 网页制作》--好客青岛欢迎您1教学内容分析本节内容是浙教版《信息技术基础》第6 章第2 节内容,是本章的重点。
本章教学任务完成与否,要看学生能否通过小组合作的学习方式来完成一个主题网页的设计和制作。
通过本节内容的学习,学生将切实掌握网页的设计与制作方法,体验小组合作学习的乐趣和积极作用,同时,也是一次美育与德育(发现家乡的美,热爱家乡的美,宣传家乡的美)的过程。
2教学目标①知识与技能:了解网页策划和设计的基本过程。
②过程与方法:学会设计和制作简单网页。
③情感态度与价值观:体验小组合作学习的乐趣,感受家乡人文的魅力。
3教学重点图文混排和设置超链接、网页布局及网页元素的科学合理运用4教学难点图文混排和设置超链接5教学课时安排本小节理论上分4 课时进行。
1.①第1 课时“网站的策划和构思”(课余完成):学生完成分工,明确本组及个人任务,初步完成网站的总体构思,并给出了手绘版的网页设计图。
②第2 课时“素材的收集与整理”(课余完成):学生查找和收集素材,进行了初步处理。
③第3 课时,学生了解FrontPage2003 的基本操作方法,初步掌握了网页制作的简单技巧。
④第4 课时,学生分组完成主题明确的网页的制作。
(本次授课内容)6教学过程 1 学时教学活动1【活动】课前准备1. 将收集整理的素材发送到学生电脑。
2. 将学案发到学生手中。
3. 每组设定一个共享文件夹。
要求负责本组的主页制作的同学就坐于有共享文件夹的电脑前。
2【导入】课程导入好客山东视频播放网络时代如何更好的宣传自己美丽的家乡?从而导出本节课的主题-网页制作!3 玩游戏,识布局1、通过拼图游戏,让学生认识到网页布局的重要性。
盖楼——设计图纸网页——布局图2、了解常见的网页布局样式:封面型、国字型、拐角型、标题正文型等4【练习】活动一:制作简单的网页。
要求:1. 每组须完成:1 个主页,至少1 个子网页。
并在学案上画出网页布局2. 主页要有链接到子网页的文字。
信息及其特征浙教版高中信息技术必修一课件完美版

息
和 信
息
练习:下列事例中信息和它的载体分别是什 么?
的
事例
信息
载体
载
听收音机里的新闻 新闻内容
电波、收音机、声音等
体
看书
书的内容 纸张、文字等
上网查找资料
资料的内容 网络、计算机、文字、声音等
◆ 信息不能独立存在,需要依附于一定的载体。
•同一个信息可以依附于不同的载体。如教案可以
信 息 的
手写到纸上,也可以用电脑来写。 •载体形式多样。如印刷型、声像型、网络型的。
B、电视中某产品广告
习
C、石油
D、各班各科成绩
C
模
2、天气预报、市场信息都会随着时间
拟 题
的推移而变化,这体现了信息的( )
练
A.载体依附性
习
B.共享性
C.时效性
C
D.必要性
模
3、某医院的多名医生和护士,在为一名垂危病人
拟
做手术时,通过一些医疗监视设备时了解病人的心
题
电图、血压等情况,从而分工合作,各施其职,最
定
的描述。(钟义信)
义
3. 信息是消除通信前不确定性的东西。(香农)
什 么
物质、能源、信息是人类社会的三大
是
要素,信息是人类生存和发展的基本
信
息
条件与基本需求。
?
在一些综艺节目里面,由四个人以上完成的一
传
个游戏。第一位将文字用肢体语言表示出来,传递
声
给第二个人,再依次传递下去。最后一位同学描述
筒
以证明信息是可以传递的。
信
息 的
所以体现了信息的……?
特
征
高中信息技术_网页制作教学课件设计

超链接的出现使网上浏览变得更加便捷,只须用鼠 标轻轻点击,便能够轻松地从一个页面跳转到另一 个页面,从一个WEB 站点跳到领一个WEB站点。 超链接就是一些特殊的文本或图像,是其它页面的 入口。
①选中超链接源(可以是一个字符、一个单词、 一句话、或一幅图)
②选择“插入”菜单中的“超链接”命令,或单 击 “常用”工具栏的“超链接”按钮,则弹出
调整页面背景与主题呼应
5、插入超链接
课下作业:
请同学们以小组为单位,给我们的校 园制作一个网页
单击菜单栏“插入——图片——来自文件”(D: \制作牡丹资料\images\任意一幅图片)
调整图片的属性 右击图片,在弹出的快捷菜单中单击“图片属性” 命令,弹出“图片属性”对话框 ,请尝试通过修改对话框中的参数将图像大小设为 宽200像素、高200像素。
(3)设置页面效果
将网页背景设置为图片
页面空白处右击,弹出快捷菜单,点击“网页属性” 弹出“网页属性”对话框,点击“格式”在“背景 图片”前打“√”,然后单击通过“浏览”找到图片 即可。
(4)、设置表格属性
在页面中为了突出导航栏链接的文本,我们可以 设置导航栏中表格的背景色为灰色。 选中导航栏单元格,右击,在弹出的快捷菜单中 选择“单元格属性”命名,在背景色中选择灰色。
设置表格属性 在页面中为了突出导航栏链接的文本,我们可以 设置导航栏中表格的背景色为灰色。 选中导航栏单元格,右击,在弹出的快捷菜单中 选择“单元格属性”命名,在背景色中选择灰色。
“创建超链接”对话框,在该框中列出了当期 Frontpage中打开的Web站点中的文件夹和文件。 ③在该对话框的文件列表中,选择要建立链接的 目标文件。 ④单击“确定”按钮,超链接建成。
浙教版信息技术第六章《网页的设计与制作》p精品PPT课件

6.2 通过邮件接收表单
表单中的信息输入完毕以后需要将信 息提供给服务器端的相关人员,用户可以 通过表单域属性面板中的“动作”属性指 定通过电子邮件接收表单数据。
在属性面板的“动作”文本框中输入 mailto:***@***.***,也就是在mailto 后面加上邮件地址。在浏览者提交表单后, 会弹出窗口询问是否继续以电子邮件形式 提交,单击“确定”按钮,浏览器会自动 打开Outlook或Outlook Express,将表
第六章
讲解提纲
Байду номын сангаас.1 创建表单 6.2 通过邮件接收表单 6.3 制作跳转菜单
6.1 创建表单
使用表单,可以帮助Internet服务 器从用户那里收集信息,它由两部分组成: 前台显示页面和后台处理程序。前台显示 页面用于显示表单的内容,主要包括文本 域、单选按钮、复选框、菜单和提交按钮 等。后台处理程序用于处理用户提交的表 单数据。
6.3 制作跳转菜单
跳转菜单利用菜单表单元素形成各种 选项的列表,一旦选中某个选项,浏览器 就会立即跳转到—个新网页,
将光标定位后,单击“表单”工具栏 上的“跳转菜单”按钮,弹出“插入跳转 菜单”对话框,根据提示输入相应内容, 点击“确定”按钮即可。
; 九九电影网
九九电影网
淘宝优惠券网
天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014 天堂网2014
浙教版高一必修《信息技术》:网页制作(共34张)

复制:
方法1: Ctrl+c、Ctrl+v 方法2:选择文字,按住“Ctrl”键 ---拖动鼠标左键放到存放的位置 即可。
剪贴板:先打开“编辑”菜单---“office剪贴板”,选择多个对象复
制,后再粘贴即可。
移动:
方法1:选择文字,点击“编辑”菜单---“剪切”Ctrl+X 方法2:选择文字,按住鼠标左键拖动放到存放的位置即 可。
浙教版高一必修《信息技术》:网页 制作(共 34张)
浙教版高一必修《信息技术》:网页 制作(共 34张)
二、编辑网页
1、预览:单击屏幕左下角的“预览”按钮,于是新网页在浏 览器下的显示效果就出现了。再单击“设计”返回页面设计 状态,可以继续修改。也可以单击菜单栏“文件”下的“在 浏览器中预览/ Microsoft Internet Explorer”或直接按 <F12>键可以在IE下预览制作的网页。
三、修饰网页(表格)
添加、删除标题:将光标放在任意一个单元格上,点击“表 格”菜单”—-“插入”---“标题”
合并单元格:选中两个或以上单元格右击——合并单元格或 选中“表格”菜单——“合并单元格”。
二、编辑网页
3、设置网页属性:在 网页上方右击,选 中“网页属性”; (1)修改标题 (2)修改边距
注意:标题与名称区别
浙教版高一必修《信息技术》:网页 制作(共 34张)
浙教版高一必修《信息技术》:网页 制作(共 34张)
二、编辑网页(文本)
1、直接输入汉字:在新建的“new_page_1.htm”页面上输 入汉字信息,并进行字体、字号、颜色等相关修饰。
6.2 网页制作
1、网站规划
1 网站的风格
第六章《网页的设计与制作》(浙教版)精品PPT教学课件

2020/12/6
9
6.2 通过邮件接收表单
表单中的信息输入完毕以后需要将信 息提供给服务器端的相关人员,用户可以 通过表单域属性面板中的“动作”属性指 定通过电子邮件接收表单数据。
在属性面板的“动作”文本框中输入 mailto:***@***.***,也就是在mailto 后面加上邮件地址。在浏览者提交表单后, 会弹出窗口询问是否继续以电子邮件形式 提交,单击“确定”按钮,浏览器会自动 2020/打12/6 开Outlook或Outlook Express,将表 10
感谢你的阅览
Thank you for reading
温馨提示:本文内容皆为可修改式文档,下载后,可根据读者的需求 作修改、删除以及打印,感谢各位小主 Nhomakorabea阅览和下载
日期:
演讲者:蒝味的薇笑巨蟹
6.插入按钮
按钮对于表单是必不可少的。按钮在 单击时执行任务,可以用于提交或重置表 单,并且可以用于触发特定的事件。
要插入按钮,将光标定位后,单击 “表单”工具栏上的“按钮”按钮,即可 插入一个按钮。
2020/12/6
8
7.插入列表/菜单
如果要显示的选项很多,为了节省空 间,可以使用菜单或列表。菜单会在弹出 式菜单中显示选项值,而且只允许用户选 择一个选项。列表会在滚动列表中显示选 项值,并允许用户在列表中选择多个选项。
5
3.插入单选按钮
要求浏览者只能从一组选项中选择一个选项 时,使用单选按钮。单选按钮通常成组地使用,在 同一组中的每个单选按钮的名称必须一致,这样整 个单选组才能有效。
要插入单选按钮,将光标定位后,单击“表 单”工具栏上的“单选按钮”按钮,即可插入一个 单选按钮。
高中信息技术 浙教版必修1 6.2 网页制作(共18张PPT)

插入动画
交互式按钮、滚动字幕给网页增加了动感效果,如果再 插入一些Flash动画或视频,网页的动感效果会更加生动。
在网页中如果需要插入电影、录像、播放器等控件, 则执行“插入” “Web组件” “高级控件”命令, 选择“插件”按钮,弹出“插件属性”对话框,在“数 据源”文本框内输入文件名,根据对话框的提示,设置 控件大小、对齐方式等属性,单击“确定”按钮,就能 够完成多种形式的多媒体信息的插入。如书上图2-39所 示,插入“环境污染”录像文件。
谢谢
03 任务三:让网页更具活力
学习目标
掌握网页中滚动字幕、交互式
按钮的制作方法及属性设置,学会
在网页中插入多媒体信息的方法。
添加滚动字幕 滚动字幕是指在浏览器中能够
看到的滚动的文字,它可用于发布 站点的通知和提示信息。由于字幕 具有动态特点,容易吸引访问者的 注意。
制作交互式按钮
网页制作过程中,为了方便用户浏览或 提交信息,网页中常常提供了具有交互功能 的按钮、交互的图片、交互的文字……
思考
在首页制作过程中,你所插入 的图片是如何定位的?在浏览网页 时,是否发生过图片位移动的现象? 你是如何解决的?
02 任务二:运用表格制作网页
制作表格
在制作表格时应多用表格嵌 套形式,这样可以保持单元格的 相对稳定,不会出现单元格调整 时的相互牵连。
思考
掌握表格、表格嵌套 制作方法,能够设置表格 及单元格属性,排列表格 中的文字、图片等内容。
(1)网站的标题为“地理知识天 地”,标题与网页正文之间有一条水 平线隔开。 (2)标题左边有一个网站标志图。 (3)展示了一段关于网站主题的文 字介绍。 (4)网页设置了适当的背景图片和 背景音乐。 (5)网页中有链接按钮图片。 (6)网页的文件名为“index.htm”。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
二、编辑网页(文本)
删除文本格式:
方法1:选中文字,在字体对话框里进行更改。这样速 度很慢。 方法2:选中文字,点击“格式”菜单---“删除格式” (快捷键ctrl+shift+z) 方法3:撤消(快捷键ctrl+z)
❖ 撤销、恢复 : ctrl+z、 ctrl+y
❖ 格式刷:如果要连续使用格式刷,可以双击“格式刷”,
4、网站元素级别
网页1 网站 网页2
文字 表格 图片
网页3
动画 视频ຫໍສະໝຸດ 二、编辑网页新建网页:单击命令菜单栏中的“文件”,选择“新 建”,在屏幕的右面出现一个“新建”工具栏, 选择“新建网页”下的 “空白网页”,于是一个 新的网页“new_page_1.htm”就产生了。
二、编辑网页
1、预览:单击屏幕左下角的“预览”按钮,于是新网页在浏 览器下的显示效果就出现了。再单击“设计”返回页面设计 状态,可以继续修改。也可以单击菜单栏“文件”下的“在 浏览器中预览/ Microsoft Internet Explorer”或直接按 <F12>键可以在IE下预览制作的网页。
形” 设置图形属性:填充颜色、边框、阴影样式、三维效果等。 插入艺术字: 编辑文字
三、修饰网页(文字超链接)
1、文字超链接:先选中文字或其它对象: (1)点击右键——超链接 (2)常用工具栏——插入超链接 (3)点击“插入”菜单——超链接(ctrl+K)
2、创建同一文件的超链接 :
(1)先选中某些文字或其它对象进行标记,制作标签。选定 文字——“插入”菜单——书签(ctrl+k)
二、编辑网页(文本)
1、直接输入汉字:在新建的“new_page_1.htm”页面上输 入汉字信息,并进行字体、字号、颜色等相关修饰。
2、 导入文字:打开“插入”菜单---“文件”(注意选择文件 的类型),就可以插入你需要的内容。 注意:导入文字内容的格式,如:word、wps、txt、 htm等
即可多次使用,再次点击“格式刷”可取消。
❖ 添加边框、底纹:点击“格式”菜单---“边框和底纹”
二、编辑网页(文本)
复制:
方法1: Ctrl+c、Ctrl+v 方法2:选择文字,按住“Ctrl”键 ---拖动鼠标左键放到存放的位置 即可。
剪贴板:先打开“编辑”菜单---“office剪贴板”,选择多个对象复
色均设置为黑色,边框线设为0。再选中所有“单 元格”,点击“单元格属性”,将单元格的边框颜 色与背景颜色改为白色;最后再次打开“表格属性 ”,将单元格间距设为1即。
原理:利用表格的底纹(黑色)与单元格的底纹( 白色),中间有单元格与单元格之间的距离,然后 就产生了这条细线。
三、修饰网页(图片)
插入图片:点击“格式”菜单——“插入”——“图片” 设置图片属性:大小、位置等。 插入自选图形:点击“格式”菜单——“插入”——“自选图
合并单元格:选中两个或以上单元格右击——合并单元格或 选中“表格”菜单——“合并单元格”。
拆分单元格:选定要拆分的单元格,选中“表格”菜单—— “拆分单元格”。
文本表格互转:选中对象,点击“表格”菜单——“转换 ”——“将文本转换成表格”
三、修饰网页(表格)
设置细线边框: 方法:首先打开“表格属性”,将边框颜色与背景颜
—-“选择”---“单元格”,再点击“表格”菜单---“删 除单元格”。行和列方法相同。 选择表格、单元格、行、列:将光标放在单元格上,点击“表格” 菜单”—-“选择”---“单元格、行、列、表格”。
三、修饰网页(表格)
添加、删除标题:将光标放在任意一个单元格上,点击“表 格”菜单”—-“插入”---“标题”
注:1、先输入文字,再进行排版。 2、边输文字边排版。
二、编辑网页(文本)
选择文本:
方法1:按住鼠标左键拖动即可 方法2:按住“shift”键选择连续文本 方法3:连续按鼠标左键三次可选中整段文字 方法4:按住“alt”键,点击鼠标左键可选中整段文 字
❖ 设置文本格式
方法1:选中文字右击---“字体” 方法2:按住“格式”菜单---“字体” 方法3:在格式工具栏,也可以设置字体
6.2 网页制作
1、网站规划
1 网站的风格
根据个人需要设置网站风格,如: 活泼、清纯、庄严。
2 网站的结构
网站如一本书,需要有大纲,主 要目录、具体内容
3 网站的配色
颜色的搭配非常重要,怎么配色 才能吸引用户进来观看
2、 色彩搭配
红色 橙色 蓝色 绿色 紫色 黑色 灰色 白色
热情 时尚 宁静 清新 神秘 深沉 高雅 明快
2、保存:单击 “文件”/“保存”,为文件起个名字,并修改 “保存位置”为D盘上“座号姓名”文件夹,然后单击“确 定”。这样所有网页使用的文件都放在这个文件夹中,便于 使用和管理。例如:888张三
二、编辑网页
3、设置网页属性:在 网页上方右击,选 中“网页属性”; (1)修改标题 (2)修改边距
注意:标题与名称区别
制,后再粘贴即可。
移动:
方法1:选择文字,点击“编辑”菜单---“剪切”Ctrl+X 方法2:选择文字,按住鼠标左键拖动放到存放的位置即 可。
二、编辑网页(文本)
设置段落格式:
1、 段落间距:(1)直接按“enter”键换行,距离较大。其代 码<p>;(2)、直接按“shift+enter”键换行,距离很 小。其代码<br>;
2、插入符号:在“插入”菜单---“符号”对话框,可以添加 所需要的符号。
三、修饰网页(表格)
新建表格:点击“表格”菜单---“插入”---“表格”对话框 删除表格:选中表格---“表格”菜单---“删除单元格”或按
DEL键即可删除 添加单元格、行和列:在“表格”菜单---“插入”---“单元格” 删除单元格、行和列:将光标放在单元格上,点击“表格”菜单
配色方案的操作:
*点击菜单“格式”--“主题” *点击任务窗口---“主题” *点击某个主题右击--“自定义”
3、 设计草图
二、网站
1.制作网站的流程
主题
版面
编辑
风格 素材 测试
规划 配色 上传
网站的设计原则
1)目标明确,重点突出 2)主题鲜明,层次清晰 3)合理设置栏目 4)正确定位整体风格 5)页面布局合理 6)色彩搭配,和谐统一 7)多媒体功能适当应用。