

- 功能型網頁設計(服務網站)
- 形象型網頁設計(品牌形象站)
- 信息型網頁設計(門戶站)

網站策劃
確定頁面風格
文案策劃
網頁設計
網頁布局分析
網頁配色
頁面制作
調用JS特效
處理兼容性問題
代碼精簡
上線
后期更新維護





確定頁面風格
文案策劃
網頁布局分析
網頁配色
調用JS特效
處理兼容性問題
代碼精簡
后期更新維護
課程 | 課程內容 | ||
第一階段:軟件的熟練運用 | |||
1. Photoshop | Photoshop位圖處理,廣泛用于網頁設計行業,從軟件操作與熟練操作,均結合實戰案例,實戰結合,一步一步由淺至深的學,循序漸進; |
||
2. Dreamweaver | Dreamweaver語言代碼軟件前端腳本語言(html、css、javascript、Jquery等)均在其中編輯,熟練操作可大大增加工作的效率,提高網站設計的效率。 |
||
3. Illustrator | Illustrator強大的矢量圖軟件(簡稱AI),在制作網站頁面時,AI的使用是非常頻繁的;如網頁中版式的設計、Banner元素等;實戰演練; |
||
4. Flash | Flash強大的動畫軟件廣泛用于網頁中的動畫廣告、動畫效果;房產行業,公司企業等網站均為Flash整站,效果奪目,引人眼球;大幅度增加網頁觀賞性; |
第二階段:PS頁面設計 網站頁面創意 | |||
次時代網頁美工玩轉的元素 | 將以下元素的設計把控到位,一個網頁的設計就完成了70%,剩下的就是把它們合理化組合在一起 |
||
Logo(標志) | 企業的形象來源于此,通常是企業標準色和企業精神的一種完美結合;通過顏色、文字、圖形等元素設計不同的logo,以應對各類設計項目 |
||
banner(焦點圖) | 網頁設計的點睛之筆,視覺表現力強、震撼、引人眼球;突出重點,例如:企業精神、主推產品、促銷活動、精彩專題等 |
||
策劃之前 | 明確主題;背景分析;行業資料;行業調查;同類網站調查;目標用戶群分析; |
||
策劃書 | 目的是成功的重要開端;網站開發商業流程;目錄結構和鏈接結構。 |
||
鮮明的個人網站 | 個性鮮明,與眾不同,沒有嚴格的設計要求,多為公眾人物網上宣傳的載體。 |
||
國家政府網站 | 設計要求簡潔、大方、嚴肅、穩重。配色多為紅色、金色搭配。信息內容嚴謹、務實。 |
||
精美游戲網站 | 頁面設計華麗、炫目。色彩搭配千變萬化,給人身臨其境般的感覺,吸引玩家加入游戲。 |
||
第三階段:DIV+CSS入門到實戰 | |||
1. 認識DIV+CSS | HTML語言簡介 |
開發工具介紹 |
HTML的構成 |
什么是CSS樣式表 |
CSS優點 |
標記、元素和屬性 |
|
樣式表的寫法 樣式介紹 |
盒模型的概念 |
Xhtml書寫規范 |
|
2. 常見標簽及用途和選擇符 | 常見標簽及用途 |
認識A鏈接 |
A鏈接的四種狀態 |
類型選擇符 |
標簽的樣式初始化 |
頁面布局排版 |
|
3. CSS語法與內容排版 | 選擇合適的doctype | CSS語法結構 | CSS屬性與選擇符 |
類型選擇符 | id及class選擇符 | 應用CSS到網頁中 | |
行間/內部/外部樣式表 | 文字排版、通欄排版與分欄排版 | 圖文混合排版 | |
4. 塊和內嵌 | 塊與內嵌對象介紹 |
塊和內嵌的特點 |
塊和內嵌的轉換 |
inline-block 屬性 |
inline-block bug |
||
5. 浮動 |
如何讓元素水平排列? |
浮動的問題 |
清除浮動的方法 |
6. 定位 |
相對定位 |
絕對定位 |
兩種定位共有的特征 |
相對定位的兼容性問題 |
絕對定位的兼容性問題 |
固定定位 |
|
如何讓IE6實現固定定位 |
定位在實際工作中的應用 |
|
|
7. 瀏覽器兼容器性問題處理 |
XHTML與CSS校驗, |
常見的瀏覽器兼容問題分析 |
解決主流瀏覽器兼容性 |
8.Javascript網頁常用特效 |
javascript調用 |
用javascript控制CSS特效 |
SPRY框架應用 |
第四階段:整站設計 深入強化LESS CSS+SASS CSS | |||
企業網站 | 企業網站是項目中常見的,一般都會要求簡潔清晰,能夠快速獲得信息。因此在設計時要注意簡潔,表現出企業的形象與精神。 設計實戰:科技類企業網站,產品類企業網站,宣傳類企業網站,形象類企業網站,服務類企業網站 |
||
大型門戶網站 | 體現團隊合作精神,往往是小組式承接項目。網站中信息量龐大,相關內容全面并有條理。工作量大,但是完成時成功感強! |
||
網上商城店鋪 | 隨著電商行業的發展,網上店鋪裝修也是一大趨勢,店鋪首頁,焦點圖,直通車,產品詳情頁都需要設計。 設計實戰:淘寶店鋪首頁,詳情頁,京東店鋪設計,天貓店鋪設計等網上商城 |
||
LESS CSS+SASS CSS | 兼容性 |
如何挑錯 |
兼容性問題綜合性總結 |
常見CSS hack |
!important |
等高布局 |
|
CSS3介紹 | CSS3的圓角、漸變、陰影 | CSS3兼容性寫法 | |
transform | 純CSS3實現的動畫效果 | CSS3的兼容性 | |
LESS CSS | SASS CSS | 移動端頁面布局 | |
第五階段:作品整理與就業應聘 | |||
畢業設計指導與整理 | 高級講師及資深設計師帶領學員完成畢業作品,以備應聘時使用。對學習過的所有課程和自己做一個完美的總結。 |
||
就業應聘技巧與職業規范 | 就業形勢分析及指導;畢業學員在應聘前應該做的準備;應聘注意事項、禮儀、技巧;從業后工作態度;人際交往等全面發展的技巧培訓。 |
專門設計一套精華,貼近企業需求針對零基礎學員的學習課程體系。
在每階段結束以后對所有學員進行考核,未及格者可重新學習此階段,直到考核合格。
從基礎學起,真正項目實戰,整套課程70%實時互動實戰教學。
同一課程可免費重學,并提供學碼思網校在線學習權限,線上線下同時學習,提高學習效率。
2001-2016 南京學碼思教育科技有限公司