《H5快速制作网页》教学设计
一、学习内容分析
《H5快速制作网页》是苏教版《初中信息技术》8年级第3章《主题网站设计与制作》第2节《制作网页》中第1课时的内容。H5是指第5代HTML标记语言，其搭建的站点可方便地应用于PC、Android、iOS等多种平台，它为互联网内容的呈现提供了一种全新的框架和平台，包括免插件的音视频、图像、动画、本地存储以及更多酷炫的功能。通俗地说，H5是一种创建网页的方式，用H5创建的网页以文字、图片、动画、声音等相结合的富媒体出现，页面图文并茂、生动活泼、传达方便、易于推广。
二、学习者分析
本节课的学习对象是八年级的学生，处于这一年龄段的学生，思维活跃，具备一定的理解能力和较强的自学能力。通过前面的学习，学生已熟练使用WPS演示文稿等软件，也掌握了规划设计主题网站的方法。本节课以WPS H5软件为平台，学习用H5快速制作网页。虽然学生从未接触过WPS H5，对于陌生软件的学习会有些畏难情绪，但是WPS H5与WPS演示文稿软件使用有很多相似之处，相信通过引导，学生能摸索出软件使用中的共性特点。
在日常生活中，学生们经常能接触到各种各样的手机H5网页，如企业宣传、个人简历、邀请函、纪念册等，这些H5网页给大家带来了全新的体验，技术本身带来的新奇感让学生心生向往。
三、学习目标
1、能列举H5网页的特点；掌握在WPS H5软件中添加和编辑文字、图片、动画等元素的方法，学会设置对象属性的方法。
2、通过制作主题班会邀请函，经历制作H5网页的基本过程。
3、感悟H5网页制作并非难事，软件使用有共通之处。
四、教学重点及难点
教学重点：使用WPS H5软件快速制作图文并茂的网页。
教学难点：WPS H5软件中不同对象的属性设置。
五、教学策略
技术知识的学习并不是一味传授给学生技术的概念、规则和一般原理等这样一组抽象信息，而是为了有效地服务于现实生活和问题解决，其教学场景应该尽可能地发生在真实或接近于真实的情境中，通过具体的情境激发学生的学习动机和兴趣。本节课就以制作“班会邀请函”为主题设置了六个环节：（1）创设情境，初认H5；（2）根据需求，规划H5；（3）知识迁移，制作H5；（4）自主探究，美化H5；（5）作品展示，共析H5；（6）知识梳理，展望H5。
1．请列出三种TCP/IP网络中所使用的协议，并说明它们哪些类型的终端之间的，例如，网络管理站（SNMP）是用于中央网络管理站和网络之间的。
参考答案：
（1）HTTP：超文本传输协议，用于WEB服务器和WEB客户机之间；
（2）SMTP：简单邮件传送协议，用于邮件客户机和邮件服务器之间；
（3）TELNET：远程登录协议，用于客户机与终端之间。
2．现给出一个网址如下：/planetwide/select/selector.html，请你根据所学的URL分析该网址各个部分的含义。
参考答案：
//前的http表示访问信息采用的是超文本传输协议，并且文件在WWW服务器上；
表明了WWW服务器的位置；
planetwide/select/selector.html表明最终要访问的文件所在的位置。
3．访问类型即访问信息的链接方式，它决定了文件所在的位置，请问常用的链接方式有哪几种，并举出实例。（列出三种即可）
参考答案：
（1）file：如file:\\D:\作业\作业\主页.htm（前面的file:\\一般可省略）就是打开本地D盘下的一个网页；
（2）ftp：如ftp:\\（此处也可输入IP地址）；
（3）http：如/；
（4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新闻组；
（5）telnet：telnet:\\192.168.1.7就可以运行远程登录IP地址192.168.1.7；
4．我们要进入紫霞的公众网，网址如下：telnet://，请你实际操作进入该网站，并列出三种以上进入该TELNET网站的方法。
参考答案：
（1）在浏览器中登录：启动INTERNET EXPLORER，在URL地址栏中输入“telnet://”；
（2）“开始”→“运行”→“输入telnet” →“确定”→在命令行输入“open ”命令并回车；
《网页设计与制作》课程标准
适用专业：计算机系各专业 学时：72 学分：4
编写执笔人：**** 审定负责人：**** 课程编码：
一、课程性质
本课程是专业学习领域课程，主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能读懂HTML代码，能够运用专业的网页设计工具，使用“DIV+CSS”技术，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
本课程前导课程：计算机应用基础、网络应用基础
本课程后续课程：动态网站开发
二、课程设计思路
本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，请计算机各专业有经验的教师对各自专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养，体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配
项目名称 学时 学分 备注
1．认识网页、网站 4
4 每部分内容以项目或任务为主体，通过完成相应的项目或任务，理解相关知识点，能够熟练进行各类网2、文本、图像、表单等页面元素的插入 8
3、超链接的设置 4
4．使用页面布局工具布局页面 8
5．使用DIV+CSS布局页面 20 6．使用库和模板创建维护网页 4 页的设计操作；动态网页设计部分学习留言板的设计，初步理解动态网页设计的要点。 7．网页设计与制作综合作业 24
专科《网页设计与制作》
一、 (共75题,共150分）
1. URL的中文译作（ ）。（2分）
A•全球定位 B•全球资源定位 C•全球资源定位 D•全球资源定位
标准答案：D
2. 属于网页制作平台的是（ )。 。 （2分） A.Photoshop B。Flash C.Dreamweaver D。Fireworks
标准答案：C
3. 页面顶部为横条网站标志十广告条下方左为主菜单右为显示内容 的布局是什么布局?
( ）(2分） A对称对比布局 B“T”型布局 C"三”型布局 D“口”型布局
标准答案：B
4. 在网页中的动画图片都是以什么格式存在的？（ ） （2分） ABmp BGif CJpg DTiff
标准答案:B
5. 实现轮替图像应选两幅什么样的图片（ ）。（2分）
A•相差三倍 B•相差两倍 C•相差一倍 D•大小一样
标准答案：D
6. 保存含有图片的网页时（ ）. （2分）
A。图片就存在网页文件中 B.图片文件单独存放
C。网页存放在图片文件中 D。网页和图片文件必须存在一个目录下
标准答案：B
7. Fireworks默认的存储格式是（ ）（2分）
A．JPG B．BMP C．GIF D．PNG
标准答案:D
8. 影响网站风格的最重要的因素是 （ ）。（2分）
A。色彩和窗口 B.特效和架构 C。色彩和布局 D。内容和布局
标准答案：C
9. 黄颜色所象征的意义描述正确的是：（ )（2分）
A．明亮 B．火焰 C．浪漫 D．侵略
