上海網(wǎng)頁美工培訓(xùn)學(xué)校,網(wǎng)頁前端學(xué)習(xí)班
【學(xué)果網(wǎng)】課程咨詢:張老師 手機(jī):152-0198-6451
課程介紹:
一、靜態(tài)網(wǎng)頁設(shè)計:
1.Dreamweaver:講解DW的人性化功能以及在頁面架構(gòu)和前端開發(fā)應(yīng)用領(lǐng)域的使用技巧,css樣式表的應(yīng)用,網(wǎng)站的管理和維護(hù)。
2.Flash:講解FL在視頻、聲音、圖形和動畫方面的應(yīng)用,可以各種動畫制作、導(dǎo)航界面、互動效果以及其他奇特的效果。
3.Fireworks:講解FW在網(wǎng)頁切片、圖層、幀、gif動畫、畫布設(shè)置中的應(yīng)用以及配合其他軟件進(jìn)行使用。
4.Photoshop:熟練掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合其他軟件的應(yīng)用。
培訓(xùn)目標(biāo):利用學(xué)習(xí)過的PS、DW、FW、FL進(jìn)行綜合性的進(jìn)行設(shè)計和制作出靜態(tài)網(wǎng)頁以及考前復(fù)習(xí)和訓(xùn)練。
二、網(wǎng)頁前端(美工)設(shè)計師:
1.xHtml+CSS:了解xHtml基礎(chǔ)知識;講解CSS基礎(chǔ)、選擇器、樣式、盒子模型及定位;通過商業(yè)案例了解div+CSS對網(wǎng)頁制作提升工作效率效果,并對網(wǎng)頁真正的統(tǒng)一化、CSS。
2.JavaScript:針對有Xhtml與Css基礎(chǔ)的學(xué)員;了解JavaScript基礎(chǔ);學(xué)習(xí)JavaScript語法、程序設(shè)計、循環(huán)程序、面向?qū)ο?、核心對象\ JQuery、Ajax等。
3.PHOTOSHOP美工及網(wǎng)頁配色、排版設(shè)計,網(wǎng)頁設(shè)計綜合訓(xùn)練。
web網(wǎng)頁前端知識分享之頁面構(gòu)建和JS前端不得不說的那點(diǎn)事兒:
作為微博的頁面構(gòu)建工程師,主要職責(zé)就是利用html&css,高質(zhì)量的完成靜態(tài)頁面的制作,baozheng項(xiàng)目的按時完成。而頁面需要的js效果則交給下游的js前端工程師去做。
在微博,這兩個崗位是分開的。但在大家的思維定勢里可能覺得這兩個崗位應(yīng)由一個人來完成zui好,畢竟,頁面構(gòu)建工程師寫的html結(jié)構(gòu)不一定是js工程師想要的那種,
js工程師可能有更高效的方式。所以,在頁面構(gòu)建之前zui好能與js工程師溝通一下,把實(shí)現(xiàn)方案確定好。
但在實(shí)際項(xiàng)目流程中,當(dāng)進(jìn)行到頁面構(gòu)建的時候,產(chǎn)品經(jīng)理可能還沒安排到j(luò)s資源,這時我們只能按照產(chǎn)品的需求和自己的想法去寫html結(jié)構(gòu),不僅要考慮到設(shè)計稿的還原度、
瀏覽器的兼容xing、以后可能要添加的新功能的預(yù)見位置,還要考慮怎樣寫html結(jié)構(gòu)能讓jszui省事的完成產(chǎn)品的交互效果。作為一名有責(zé)任感的頁面構(gòu)建工程師,表示亞歷山大!
所以,我們經(jīng)常查看頁面源碼時,會發(fā)現(xiàn)這樣的注釋,用來告訴js工程師怎么去操作dom結(jié)構(gòu)。
有時為了做到zui簡,我們要考慮好久,前一陣子的倫敦奧運(yùn)會,微博首頁右側(cè)要添加一個奧運(yùn)金牌榜的模塊,要求有收起和展開的按鈕,用來顯示不同的內(nèi)容。
對網(wǎng)站來說這是很稀松平常的交互效果。具體html實(shí)現(xiàn)可能有同學(xué)會想到,做兩個div,各自bao含展開的內(nèi)容和收起的內(nèi)容。在點(diǎn)擊展開按鈕時出現(xiàn)一個,另一個隱藏;
而在點(diǎn)擊收起的時候做相反的處理。這種事本身也沒有對與錯,能實(shí)現(xiàn)效果就好。但作為出現(xiàn)在微博首頁的模塊,并且出現(xiàn)在第yi屏的位置,對xing能的優(yōu)化肯定是要做足的。
能盡量在我們css這一層做的,決不放到j(luò)s那邊去做。我的處理方式是把收起展開的樣式都寫好,放在一起,讓js在默認(rèn)展開或點(diǎn)擊展開的時候顯示turn_olym_on,在點(diǎn)擊收起的時候更換為turn_olym_off,
這樣js就只是更換一個class名的代碼量,而對于展開收起的兩個按鈕,我也通過更換的class名來顯示和隱藏。
免責(zé)聲明:以上信息是由學(xué)考網(wǎng)平臺用戶自行發(fā)布,所有內(nèi)容均由發(fā)布者對信息的真實(shí)性負(fù)責(zé),學(xué)考網(wǎng)僅提供信息發(fā)布、展示,不對用戶信息內(nèi)容的真實(shí)性負(fù)責(zé),請用戶自行甄別,謹(jǐn)防受騙!!