上海網(wǎng)頁(yè)前端美工培訓(xùn)哪里有
【學(xué)果網(wǎng)】課程咨詢:張老師 手機(jī):152-0198-6451
課程介紹:
一、Web基礎(chǔ)-入門(mén)到精通:輕松駕馭前端基礎(chǔ)軟件
本階段,你將學(xué)到
1.熟練掌握 HTML 標(biāo)簽,塊速編寫(xiě)網(wǎng)頁(yè)。
2.CSS 選擇器以及CSS 樣式定義使用訓(xùn)練。
3.掌握CSS 復(fù)雜選擇器以及高級(jí)應(yīng)用,復(fù)雜頁(yè)面效果的制作。
4.CSS Hack 和 CSS 優(yōu)化,完成各種頁(yè)面樣式的定義和編寫(xiě)。
二、JavaScript代碼設(shè)計(jì)-一流的交互體驗(yàn)由你打造
本階段,你將學(xué)到
1.JavaScript基礎(chǔ)語(yǔ)法,常用界面特效、交互設(shè)計(jì)分析。
2.JS開(kāi)發(fā):核心框架與編程技術(shù)、移動(dòng)端技術(shù)與服務(wù)器交互實(shí)戰(zhàn)項(xiàng)目、個(gè)人網(wǎng)站開(kāi)訓(xùn)練。
三、項(xiàng)目實(shí)戰(zhàn)-在實(shí)戰(zhàn)中掌握Web前端的秘訣
本階段,你將學(xué)到
1.可選講解項(xiàng)目:小米首頁(yè)項(xiàng)目、電商首頁(yè)項(xiàng)目、奇虎360專題項(xiàng)目、非凡官網(wǎng)項(xiàng)目。
2.各種頁(yè)面登陸、產(chǎn)品詳情頁(yè)的頁(yè)面動(dòng)效以及交互實(shí)現(xiàn)、唯品會(huì)訂單頁(yè)面設(shè)計(jì)開(kāi)發(fā)等。
網(wǎng)頁(yè)前端知識(shí)分享之網(wǎng)頁(yè)設(shè)計(jì)師需要了解的一些前端知識(shí):
國(guó)畫(huà)中有句話,“畫(huà)虎先畫(huà)骨”。對(duì)應(yīng)到網(wǎng)頁(yè)上,視覺(jué)效果只是一張皮,前端代碼是支撐這張皮的骨,了解骨架是怎么長(zhǎng)的,有助于設(shè)計(jì)出更合理高效的頁(yè)面。
關(guān)于文字效果
文字自身屬性相關(guān)的效果css中都是有相對(duì)應(yīng)的樣式的,如字號(hào)、行高、加粗、傾斜、下劃線等,但是一些特殊的效果,主要表現(xiàn)為ps中圖層樣式中的效果,css是無(wú)能為力的。
但是css也在不斷發(fā)展,在css3中已經(jīng)新增了文字陰影的效果,可惜IE6、7、8均不支持。所以,一些比較特殊的文字效果,依然只能通過(guò)圖片來(lái)實(shí)現(xiàn)。
說(shuō)說(shuō)文字間距
在css中其實(shí)是可以控制文字間距的,但是現(xiàn)實(shí)中很少會(huì)使用,一方面是很多設(shè)計(jì)師不知道css中有相應(yīng)的屬性,并且需要使用文字間距的場(chǎng)景也不多,另一方面,瀏覽器解析文字間距的方式也令這一屬性在某些場(chǎng)景下無(wú)法使用,
比如在文字居中的時(shí)候,實(shí)際居中的區(qū)域是包含了文字間距的(如上圖),使得在視覺(jué)效果上讓人無(wú)法接受,所在當(dāng)需要在文字中保留一定空間的時(shí)候(比如兩個(gè)字的按鈕),會(huì)直接用空格來(lái)代替。
不過(guò)多知道一種實(shí)現(xiàn)文字間距的方法總是好的,雖然目前來(lái)看應(yīng)用場(chǎng)景很少,但是也許某天就派上用場(chǎng)了。比如12號(hào)的雅黑文本看上去會(huì)感覺(jué)密密麻麻的,但是加上一點(diǎn)文字間距,閱讀效果就會(huì)好很多。
免責(zé)聲明:以上信息是由學(xué)考網(wǎng)平臺(tái)用戶自行發(fā)布,所有內(nèi)容均由發(fā)布者對(duì)信息的真實(shí)性負(fù)責(zé),學(xué)考網(wǎng)僅提供信息發(fā)布、展示,不對(duì)用戶信息內(nèi)容的真實(shí)性負(fù)責(zé),請(qǐng)用戶自行甄別,謹(jǐn)防受騙!!