第6課 課程目標
正式在自己電腦上寫網頁
不再需要依靠jsfiddle來寫網頁
第6課 課程內容
前五課都是用jsfiddle來學習，先跳過了環境設定的問題。
這次的課程要練習正式在自己電腦上寫網頁。
其實，用記事本就可以寫網頁。只要把副檔名存成 .html 就可以了。
請閱讀這份教材：
不習慣看英文，可以改看這裡：
接著要回頭學一些基本知識，這些知識在前幾課我們先跳過了：
不習慣看英文，可以改看這裡：
全部唸完之後，請試著用計事本在自己電腦上做出一個網頁檔，然後用瀏覽器去打開它
第6課 作業
這次的作業要做所謂的 landing page
landing page 是網站的門面，給客戶的第一印象
請參考下列網址，了解更多 landing page 的概念
本次的作業內容如下：
假設你打算在近期內創業，請替你的公司建立一個漂亮、有效的 landing page
如果想不到的話，就請替你目前任職的公司，建立landing page
作業條件如下：
請尋找並下載一張大圖片，當作網頁的背景圖片
請建立一個獨立的 css 檔，不要在 html 檔內寫任何一行 css
試著用計事本在自己電腦上做出這個 landing page，然後用瀏覽器去打開它
完成這些，你就完成這次的課程目標了！
歡迎將作業成果，在下方留言，跟大家分享，讓大家給你一些回饋！
可以將每課學到的觀念、關鍵字，丟到網路上去搜尋、研究一下！
發問請在「討論專區」為主，或者分享學習筆記、寫學習心得！
貼文都會出現在個人檔案頁面，成為學習歷程、部落格紀錄！
未來面試時，分享給面試官看，會讓人知道你的積極程度！
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
交作業，是類似像這樣的概念嗎?
看網上很多都是套件，是要去用套件做出一個landing page嗎?
https://glitch.com/edit/#!/test-landing-page
https://jsfiddle.net/973224/dokwp3L9/91/
交作業!麻煩查閱!謝謝~
https://jsfiddle.net/tony05060165/bLoys5qe/
不知道為什麼丟上去圖片跑不出來
我是用VS code做的
自己電腦跑出來的圖是這樣
可能的原因：
HTML5已不再支持<body> background屬性。 請使用CSS替代。
<body> 的background 屬性在HTML 4.01 中已廢棄。沒關係，多換幾種寫法試試看即可～
交作業，麻煩查閱，謝謝~
https://jsfiddle.net/000dd/8u2q4nev/3/
作業:https://jsfiddle.net/etai200/j6qe7kmv/239/
謝謝查閱!
這一次的作業留意到了一些之前沒有遇到的問題
例如圖層的顯示優先度以及背景搶眼的情況下如何讓文字更顯眼的做法
如果有遇到相同問題的人可以參考一下註解XD
來交功課了，貼到jsfiddle上來給站長檢查，要把logo、選單、會員登入註冊，一起放在導覽列頭中尾也太難了吧，怎麼切都切不好，也不太知道問題出在哪，只能在研究了，麻煩站長檢查了，謝謝。
https://jsfiddle.net/johnny890118/2x94gh1t/31/