1、任务1 搭建开发环境第一单元 Web基础知识网页文件的创建和保存Web的工作原理网页开发环境的搭建站点的创建和管理掌握学习目标Web的类型了解:学习目标实战演练搭建开发环境强化训练创建第一个HTML5页面任务目标1.什么是Internet?什么是Web?n Internet:是一个全球性的计算机互联网络,又称“因特网”、“互联网”,它是世界上规模最大的计算机网络。n Web:是用户登录Internet后最常用的功能。Web页又称网页,一般都包含图像、文字和超链接等元素。知识准备n 服务器(Server):监听客户端连接请求、接收请求,返回响应内容n 通信协议(Http):超文本传输协议,定义W
2、eb服务器和客户端的通讯细节n 工作模式:浏览器/服务器(B/S)2.Web的工作原理n 浏览器(Browser):客户端用于访问网页的主要软件知识准备2.Web的工作原理Web服务器知识准备 静态网页:标准的HTML文件,采用HTML(超本文标记语言)编写,通过HTTP(超文本传输协议)在服务器端和客户端之间传输的纯文本文件,扩展名为.html或.htm。知识准备3.Web的类型按技术分:3.Web的类型 动态网页:指网页文件里包含了程序代码,通过后台数据库与Web服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。动态网页能够根据不同时间和不同访问者而显示不同内容,可由ASP、P
3、HP、JSP等技术编写。按技术分:知识准备3.Web的类型n 主页(Home Page):访问网站时看到的第一页,即首页。主页的名称是特定的,一般为index.html、default.html、default.aspx或index.aspx等。按网页在网站中的位置分:n 内页(Web Page):指与主页相链接的其他页面,即网站内部的页面。知识准备n HTML5:超文本标记语言(HyperText Markup Language)的第5代版本n 优势:标准化,解决了跨浏览器问题,具备良好的跨平台性能4.HTML5概述知识准备案例描述:1.安装网页编辑软件 2.安装浏览器搭建开发环境实战演练案例描述:1.创建和管理站点 2.创建和保存HTML5文档创建第一个HTML5页面强化训练01Web的工作原理02网页开发环境的搭建03站点的创建和管理04网页文件的创建和保存任务小结 用记事本软件编写并保存以下代码,将其后缀名“.txt”改为“.html”,用谷歌浏览器浏览网页效果。课后实训谢谢观看