祥瑞機電工程有限公司位於桃園楊梅，公司成立於民國86年，主要營業項目為甲級電器承裝業輸配電機電工程承攬。配合電業法、電業民營化及提高輸電地下電纜工作從業人員之技能水準，提升輸配電工程服務品質。 主要客戶有：台電、奇異、古河電氣、洋華光電等。服務區域遍及台灣、巴林、荷蘭、卡達 、中國、阿布達比。

祥瑞機電工程有限公司企業形象網站設計案

我們採用Bootstrap設計祥瑞機電工程有限公司企業形象網站，由於Bootstrap主要功能就是讓網站針對顯示寬度改變網頁排版配置，搭配可視範圍設定，讓這個網站成為同時支援手機、平板、桌機的響應式網站。

網站首頁採用滿版形象大圖4張進行淡化輪播，不同圖片傳遞不同企業形象。形象大圖為了同時支援響應式設計與不同比例顯示皆滿版的設計，利用CSS3背景新屬性background-size，判斷寬與高，以圖片能對齊最短邊為主，等比例改變形象圖大小。

形象大圖具有後臺管理功能，管理人員登錄帳號與密碼後，可以選擇電腦中的圖片上傳，圖片會自動改變成適合大小儲存在網站伺服器中。

本公司專案人員在洽談網頁設計時了解企業有許多外商客戶，祥瑞機電工程有限公司希望呈現專業形象，網頁設計需要符合現今潮流，以此重點羅列3大設計要點。

• 滿版形象大圖。
• 響應式設計。
• 卡片式設計。

網頁設計的主體需結合圖片、文字、區塊...等元素，新式設計大多採用簡約的卡片式網頁設計，這也是響應式設計常使用的的配置，搭配JavaScript程式展示互動式特效，有效提升使用者體驗，此技術也是客戶端網頁技術主要使用的腳本語言。網頁和應用程式需要乾淨俐落、精美且實用的設計，才能吸引來去匆匆的使用者。

網站內容針對祥瑞機電工程有限公司實績規劃兩區【實績列表】與【實績案例】。

• 實績列表：

  主要表達豐富的實績案例，以數量清單傳達經驗豐富的形象，實績以清單的方式呈現。

• 實績案例：

  以圖文方式展示實績，每個案例單獨設計一篇文章介紹。

網站管理後台

網頁內容皆可以管理，使用功能強大的HTML及免編寫程式碼的所見及所得網頁編輯器，除了可以建構更出色的網站和應用內容，操作管理也很人性化，熟悉HTML語法與不懂網頁語法的用戶皆可管理。

• publisher:
• 文網股份有限公司
• 

  圖片尺寸240pixel*240pixel