南通網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)班
【所屬機(jī)構(gòu)：科迅教育】
網(wǎng)頁(yè)設(shè)計(jì)，是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁(yè)面設(shè)計(jì)美化工作。作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。
網(wǎng)頁(yè)設(shè)計(jì)思路
簡(jiǎn)潔實(shí)用盡量以最高效率的方式將用戶(hù)所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西
實(shí)用方便同第一個(gè)是相一致的，滿(mǎn)足使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美
整體性好一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的
網(wǎng)站形象突出一個(gè)符合美的標(biāo)準(zhǔn)的網(wǎng)頁(yè)是能夠使網(wǎng)站的形象得到最大限度的提升的
網(wǎng)頁(yè)設(shè)計(jì)課程內(nèi)容
| 課程章節(jié) | 學(xué)習(xí)內(nèi)容 |
| 一、photoshop基礎(chǔ)知識(shí) | 學(xué)習(xí)Photoshop圖像處理軟件和ImageReady網(wǎng)頁(yè)動(dòng)畫(huà)制作軟件，講解工具箱的積壓工具應(yīng)用技巧，文件、編輯、圖象菜單的應(yīng)用，圖層、通道、圖象菜單的應(yīng)用技巧，圖層、通道、朦版的關(guān)系和應(yīng)用，濾鏡的使用，各浮動(dòng)面板的應(yīng)用、動(dòng)作、歷史記錄的使用，能夠進(jìn)行專(zhuān)業(yè)圖像處理、圖片的修復(fù)與合成、特效字制作等。 |
| 二、Dreamweaver軟件學(xué)習(xí) | Dreamweaver網(wǎng)站綜合知識(shí)，面板組，站點(diǎn)管理;表格的使用，精確定位、排版;使用圖象和超鏈接;CSS層疊樣式表的應(yīng)用;層的概念及應(yīng)用，時(shí)間軸;庫(kù)的使用和模板功能、Html語(yǔ)言簡(jiǎn)介、使用表單，框架的使用，iframe的作用;網(wǎng)頁(yè)特效(javascript)，多媒體網(wǎng)頁(yè);網(wǎng)頁(yè)實(shí)戰(zhàn)，綜合練習(xí) |
| 三、Fireworks軟件學(xué)習(xí) | Fireworks工作環(huán)境，工具介紹，繪圖功能;使用文本，應(yīng)用動(dòng)態(tài)效果，濾鏡、Fireworks使用層和混合模式、使用樣式、元件和URL，動(dòng)畫(huà)功能、切片和熱點(diǎn)，創(chuàng)建彈出菜單;優(yōu)化導(dǎo)出，與Dreamweaver配合使用 |
| 四、Flash軟件學(xué)習(xí) | Flash繪圖基本功能、Flash動(dòng)畫(huà)原理、軟件綜合運(yùn)用練習(xí)、元件功能導(dǎo)入、軟件綜合運(yùn)用練習(xí)、復(fù)合動(dòng)畫(huà)生成;軟件綜合運(yùn)用練習(xí)、Action命令詳解、軟件綜合運(yùn)用練習(xí) |
| 五、網(wǎng)絡(luò)實(shí)戰(zhàn) | 學(xué)習(xí)網(wǎng)站制作的流程，網(wǎng)站建立的基本常識(shí)(域名注冊(cè)，空間租借，網(wǎng)絡(luò)實(shí)名注冊(cè)，搜索引擎及相關(guān)常識(shí))，網(wǎng)站上傳，推擴(kuò)和維護(hù)。 |
| 六、網(wǎng)絡(luò)實(shí)戰(zhàn) | (一) 學(xué)習(xí)動(dòng)態(tài)網(wǎng)站處理模式，網(wǎng)絡(luò)編程在頁(yè)面中的應(yīng)用、網(wǎng)絡(luò)數(shù)據(jù)庫(kù)的建立及開(kāi)發(fā)與應(yīng)用、網(wǎng)絡(luò)語(yǔ)言及數(shù)據(jù)庫(kù)的關(guān)系處理。 (二)學(xué)習(xí)靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)原則，圖像的運(yùn)用，表格的排版，動(dòng)畫(huà)的調(diào)入，頁(yè)面整體風(fēng)格的統(tǒng)一，顏色的搭配與調(diào)和。 |
網(wǎng)頁(yè)設(shè)計(jì)注意問(wèn)題
- 注意視覺(jué)效果設(shè)計(jì)Web頁(yè)面時(shí)，一定要用1024*768的分辨率來(lái) 分別觀察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁(yè)面看上去很具吸引力，但在1024*768的模式下可能會(huì)黯然失色。
- 考慮瀏覽器的兼容性當(dāng)然IE所占的市場(chǎng)份額越來(lái)越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶(hù)。設(shè)計(jì)風(fēng)格的考慮，如色彩的搭配，圖形、線條的使用等等。要時(shí)刻為用戶(hù)著想，必須最少在幾種不同類(lèi)型的瀏覽器下測(cè)試網(wǎng)站。
- 使網(wǎng)站具有交互功能一個(gè)靜態(tài)網(wǎng)頁(yè)始終給人一種呆板的感覺(jué)，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問(wèn)題的工具以及其他具有交互性能的設(shè)計(jì)，使得訪問(wèn)者能從網(wǎng)站上獲得交互的信息，從而使訪問(wèn)者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。
- 隨時(shí)注意網(wǎng)站升級(jí)時(shí)刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問(wèn)人數(shù)的增加，可能會(huì)運(yùn)行緩慢。但是，如果你不想失去訪問(wèn)者的話(huà)，一定要仔細(xì)計(jì)劃好你的升級(jí)計(jì)劃。
- 善用表格來(lái)布局不要把一個(gè)網(wǎng)站的內(nèi)容象作報(bào)告似的一二三四地羅列出來(lái)，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來(lái)，使人一眼就能看出你的網(wǎng)站重點(diǎn)突出，結(jié)構(gòu)分明。
- 網(wǎng)頁(yè)風(fēng)格要統(tǒng)一你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來(lái)舒服、順暢，會(huì)對(duì)你的網(wǎng)站留下一個(gè)“很專(zhuān)業(yè)”的印象。
網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)問(wèn)題
沒(méi)有遵循網(wǎng)頁(yè)設(shè)計(jì)基本原則在移動(dòng)終端網(wǎng)頁(yè)設(shè)計(jì)環(huán)節(jié)要積極體現(xiàn)精簡(jiǎn)原則，在頁(yè)面設(shè)計(jì)中要盡量做到重點(diǎn)突出、精簡(jiǎn)，這樣的設(shè)計(jì)才能更好的滿(mǎn)足用戶(hù)的個(gè)性化要求，提升網(wǎng)頁(yè)瀏覽的便捷性和畫(huà)面感，給用戶(hù)帶來(lái)不同的視覺(jué)體驗(yàn)。然而，當(dāng)前在移動(dòng)終端網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中相關(guān)人員沒(méi)有嚴(yán)格按照標(biāo)準(zhǔn)流程進(jìn)行設(shè)計(jì)，設(shè)計(jì)重點(diǎn)不突出，不夠精簡(jiǎn)，手機(jī)屏幕尺寸偏大，這給用戶(hù)造成了諸多不便，網(wǎng)頁(yè)瀏覽起來(lái)不方便，網(wǎng)頁(yè)相應(yīng)內(nèi)容不夠簡(jiǎn)明扼要。
對(duì)目標(biāo)終端屏幕特征掌握不夠在移動(dòng)終端網(wǎng)頁(yè)設(shè)計(jì)的過(guò)程中相關(guān)人員一定要積極了解目標(biāo)終端屏幕特征。然而在實(shí)際工作中，設(shè)計(jì)人員卻沒(méi)有做到這點(diǎn)，對(duì)目標(biāo)終端屏幕特征的了解不夠，頁(yè)面渲染效果受到瀏覽器像素寬度的影響。多數(shù)用戶(hù)都經(jīng)常使用豎屏手機(jī)，而平板電腦是橫屏使用的，因此，實(shí)際設(shè)計(jì)中由于沒(méi)有考慮到這點(diǎn)，導(dǎo)致了用戶(hù)頁(yè)面的渲染效果受到了一定影響，對(duì)分辨率范圍的劃分不夠合理，沒(méi)有考慮到移動(dòng)終端不同，相應(yīng)的屏幕分辨率就會(huì)不同。
