Web课程小白基础版大佬也ok(1)

第1章 Web基础

  • 了解Web相关基础知识
    • 了解有哪些WEB客户端编程技术
      • 了解浏览器工具
        • 掌握WEB客户端开发工具

了解Web相关基础知识

Web概念
 Web(World Wide Web)即全球广域网,也称为万维网,它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。
 是建立在Internet上的一种网络服务,为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面,其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。
 Web的本意是蜘蛛网和网,在网页设计中称为网页。
 一句话概括:Web是一个分布式图形信息系统,它将大量的信息分布在万维网上,为我们提供更多的多媒体网络信息服务。

Web项目
 Web项目也可以称之为Web工程或者Web应用程序。
 Web项目是一种可以通过Web访问的应用程序。
 Web项目的一个最大好处就是用户很容易访问,用户只要有浏览器即可,不需要再安装其他软件。

Web项目的组成
 Web项目由两大部分组成,分别是Web客户端和Web服务器端。
 Web客户端作用是用来组织和显示来自于Web服务器端的信息,以及接受用户从界面上输入的信息并传递到Web服务器端。
 Web服务器端作用是进行业务逻辑的处理和数据存储,并把处理后的结果反馈到Web客户端,供用户使用。
Web课程小白基础版大佬也ok(1)_第1张图片
Web客户端概念
Web课程小白基础版大佬也ok(1)_第2张图片

了解有哪些WEB客户端编程技术

Web客户端编程技术
 HTML英语全称是HyperText Markup Language,中文全称是超文本标记语言,作用是浏览器端组织和显示网页信息(文本、图片、视频等)。
 CSS英文全称是Cascading Style Sheets,中文全称是层叠样式表,作用是格式化网页的样式。
 JavaScript是客户端脚本语言,使网页与用户之间产生动态交互效果,属于网页的行为层
Web课程小白基础版大佬也ok(1)_第3张图片
 Web1.0到Web2.0,再到现在的Web3.0, Web前端的编程技术发展成为基于浏览器端的webApp应用,以浏览器为载体,去实现类似桌面软件那样的用户体验效果。
 Web前端框架技术
 “框架”是指一套包含工具、函数库、约定,以及尝试从常用任务中抽象出可以复用的通用模块,目标是使开发人员把重点放在任务项目所特有的方面,避免重复开发。

 框架技术优点:
 效率:降低开发成本和周期。
 社区:各大框架都有一个很大的社区,便于解决遇到的问题。
 标准:只要遵循框架的标准,让团队合作更容易。
 体验:可以更好的开发出跟原生一样的应用。
 工程化:可维护性和工程性有更大提升。

Web前端框架
 jQuery.js是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库,由John开发,2006年1月正式发布。
 特点
 快速获取文档元素
 提供漂亮的页面动态效果
 创建AJAX无刷新网页
 提供对JavaScript语言的增强
 增强的事件处理
 可以更改网页内容

Web课程小白基础版大佬也ok(1)_第4张图片
Web课程小白基础版大佬也ok(1)_第5张图片
Web课程小白基础版大佬也ok(1)_第6张图片
Web课程小白基础版大佬也ok(1)_第7张图片
Web课程小白基础版大佬也ok(1)_第8张图片
Web课程小白基础版大佬也ok(1)_第9张图片
Web课程小白基础版大佬也ok(1)_第10张图片
Web课程小白基础版大佬也ok(1)_第11张图片
Web课程小白基础版大佬也ok(1)_第12张图片

了解浏览器工具

 浏览器本身支持除了HTML之外的广泛的格式,例如JPEG、PNG、GIF等图像格式,并且能够扩展支持众多的插件(plug-ins)。
 许多浏览器还支持其他的URL类型及其相应的协议,如FTP、Gopher、HTTPS(HTTP协议的加密版本)。
 HTTP内容类型和URL协议规范允许网页设计者在网页中嵌入图像、动画、视频、声音、流媒体等。

 常用浏览器有:
 Internet Explorer
 Mozilla Firefox
 Google Chrome
 Safari
 百度浏览器
 搜狗浏览器
 360浏览器
 UC浏览器
 …

掌握WEB客户端开发工具

Web客户端编程工具
 Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者“.
 DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。
 利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。

 实现所见即所得的功能,亦有HTML编辑的功能,借助经过简化的智能编码引擎,轻松地创建、编码和管理动态网站。
 访问代码提示,即可快速了解 HTML、CSS 和其他Web 标准。
 使用视觉辅助功能减少错误并提高网站开发速度。

 Adobe Dreamweaver
 新建HTML文件
 编写网页显示内容
 保存编写好的HTML文档
 在浏览器中运行编写好的HTML文档
Web课程小白基础版大佬也ok(1)_第13张图片

你可能感兴趣的:(web,HTML,前端,服务器,javascript)