1---web前端技术概述.ppt

407562654分成2部分平时50%作品50%(报告+作品)1、html2、css3、综合4、Bootstrap学习方法理论知识不强动手实践一定不能只看书动手练敲代码敲代码敲代码学习途径书网络前端技术后续JavaScriptjQueryVue框架node。js后端技术Javawebmysql数据库Web**这一章的重点是理解web标准*那网页上由什么元素组成的呢？*最大的广域网，深入人们的生活,它提供的服务有wwwemailftp远程登录等*www是internet提供方一直服务，也是使用最广泛的一种服务，*网站上传服务器，每一台服务器在internet网上都有唯一的ip地址，*我们在网上浏览信息，购物等，怎么保证信息的正确呢？浏览器和服务器之间要遵循相同的协议，http*我们希望相同的网页用不同浏览器看的效果都相同*人的骨骼相当于“结构”，衣服鞋帽相当于“表现”，行走，奔跑相当于“行为”*我们希望网页能兼容各种浏览器，那么市场上浏览器的份额是怎么的呢？Web前端技术（Html5+CSS3+响应式设计）第一章——web前端技术概述教学内容1.3Web标准1.2Web术语1.1Web前端技术的发展1.4常见浏览器1.1web前端开发技术的发展web1.0时代的网页制作静态网页就是用户只浏览的网页，不可以进行交流。主要技术网页三剑客Dreamweaver+Fireworks+Flashweb2.0时代的前端开发“前端开发”是从“网页制作”演变而来的，这时网页由静态页面变为动态网页，特点是用户可以与服务器进行交互。前端开发最核心技术HTML、CSS、JavaScript网页的组成网页的主要由图像、文字、超链接、视频、音频、动画等元素构成。这是元素如何构成网页：打开网页——单击右键------查看源代码------浏览器解析这些代码1.2、web术语（1）Internet网络Internet就是通常所说的互联网，是指各地的广域网、局域网及单机按照一定的通讯协议，通过光纤、电缆、路由器等设备连接成的国际计算机网络，它们遵循公用语言互相通信。互联网实现了全球信息资源的共享，形成了一个能够共同参与、相互交流的互动平台。是人类通信技术史上的一次革命。（2）WWWWWW（英文WorldWideWeb的缩写）中文译为“万维网”。但WWW不是网络，也不代表Internet，它只是Internet提供的一种服务——即网页浏览服务，我们上网时通过浏览器阅读网页信息就是在使用WWW服务。WWW是Internet上最主要的服务，其他许多网络功能，如网上聊天、网上购物等，都是基于WWW服务的。1.2、web的基本术语（3）URLURL（英文UniformResourceLocator的缩写）中文译为“统一资源定位符”。URL其实就是网址。URL可以是“本地磁盘”，也可以是局域网上的某一台计算机，更多的是Internet上的站点，比如。(一定要加协议名)（4）DNSDNS（英文DomainNameSystem的缩写）是域名解析系统。在Internet上域名与IP地址之间是一一对应的，计算机只认识IP地址，将域名转换成IP的过程被称为域名解析。DNS就是进行域名解析的系统。百度的ip1.2web的基本术语1.2web的基本术语（5）HTTPHTTP(英文Hypertexttransferprotocol的缩写)中文译为超文本传输协议。它是一种规定了浏览器和万维网服务器之间互相通信的规则。HTTP是非常可靠的协议，所有用户请求的文件到达客户端时，一定是准确无误的。（6）WebWeb本意是网页的意思。对于网站设计、制作者来说，它是一系列技术的复合总称（包括网站的前台布局、后台程序、美工、数据库开发等），我们称它为网页。（7）W3CW3C（英文WorldWideWebConsortium的缩写）中文译为“万维网联盟”。万维网联盟是国际最著名的标准化组织。W3C最重要的工作是发展Web规范，制定web标准。/1.2web的基本术语1.3Web标准1、为什么需要标准不同浏览器有不同的解析标准，相同的网页用不同的浏览器查看，可能效果不一样。2、web标准有什么好处易于维护：只需更改CSS文件，就可以改变整站的样式