官方網(wǎng)站作為瀘縣建校在互聯(lián)網(wǎng)上的一個門戶，其宣傳的作用不言而喻，為了更好的發(fā)揮網(wǎng)站在互聯(lián)網(wǎng)上的宣傳作用，讓更多的網(wǎng)友了解學(xué)校、提升學(xué)校在網(wǎng)友心中形象，經(jīng)過了前后大半年醞釀、設(shè)計(jì)、制作和優(yōu)化，瀘縣建校官改版網(wǎng)終于基本完成，此次改版可以說是革命性的，整個網(wǎng)站的設(shè)計(jì)理念、顏色搭配、結(jié)構(gòu)布局、樣式風(fēng)格都進(jìn)行全新的設(shè)計(jì)。重新設(shè)計(jì)了首頁、父欄目頁、子欄目頁-圖文內(nèi)容式、子欄目頁-標(biāo)題列表式、文章內(nèi)容頁等十幾個模板，并對幾十處細(xì)節(jié)進(jìn)行優(yōu)化。

打開改版后的網(wǎng)站，就會立即給用戶以“相當(dāng)專業(yè)”和“高大上”的視覺沖擊和良好體驗(yàn)，首頁簡單清爽，版式設(shè)計(jì)新穎、顏色搭配合理、突出重點(diǎn)，去掉以前一些臃腫的內(nèi)容，運(yùn)用業(yè)界流行技術(shù)和“扁平化”的設(shè)計(jì)思念；還加強(qiáng)了一些具有交互性的應(yīng)用，并對用戶向移動網(wǎng)站、微博、微信進(jìn)行引導(dǎo)，增強(qiáng)用戶用的黏合性。其它頁面也和首頁的風(fēng)格保持高度一致。整個網(wǎng)站參考了很多專業(yè)網(wǎng)站的設(shè)計(jì)思想，采用了現(xiàn)代網(wǎng)站流行的設(shè)計(jì)和布局，更加符合用戶瀏覽習(xí)慣。網(wǎng)站大量采用了流行的網(wǎng)頁特效，提升了網(wǎng)站的整體品質(zhì)。另外此次更新不僅在外觀和布局上做到了“高大上”，在內(nèi)涵上同樣運(yùn)用了最新的技術(shù)：HTML5+CSS3+JQuery等網(wǎng)頁前端開發(fā)技術(shù)，使整個網(wǎng)站“有血有肉”、外觀和內(nèi)涵并重，做到了真正的專業(yè)。

還需要特別說明的是，從2014年瀘縣建校的第一個網(wǎng)站發(fā)布開始，在前端開發(fā)上都是由學(xué)校楊松設(shè)計(jì)完成的，不僅為學(xué)校節(jié)約了大筆的資金，同時(shí)也鍛煉和培養(yǎng)了老師。10余年來，每一次網(wǎng)站的改版更新史，也是楊松老師在網(wǎng)頁前端開發(fā)的進(jìn)步與成長史。是對職業(yè)學(xué)校專業(yè)老師“不僅要會教學(xué)生，還要會做作品”的最好見證。

以下是網(wǎng)站部分頁面展示。

網(wǎng)站首頁展示

網(wǎng)站父欄目頁面展示

網(wǎng)站子欄目頁面展示-圖文列表式

網(wǎng)站子欄目頁面展示-標(biāo)題列表式

文章內(nèi)容頁面展示