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