| 技術(shù)方向 | 關(guān)鍵技能點(diǎn) |
|---|---|
| 基礎(chǔ)架構(gòu)設(shè)計(jì) | HTML5語義標(biāo)簽應(yīng)用/CSS3選擇器原理/瀏覽器兼容方案 |
| 動(dòng)態(tài)交互開發(fā) | JavaScript事件處理/DOM操作實(shí)戰(zhàn)/jQuery特效實(shí)現(xiàn) |
| 響應(yīng)式布局 | 媒體查詢技術(shù)應(yīng)用/彈性盒子布局/移動(dòng)端適配方案 |
現(xiàn)代網(wǎng)站建設(shè)包含界面設(shè)計(jì)與功能實(shí)現(xiàn)兩大維度。在視覺呈現(xiàn)層面，學(xué)員將系統(tǒng)掌握PSD轉(zhuǎn)HTML工作流程，重點(diǎn)訓(xùn)練柵格系統(tǒng)運(yùn)用與色彩搭配技巧。
課程包含電商專題頁開發(fā)、企業(yè)官網(wǎng)重構(gòu)、移動(dòng)端H5活動(dòng)頁制作三大實(shí)戰(zhàn)案例，每個(gè)項(xiàng)目均設(shè)置代碼審核與性能優(yōu)化環(huán)節(jié)。
響應(yīng)式設(shè)計(jì)原理部分重點(diǎn)解析視口單位計(jì)算、圖像自適應(yīng)方案與斷點(diǎn)設(shè)置技巧。通過Bootstrap框架源碼分析，幫助學(xué)員理解柵格系統(tǒng)實(shí)現(xiàn)機(jī)制。
課程涵蓋資源加載策略、代碼壓縮合并、緩存機(jī)制應(yīng)用等專項(xiàng)訓(xùn)練，特別增加Lighthouse性能檢測(cè)工具使用教程。
