「 前端技術(shù)基礎(chǔ) 」頁面制作
時間：2023-07-24 23:36:01 | 來源：網(wǎng)站運營
時間：2023-07-24 23:36:01 來源：網(wǎng)站運營
「 前端技術(shù)基礎(chǔ) 」頁面制作：看到美觀而設(shè)計感強的畫面（ PC / 移動 ），怎么把它做出來呢？你的想法能不能變成別人眼中的實現(xiàn)呢？
認識網(wǎng)頁
- （ 靜態(tài) / 動態(tài) ）網(wǎng)頁：單獨的一個頁面，主要由文字、圖像及超鏈接等元素構(gòu)成；網(wǎng)頁中還可以包含音、視頻等
- 網(wǎng)站：一系列相關(guān)的頁面組合在一起所構(gòu)成的“整體” // 了解 SEO
- 可以在瀏覽器上通過 URL 地址直接訪問
- 用于提供一種或多種特定的服務(wù) & 由一系列具有相關(guān)性的網(wǎng)頁組合而成的整體，如博客、電商、在線教育等
- 應(yīng)用程序：可以和用戶產(chǎn)生交互，并實現(xiàn)某種功能
瀏覽器介紹
瀏覽器是最常見的客戶端程序，可以顯示網(wǎng)頁服務(wù)器或文件系統(tǒng)的 HTML 文件內(nèi)容，并讓用戶與這些文件進行交互。
通俗的講，瀏覽器是一種可以顯示頁面的軟件。
「 常見的五大瀏覽器 」 Chrome（ 推薦 ）、Firefox、Safari、IE / Edge、Opera
[ 瀏覽器市場份額 2019 年 11 月 — 信息來源：百度統(tǒng)計流量研究院 ]
[1] 瀏覽器的組成部分瀏覽器的抽象分層結(jié)構(gòu)將瀏覽器分成了 8 個子系統(tǒng)：
[2] 瀏覽器內(nèi)核 --> 渲染：網(wǎng)頁是如何形成的呢？web 瀏覽器用于讀取 HTML 文件，并將其作為網(wǎng)頁顯示。
「 語義化 」瀏覽器不會直接顯示 HTML 標簽，而是通過使用標簽來決定如何向用戶展示 HTML 頁面的內(nèi)容。
前端代碼（ HTML + CSS + JavaScript ）_ 瀏覽器（ 渲染 ）_ 界面（ 用戶眼中的“美麗” ）
web（ W3C ）標準 — important!
W3C 是 World Wide Web Consortium 的縮寫，譯為 W3C 理事會或萬維網(wǎng)聯(lián)盟，一個制定網(wǎng)絡(luò)標準的非盈利組織。
HTML、XHTML、CSS 等標準都是由 W3C 制定的。W3C 的好處在于：統(tǒng)一了瀏覽器對 HTML 等代碼等顯示。
「 背景 」瀏覽器的內(nèi)核不同，它們的工作原理、解析肯定不同，顯示上也會有所差異。問題在于，由于不同的瀏覽器解析出來的效果可能不一致，開發(fā)者常常需要為多版本的開發(fā)而艱苦工作。
而 web 標準的制定，有著十分重要的意義：
- 讓 web 發(fā)展前景更加廣闊，內(nèi)容能被更廣泛的設(shè)備訪問
- 更有利于 SEO、有利于降低網(wǎng)站流量費用
- 使網(wǎng)站易于維護，能夠提高頁面的瀏覽速度
「 構(gòu)成 」web 標準不是單一標準，而是 W3C 和其他組織制定的一系列標準的集合，包括結(jié)構(gòu)、表現(xiàn)、行為。
- 結(jié)構(gòu)：用于對網(wǎng)頁元素進行整理、分類，主要學習 HTML
- 表現(xiàn)：用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要學習 CSS
- 行為：指的是網(wǎng)頁模型的定義及交互的編寫，主要學習 JavaScript
So，理想狀態(tài)的源碼為： .html .css .js
- HTML：是一種用來描述網(wǎng)頁元素的（ 標記 ）語言，是網(wǎng)頁內(nèi)容的載體
- CSS：樣式，即表現(xiàn)，用來改變樣式外觀。如字體、顏色、邊框、背景等
- JavaScript：用于實現(xiàn)網(wǎng)頁特效，如點擊彈出下拉菜單，可以這樣認為：有動畫或交互的，一般通過 JS 來實現(xiàn)
關(guān)鍵詞：基礎(chǔ),技術(shù)
在線咨詢