項目1 創(chuàng)建第一個網(wǎng)頁——Web前端
概述
任務(wù)1 Web簡介
1.1 認(rèn)識網(wǎng)頁和網(wǎng)站
1.2 Web的誕生
1.3 Web相關(guān)術(shù)語
任務(wù)2 網(wǎng)站建設(shè)基礎(chǔ)
2.1 網(wǎng)頁設(shè)計基礎(chǔ)
2.2 網(wǎng)頁配色基礎(chǔ)
2.3 網(wǎng)站設(shè)計流程
2.4 網(wǎng)頁模塊命名規(guī)范
2.5 網(wǎng)站建設(shè)基本流程
2.6 網(wǎng)站建設(shè)后期事宜
2.7 網(wǎng)站開發(fā)者工具
任務(wù)3 項目實施
3.1 編寫HTML代碼
3.2 編寫CSS代碼
課后習(xí)題
項目2 旅游專題網(wǎng)站首頁
HTML入門
任務(wù)1 認(rèn)識HTML
1.1 HTML文檔基本格式
1.2 HTML標(biāo)簽
1.3 標(biāo)簽的屬性
1.4 HTML文檔頭部相關(guān)標(biāo)簽
任務(wù)2 HTML文本控制標(biāo)簽
2.1 標(biāo)題標(biāo)簽和段落標(biāo)簽
2.2 文本樣式標(biāo)簽
2.3 文本格式化標(biāo)簽
2.4 文本語義標(biāo)簽
2.5 特殊字符標(biāo)簽
任務(wù)3 HTML圖像標(biāo)簽
3.1 常用圖像格式
3.2 圖像標(biāo)簽
3.3 相對路徑與絕對路徑
任務(wù)4 項目實施
4.1 準(zhǔn)備工作
4.2 效果分析
4.3 制作“頭部”模塊
4.4 .制作“說旅游”模塊
4.5 制作“旅游有你真好”模塊
4.6 制作“驢友評論”模塊
4.7 制作“頁腳”模塊
課后習(xí)題
項目3 書海遨游主題網(wǎng)頁——CSS入門
任務(wù)1 CSS簡介
1.1 什么是CSS？
1.2 結(jié)構(gòu)與表現(xiàn)分離
1.3 CSS發(fā)展史
任務(wù)2 CSS核心基礎(chǔ)
2.1 CSS樣式規(guī)則
2.2 引入CSS樣式表
2.3 CSS基礎(chǔ)選擇器
任務(wù)3 CSS控制文本樣式
3.1 CSS字體樣式屬性
3.2 CSS文本外觀屬性
任務(wù)4 CSS高級屬性
4.1 CSS復(fù)合選擇器
4.2 CSS層疊性與繼承性
……
項目4 視覺攝影協(xié)會主題網(wǎng)站首頁——盒子模型
項目5 “經(jīng)史子集”主題網(wǎng)站首頁——浮動與定位
項目6 “書與創(chuàng)”主題網(wǎng)頁制作——列表與超鏈接
項目7 “文創(chuàng)聯(lián)盟”登錄注冊頁面——表格與表單
項目8 春節(jié)主題網(wǎng)站首頁——CSS3進(jìn)階
項目9 冬奧會主題網(wǎng)站首頁——HTML5進(jìn)階
項目10 抗疫專題網(wǎng)站制作——實戰(zhàn)開發(fā)