1、概述
瀏覽器 通過服務器控制聯網的設備
HTML:超文本標記語言 靜態的 顯示網頁
CSS:層疊樣式表 渲染網頁
XML:指可擴展標記語言 傳輸網頁
Javascript:腳本語言 和 網頁交互 （局部刷新網頁）
AJAX:基於Javascript語言的技術 （將網頁 和 服務器 交互）
CGI:通用網關接口（服務器 藉助 CGI 控制 外設（數據庫、傳感器設備、文件））
2、什麼是B\S架構
B/S架構就是瀏覽器和服務器架構
Browser/Server（瀏覽器/服務器結構），是隨着Internet技術的興起，是對C/S結構的一種變化或者改進的結構。
用戶界面完全通過www瀏覽器實現，一部分事物邏輯在前端實現，但是主要事務邏輯在服務器端實現。
B/S架構 與 C/S架構對比
3、Apache Tomcat環境搭建
Apache是web服務器，Tomcat是應用(java)服務器，它只是一個servlet容器，是Apache的擴展。 Apache和Tomcat都可以做爲獨立的web服務器來運行，但是Apache不能解釋java程序(jsp,servlet)。
兩者都是一種容器，只不過發佈的東西不同:Apache是html容器，功能像IIS一樣;Tomcat是jsp/servlet容器，用於發佈jsp及java的，類似的有IBM的websphere、BEA的Weblogic，sun的JRun等等。
打個比方:Apache是一輛卡車，上面可以裝一些東西如html等。但是不能裝水，要裝水必須要有容器(桶)，Tomcat就是一個桶(裝像Java這樣的水)，而這個桶也可以不放在卡車上。
Apache是世界使用排名第一的Web服務器。它可以運行在幾乎所有廣泛使用的計算機平臺上。
Apache環境搭建: https://blog.csdn.net/weixin_43288201/article/details/106841110
4、HTML和JavaScript的簡單使用
HTML:
網頁的本質就是HTML，通過結合使用其他的Web技術（如：腳本語言、CGI、組件等），
可以創造出功能強大的網頁。因而，HTML是Web編程的基礎，也就是說萬維網是建立在超文本基礎之上的。
JavaScript:
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基於原型的語言，內置支持類型。它的解釋器被稱爲JavaScript引擎，爲瀏覽器的一部分，廣泛用於客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用， 用來給HTML網頁增加動態功能。
HTML和JavaScript的簡單使用:https://blog.csdn.net/weixin_43288201/article/details/106926274
5、AJAX和CGI 技術的應用及案例
AJAX:
AJAX 不是語言 而是（基於js和xml）技術
概述：
1、AJAX是 Asynchronous JavaScript And XML的縮寫
2、AJAX 是一種用於創建快速動態網頁的技術
3、AJAX 不是新的編程語言，而是一種使用現有標準的新方法
4、AJAX 最大的優點是在不重新加載整個頁面的情況下，可以與服務器交換數據並更新部分網頁內容。
傳統的網頁（不使用 AJAX）如果需要更新內容，必需重載整個網頁面
5、AJAX 不需要任何瀏覽器插件，但需要用戶允許JavaScript在瀏覽器上執行。
有很多使用 AJAX 的應用程序案例：新浪微博、Google 地圖、開心網等等
瀏覽器與服務器通信採用的就是AJAX技術，AJAX核心是XMLHttpRequest對象
CGI
CGI(Common Gateway Interface)是WWW技術中最重要的技術之一 , 有着不可替代的重要地位 , CGI是外部應用程序(CGI程序)於Web服務器之間的接口標準 , 實在CGI程序和Web服務器之間傳遞信息的規程 . CGI規範允許Web服務器執行外部程序 , 並將它們的輸出發送給Web瀏覽器 . CGI 講Web的一組簡單的靜態超媒體文檔變成一個新的交互式媒體 .
Common Gateway Interface , 簡稱CGI . 在物理上是一段程序 , 運行在服務器上 , 提供客戶端的HTML頁面的接口 . 下面舉個例子 現在的個人主頁上大部分都有一個留言本 . 留言本的工作是這樣的 : 先由客戶端輸入一些信息 , 如名字之類的東西 . 接着用戶按一下 " 留言 " (到目前爲止的工作都在客戶端進行) , 瀏覽器把這些信息傳送到服務器的CGI目錄下特定的CGI程序中 , 於是CGI程序在服務器上按照指定的方法進行處理 . 在本例中就是把用戶提交的信息存入指定的文件中 . 然後CGI程序給客戶端發送一個信息 , 表示請求的任務已經結束 . 此時用戶在瀏覽器裏面看到 " 留言結束 " 的字樣 . 整個過程就是這樣的 .
絕大多數的CGI程序用於解釋處理來自表單的輸入信息 , 並在服務器產生相應的處理 , 或將相應的信息反饋給瀏覽器 . CGI程序是網頁具有交互功能
AJAX和CGI 技術的應用:https://blog.csdn.net/weixin_43288201/article/details/106930536