這是第一周的訓(xùn)練內(nèi)容
- 請認(rèn)真閱讀以下教程并操作
- 作業(yè)以博客形式提交，將寫好的博客內(nèi)容投稿至本專題，文章標(biāo)題以[W1]開始
- 截止日期：2017年4月7日
目標(biāo)
- 學(xué)會使用HTML和CSS制作頁面并對其進(jìn)行布局
學(xué)習(xí)內(nèi)容
- 了解HTML，使用HTML制作一個簡單的頁面
- 學(xué)習(xí)常用的HTML標(biāo)簽
- 了解CSS，并將CSS運(yùn)用于HTML之中
- 了解CSS的作用和優(yōu)勢
- 學(xué)習(xí)CSS基礎(chǔ)語法
- 學(xué)習(xí)“選擇器”
- 了解可以操作、修改HTML的哪些樣式（底色、邊框、布局等）
- 使用css的偽元素
- 用CSS對頁面進(jìn)行布局
- 理解為什么不使用Table對頁面布局
學(xué)習(xí)資源
- html在線驗證：http://www.freeformatter.com/html-validator.html (該網(wǎng)站上還有很多別的工具）
- html在線格式化代碼：http://www.cleancss.com/html-beautify/
- W3School上的HTML基礎(chǔ)教程：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 (該網(wǎng)站上還有很多別的工具）
- 學(xué)習(xí)CSS布局：http://learnlayout.com/
- CSS基礎(chǔ)教程：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
作業(yè)
-
詳細(xì)說明下圖中的列表是如何實現(xiàn)的
題1 -
詳細(xì)說明下圖中的表格是如何實現(xiàn)的
題2 -
只使用HTML實現(xiàn)下面的頁面，內(nèi)容必須相同，樣式可以不同
題3 -
使用CSS美化上一題的頁面，圖片供參考
題4
