课题拟用1课时
4.3在线网站制作
年月日
1.了解中国网站的发展与影响；
教
2.明确网站设计的基本步骤，按需求合理规划网站功能；
学
3.根据需求收集、整理、加工网页素材；
目
4.根据实际需求选择恰当的网页设计工具设计网页；
标
5.了解域名的功能，发布网页。
德育教育激发学生主动学习的兴趣，树立正确的信息意识。
重点根据实际需求选择恰当的网页设计工具设计网页。
难点了解域名的功能，发布网页。
教具多媒体课件。
教法教师讲解、小组讨论、独立思考课型：新课
作业
板书设计
标注教师活动学生活动
一、引入
制作和发布校园网站
通过前两个活动，同学们完成了网站建设的前期规划及素材的收集
和整理，接下来需要将收集整理的素材整合到不同的页面中。本活动将
带领大家进行网站页面的布局，导航栏、文字、图片的编辑，交互界面
的设计，申请域名和发布网页等完成网站页面设计与发布。根据实际应
用场景，同学们可以选择使用电脑网站、手机网站、微传单等多种方式
来呈现校园网站页面，因为这些方式目前都使用HTML5标准，因此也可
以称为以HTML5方式呈现校园网站。
二、知识链接
1.HTML5标准
HTML5是HyperTextMarkupLanguage5的缩写，是W3C组织推出的
HTML最新标准。在HTML5标准推出之前，开发者开发一个网页或应用，
需要针对PC端以及手机端，甚至不同的浏览器编写不同的代码，才能实
现在不同客户端使用相同的功能。HTML5标准的推出，统一了不同用户
端的标准，让开发者不需要针对不同客户端编写不同的代码，只需要
照HTML5标准编写即可，打通了PC端和手机端应用的壁垒，如图4.13
所示。本活动中涉及的“凡科微传单”和“凡科建站”就是基于HTML5
的应用。
2.域名
①域名组成：域名由若干个英文字母和数字组成，用“.”分隔为几
个部分，如。
②域名分类：域名按级别分为顶级域名、二级域名和三级域名。常
见的顶级域名如下：
.com代表商业机构.gov代表政府机构.edu代表教育机构
.cn代表中国.net代表网络服务机构.org代表非营利机构
二级域名是在顶级域名前加入一个子域名，如
中的“.icoc”代表二级域名。
三级域名可以看成二级域名的子域名，如
中间的“.s1”是三级域名。
三、方法与工具
1.注册在线网站设计工具
随着互联网应用在生活中的普及，为了满足更多用户建设网站的需
求，各大互联网公司都推出了智能化的在线网站设计工具，让零基础的
用户也能搭建属于自己的网站，如AIpage、云建站、凡科建站等。本节
使用“凡科建站”和“凡科微传单”来设计发布网页。这些工具都要注
册并登录后才能使用，具体方法如下：
①在百度中搜索“凡科网”，进入官网首页。
②首次使用“凡科建站”可以利用QQ完成登录，如图4.14所示。
使用微信扫码或手机验证完成注册，设置密码后使用用户名和密码进行