自學網頁の嬰兒教材:第6課 ── 在自己電腦上寫網頁

第6課 課程目標

正式在自己電腦上寫網頁

不再需要依靠jsfiddle來寫網頁

第6課 課程內容

前五課都是用jsfiddle來學習,先跳過了環境設定的問題。

這次的課程要練習正式在自己電腦上寫網頁。

其實,用記事本就可以寫網頁。只要把副檔名存成 .html 就可以了。

請閱讀這份教材:

HTML Editors

不習慣看英文,可以改看這裡:

HTML 编辑器

接著要回頭學一些基本知識,這些知識在前幾課我們先跳過了:

HTML Introduction

HTML Head

不習慣看英文,可以改看這裡:

HTML 简介

HTML 头部元素

全部唸完之後,請試著用計事本在自己電腦上做出一個網頁檔,然後用瀏覽器去打開它

第6課 作業

這次的作業要做所謂的 landing page

landing page 是網站的門面,給客戶的第一印象

請參考下列網址,了解更多 landing page 的概念

實例網站解說什麼是 Landing Page ?

本次的作業內容如下:

假設你打算在近期內創業,請替你的公司建立一個漂亮、有效的 landing page

如果想不到的話,就請替你目前任職的公司,建立landing page

作業條件如下:

請尋找並下載一張大圖片,當作網頁的背景圖片

參考圖庫:https://unsplash.com/

請建立一個獨立的 css 檔,不要在 html 檔內寫任何一行 css

試著用計事本在自己電腦上做出這個 landing page,然後用瀏覽器去打開它

完成這些,你就完成這次的課程目標了!

您好,本站內容已停止更新

我寫了一個新的平台網站,未來的新內容都會發佈在這裡:

https://devs.tw/series

請前往新網站,瀏覽更多的新內容。