DAY01 電腦的介紹 特點： 1.可以進行數值計算，可以進行邏輯計算 2.具有存儲記憶功能 硬體：看得見，摸得著的 顯示器，主機，存儲器 軟體：看得見，摸不著的 系統軟體：操作系統：windows、Linux、UNIX等 應用軟體：各類app C/S架構和B/S架構 1.C/S架構：需要安裝 a ...
DAY01
電腦的介紹
特點：
1.可以進行數值計算，可以進行邏輯計算
2.具有存儲記憶功能
硬體：看得見，摸得著的 顯示器，主機，存儲器
軟體：看得見，摸不著的
系統軟體：操作系統：windows、Linux、UNIX等
應用軟體：各類app
C/S架構和B/S架構
1.C/S架構：需要安裝 app
C:client 客戶機 由伺服器S提供的信息
S:server 伺服器 (數據來源)
優點：安全性更高
缺點：對用戶來說需要安裝更新維護
2.B/S架構：不需要安裝 網頁
B:browser 瀏覽器由伺服器S提供的信息
S:server 伺服器 (數據來源)
優點：對用戶友好，對設備要求低，不必安裝維護
缺點：安全性低
網站的建設流程
一、註冊功能變數名稱(網址)：www.baidu.com
二、租用伺服器：一臺電腦用來存儲數據
三、網站製作:
以前的流程：
1.產品經理提需求
2.UI根據需求設計網頁
3.前端把UI設計的網頁以代碼的形式運行到瀏覽器
4.後臺：數據處理，功能的實現
5.測試：測試問題
6.上線
現在的流程：(前後端分離)
1.產品經理提需求
2.UI和前端及後臺同時工作
3.聯調
4.測試：測試問題
5.上線
四、推廣：1.免費推廣：從代碼上進行一些處理
2.付費推廣：廣告，視頻(抖音，b站...) 百度推廣...
五、維護
前端和後臺：
前端：客戶端，離用戶比較近，所做的工作是用戶看得到的
後臺：服務端，所做的工作是用戶並不能直接看到的
前端和後臺的關係：
前端發出請求給伺服器，後臺根據前端發出的請求進行響應，把結果反饋給前端，顯示在前端界面上
Web網站和網頁
web：全稱 world wide web；萬維網、廣域網、互聯網
網站：是無數個網頁的集合
網頁的組成：
網頁的結構html：超鏈接、音頻、視頻、圖片、文本...搭建的網頁結構；
網頁的表現css：修飾結構，讓結構更好看；
網頁的行為javascript：實現和網頁的交互效果；
瀏覽器的介紹
網頁需要在瀏覽器中運行
瀏覽器的相容：瀏覽器解析代碼的結果不一樣的情況，相容主流瀏覽器；
主流瀏覽器：IE、firefox、Safari、Chrome、opera、edge
內核：（四大瀏覽器內核）
Trident 不能跨平臺 IE
Gecko 開源 firefox
webkit 輕量級 (Safari 、蘋果瀏覽器、谷歌瀏覽器(舊版))
webkit–>blink (由webkit衍生而來的) (谷歌、opera)
Presto(Opera前內核) (已廢棄) (opera)
Web標準
代碼需要標準化
Web標準：
結構：html5
表現：css
行為：js
結構和表現的語言標準是由W3C制定的
行為標準是由ECMA制定的
html+css
xhtml(html4.01)+css2.0
h5+c3
編輯器的使用
1.安裝插件
2.打開文件夾，創建文件夾和文件
3.項目里存在的基本的文件和文件夾
css文件夾：存放css文件；
html文件夾：存放除index.html文件的html文件；
js文件夾：存放index.html文件；
images文件夾：存放圖片；
index.html 表示首頁；
編輯器中常用的快捷鍵
1.顯示html5基本結構的快捷鍵：! 回車
2.alt+shift+下 複製
文件的命名規則
1.小寫英文字母，或者英文字母、數字、連接符、下劃線的組合；
2.其中不得包含漢字、空格和特殊字元；必須以英文字母開頭；
3.不可以數字開頭；
註：只要是語法上的標點符號，都要使用英文輸入法的符號；
HTML的發展史
XML：可擴展標記語言
HTML：超文本標記語言
XHTML：可擴展超文本標記語言
HTML的基本結構
<!DOCTYPE html>：文檔聲明，瀏覽器以html5版本來解析當前的代碼，必須放在第一行，不區分大小寫
<html></html>：根標簽，根元素
<html lang="en">：定義語言；“ch”中文
<title></title>：當前文件的標題
<head></head>：頭部區域，描述區
<body></body>：主體區
<meta charset = "UTF-8">：定義編碼格式，字元集
HTML5的語法
<標簽 屬性 = "屬性值" 屬性 = “屬性值1 屬性值2”></標簽>
說明：
1.<>裡面的第一個單詞，稱之為標簽、標記、元素；
2.標簽可以沒有屬性，也可以有多個屬性；
3.標簽和屬性之間要用空格隔開；
4.標簽有多個屬性時，屬性和屬性之間也要用空格隔開；
5.屬性與屬性值用等號連接；
6.屬性值必須卸載引號裡面（可以是“ ”，也可以是’ ‘）；
7.屬性有多個屬性值時，屬性值之間用空格隔開；
標簽的兩種類型：
常規標記(雙標記)：又開始標簽，也有結束標簽
空標記(單標記)：只有開始標簽，沒有結束標簽，自結束的<br/>可以不寫
HTML中標簽之間的關係
嵌套關係
併列關係
HTML4.01標簽-文本標簽,段落標簽，加粗標簽,傾斜標簽,下劃線標簽
1.文本標題標簽：
<h1~h6> 一到六級標題
h1一般放logo
文本標題標簽和網頁標題標簽的區別：
顯示位置不一樣
代表的含義也不一樣
2.段落標簽：<p></p>自帶段間距
3.加粗標簽：<b></b>普通加粗 <strong></strong>語義化標簽，更具有強調的作用
4.傾斜標簽：<i></i>普通傾斜 <em></em>語義化標簽，更具有強調的作用
5.下劃線標簽：<u></u>普通下劃線 <ins></ins>語義化標簽，更具有強調的作用
6.刪除線標簽：<s></s>普通的刪除線 <del></del>語義化標簽，更具有強調的作用
7.上標：<sup></sup> 下標<sub></sub>
8.文本節點：<span></span>沒有預設的樣式
9.水平線標簽：<hr>是單標簽
10.強制換行標簽：<br>單標簽
11.轉義字元：
 ；空格
< <
> >
© 版權所有
® 註冊商標
瀏覽器更喜歡語義化標簽
