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