課程目標(biāo)
快速了解并把握H5前端基礎(chǔ),為以后的學(xué)習(xí)打下基礎(chǔ)
適用人群
對(duì)H5前端感興趣的人,想要了解學(xué)習(xí)H5前端的技術(shù)小白
課程簡(jiǎn)介
一、HTML知識(shí)
超文本標(biāo)記語(yǔ)言(HyperText Markup Language,簡(jiǎn)稱(chēng):HTML)是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
能夠快速掌握HTML入門(mén)、文本、圖像、鏈接、表格、列表、表單、框架等基礎(chǔ)知識(shí)。
二、CSS知識(shí)
層疊樣式表(Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語(yǔ)言,是為了解決內(nèi)容與表現(xiàn)分離的問(wèn)題,使網(wǎng)頁(yè)符合WEB標(biāo)準(zhǔn)。
能夠快速掌握CSS 基礎(chǔ)語(yǔ)法、框模型與背景、文本格式化、表格、顯示與隱藏、浮動(dòng)與定位、CSS hack瀏覽器兼容性、動(dòng)畫(huà)、過(guò)渡、2D/3D 轉(zhuǎn)換、CSS 優(yōu)化等知識(shí)點(diǎn)。
三、Photoshop使用
Photoshop的專(zhuān)長(zhǎng)在于圖像處理,圖像處理是對(duì)已有的位圖圖像進(jìn)行編輯加工處理以及運(yùn)用一些特殊效果,其重點(diǎn)在于對(duì)圖像的處理加工。
能夠快速掌握選取、圖層、通道、蒙版、路徑等基礎(chǔ)知識(shí),同時(shí)能為WEB UI設(shè)計(jì)進(jìn)行切片和導(dǎo)出切片圖像。
四、HTML+DIV+CSS企業(yè)網(wǎng)站項(xiàng)目實(shí)踐
使用web標(biāo)準(zhǔn)布局要有良好的CSS書(shū)寫(xiě)和命名習(xí)慣,比如菜單 menu 版權(quán) copyright 頁(yè)頭 header 底部 footer等等,遵循這些不成文的規(guī)定可讓代碼更容易閱讀,讓搜索引擎也更加喜歡。
能夠利用所學(xué)的html、css、photoshop對(duì)已經(jīng)設(shè)計(jì)好的企業(yè)網(wǎng)站界面設(shè)計(jì),手把手教會(huì)大家對(duì)企業(yè)網(wǎng)站進(jìn)行進(jìn)行切片制作和DIV+CSS布局,獨(dú)立完成制作靜態(tài)網(wǎng)站頁(yè)面和模板,并完成瀏覽器兼容性測(cè)試。 |