Please enable JavaScript.
Coggle requires JavaScript to display documents.
簡易網頁設計 (網站設計的原理與應用 (網頁設計考量 (螢幕解析度：手機頁面採用 液態版面(響應式網頁設計 RWD),…
簡易網頁設計
網站設計的原理與應用
網站(web site)
：網頁的集合體
網頁(web page)
：建構網頁的基本單位(可包含文字.圖片.超連結.動畫.音效...)
首頁(home page)：
進入網站所看到的第一個網頁(主檔名通常是
index或default
)
網站規劃設計
中期製作
製作網頁
上傳與測試
後期維護
網站推廣
更新與維護
前置作業
擬定網站主題
蒐集網站相關資料
規畫網站架構與網頁內容
網頁設計考量
螢幕解析度：
手機頁面採用
液態版面(響應式網頁設計 RWD)
字型的設定：
若瀏覽者電腦無安裝使用字型，會以
新細明體
或
細明體
呈現
不同瀏覽器觀看效果
網路傳輸速度：
圖片應選用不佔空間的格式(例如：jpg gif png)以減少下載速度
應用與趨勢
網頁設計的應用：
1.個人 2.企業團體 3.學術單位 4.政府機關 5醫療機構 6.新聞媒體
網頁設計的趨勢
Web2.0：
雙向 分享
Web3.0：
智慧 助理
Web1.0：
單向 閱讀
網頁設計語法介紹
HTML(超文件標示語言)：
構成網頁的基礎語言
1.結構 2.文字段落 3.圖表 4.超連結
JavaScript：
動態網頁語言
CSS：
美化網頁所使用的語言
網頁設計實務
框架式網頁
目標頁框
整頁(_top)
開新視窗(_blank)
相同頁框(_self)
父框架(_parent)
部落格簡介
認識部落格：
1. 個人心得分享 2.名人自我行銷 3.繪圖作品分享 4.美食遊記分享 5.店腦資訊分享
好用功能：
1.訂閱 2. 引用 3.分享 等等