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.轉義字符：
 ；空格
< <
> >
© 著作權所有
® 注冊商標
瀏覽器更喜歡語意化標簽轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/500826.html
標籤：其他
下一篇：CSS中最后一點了