1.网站的建站流程
注册域名(IP地址)–> 租用空间(服务器)–> 网站建设(1.确定网站主题 2.搜集资料 3.规划网站 4.制作网页)–> 网站推广 -->网站维护
2.部门
产品–> UI–> 前端–> 后端(PHP\JAVA\Python\node)–> 测试
3.网页的组成
(1)网页的结构:图片、文字、线条、视频、超链接等–> HTML
(2)网页的表现:网页的样式(美观)–> CSS
(3)网页的行为:人机交互–> JavaScript
4.WEB标准
WEB标准是网页制作的标准,是一个集合体,是一系列标准的集合,由W3C(World Wide Web Consorttium万维网联盟)和ECMA(欧洲电脑网商联合会)组织颁发
5.计算机语言的发展
机器语言–>汇编语言–>高级语言
6.HTML
HTML:超文本标记语言(Hyper Text Markup Language)
XHTML可扩展的超文本标记语言((EXtensible HyperText Markup Language) 【语法更加严格】
HTML5 : 第5次重大修改
7.vscode使用:
1:汉化:左侧扩展按钮:搜索chinese
2: 再浏览器打开html文件 搜索open in browser
html的后缀名: .html / .htm
8.站点的创建:(整合网站资源)
(1)在本地创建一个文件夹即可
(2)文件夹命名:
a:小写英文字母、数字、下划线的组合
b:不得包含汉字、空格等特殊字符
c:英文字母开头
9.前端环境
1:dev环境:开发环境:外部用户是无法访问,里面的版本跟新变动较大。
2:pro环境:生产环境:面向用户,连接上网络,用户可以正常访问。
3:test环境:测试环境:外部用户无法访问,对内开发,版本比较稳定。
10.前端工程化搭建环境:
-| site
- | src
-| html
-| css
-| js
-| js
-| lib
-| plug
- | dist
11.html语言的注释:
12.HTML语言
- HTML语言组成
-
标签:写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;
-
属性: 写在尖角号<>里的第一个单词,叫做标记,也叫做标签,也称作元素;
- HTML语法
- 常规标记(双标记):
<标记名称 属性1名=“属性1值” 属性2名=“属性2值” ………… ></标记名> - 空标记(单标记):<标记名 属性1名=“属性1值” />
13.常用标签
- 文本标题标签
- 字体加粗
- 字体倾斜
- 下划线标准
- 换行符&水平线
- 上标与下标
- 字符标准(表示一个字符或一段文本)
- 段落标签(不能嵌套h1-h6)
- 常用转义符
- div:划分网页区域,每个div是一个板块
14.列表
-
无序列表
-
有序列表
-
自定义列表
15.超链接
16.图片
## 图片title和alt的区别
17.相对路径
18.表格
- 表格的基本结构
- 数据行分组
3.数据列分组
- 列标题
- 表格标题
- 表格的html属性
19.表单
- 表单标签
- 表单控件
- 表单标签
20.POST/GET区别
- 传送方式:get通过地址栏传输,post通过报文传输。
- 传送长度:get参数有长度限制(受限于url长度),而post无限制
- 从请求参数形式上看,GET请求的数据会附在URL之后,即将请求数据放置在HTTP报文的 请求头 中,以?分割URL和传输数据,参数之间以&相连。特别地,如果数据是英文字母/数字,原样发送;否则,会将其编码为 application/x-www-form-urlencoded MIME 字符串(如果是空格,转换为+,如果是中文/其他字符,则直接把字符串用BASE64加密,得出如:%E4%BD%A0%E5%A5%BD,其中%XX中的XX为该符号以16进制表示的ASCII);而POST请求会把提交的数据则放置在是HTTP请求报文的 请求体中。
- 就安全性而言,POST的安全性要比GET的安全性高,因为GET请求提交的数据将明文出现在URL上,而且POST请求参数则被包装到请求体中,相对更安全。
- 从REST服务角度上说,GET是幂等的,即读取同一个资源,总是得到相同的数据,而POST不是幂等的,因为每次请求对资源的改变并不是相同的;进一步地,GET不会改变服务器上的资源,而POST会对服务器资源进行改变
PS:如果想获取更多的知识视频,加QQ好友10398975免费送给大家