這是第一周的訓練內容
- 請認真閱讀以下教程并操作
- 作業以博客形式提交，將寫好的博客內容投稿至本專題，文章標題以[W1]開始
- 截止日期：2017年4月7日
目標
- 學會使用HTML和CSS制作頁面并對其進行布局
學習內容
- 了解HTML，使用HTML制作一個簡單的頁面
- 學習常用的HTML標簽
- 了解CSS，并將CSS運用于HTML之中
- 了解CSS的作用和優勢
- 學習CSS基礎語法
- 學習“選擇器”
- 了解可以操作、修改HTML的哪些樣式（底色、邊框、布局等）
- 使用css的偽元素
- 用CSS對頁面進行布局
- 理解為什么不使用Table對頁面布局
學習資源
- html在線驗證：http://www.freeformatter.com/html-validator.html (該網站上還有很多別的工具）
- html在線格式化代碼：http://www.cleancss.com/html-beautify/
- W3School上的HTML基礎教程：http://www.w3school.com.cn/html/index.asp
- Html5新特性（了解即可）：http://www.w3school.com.cn/html5/index.asp
- CodeForDream上提供的HTML課程：http://www.codefordream.com/courses/html_basic/sections
- CSS在線驗證： http://codebeautify.org/cssvalidate (該網站上還有很多別的工具）
- 學習CSS布局：http://learnlayout.com/
- CSS基礎教程：http://www.w3school.com.cn/css/index.asp
- CSS3新特性（了解即可）：http://www.w3school.com.cn/css3/
- CodeForDream上提供的CSS課程：http://www.codefordream.com/courses/css_basic/sections
作業
-
詳細說明下圖中的列表是如何實現的
題1 -
詳細說明下圖中的表格是如何實現的
題2 -
只使用HTML實現下面的頁面，內容必須相同，樣式可以不同
題3 -
使用CSS美化上一題的頁面，圖片供參考
題4
