1. 程式人生 > >web標準化布局

web標準化布局

政府 布局 門戶 搜索功能 多個 界面設計 java 功能 首頁

web-ui是什麽?即網頁用戶界面,包括用戶研究、交互設計、界面設計,實現人機交互

web的基本分類

?門戶網站:新浪、網頁、騰訊等         ?分類信息網站:趕集網、

?交易類網站:天貓、淘寶等B2B/C2C網站     ?娛樂性網站:視頻、遊戲等

?博客類網站:個人對外部發布信息的平臺      ?論壇社區類網站:交流平臺

?行業類網站:汽車之家等            ?企業類網站:企業對外展示窗口

?機構類網站:政府和事業單位的信息網站     ?功能性網站:百度,有道翻譯等搜索功能的網站

網頁有什麽組成:模塊(模塊是網頁界面布局中最小的單位,展現不同類別的信息,具有特定的功能)

?導航:可理解為網站的整體架構。紅框導航,籃筐二級菜單

?新聞:對新聞動態信息的展示,更新頻率很快

?首頁焦點圖(banner):首焦圖,網站中宣傳的重要體現模塊,一般要求會很炫酷...

?搜索(search):搜索模塊,快速尋找目標信息

?版權:網站版權說明

網頁是如何實現的:代碼

?計算機讀取代碼的規則:自上而下,一行一行讀取

web標準化布局的三個組成部分

?結構:HTML(網站夠成的框架內容)

?樣式:CSS(設計的特點)

?行為:JavaScript(網頁的指令和方法)

web標準化布局原理

?把網頁看成多個網格

?先有行再有列(從上到下一行一行布局)

?先做容器再做內容(從外到內)

web標準化布局