創意數位內容設計實習

13
創創創創創創創創創創創 「」 HTML 創 WEB 創創

Upload: chenwei-chiang

Post on 12-Apr-2017

289 views

Category:

Design


1 download

TRANSCRIPT

Page 1: 創意數位內容設計實習

「創意數位內容設計實習」HTML 與 WEB 簡史

Page 2: 創意數位內容設計實習

• HTML 是網站瀏覽器專用語言• 一般程式與法屬於編譯式語法,需要經過編譯軟體轉換成電腦語言才能正常運作• HTML 屬於直譯式的標籤語言,你所編寫的語法在瀏覽器中可以直接被解讀

Page 3: 創意數位內容設計實習

學習資源• https://www.w3schools.com/• 在這份網路教學資料中,可找到 HTML 以及 CSS 語法的各種參考資訊

Page 4: 創意數位內容設計實習

網頁操作方式思考• 一般的網頁操作型態大多以滑鼠滾輪操作方向為設計依據• 因此大多操作方式為上下滾動為主

Page 5: 創意數位內容設計實習

當今思考方式

• 網頁瀏覽者越來越多使用平板或是手機進行瀏覽

Page 6: 創意數位內容設計實習
Page 7: 創意數位內容設計實習
Page 8: 創意數位內容設計實習

HTML

Page 9: 創意數位內容設計實習

• 如何在你的電腦上測試你自己的頁面• 開啟文字編輯器• 命名檔案 // 以英文命名• 將檔案以瀏覽器開啟

Page 10: 創意數位內容設計實習

• 基本頁面語法• 標籤記得一定要收尾• 如何製作連結• 如何安插圖片

Page 11: 創意數位內容設計實習

將自己的頁面公開於網路

Page 12: 創意數位內容設計實習

• 使用 Google Drive 將檔案放至網站上• 連結資料夾 http://120.125.230.42/學號/

Page 13: 創意數位內容設計實習

作業• 以 HTML 製作一個自己個人介紹頁面• 至少要使用到圖片以及連結 // 其他語法歡迎自行測試