問題與答案

要製作一個網站所需要用的軟體,我們可以把它分成2類,分別為「網頁設計用軟體」及「程式設計用軟體」,因目前市面可用來製作網站的相關軟體非常多,故以下僅為您列出常用的設計軟體供您參考:

網頁設計用軟體
網頁設計 Visual Studio、Dreamweaver、FrontPage、Fireworks、Expression Studio
美編設計 Photoshop、PhotoImpact、Illustrator、Coreldraw
動畫設計 Adobe Animate CC、CSS + Javascript 也能達成部分的動畫
程式設計用軟體
程式設計 Visual Studio、Dreamweaver、UltraEdit
資料庫 MS-SQL、MySQL、Access

 

響應式網頁設計(Responsive Web Design, RWD),又稱自適應網頁設計、回應式網頁設計、對應式網頁設計。響應式網頁設計是一種網頁設計的技術,該設計可使網站根據不同裝置(桌上型電腦、筆記型電腦、平板電腦或智慧型手機)的螢幕大小或方向,提供使用者最佳的瀏覽環境,不同解析度的自動對應要呈現的方式和位置,減少使用者進行縮放、平移和捲動等操作行為。

無障礙是盡可能令更多人,使用你網站的實做:一般來說,我們會認為這屬於身心障礙者的範疇,但它其實會涵蓋其他群體:像是使用行動設備、或者網速很慢的人。

也可以把無障礙想成:所有人,不論他們的能力或環境如何,都要同等看待、並給予同等機會。就如同我們不能把坐在輪椅的人,排除在某棟物理大樓之外:目前的公共建築,通常都會有電梯或輪椅坡道;我們也不能排除視障或手機用戶,使用我們的網站。儘管我們生而不同,但我們都是人,因此,我們都擁有相同的人權。

無障礙是好事,但也是某些國家法律的一部分,也能開啟一些關係到你的服務或產品的市場。

無障礙與其所需之最佳實做將使大家受益:

  • 提昇無障礙的語意 HTML 能增進 SEO,令網站更容易被找到、也更易於銷售。
  • 關注無障礙網頁會展現優良的倫理道德、以增進你的公共形象。
  • 無障礙網頁的一些作法也能令網站易於給其他族群使用,像是手機用戶、低網速……等等。事實上,任何人都能從此類改進中獲益。

網站版面視覺設計是整個網頁設計中,十分重要的一個環節,它將影響到網站整體的視覺美編效果。因為視覺上的傳達對每個人來說的定義不盡相同,因此一般設計公司在網站建置前,會先針對網站的「版面配置、色系、風格、類型」等方向,與客戶進行訪談與溝通。

由於一般業主不一定會有專業的美編人員可供協助討論,因此我們建議您可於與設計公司討論版面前,先行瀏覽別人或同業的網站,不論國內外的網站均可,主要瀏覽的重點在於視覺及動畫的呈現、網站的動線與功能性,不論是優點或缺點,只要您覺得有參考的價值,您都可以記錄下來,屆時與設計公司討論時,再將您整理的參考網站提出來與設計公司討論,以您的角度分析您所提參考網站的優缺點讓設計公司知道,如此一來,設計公司將會比較有一個方向,也較容易在版面設計上取得共識。

每個網站的視覺風格及系統功能,基本上都是需要視業主及瀏覽者的需求及瀏覽習性而定,不見得網站視覺製作的較為豐富(例如放罝較多的插圖、照片、動畫等)就一定比較好,因為重視覺設計的網站,雖然有可能會因為網站的美編特效,而增加網友的關注,但此類型網頁因為會放罝較多的圖片及動畫元素,因此網友在瀏覽該網頁時,會花較多的時間,進而影響網友繼續瀏覽的意願,而且若使用租用型主機時,也將會有超過每月主機流量上限的風險。

所以在網頁製作前,應該先了解網站的屬性是否適合較多的美編,例如:飯店、餐廳、保養品…等時尚類型的網站或是主要瀏覽對象為幼童的網站,就可以考慮使用較多的美編及動畫元素來吸引瀏覽者,進而產生消費意願;但如果是屬於入口型網站、購物型網站、學術性網站、政府機關網站…等類型的網站時,則不建議使用過多的美編及動畫,因為此類型網站的瀏覽者主要瀏覽訴求是以資訊搜尋及購物為主,過多的美編對網友來說是沒有太大意義的,而且反而會造成反效果。因此在網頁設計前,務必先評估網站屬性後,再進行網頁製作。

以近期整體大環境來說,您或許會發現使用大量美編及動畫的網站越來越少,而且越大型的企業網站反而風格設計方面會越簡單,而且歐美國家的網站設計風格也都傾向越簡單越好,因為對他們來說,網站效能、網站資訊完整度及網站搜尋排名結果才是當下網頁設計中最重要的一環。

但是網站風格要簡約,但卻又不能太單調且不失質感而且又要顧及網頁執行效能及網頁優化,在設計上並不容易,因此網站設計的好壞,就得考驗網頁設計公司的功力囉!

一般網站的配色會先取決於企業本身的標準色系,若企業本身有標準的CIS,那網頁設計時,一定是以企業的標準色為主要色系,如此較能有整體一貫的感覺。倘若企業並無標準色系,那便可依照主要商品屬性、企業 Logo 色系或是個人喜好來決定網站的配色,此外,以網站的風格來決定配色也是個不錯的方法,總之,網站整體的色彩搭配,會考量網站的整體性,色彩代表了不同的情感,所以可以依照各行業屬性及風格型態選擇適合的色系和輔助色搭配運用。

可以的,網頁中可以使用程式來判斷瀏覽者使用手機或電腦來瀏覽網站,進而將網站指向到相對應版本的網站,例如使用手機瀏覽就將網站導至手機版版本,當然,前提是必需有另外建置手機版的網站。

此外程式也可以判斷瀏覽者是使用那一種瀏覽器、瀏覽器版本、瀏覽器畫面大小、從那個網站或搜尋引擎連進來等非常多的功能,讓網頁設計時能更加彈性的判斷瀏覽者的瀏覽習性。