Web開發（一）基礎

軟件架構

C/S架構

概念：

　　C指client，客戶機、客戶端，供用戶使用

　　S指server，服務器，處理軟件的邏輯

　　例如：QQ、Office等軟件

特色：

　　軟戶須要安裝客戶端，經過客戶端訪問服務器

　　軟件更新時，服務器和客戶端都須要更新

　　C/S架構一個軟件不能夠跨平臺

　　客戶端和服務器通訊採用自由協議，相對安全

B/S架構

概念：

　　B指brower,瀏覽器，能夠看作特殊的客戶端

　　例如：京東官網、知乎官網等

特色：

　　用戶經過瀏覽器訪問網頁的形式訪問服務器

　　只須要更新服務器

　　能夠跨平臺（只須要系統中有瀏覽器）

　　客戶端和服務器通訊採用通用的HTTP協議，相對不安全（https比http的網站更安全）

 

網站就是在訪問服務端，服務端返回系列文件，客戶端（瀏覽器）接收並解析，將結果展示給用戶

能夠使用python開發服務端，將html等文件經過網絡發送給用戶

 

 

 

 

全棧開發

開發流程

 

 

 

學習路線推薦

HTML	結構	用元素描述頁面
CSS	表現	設置元素樣式
JS	行爲	相應用戶操做

 

相關組織

W3C（world wid web consortium，萬維網聯盟）

　　專門爲了定義網頁相關標準而成立的

WHATWG（網絡超文本應用技術工做小組）

　　一個以推進網絡HTML5標準爲目的而成立的組織

編碼問題

進制

　　二進制

　　八進制

　　十進制

　　十六進制： 1 2 3 4 .. 9 A B C D .. F 11 12

編碼

依據必定規則，將字符轉爲二進制（0 1）的過程

解碼

依據必定規則，將二進制碼轉爲字符的過程

字符集

概念：編碼和解碼所遵循的規則就是字符集

常見字符集

　　ASCII，美國造，7位二進制數，128個字符編碼

　　ISO-8859-1，歐洲造，8位二進制數

　　GBK，漢字內碼擴展規範，向上支持 ISO 10646.1國際標準，向下與 GB 2312 編碼兼容

　　GB2312，信息交換用漢字編碼字符集，中文系統默認編碼

　　Unicode，用兩個字節（16位二進制）表示一個字符，原有的ASCII碼高位補零

　　UTF-8，UTF（Unicode Transformation Format）的一種，解決Unicode高位補零帶來的空間擴大問題。萬國碼，支持全球文字

　　ANSI指自動以系統的默認編碼來保存文件

　　　　在簡體中文Windows操做系統中，ANSI 編碼表明 GBK 編碼；

　　　　在繁體中文Windows操做系統中，ANSI編碼表明Big5；

　　　　在日文Windows操做系統中，ANSI 編碼表明 Shift_JIS 編碼

亂碼

根本緣由：

　　編碼和解碼所採用的的字符集不一致

　　在中文系統的瀏覽器中，默認使用GB2312進行解碼

解決方法

　　使用統一的字符集

　　例如在html中設置 <meta charset="utf-8" />

開發工具

文本編輯器

記事本

Notepad++

IDE集成開發環境

Dreamweaver（收費）

WebStorm（收費）

HBuilder

Photoshop

快捷鍵

設置標尺和文字單位爲像素	編輯-首選項-單位與標尺
標尺	Ctrl + 2
放大/縮小	Alt + 滑輪
100%大小	Ctrl + 1
適應屏幕大小	Ctrl + 0（零）
查看信息	F8
隱藏/查看輔助線	Ctrl + H
連續撤銷	Ctrl + Alt + Z

製做Sprite圖（圖片整合技術）

ps調整畫布大小、擴展方向；拖拽元素至畫布；另存爲web所用格式，一般用png；

能夠將經常使用的圖片、logo都放入一張sprite圖

圖片整合技術適用於背景圖片，對img元素不可用

截圖技巧

ps中按住alt，點擊圖層的眼睛，能夠只看到該圖層上的圖片，再進行裁切

有立體效果的圖片，再ps中將其陰影保留爲png

對於漸變的背景，能夠截取1px，圖像-裁剪-存儲爲web所用格式，在background-image中進行重複，實現漸變效果

難以截取的logo，使用移動工具，選中 自動選中 圖層，再利用輔助線截取logo。logo一般背景爲透明，因此截取logo時，將背景隱藏，顯示爲透明背景時再保存爲web所用格式