網(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í)
課程熱線:
客服在線時(shí)間:早上9點(diǎn)~下午6點(diǎn),其他時(shí)間請?jiān)诰€預(yù)約報(bào)名或留言,謝謝!