1.web是干什么的?
做网站(网页)
网页上看到的东西叫数据(数据是会变化的);
2010年之后发展起来的,随着移动端的兴起.
2.web发展历史:
web 1.0 :
网页简单,静态页面,服务器人员写的界面;
web 2.0: 页面比较复杂 html4.01
Ajax(阿贾克斯):异步加载数据
Node.js: javascript在服务器端运行,做服务器(后台),性能稳定,可以同时处理许多任务,媲美php.
web 3.0: html5
canvas(画布):画任何东西都可以在网页显示。游戏开发:flybird;
3.网页的开发流程:
1).PM(产品经理):需求调研,发传单,网址问卷调查,头脑风暴;
PM-->写需求开发文档(1周)
PM-->画网站草图
改需求
2).UI(美工,UI设计师):根据PM的草图,设计出网页的样式
3).2 项目主管: 确定开发周期,开发周期延迟一两天(小时数)
4).程序员(开发工程师):根据美工的设计进行网站的开发,写代码
5).测试人员
6.学习web开发学习的内容:
1).html (网页的骨架) : 人的骨架
2).css (网页的样式): 让网页美观
3).javascript(js) (网页的动作:脚本语言)
框架:把许多重复功能操作的代码都给写到了一个文件里面,节省程序员开发的时间
js:jQuery,AngularJS,React(js框架)
css:Bootstrap(网页样式)
自动化工具:Gulp:代码压缩
浏览器的内核(渲染引擎):就是让网页显示在该浏览器的时候呈现出什么样子。
浏览器的兼容:由于渲染引擎的不同
4).程序员开发的浏览器:
4.1.Chrome(谷歌浏览器)
4.2.Firefox(火狐浏览器)
4.3.IE (最主要的就是兼容IE): Fuck IE
5).编辑器的使用:
sass:scss less (写CSS样式的工具,scss比较容易上手,使用$符号,less使用@符号)
写代码的工具:
dw(快被淘汰),sublime,webstorm(最后面采用)
7.纯文本文件html:
只保存文本的内容,不保存文本的样式(word里面的艺术字,粗体bold斜体italic)
sublime写的,记事本写的
html 也是属于纯文本文件
1)HTML: Hyper Text Markup Language
超文本标记语言:
超文本:网页里面可以进行跳转的文本
标记: html的标签
网页的构成: 文本,图片,按钮,文本框,音频,视频
W3C:万维网联盟,专门为网页的开发制定一系列标准
结构标准: html
表现标准: css
行为标准: js
2).html里面的一些要点
html里面的符号全部都是英文标点符号
html的标签都是以< 开始的,>结束
html骨架:
doc:document(文档)
type:类型
该文档使用的html规范:html5的规范:结合html4.0和XHTML的规范
标签名可大写,可小写,标准是推荐小写,DOCTYPE大写
<!DOCTYPE html>
8.html的注释:
可以帮助程序员回想起代码是什么意思
<!-- 注释内容 -->
快捷键:ctrl+/
9.标签的关系:
并列关系(兄弟关系):不是嵌套关系就是并列关系
一个标签可以有很多兄弟标签
嵌套关系(父子关系):一个标签还包含其他的标签
一个标签只能有一个父标签
10.在p标签里面一定不能放置h级的标签,浏览器不会将h级标签解析成p标签的子标签