day01 web
1、HTML + CSS + UI ---打基础
2、Javascript ---客户端动态的效果
3、HTML5CORE + AJAX + Jquery
4、Bootstrap, Angular JS + 其他框架
1、HTML:中文汉语拼音读
CSS3BASIC + PRO:
UI + PRO :
CSS3CORE + PRO : 最新版本的CSS核心内容
=======================================================================================
大的环境:网络环境
1、Internet
(1)什么是Internet
是全球性计算机互联网络,是由若干终端(PC,移动端)以及特殊的传输介质而组成的一个网络结构。
PC:Personal Computer
(2)提供的服务
信息共享
Telnet:远程连接(黑客、服务器)
Email:电子邮件
WWWW: 万维网 www.baidu.com 所访问的网页
BBS: 电子公告板,论坛。eg:百度贴吧 猫扑 天涯论坛、各大校区的论坛
FTP: 上传和下载服务 通过FTP传到服务器的指定位置处,再通过FTP把它下载下来。
(3)实现技术
a、分组交换原理:两台计算机在互连,在进行数据传递的时候,某一台计算机需要将计算机进行拆分(拆包)。
数据通过数据包进行传递,到达目的地后,对数据包进行重组。
b、TCP/IP 协议簇: 如何找到你要交互的那台计算机。就好比茫茫人海中找到一个对话的人。
2、Web
(1)什么是web(World wide web)
一定是在Internet这个范围内,产生的一组应用,依托于Internet。
w3c : www 3 consortium 万维网联盟
民间机构,消费者协会
大的知名企业---微软Microsoft、sun、IBM、apple
专门制定Internet的规范
(2)能干什么
能够将各类的信息和服务进行连接,提供图形用户界面
信息:文字、图片、音频、
1、HTML + CSS + UI ---打基础
2、Javascript ---客户端动态的效果
3、HTML5CORE + AJAX + Jquery
4、Bootstrap, Angular JS + 其他框架
1、HTML:中文汉语拼音读
CSS3BASIC + PRO:
UI + PRO :
CSS3CORE + PRO : 最新版本的CSS核心内容
=======================================================================================
大的环境:网络环境
1、Internet
(1)什么是Internet
是全球性计算机互联网络,是由若干终端(PC,移动端)以及特殊的传输介质而组成的一个网络结构。
PC:Personal Computer
(2)提供的服务
信息共享
Telnet:远程连接(黑客、服务器)
Email:电子邮件
WWWW: 万维网 www.baidu.com 所访问的网页
BBS: 电子公告板,论坛。eg:百度贴吧 猫扑 天涯论坛、各大校区的论坛
FTP: 上传和下载服务 通过FTP传到服务器的指定位置处,再通过FTP把它下载下来。
(3)实现技术
a、分组交换原理:两台计算机在互连,在进行数据传递的时候,某一台计算机需要将计算机进行拆分(拆包)。
数据通过数据包进行传递,到达目的地后,对数据包进行重组。
b、TCP/IP 协议簇: 如何找到你要交互的那台计算机。就好比茫茫人海中找到一个对话的人。
2、Web
(1)什么是web(World wide web)
一定是在Internet这个范围内,产生的一组应用,依托于Internet。
w3c : www 3 consortium 万维网联盟
民间机构,消费者协会
大的知名企业---微软Microsoft、sun、IBM、apple
专门制定Internet的规范
(2)能干什么
能够将各类的信息和服务进行连接,提供图形用户界面
信息:文字、图片、音频、视频、数据包
服务:Telnet、FTP、Mail、HTTP... ...
(3)万维网就是无数的文档集合(网页文档),文档会驻留在世界(互联网)的任何一个角落。
3、web的工作原理
web是基于Internet的多媒体信息服务系统
(1)基于 浏览器/服务器 模式
B/S: Browser / Server
在服务器上,主要以网页的形式发布多媒体信息
(2)由web服务器、浏览器、通信协议组成(缺一不可)
服务器:提供服务的机器,网页要放在Internet上,所在的服务器要处在互联网当中;
简单的说也是一台电脑,服务器的内部结构会比较庞大。几十个T。配置较好的电脑。
浏览器:IE浏览器、谷歌浏览器、火狐浏览器等等... ...
通讯协议:HTTP协议,超文本传输协议,管数据是如何传递的。
(3)WEB相关技术
①服务器端技术(后台)
PHP、JSP、ASP... ...
②客户端技术(前端技术)
HTML---熟练
CSS ---熟练
Javascript ---客户端的脚本
======PM===================================================================================================================
1、HTML入门的知识
(1)什么是HTML?
---HTML(Hyper Text Markup Language),超级文本标记语言
超文本:
a
标记:超文本都是由标记组成的
<a>
语言: 包含自己独特的语法
HTML最终由浏览器负责解释
HTML中可以嵌入一些脚本语言编写的程序段:Javascript、VBScript
(2)HTML版本
超级文本标记语言(第一版)
HTML2.0
HTML3.2
HTML4.0
HTML4.01
XHTML1.0 ---X:可扩展的 ,可以使用自己的东西,还可以创造一些新的东西(很少有人用)。
HTML5: 最新的
(3)标签(标记)
①标签的语法
a.必须使用尖括号括起来
<a>,<div> ...
<A>,<DIV>
标签是不区分大小写的
b.有封闭类型的标签,也有非封闭类型的标签
1)封闭类型
也称作双标记,则必须成对出现
<标记>任意的文本内容</标记>
不同的标记,决定了“文本内容”的不同表现形式
eg:<a></a>,<p></p>,<div></div>
2)非封闭类型
也称作单标记、空标记
<标记>
或者
<标记/>
eg: <hr>,--->没有文本控制,就是一条红线;
<br>,--->就是一个换行,回车;
<img>,--->图片,没有文本可言。
3)元素
标记就是元素,元素也称为标记。
4)元素嵌套(标签嵌套)
标签之间相互嵌套,形成复杂的语法结构
<body>
<p> --->TAB:缩进键
<a></a>
</p>
</body>
5)属性
属性是出现在开始标记中的内容,作用是修饰元素。
<p 属性名="属性值"></p>
<p 属性名='属性值'></p>
<p 属性名=属性值></p> --->在之前的HTML4.0之前没有问题,规范不太严格
标准属性: 每个元素都会具备的通用属性
id :定义每个标签的唯一标识(给标签取个名)
title :提示文本(用户把鼠标放在文字上出现的提示文本)
class :样式相关,类样式
style :样式相关,行内样式
操作1:定义一对p标签,id属性设置为program
<p id="program"></p>
多个属性之间,用空格区分。
多属性:
<p 属性1="值" 属性2="值" 属性...><>
注意:多属性之间,排名不分先后。
2、创建HTML文档
开发工具:任何一个文字编辑软件都可以开发HTML
EditPlus: 超级记事本
运行环境: 任何一个浏览器都能运行HTML
Google Chrome, Mozilla Firefox, Microsoft IE, Safari, Opera
360和IE使用的是相同的内核。
Chrome贯彻W3C贯彻的较好。
最讨厌IE,其市场份额占比及其低下,IE在第一次浏览器大战中,第一次干掉了网景。
网景浏览器废了。
第二次浏览器世界大战,就是Google Chrome,Mozilla Firefox新型浏览器出来之后,把IE打得一蹶不振。
那时候,微软想搞垄断,垄断在中国行,在国外就不好使,美国有专门的反垄断法。
学习过程中,主要于Google Chrome为主。
任何一台电脑都能开发网页,至少一个浏览器,至少一个记事本。花三块钱网吧里面做。
超文本文件(HTML文档):
是一个以.html或.htm结尾的文档。