網(wǎng)頁是隨著因特網(wǎng)的出現(xiàn)和發(fā)展而形成的一種新興的設(shè)計類型。從編排的角度來看.在很多方面.網(wǎng)頁設(shè)計與平面設(shè)計是非常接近的。我們也可以把它視為平面設(shè)計的一種延伸與發(fā)展。但網(wǎng)頁設(shè)計也有很多自己的功能和表現(xiàn)方法上的特點(diǎn).這在編排設(shè)計中是應(yīng)當(dāng)充分考慮的。

H5切圖培訓(xùn)

HTML標(biāo)簽

1.軟件講解:學(xué)習(xí)Hbuilder軟件,對HTML5和CSS3有初步的了解和認(rèn)識

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

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

CSS基本樣式

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

2.基本樣式:CSS基本樣式詳解,包括背景、文本、字體等

CSS3

1.變形過渡:掌握CSS3變形及過渡屬性,包括旋轉(zhuǎn)、扭曲、縮放和位移

2.動畫:講解CSS3動畫,可以完成多個狀態(tài)交互的網(wǎng)頁炫酷

CSS選擇器

1.常用選擇器:掌握CSS常用選擇器,包括通用選擇器、ID選擇器、類選擇器等

2.關(guān)系選擇器:掌握CSS關(guān)系選擇器,包括子元素選擇器、兄弟選擇器、后代選擇器

3.偽類選擇器:掌握CSS3偽類選擇器和偽元素選擇器,可以自由選擇網(wǎng)頁元素對象

CSS布局

1.盒模型:講解盒模型的計算和注意事項,以及行內(nèi)塊級的互相轉(zhuǎn)換

2.浮動:講解浮動的設(shè)置和清楚浮動的方法

3.定位:講解定位的方式和注意事項,包括定位、相對定位和固定定位

4.媒體查詢:掌握媒體查詢的使用方法和引用方法

5.字號適配:了解根元素的字號適配,通過字號設(shè)置完成響應(yīng)式頁面

項目實戰(zhàn)

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

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

3.樣式實現(xiàn):根據(jù)網(wǎng)頁布局實現(xiàn)網(wǎng)頁樣式及動態(tài)效果

入行網(wǎng)頁設(shè)計, 獲取互聯(lián)網(wǎng)行業(yè)一桶金

1. 就業(yè)薪資高

招聘顯示網(wǎng)頁設(shè)計師平均薪資高達(dá)10350元, 招聘職位近20000個, 網(wǎng)頁設(shè)計師為企業(yè)急需人才。

2. 企業(yè)選擇多

互聯(lián)網(wǎng)+時代來臨, 傳統(tǒng)企業(yè)轉(zhuǎn)型互聯(lián)網(wǎng)企業(yè), 需要更多網(wǎng)頁設(shè)計師來建造傳統(tǒng)企業(yè)的互聯(lián)網(wǎng)平臺。

3. 職業(yè)路徑廣

移動互聯(lián)網(wǎng)時代為網(wǎng)頁設(shè)計師提供更多可能, 網(wǎng)頁設(shè)計師更容易轉(zhuǎn)型UI設(shè)計師、交互設(shè)計師、視覺設(shè)計師、產(chǎn)品經(jīng)理。

4. 晉升速度快

從互聯(lián)網(wǎng)行業(yè)發(fā)展來看, 由于網(wǎng)頁設(shè)計師對新技術(shù)的接受度較高, 晉升速度比其他崗位快1-3倍, 平均5年就能晉升管理層。