所處部份 主講內(nèi)容 技術(shù)要點(diǎn) 學(xué)習(xí)目標(biāo)
第一部份:
HTML5 + CSS3 HTML5 瀏覽器與瀏覽器內(nèi)核、語(yǔ)法及使用、常用標(biāo)簽、語(yǔ)義化、表單元素、HTML5 新增標(biāo)簽
學(xué)員能力體現(xiàn):
- 了解常用瀏覽器和瀏覽器內(nèi)核;
- 了解語(yǔ)義化的概念;
- 掌握 HTML 語(yǔ)法及使用技巧;
- 掌握 CSS 語(yǔ)法及使用技巧;
- 掌握 DIV+CSS 布局方式;
- 掌握常見(jiàn)網(wǎng)頁(yè)布局模式;
- 掌握 HTML5 常用標(biāo)簽;
- 掌握 Photoshop 切圖以及插件切圖;
- 能夠熟練使用開(kāi)發(fā)人員工具進(jìn)行頁(yè)面調(diào)試;
- 能夠完成基本的動(dòng)畫(huà)效果;
- 能夠根據(jù)PSD文件獨(dú)立完成靜態(tài)頁(yè)面的開(kāi)發(fā)工作;
- 能夠使用CSS3新屬性美化修飾網(wǎng)頁(yè)。
關(guān)鍵詞:
HTML5、CSS3、語(yǔ)義化標(biāo)簽、CSS3新屬性、盒子模型、定位與浮動(dòng)、CSS 調(diào)試技巧、PS 切圖、網(wǎng)頁(yè)特效、靜態(tài)頁(yè)面開(kāi)發(fā)、PSD文件還原網(wǎng)頁(yè)文件。
CSS3 基本語(yǔ)法規(guī)范、常用的基本選擇器用法與技巧、復(fù)合選擇器使用、數(shù)值與單位、文字文本樣式、CSS盒子模型、CSS背景技巧、圓角、陰影、過(guò)渡等新屬性、定位和浮動(dòng)、偽類和偽元素、chrome調(diào)試工具、CSS高級(jí)技巧(精靈圖、滑動(dòng)門(mén)、CSS三角等)、CSS常見(jiàn)布局技巧大全、網(wǎng)頁(yè)開(kāi)發(fā)規(guī)范以及流程、CSS企業(yè)級(jí)網(wǎng)頁(yè)開(kāi)發(fā)、網(wǎng)頁(yè)開(kāi)發(fā)常見(jiàn)問(wèn)題以及解決方案、CSS常見(jiàn)兼容性問(wèn)題以及解決方案
電商項(xiàng)目 Photoshop 切圖、cutterman插件一鍵切圖、代碼組織原則、項(xiàng)目開(kāi)發(fā)實(shí)戰(zhàn)流程、電商類復(fù)雜頁(yè)面布局規(guī)范、CSS初始化技術(shù)選擇、CSS字體圖標(biāo)使用、布局技巧大全、完整的多頁(yè)面開(kāi)發(fā)、網(wǎng)頁(yè)語(yǔ)義化設(shè)計(jì)、CSS頁(yè)面模塊化開(kāi)發(fā)、復(fù)合選擇器的應(yīng)用、復(fù)雜網(wǎng)頁(yè)結(jié)構(gòu)排版、基本變換特效、電商類常見(jiàn)布局問(wèn)題解決方案 |