課程介紹
網(wǎng)頁設(shè)計(jì)適合人員
-
零基礎(chǔ)人群
天琥課程設(shè)置從零基礎(chǔ)開始，從軟件操作、審美分析到創(chuàng)意思維培養(yǎng)、設(shè)計(jì)技巧，循序漸進(jìn)，零基礎(chǔ)也可以勝任網(wǎng)頁設(shè)計(jì)師工作。
咨詢詳情 -
設(shè)計(jì)相關(guān)專業(yè)應(yīng)屆生
大型項(xiàng)目上手操作。在學(xué)習(xí)過程中，學(xué)生的實(shí)際應(yīng)用能力能夠得到快速提升、項(xiàng)目經(jīng)驗(yàn)快速積累，適合沒有工作經(jīng)驗(yàn)的設(shè)計(jì)專業(yè)同學(xué)。
咨詢詳情 -
平面設(shè)計(jì)進(jìn)修
除了視覺設(shè)計(jì)、理論基礎(chǔ)外，還會(huì)教授Web前端、網(wǎng)頁制作、html5網(wǎng)頁代碼等知識(shí)，適合想轉(zhuǎn)行的平面設(shè)計(jì)師進(jìn)行更高層次的修煉。
咨詢詳情
網(wǎng)頁設(shè)計(jì)要學(xué)什么內(nèi)容
-
商業(yè)網(wǎng)頁基礎(chǔ)設(shè)計(jì)
學(xué)習(xí)矢量地圖、位圖、像素和顏色模式等基本知識(shí)，熟練掌握Photoshop，并能夠用Photoshop軟件快速、高效地設(shè)計(jì)網(wǎng)頁效果圖。
學(xué)習(xí)photoshop的基本操作，包括工具使用、圖層使用、色彩校正操作、通道、濾鏡使用、路徑、圖像處理、圖像輸出、圖像設(shè)計(jì)、圖像制作、圖像合成等知識(shí)。 -
商業(yè)網(wǎng)頁高級設(shè)計(jì)
充分考慮市場需求和技術(shù)可行性，在商業(yè)網(wǎng)頁設(shè)計(jì)實(shí)踐中創(chuàng)造藝術(shù)與技術(shù)的完美結(jié)合，培養(yǎng)高端網(wǎng)頁設(shè)計(jì)師。
系統(tǒng)學(xué)習(xí)線條、構(gòu)圖、配色等基本知識(shí)，掌握專業(yè)的思維導(dǎo)圖和網(wǎng)頁設(shè)計(jì)原型規(guī)劃軟件，學(xué)習(xí)商業(yè)網(wǎng)頁設(shè)計(jì)創(chuàng)作方法和思想;項(xiàng)目實(shí)踐后，讓學(xué)生總結(jié)在設(shè)計(jì)過程中的經(jīng)驗(yàn)，提高商業(yè)網(wǎng)站設(shè)計(jì)水平。 -
網(wǎng)頁前端技術(shù)
系統(tǒng)學(xué)習(xí)html語言、網(wǎng)絡(luò)編程思想、div+css和javascript，熟悉dreamwear的常用功能，熟練使用photoshop，能夠?qū)⒕W(wǎng)頁設(shè)計(jì)師提供的精美效果圖制作成符合w3c標(biāo)準(zhǔn)的全靜態(tài)網(wǎng)頁。并能夠在實(shí)際開發(fā)中使用專業(yè)網(wǎng)絡(luò)公司常用的FireBug等工具進(jìn)行網(wǎng)頁調(diào)試，解決實(shí)際工作中常見的錯(cuò)誤，提高項(xiàng)目的開發(fā)效率。
主題網(wǎng)頁設(shè)計(jì)
-
確定網(wǎng)站的主題
先需要知道建立網(wǎng)站的目的是什么，確定網(wǎng)站的主題，應(yīng)指導(dǎo)學(xué)生遵循以下原則:
1.定義主題，定位要小，內(nèi)容應(yīng)精確。例如，設(shè)計(jì)一個(gè)詩歌網(wǎng)站，如唐詩，篩選來制作網(wǎng)站，定位會(huì)小得多，內(nèi)容也會(huì)精煉得多，對學(xué)生來說，反而更能做出一個(gè)優(yōu)秀的網(wǎng)站。
2.選擇擅長的，并根據(jù)學(xué)生的興趣和平時(shí)關(guān)注的事情來引導(dǎo)學(xué)生去創(chuàng)造，只有這樣，才能制作優(yōu)秀的網(wǎng)站作品。
3.根據(jù)網(wǎng)站的主題設(shè)置一個(gè)好名字。網(wǎng)站的名字是獨(dú)一無二的，很容易記住;有一定含義的名字對網(wǎng)站的形象和推廣也非常有幫助。 -
制定網(wǎng)站模塊
確定網(wǎng)站主題后，考慮網(wǎng)站由哪些模塊組成，繪制網(wǎng)站的模塊結(jié)構(gòu)圖。例如，設(shè)計(jì)一個(gè)宣傳惠州西湖的網(wǎng)站，設(shè)計(jì)以下6個(gè)模塊:西湖新聞、西湖美景、西湖美食、西湖地圖、西湖歷史和聯(lián)系方式。這樣，“惠州西湖”網(wǎng)站由1個(gè)主頁和6個(gè)二級頁面組成。二級頁面進(jìn)一步分成幾個(gè)三級子頁，繪制模塊結(jié)構(gòu)圖時(shí)，至少應(yīng)做到二級頁面。
利用模塊結(jié)構(gòu)圖，根據(jù)每個(gè)模塊的內(nèi)容收集相應(yīng)的材料和資源。老師指導(dǎo)學(xué)生根據(jù)模塊結(jié)構(gòu)圖繪制網(wǎng)站的結(jié)構(gòu)圖，根據(jù)“惠州西湖”網(wǎng)站中劃分的模塊分別創(chuàng)建“西湖新聞”、“西湖美景”、“西湖美食”、“西湖地圖”、“西湖歷史”和“聯(lián)系方式”等6個(gè)文件夾，來存儲(chǔ)每個(gè)模塊的材料和網(wǎng)頁文件。
上海網(wǎng)頁設(shè)計(jì)培訓(xùn)
| WEB 標(biāo)準(zhǔn)化布局 | 了解 HTML 及 CSS 語言的語法基礎(chǔ)；理解常用 標(biāo)簽及屬性的使用技巧；掌握網(wǎng)頁結(jié)構(gòu)與表現(xiàn)的結(jié) 合技術(shù)，快速高質(zhì)量的還原設(shè)計(jì)效果圖。 | 熟練掌握網(wǎng)站建設(shè)的工作流程、 技術(shù)及實(shí)用工具，熟悉各種設(shè)備 尺寸的 WEB 布局設(shè)計(jì)規(guī)范和布 局技巧，可獨(dú)立完成商業(yè)網(wǎng)站搭 建及制作。 |
| 瀏覽器兼容 | 了解瀏覽器的發(fā)展趨勢；理解瀏覽器兼容的要求； 掌握多種瀏覽器兼容代碼的編寫技術(shù)。 | |
| CSS3 交互動(dòng)效設(shè)計(jì) | 了解最新的 CSS3 動(dòng)效屬性；理解網(wǎng)頁及移動(dòng)端 CSS3的使用范圍；掌握CSS3動(dòng)效在網(wǎng)頁界面、 手機(jī)啟動(dòng)頁、廣告輪播效果等實(shí)用領(lǐng)域的應(yīng)用。 | |
| HTML5 響應(yīng)式設(shè)計(jì) | 了解自適應(yīng)布局、響應(yīng)式布局及其區(qū)別；理解響應(yīng) 式布局思路與方法；掌握能適應(yīng)各種設(shè)備的響應(yīng)式 網(wǎng)站制作技術(shù)。 | |
| JavaScript 核心 | 了解 JavaScript 在網(wǎng)站中的作用；理解 JavaScript 對交互動(dòng)效的實(shí)現(xiàn)思路和方法；掌握 JavaScript 變量、數(shù)組、語句、函數(shù)等語法規(guī)則 和交互動(dòng)效案例的制作。 | |
| JQuery | 了解 JQuery 語法、常用方法及動(dòng)效技巧；理解 JQuery 實(shí)現(xiàn)動(dòng)效的原理；掌握 JQuery 交互動(dòng) 畫實(shí)現(xiàn)思路和快速使用 JQuery 特效庫完成動(dòng)效 制作。 | |
| 手機(jī)網(wǎng)站制作 | 了解手機(jī)網(wǎng)站尺寸及布局規(guī)范；理解手機(jī)網(wǎng)站布局 原理和思路；掌握手機(jī)端網(wǎng)站布局的技術(shù)及并制作 可線上訪問的手機(jī)網(wǎng)站。 |
| 主流網(wǎng)站 CMS 系統(tǒng)的 使用 | 了解網(wǎng)站后臺(tái)實(shí)現(xiàn)原理及工作流程；理解 CMS 系 統(tǒng)的應(yīng)用領(lǐng)域；掌握網(wǎng)站 CMS 系統(tǒng)的搭建技術(shù)。 | 熟練掌握網(wǎng)站建設(shè)的工作流程、 技術(shù)及實(shí)用工具，熟悉各種設(shè)備 尺寸的 WEB 布局設(shè)計(jì)規(guī)范和布 局技巧，可獨(dú)立完成商業(yè)網(wǎng)站搭 建及制作。 |
|
網(wǎng)站 CMS 系統(tǒng) 模板設(shè)計(jì) |
了解網(wǎng)站 CMS 系統(tǒng)模板的構(gòu)成；理解網(wǎng)站 CMS 系統(tǒng)模板制作的方法；掌握網(wǎng)站 CMS 系統(tǒng)快速改 版的技巧。 | |
| 階段考核 | 提供多個(gè)商業(yè)項(xiàng)目供學(xué)員測試，檢驗(yàn)學(xué)員學(xué)習(xí)效果。 | |
| 項(xiàng)目實(shí)訓(xùn) | 通過真實(shí)的商業(yè)項(xiàng)目，掌握智能設(shè)備界面設(shè)計(jì)及 交互設(shè)計(jì)的全流程。 | |
| 項(xiàng)目提案 | 學(xué)員分組，以商業(yè)競標(biāo)的方式進(jìn)行項(xiàng)目提案展示。 老師會(huì)對學(xué)員的項(xiàng)目進(jìn)行評析，提升學(xué)員表達(dá)及實(shí) 戰(zhàn)能力。 |
網(wǎng)頁設(shè)計(jì)頁面布局
頁面布局是網(wǎng)站設(shè)計(jì)的基礎(chǔ)。在保持網(wǎng)站整體風(fēng)格一致的前提下，網(wǎng)頁布局應(yīng)根據(jù)頁面放置的信息類型、信息量等內(nèi)容方面的不同需求而設(shè)計(jì)。
-
分欄式
分欄式結(jié)構(gòu)是一種開放式框架結(jié)構(gòu)，是目前常見的頁面布局，適合信息流量較大、更新較快、信息儲(chǔ)備巨大的站點(diǎn)，如新浪等門戶網(wǎng)站、資訊類網(wǎng)站。在分欄結(jié)構(gòu)中，三分欄為常見，其次是二分欄、四分欄及比較少見的五分欄等。
-
區(qū)域劃分
區(qū)域劃分式頁面布局是利用輔助線、圖形和色彩把網(wǎng)頁平面分為幾個(gè)區(qū)域，這些區(qū)域可以是規(guī)則的或不規(guī)則的，而由區(qū)域所形成的網(wǎng)頁框架叫做區(qū)域排版。區(qū)域劃分式能夠適應(yīng)多種信息內(nèi)容編排的需求，解決分欄式結(jié)構(gòu)無法解決的諸多問題。
-
無規(guī)律式
無規(guī)律式頁面布局。它個(gè)性鮮明，與眾不同，其特殊的結(jié)構(gòu)不適合信息流量大的網(wǎng)站，主要以整張圖片的網(wǎng)頁設(shè)計(jì)為主，類似大海報(bào)，頁面漂亮，缺點(diǎn)就是圖片下載較慢，會(huì)影響網(wǎng)頁打開速度。
網(wǎng)頁設(shè)計(jì)師需要掌握的基本技能
-
尺寸
一個(gè)網(wǎng)頁的尺寸設(shè)置與屏幕分辨率和瀏覽器相關(guān)，我們不可能滿足所有用戶的最佳尺寸，但我們能做的是讓絕大多數(shù)用戶感覺是最佳的。我們可以通過統(tǒng)計(jì)分析工具獲取用戶屏幕分辨率數(shù)據(jù)，從而為設(shè)計(jì)提供參考。
-
服務(wù)
進(jìn)行跨設(shè)定字體使用規(guī)范，如主標(biāo)題、次標(biāo)題、小標(biāo)題、正文、輔助文字、失效文字、鏈接文字等字號、顏色、樣式等。字號不得小于12px，標(biāo)準(zhǔn) icon 可轉(zhuǎn)成字體圖標(biāo)，特殊字體可以使用 WebFont。
-
布局
在布局時(shí)遵循尺寸規(guī)則、交互和視覺原則，建議使用柵格系統(tǒng)進(jìn)行布局。最常見的是12列柵格系統(tǒng)，例如Bootstrap的柵格系統(tǒng)，支持將一行分成 1 列、2 列、3 列等，并提供了強(qiáng)大的響應(yīng)式布局方案。
-
色彩
顏色是網(wǎng)頁設(shè)計(jì)的核心，其有助于設(shè)計(jì)主題和主旨的構(gòu)建。另外，其還具有心理層面的作用，也就是說顏色能夠影響網(wǎng)站訪客看待網(wǎng)站用戶體驗(yàn)的方式。
-
排版
注意行高和段落、標(biāo)點(diǎn)和空格、對齊、文案長度、層級引導(dǎo)。行高和段落，行高默認(rèn)為字號的1.5倍。段落間距一般為字號的一倍寬。
-
動(dòng)畫
設(shè)計(jì)需了解一些常見動(dòng)畫效果、實(shí)現(xiàn)手法和js動(dòng)效庫，例如：漸隱、縮放、移動(dòng)、伸縮、搖擺等，便于和前端溝通。
相關(guān)問答
-
最佳答案
1.標(biāo)志、導(dǎo)航、按鈕、標(biāo)題等主要信息必須醒目。 相似于網(wǎng)頁中的Logo、導(dǎo)航、按鈕、文章題目等主要信息，必需醒宗旨識(shí)，契合日常瀏覽習(xí)性，不會(huì)給.....
[詳情] -
最佳答案
培訓(xùn)學(xué)校很多，沒有具體的衡量標(biāo)準(zhǔn)的。但是可以從幾方面去選擇： 1有很多優(yōu)秀導(dǎo)師的 2培養(yǎng)出很多優(yōu)秀學(xué)員的 3只做.....
[詳情] -
最佳答案
福州天琥教育協(xié)會(huì)對就業(yè)服務(wù)有專門指導(dǎo)。在推薦的就業(yè)模式下，每個(gè)學(xué)生至少參加四門就業(yè)培訓(xùn)課程，每個(gè)校園都設(shè)有就業(yè)服務(wù)中心，幫助學(xué)生解決就業(yè)問題。為了解決學(xué)生快速適.....
[詳情] -
最佳答案
首先，我們很高興收到您的問題。為了滿足學(xué)生的學(xué)習(xí)需要，我們開設(shè)了綜合性的設(shè)計(jì)課程，并開設(shè)了網(wǎng)頁設(shè)計(jì)課程。根據(jù)您的需求，我們?yōu)槟扑]網(wǎng)頁設(shè)計(jì)精英課程。本課程由一位.....
[詳情]
體驗(yàn)課預(yù)約試聽
倒計(jì)時(shí)
12:00:00
課程熱線：
客服在線時(shí)間：早上9點(diǎn)~下午6點(diǎn)，其他時(shí)間請?jiān)诰€預(yù)約報(bào)名或留言，謝謝！
個(gè)試聽名額
