CSS網(wǎng)頁設(shè)計(jì)答辯

基于DIV+CSS技術(shù)網(wǎng)頁設(shè)計(jì)應(yīng)用與優(yōu)化

學(xué)生：導(dǎo)師：編輯ppt目錄Contents12技術(shù)的背景及意義3項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)4項(xiàng)目的需求和分析

總結(jié)編輯ppt技術(shù)的背景及意義技術(shù)的背景1現(xiàn)在網(wǎng)頁用戶群體復(fù)雜，層次多樣，對(duì)網(wǎng)頁的好用性要求越來越高，要求一個(gè)網(wǎng)頁在很好的需求戰(zhàn)略，功能規(guī)格，信息架構(gòu)的基礎(chǔ)上更多的關(guān)注交互細(xì)節(jié)設(shè)計(jì)。

傳統(tǒng)的網(wǎng)頁設(shè)計(jì)采用表格(Table)布局,源代碼存在大量的冗余代碼,頁面結(jié)構(gòu)與表現(xiàn)混雜在一起,非常不利于查找和管理信息,更不利于修改信息。而一種新生的技術(shù)，DIV+CSS的出現(xiàn)彌補(bǔ)了Table布局的不足。編輯ppt技術(shù)的背景及意義技術(shù)的意義2DIV+CSS設(shè)計(jì)思想有以下的優(yōu)勢(shì):1.布局靈活，便于維護(hù)，代碼清晰2.利于后期優(yōu)化，更高的兼容性3.元素精確定位，任意排列4.內(nèi)容結(jié)構(gòu)與格式控制相分離5.良好的開發(fā)體驗(yàn)(易用性、擴(kuò)展性、重構(gòu)性)編輯ppt技術(shù)的背景及意義核心的技術(shù)3

1.盒模型每個(gè)HTML元素都可以看作是一個(gè)裝了東西的盒子，盒子里面的內(nèi)容到盒子的邊框之間的距離即填充(padding),盒子本身有邊框(border),而盒子邊框外和其它盒子之間，還有邊界(magin)等。默認(rèn)情況下盒子的邊框是無，背景色是透明，所以在默認(rèn)情況下看不到盒子在網(wǎng)頁設(shè)計(jì)上，內(nèi)容常指文字、圖片等元素。2.分形設(shè)計(jì)思想可以看成是CSS盒模型在實(shí)際應(yīng)用中的延伸與拓展，也可以看成是CSS代碼在實(shí)際設(shè)計(jì)中的迭代與復(fù)用的過程，本身可以作為一種實(shí)際開發(fā)人員對(duì)于網(wǎng)頁設(shè)計(jì)思想的總結(jié)和集成。編輯ppt技術(shù)的背景及意義核心技術(shù)展示4

編輯ppt技術(shù)的背景及意義核心技術(shù)展示3

分形設(shè)計(jì)過程編輯ppt項(xiàng)目的需求和分析項(xiàng)目簡(jiǎn)介1物流管理系統(tǒng)來管理其基本業(yè)務(wù)和信息。該物流配送公司的主要業(yè)務(wù)是為用戶配送貨物，組織結(jié)構(gòu)分為省公司和配送點(diǎn)。本系統(tǒng)根據(jù)客戶提出的需求，從配送管理信息化，和路線安排合理化入手，開發(fā)的一款快遞物流系統(tǒng)，客戶在物流運(yùn)輸方面能夠方便迅捷的完成任務(wù)。編輯ppt項(xiàng)目的需求和分析系統(tǒng)功能圖2編輯ppt項(xiàng)目的需求和分析頁面層次結(jié)構(gòu)圖3編輯ppt項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)項(xiàng)目首頁-布局3編輯ppt項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)導(dǎo)航-全局導(dǎo)航3導(dǎo)航概要圖實(shí)際設(shè)計(jì)圖編輯ppt項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)色彩搭配3三色原則:主色為白色，強(qiáng)調(diào)色為深藍(lán)色，輔助色為淡灰色和淺藍(lán)色。編輯ppt項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)文字及排版設(shè)計(jì)3字體：宋體，嚴(yán)肅、清新，風(fēng)格統(tǒng)一。唯一的字體可以避免雜亂無章。顏色變化也可以起到特殊信息強(qiáng)調(diào)的作用。排版：兩端均齊和居中排列兩種方式，結(jié)合的排列展示了端正，對(duì)稱的美感。16磅:標(biāo)題和button中，醒目、清晰14磅:頁面正文標(biāo)注12磅:小字體用于頁腳和輔助信息圖片使用：可以準(zhǔn)確地表達(dá)豐富的意思編輯ppt項(xiàng)目的設(shè)計(jì)與實(shí)現(xiàn)布局3Flash動(dòng)畫展示，宣傳公司編輯ppt總結(jié)最后總結(jié)1對(duì)于同一個(gè)頁面視覺效果，采用CSS+DIV重構(gòu)的頁面容量要比TABLE編碼的頁面文件容量小得多，代碼更加簡(jiǎn)潔，前者一般只有后者的1/2大小。對(duì)于一個(gè)大型網(wǎng)站來說，可以節(jié)省大量帶寬。并且支持瀏覽器的向后兼容。樣式的調(diào)整更加方便。內(nèi)容