Web前端開發(fā)項(xiàng)目化教程（第3版）

項(xiàng)目1 簡單網(wǎng)頁設(shè)計(jì)
教學(xué)導(dǎo)航
項(xiàng)目描述
1.1 Web前端開發(fā)語言與開發(fā)工具
1.1.1 認(rèn)識Web前端開發(fā)語言
1.1.2 開發(fā)工具
任務(wù)1—1 創(chuàng)建Web項(xiàng)目
1.2 HTML和CSS基礎(chǔ)
1.2.1 HTML語法結(jié)構(gòu)
1.2.2 HTML常用標(biāo)簽
任務(wù)1—2 制作文字新聞頁面
任務(wù)1—3 制作 學(xué)習(xí)生活寶典頁面
1.2.3 引入CSS樣式表
1.2.4 CSS基礎(chǔ)選擇器
1.2.5 偽類選擇器
1.2.6 常用CSS樣式
任務(wù)1—4 制作圖文新聞頁面
1.3 CSS3常用的新增選擇器
任務(wù)1—5 給導(dǎo)航條添加CSS樣式
1.4 HTML5常用的新增標(biāo)簽
任務(wù)1—6 制作一個(gè)常見問題答疑頁面
1.5 盒模型
任務(wù)1.7 制作“五環(huán)之歌”頁面
職業(yè)技能知識點(diǎn)考核
項(xiàng)目拓展
討論：你有過丟失數(shù)據(jù)的慘痛經(jīng)歷嗎
項(xiàng)目2 文本類網(wǎng)頁設(shè)計(jì)
教學(xué)導(dǎo)航
項(xiàng)目描述
2.1 文本處理
2.1.1 文本陰影
2.1.2 溢出文本處理
任務(wù)2—1 制作網(wǎng)站新聞列表區(qū)
2.2 特殊字體
任務(wù)2—2 制作古詩頁面
職業(yè)技能知識點(diǎn)考核
項(xiàng)目拓展
討論：代碼能正確執(zhí)行，可以不用管編寫規(guī)范嗎
項(xiàng)目3 圖像類網(wǎng)頁設(shè)計(jì)
教學(xué)導(dǎo)航
項(xiàng)目描述
3.1 背景
3.1.1 背景的定義
3.1.2 背景的原點(diǎn)位置
3.1.3 背景的顯示區(qū)域
3.1.4 背景圖像的大小
3.1.5 背景圖像的定位
任務(wù)3—1 制作信紙頁面
3.2 邊框
3.2.1 圓角邊框