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