资源简介
(共18张PPT)
网页的编辑与发布
浙教版八年级上册
第10课 网页的编辑与发布
学习目标
通过使用记事本编写HTML代码,学会网页的编辑与发布,能理解网站发布的一般流程,分享有价值的数据和资源。
探究
1.你知道哪些软件能编辑网页?
2.如何把制作的网页分享到互联网?
建构
制作网站的一般流程是确定网站主题,围绕主题设计网站栏目内容,规 划主页和分页,编辑网页,调试并发布网站。
一、网页开发工具
网页开发工具有很多种,专门设计和开发网页的软件,能以可视化的方 式进行网页的编辑制作;还有专业的HTML编辑器,能自动生成成对的编辑;HTML文件是一个文本文件,因此可以使用纯文本编辑器进行编写,通 过浏览器来解释执行。
二、编写网页
在文本编辑器编写时,HTML代码中的标签是不区分大小写,标签
可以设置网页名称,打开网页会看到网页名称显示在窗口标题 栏,便于浏览器收藏网页,可以选择网页名称调用查看。
二、编写网页
通常一个网站包含多张网页,存放在同一个文件夹中,网站的主页命名 为index.html。如下图所示,用“记事本”编写网页,将HTML代码输入到 记事本中,保存扩展名为.html的文件,同步选择保存类型为“所有文件”, 保存完成后就可以在浏览器打开此文件查看效果。
二、编写网页
用记事本编写网页文件
知识链接
网页字符编码浏览器与服务器之间需要传递、处理的数据信息十分 复杂,为了便于使用与协同、实现正确识别,通常对网页进行统一字符 编码,以免出现网页乱码。比较常见的网页字符编码有GB2312、GBK和 UTF-8。HTML文件中<meta>标签的charset属性是设置网页字符编码的方式,一般位于HTML文件的<headx/head>之间,代码为<meta charset= ‘UTF-8’>。
亲身体验
整理本单元的“人工智能”网站,调试各页面之间的链接,整体完 善网站,为下一步的网站发布做好准备。
二、网站发布
网站发布后,可以让更多人通过访问发布地址浏览该网站。
发布网站是将网站文件夹传至网页服务器上,完成配置后可发布浏览。 一般有以下三个途径:
一是使用免费个人主页空间发布网站,需要进行申请;
二是使用专用服务器发布网站;
三是使用虚拟主机服务器发布网站。
二、网站发布
正式发布到互联网上需要域名和IP地址。
在平台发布网站效果
亲身体验
尝试将“人工智能”主题的网站文件夹上传到网页服务器上发布, 并访问发布的网站地址,浏览网站效果。
随堂练习
1.用记事本编写网页代码,保存的文件类型是_____。
*2.探索思考,如何在互联网申请一个网页空间来发布自己的网站。
谢谢聆听!
INTERNET OF THINGS
谢谢
21世纪教育网(www.21cnjy.com)
中小学教育资源网站
兼职招聘:
https://www.21cnjy.com/recruitment/home/admin
展开更多......
收起↑