個人網頁設計

B10817017 鄭佳榮
CONTENTS
01 網頁設計概念 02 Weebly實務操作

03 設計個人網頁 04 學生分享網頁
網頁就存在於你的生活！
01 網頁設計概念
網頁設計的元素
版面：協和性、一致性、完整性

顏色：傳達人物或品牌特點

圖像：商標、相片，與網頁顏色、內容做搭配

字體：能被瀏覽器支援的字體

內容：避免誤導錯誤資訊
響應式網頁(Responsive Web Design , RWD)
能以百分比的方式彈性調整畫面的設計，在不同解析度下改變網頁
頁面的佈局排版，讓你在使用不同設備時都可以正常瀏覽同一網站。
 ASK

主機IP位址
Response
IP位址 (172.217.168.78)
網站是網路世界中的「經緯度」，在瀏覽器輸入IP位址來可以找到對應的網站

缺點：IP位址是一組不容易記憶的數字

雲科大經緯度：
23°41'33"N 120°32'2"E
網域名稱 (yuntech.edu.tw、www.google.com.tw)
為了讓瀏覽網站更容易，「域名」的概念就產生了。
不需要記複雜的IP位址，可以透過比較有意義的「網域名稱」來記憶。
簡單來說，就是網站在網路世界中的「地址」。

雲科大地址：
64002雲林縣斗六市大學路三段123號
 雲科大經緯度：
23°41'33"N 120°32'2"E

雲科大地址：
64002雲林縣斗六市大學路三段123號
 雲科大經緯度：
23°41'33"N 120°32'2"E

雲科大地址：
64002雲林縣斗六市大學路三段123號
網站 VS. 網頁
網站：由許多網頁所形成，有相連性結構 首頁

網頁：組成網站中的結構
個人網站
留言板 作品集
網頁 網頁

快訊
網頁
02 Weebly實務操作
Weebly註冊
選擇網站用途
選擇網站版型
設定網域名稱

請輸入英文

X O
Weebly工具列
網站設定

網站設定

網站名稱

網站分類
Weebly操作介面

編
建
輯
立
區
工
具
列
Weebly工具列
增加網頁、頁面設定

頁面設定
增加網頁
主題更換
預覽電腦或行動裝置上的樣貌 預覽在電腦或行動裝置

行
電 動
腦 裝
置
更換網頁背景
更換圖片

Click Here
點選IMAGE
區塊物件
文字物件
圖像物件
SCRIBD檔案物件(可預覽)
檔案物件
幻燈片物件
幻燈片物件
按鈕物件
地圖物件
社交圖示連結
聯絡資訊

聯絡資訊

網頁管理與設計者
03 設計個人網頁
設計屬於自己的個人網頁
04 學生分享網頁
分享個人網頁
THANK YOU