上海非凡開(kāi)設(shè)的網(wǎng)頁(yè)設(shè)計(jì)精英課程,能夠滿(mǎn)足學(xué)員對(duì)于網(wǎng)頁(yè)設(shè)計(jì)的學(xué)習(xí)需求,該課程使用的教材是非凡老師精選的教材,而且我們的老師擁有多年的設(shè)計(jì)經(jīng)驗(yàn),能夠針對(duì)學(xué)員的設(shè)計(jì)能力和作品情況進(jìn)行詳細(xì)的輔導(dǎo),為學(xué)員講解設(shè)計(jì)知識(shí),傳授設(shè)計(jì)技巧,通過(guò)本課程的學(xué)習(xí),學(xué)員能夠掌握html基礎(chǔ)語(yǔ)言、Mysql數(shù)據(jù)庫(kù)設(shè)計(jì)等專(zhuān)業(yè)知識(shí),終成為一名的網(wǎng)頁(yè)設(shè)計(jì)師,設(shè)計(jì)出自己滿(mǎn)意的作品。

WEB前端(H5網(wǎng)頁(yè)布局)

HTML標(biāo)簽梳理

1.5分鐘上手Hbuilder軟件,對(duì)HTML5和CSS3有初步的了解和認(rèn)識(shí)

2.掌握HTML5九大基本標(biāo)簽,包括標(biāo)題、圖像、音頻、視頻等

3.掌握HTML5智能表單基本標(biāo)簽和智能表單擴(kuò)展標(biāo)簽

七組CSS基本樣式

1.講解CSS三大引用方式,包括行內(nèi)樣式、內(nèi)部樣式表和外部樣式表

2.CSS七類(lèi)樣式詳解,包括背景、文本、字體、鏈接、列表、表格、邊框樣式

CSS3炫酷

1.掌握CSS3四大"變形金剛",旋轉(zhuǎn)、扭曲、縮放和位移

2.CSS3過(guò)渡屬性詳解,通過(guò)過(guò)渡屬性完成網(wǎng)頁(yè)漂亮的交互效果

3.CSS3動(dòng)畫(huà)講解,通過(guò)動(dòng)畫(huà)屬性可以做多個(gè)狀態(tài)交互的網(wǎng)頁(yè)炫酷

選擇器細(xì)解11大類(lèi)

1.掌握CSS五類(lèi)常用選擇器,包括通用選擇器、ID選擇器、類(lèi)選擇器等

2.三代關(guān)系選擇器詳解,包括子元素選擇器、兄弟選擇器、后代選擇器

3.CSS3偽類(lèi)選擇器和偽元素選擇器詳解,可以多樣化的自由選擇網(wǎng)頁(yè)元素對(duì)象

CSS布局四大技巧

1.掌握多列屬性布局技巧,三種定位方式,定位、相對(duì)定位和固定定位

2.五句話吃透盒模型,清楚盒模型的計(jì)算和瀏覽器兼容性中的注意事項(xiàng)

3.左浮動(dòng)和右浮動(dòng)的設(shè)置以及如何清除浮動(dòng)以達(dá)到父級(jí)自動(dòng)擴(kuò)高問(wèn)題

響應(yīng)式雙法則

1.了解媒體查詢(xún)的引用方式,包括內(nèi)部樣式表、外部樣式表等

2.掌握媒體查詢(xún)使用方法,了解關(guān)鍵詞的使用技巧

3.了解根元素的字號(hào)適配,通過(guò)字號(hào)設(shè)置完成響應(yīng)式頁(yè)面

兼容性調(diào)試技巧

1.CSS優(yōu)化減肥技巧,包括圖片優(yōu)化和代碼優(yōu)化,提升網(wǎng)頁(yè)的加載速度

2.了解CSS優(yōu)先級(jí)的計(jì)算,解決樣式覆蓋問(wèn)題

3.掌握兼容性調(diào)試技巧,如何能夠讓代碼兼容各大主流瀏覽器

項(xiàng)目實(shí)戰(zhàn)提經(jīng)驗(yàn)

1.熟悉PS切圖技巧,如切片切圖、選區(qū)切圖等,以及網(wǎng)頁(yè)項(xiàng)目的正規(guī)創(chuàng)建

2.頁(yè)面布局規(guī)范講解,從整體到局部的規(guī)劃,先標(biāo)簽后樣式的代碼順序等

3.完成三大項(xiàng)目實(shí)戰(zhàn),企業(yè)站,商城站和響應(yīng)式頁(yè)面,能夠獨(dú)立完成H5靜態(tài)頁(yè)面

課程目標(biāo)

1.掌握并且熟練運(yùn)用四大平面設(shè)計(jì)軟件。

2.掌握常規(guī)設(shè)計(jì)技能,打下扎實(shí)基礎(chǔ)。

3.能夠制作動(dòng)態(tài)H5動(dòng)畫(huà)、制作各類(lèi)高級(jí)頁(yè)面。