黌舍的大練兵已經(jīng)即將結(jié)束了,我想在這短短的幾天培訓(xùn),我真的學(xué)到了許多,雖然以前都是用代碼寫div+css和javascript做網(wǎng)站的,對(duì)于DW的一些界面功能還不是很熟悉,經(jīng)過劉先生的指導(dǎo)終于了解了DW界面的行為控制。
前幾天先生布置了一個(gè)世博會(huì)的網(wǎng)站讓我們做為好近培訓(xùn)的一個(gè)作品吧,當(dāng)時(shí)我的引提議一個(gè)構(gòu)思了,是時(shí)候好好的把所學(xué)的東西做成一個(gè)比較大型的網(wǎng)站了。
首先我講一下我做這個(gè)世博會(huì)網(wǎng)站的一個(gè)前期策劃,做一個(gè)門戶網(wǎng)站首先要考慮到頁面的大小,我行使了DIV+CSS來削減頁面的加載速度,一個(gè)頁面差不多就10來KB,假如采用TABLE布局的話我想估計(jì)會(huì)在80多KB左右,雖然算起來加載頁面是快了1秒左右,但是大家想一下一個(gè)門戶網(wǎng)站成千上萬篇文章從數(shù)據(jù)庫(kù)調(diào)用出來,假如打開一個(gè)頁面快1秒,那么速度可想而知,再者再談?wù)剬?duì)SEO方面的影響,搜索引擎的蜘蛛是不喜好去爬嵌套在TABLE三層內(nèi)的內(nèi)容,所以在這方面也對(duì)seo優(yōu)化做好了鋪墊.吸引蜘蛛去爬,從而快速增添你的網(wǎng)站快照和權(quán)威。
接下來我再說一下我的網(wǎng)站地圖,一個(gè)首頁、六個(gè)子頁和一個(gè)內(nèi)容頁,每個(gè)子頁都通過一些圖文并排組成一個(gè)內(nèi)容雄厚的頁面,全局采用藍(lán)色調(diào)代表協(xié)調(diào),head頭部采用一個(gè)一軸四館和會(huì)徽簡(jiǎn)單的帶入,因?yàn)轫撁娴膬?nèi)容功能過多我便挑幾個(gè)出來講講。
這個(gè)功能叫做TAB選擇卡,是行使javacript代碼制作的。調(diào)用里面的代碼與CSS的id做成一個(gè)切換頁面,這兩個(gè)內(nèi)容都不同,主要的益處就是為首頁省下了空間然而又能達(dá)到給客戶好大信息的效果!