资安学习路上-Linux基础与Web基础2

网站+网页绪论

浏览器介绍(推Firefox跟Edge)

上图取自台科大资安社课教材

浏览网页发生的事情

上图取自台科大资安社课教材

静态网页VS动态网页
(1)静态网页:用HTML、CSS与Javascrip搭配写成，优势为容易为搜寻引擎所接受，网页副档名为html或htm皆为静态网页。
(2)动态网页:多了个後端逻辑与资料库，可做复杂动作，如会员功能、购物车、讨论区等等。

上图取自台科大资安社课教材

网页三技术
HTML描述网页有什麽内容，经由HTTP协定来传送文件，URL指定文件位置。
推荐学习资源:w3school、sqlbolt(SQL资料库)

上图取自台科大资安社课教材

先说说前端发生的事情
(1)HTML:由标签+内文组成，跟人的身体一样，有head跟body，是网页的主要架构。
(2)CSS:装饰用，让网页变得更漂亮(如:颜色、字体、置中等等)
(3)Javascript:
是程序语言，包含语法(回圈、判断式等等)+DOM(针对document，取得html的元素或标签)+BOM(浏览器的操作，取得cookie)
再来讲讲後端
(4)PHP:後端程序语言之一，是很古老的後端语言，适用於网路开发并可嵌入HTML中使用，可撷取资料库的资料。

上图取自台科大资安社课教材

HTTP协定基本知识
先讲讲TCP/IP
(1)网路通讯采分层负责方式，每一层有每一层该负责的事情，也因此层层分明，可以简化Debug的时间，而在TCP/IP里面，把整个架构分成4层(应用层application layer、传输层transport layer、网路互连层internet layer、网路存取（连结）层Network Access (link) layer)，可对应到OSI的7层模型(如下图)。