專題文章:衛浴設備、進口廚具電腦版、手機版網頁設計專案,英格爾國際有限公司網站建置介紹
85272
次閱讀
英格爾國際有限公司創立於2005年 ,代理國內、外多款知名品牌衛浴設備與相關零件,秉承多年來對產品的專業美學要求,同時注入流行、時尚、健康、高科技相關產品,帶給每位貴賓高質感、舒適感、現代感的優質生活。
衛浴設備、進口廚具電腦版、手機版網頁設計專案,英格爾國際有限公司網站建置介紹
Bootstrap與jQuery的混合應用
品牌建材公司都很注重形象,您會發現幾乎都使用滿版動態大圖製作網頁,要作完美的呈現,卻忽略了內容的展示,文網為英格爾企業導入XOOPS CMS系統,增加了許多後台功能,英格爾公司總經理親力親為,一同充實內容,將精品衛浴的質感與英格爾的用心表達在網站中,同時也將配合建築公司的相關建案列在案例展示系統中,透過程式系統圖片排版與文字說明製作成後台。為了讓這些豐富的內容更容易出現在搜索引擎中,我們除了使用XML的RSS外,在主選單與其他導覽中使用jQuery製作,提供網路蜘蛛便捷的道路,同時針對行動裝置無法呈現大圖的問題,我們增加Bootstrap程式判斷,當CSS3大圖無法呈現時,使用者會自動以jQuery展示動態主視覺。
網站特色
使用同一套XOOPS佈景,首頁與內容網頁使用不同的jQuery Plugin呈現主視覺,主視覺圖片皆有後台可以管理,上傳圖片經過GD2縮圖,自動裁切成jQuery Plugin所需要的尺寸,管理員不需要學習網頁設計或美工軟體即可以自行管理網站。
網站主視覺採用多圖輪播,採用滿版設計,不同圖片給人不同感覺,滿足不同風格需求的消費者。
多圖輪播為本公司自行開發的程式模組,除了利用改變圖片呈現不同風格外,圖片上方疊上程式產生的文字,文字搭配HTML標籤傳達給搜索引擎每張圖片的敘述重點與網站摘要內容。
- publisher:
- 文網股份有限公司
-
圖片尺寸240pixel*240pixel