- 相關(guān)推薦
網(wǎng)頁設(shè)計實(shí)習(xí)目的及意義
在計算機(jī)發(fā)展迅猛的今天，網(wǎng)頁設(shè)計必須首先明確設(shè)計站點(diǎn)的目的和用戶的需求，從而做出切實(shí)可行的設(shè)計方案。下面小編就為大家介紹網(wǎng)頁設(shè)計實(shí)習(xí)目的及意義。
《網(wǎng)頁設(shè)計》課程是一門實(shí)踐性很強(qiáng)的專業(yè)課程，《網(wǎng)頁設(shè)計》課程實(shí)習(xí)是這門課程的實(shí)踐性教學(xué)環(huán)節(jié)、是學(xué)生提高動手能力、真正做到理論聯(lián)系實(shí)際的一個重要環(huán)節(jié)。是《網(wǎng)頁設(shè)計》課程不可缺少的實(shí)踐部分。通過此實(shí)習(xí)，讓學(xué)生進(jìn)一步掌握網(wǎng)頁設(shè)計技術(shù)、了解團(tuán)隊協(xié)作的基本方式，掌握商業(yè)靜態(tài)網(wǎng)站從客戶分析、策劃、效果圖繪制、切片與優(yōu)化，首頁制作、CSS定義、一級模板制作、二級模板制作、子頁面制作、鏈接的創(chuàng)建、簡單動畫效果制作、測試與發(fā)布的整個流程。
(一)實(shí)習(xí)的目的
1.提高學(xué)生掌握設(shè)計過程的熟練程度，把握網(wǎng)頁設(shè)計的方法和思路，更好地將技術(shù)與藝術(shù)相結(jié)合。
2.將所學(xué)的基礎(chǔ)理論、專業(yè)知識和基本技能綜合運(yùn)用于實(shí)踐，提高實(shí)際能力和整體素質(zhì)。
3.深化課程內(nèi)容的掌握，將分散的知識點(diǎn)綜合性的運(yùn)用于一個整體的實(shí)例項目，培養(yǎng)學(xué)生綜合運(yùn)用和靈活運(yùn)用所學(xué)知識的能力。
4.強(qiáng)化網(wǎng)頁設(shè)計應(yīng)用技能的練習(xí)。在所學(xué)內(nèi)容的基礎(chǔ)，鼓勵創(chuàng)意的個性，培養(yǎng)學(xué)生的創(chuàng)新意識。
(二)實(shí)習(xí)的要求
1.熟悉商業(yè)網(wǎng)站的策劃過程，理清作品創(chuàng)作的設(shè)計思路。
2.熟練掌握Dreamweaver軟件的各項操作，能夠制作復(fù)雜的靜態(tài)頁面。
3.熟練掌握運(yùn)用PhotoShop軟件繪制網(wǎng)頁效果圖方法，并能夠合理對效果圖進(jìn)行切片和數(shù)據(jù)優(yōu)化。
4.掌握FLASH時間軸動畫的制作方法，能夠為靜態(tài)網(wǎng)頁添加適當(dāng)?shù)膭討B(tài)元素。
拓展閱讀
網(wǎng)頁設(shè)計注意問題
當(dāng)你在INTERNET這個信息的海洋中盡情遨游時，會發(fā)現(xiàn)許許多多內(nèi)容豐富、創(chuàng)意新穎、設(shè)計獨(dú)特的個人網(wǎng)頁，不知道你見到這樣漂亮可人的網(wǎng)頁是否有點(diǎn)心動。一旦你具備了上網(wǎng)的條件，又萌發(fā)了制作主頁的念頭，那么就應(yīng)該注意網(wǎng)頁設(shè)計時應(yīng)考慮哪些方面的問題，包括網(wǎng)站功能和以及訪問者需要什么。你的整個設(shè)計都應(yīng)該圍繞這些方面來進(jìn)行。下面筆者就自己在實(shí)踐操作中的使用體會來談?wù)劸W(wǎng)頁設(shè)計時應(yīng)該考慮哪些問題，希望能給初建網(wǎng)站的用戶帶來一定的作用。
1.頁面內(nèi)容要新穎
網(wǎng)頁內(nèi)容的選擇要不落俗套，要重點(diǎn)突出一個“新”字，這個原則要求我們在設(shè)計網(wǎng)站內(nèi)容時不能照抄別人的內(nèi)容，要結(jié)合自身的實(shí)際情況創(chuàng)作出一個獨(dú)一無二的網(wǎng)站。 放眼望去，網(wǎng)上的許多個人主頁簡直就是"雜貨店"，內(nèi)容包羅萬象,題材千篇一律，人人都是"軟件下載",個個都有"網(wǎng)絡(luò)導(dǎo)航"，從頭到尾找不出一絲“鮮”意。所以，我們在設(shè)計網(wǎng)頁時，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話,我相信這樣的網(wǎng)頁一定會受到大家的歡迎。
2、網(wǎng)頁命名要簡潔
由于一個網(wǎng)站不可能就是由一個網(wǎng)頁組成，它有許多子頁面，為了能使這些頁面有效地被連接起來，用戶最后能給這些頁面起一些有代表性的而且簡潔易記的網(wǎng)頁名稱。這樣既會有助于你以后方便管理網(wǎng)頁，在向搜索引擎提交你的網(wǎng)頁時更容易被別人索引到。在給網(wǎng)頁命名時，最好使用自己常用的或符合頁面內(nèi)容的小寫英文字母，這直接關(guān)系到頁面上的連接。
3、要及時更新網(wǎng)頁
網(wǎng)頁制作好后，不能說萬事大吉了，其實(shí)事后的工作量更大。因為網(wǎng)頁制作是一時的，而維護(hù)更新的工作是每天都要做的。要及時把網(wǎng)頁上已經(jīng)作廢的連接應(yīng)該立即刪除掉，比如用戶無意中點(diǎn)擊了頁面中的一個連接，在苦苦的等待之后，換來的是無法訪問的結(jié)果，那么他們會對你的網(wǎng)頁大失所望，可能以后再也不會光顧你的網(wǎng)頁了。若不能及時更新，也最好在主頁上發(fā)布信息，告訴前來訪問的朋友，因有特殊情況需要離開一段時間，未能及時更新主頁，希望各位見諒，這樣就能給人一種對別人負(fù)責(zé)的感覺，同時能得到網(wǎng)友的信任。
4、注意視覺效果
設(shè)計Web頁面時，一定要用1024*768的分辨率來 分別觀察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁面看上去很具吸引力，但在1024*768的模式下可能會黯然失色。作一點(diǎn)小小的努力，設(shè)計一個在不同分辨率下都能正常顯示的網(wǎng)頁
5、隨時注意網(wǎng)站升級
時刻注意網(wǎng)站的運(yùn)行狀況。性能很好的主機(jī)隨著訪問人數(shù)的增加，可能會運(yùn)行緩慢。但是，如果你不想失去訪問者的話，一定要仔細(xì)計劃好你的升級計劃。
6、 網(wǎng)頁內(nèi)容要易讀
網(wǎng)站設(shè)計最重要的訣竅，恐怕就是你的網(wǎng)頁要易讀。這就意味著，你必須花點(diǎn)心思來規(guī)劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果，別用花里胡哨的色彩組合，讓人看起你的網(wǎng)頁來很費(fèi)勁。一般來說，淺色背景下的深色文字為佳 。這個要點(diǎn)要求你最好別把文字的規(guī)格設(shè)得太小、也不能太大。文字太小，人家讀起來難受;文字太大，或者文字視覺效果變化頻繁，像是沖著人大喊大叫，看起來不舒服。另外，最好讓文本左對齊，而不是居中。按當(dāng)代中文的閱讀習(xí)慣，文本大都居左的。當(dāng)然，標(biāo)題一般應(yīng)該居中，因為這符合讀者的閱讀習(xí)慣。
7、善用表格來布局
不要把一個網(wǎng)站的內(nèi)容象作報告似的一二三四地羅列出來，要注意多用表格把網(wǎng)站內(nèi)容的層次性和空間性突出顯示出來，使人一眼就能看出你的網(wǎng)站重點(diǎn)突出，結(jié)構(gòu)分明。
8、 少用特殊字體
雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預(yù)測你的訪問者在他們的計算機(jī)上將看到什么。在你的計算機(jī)里看起來相當(dāng)好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設(shè)計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機(jī)上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。
9、多學(xué)習(xí)和使用超文本標(biāo)記語言
為了成功地設(shè)計網(wǎng)站，你必須理解HTML(標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用)是如何工作的。大多數(shù)的網(wǎng)站設(shè)計者建議網(wǎng)絡(luò)新手應(yīng)從有關(guān)HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。因為用HTML設(shè)計網(wǎng)站，可以控制設(shè)計的整個過程。但是，如果你僅僅是網(wǎng)站設(shè)計的新手，你應(yīng)該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設(shè)計工具。在設(shè)計過程中，HomeSite4能幫助你學(xué)習(xí)HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預(yù)覽你的網(wǎng)站。
10、盡量少用Java程序
不要大幅度地使用的Java程序，能夠用javascript替代效果的則盡量不要使用java。因為來講java的運(yùn)行速度實(shí)在慢的讓人無法忍受，往往使瀏覽者沒有耐心等頁面全部顯示出來，這樣你的精心設(shè)計便毫無效果啦。
11、 少放網(wǎng)站地圖
許多設(shè)計者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進(jìn)你的導(dǎo)航和工具條。
12、要為圖片附加注釋文字
給每個圖形加上文字的說明，在出現(xiàn)之前就可以看到相關(guān)內(nèi)容，尤其是導(dǎo)航按鈕和大圖片更應(yīng)如此。這樣一來，用戶在訪問你的站點(diǎn)時就有一種親切感覺，認(rèn)為你心細(xì)，比較善解人意，時時刻刻為他人著想，相信你的好心會有好報的。
13、做個網(wǎng)站介紹
一個簡單明了的網(wǎng)站介紹，不僅能讓別人對你的網(wǎng)站能夠提供些什么有個了解，引發(fā)共鳴或是表達(dá)你的誠意，常常最能打動讀者，而且還能使訪問者能快速找到想要的東西。但是，許多設(shè)計者都沒有這樣做。有效的導(dǎo)航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 14、考慮瀏覽器的兼容性
當(dāng)然IE所占的市場份額越來越大，但是我們?nèi)匀恍枰紤]到Netscape以及Opera這些瀏覽器用戶。設(shè)計風(fēng)格的考慮，如色彩的搭配，圖形、線條的使用等等。要時刻為用戶著想，必須最少在幾種不同類型的瀏覽器下測試網(wǎng)站，看看兼容性如何。
15、不宜多用閃爍文字
有的設(shè)計者想通過閃爍的文字來引起訪問者的注意是可以被人理解的，但一個頁面中最多不能有三處閃爍文字，太多了給用戶一種眼花繚亂的感覺，反而會影響用戶去訪問該網(wǎng)站的其他內(nèi)容，正所謂“物極必反”也。
16、每個頁面都要有導(dǎo)航按鈕
應(yīng)當(dāng)避免強(qiáng)迫用戶使用工具欄中的向前和向后按鈕。你的設(shè)計應(yīng)當(dāng)使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置上都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。
17、避免長文本頁面
在一個站點(diǎn)上有許多只有文本的冗長頁面，是令人乏味的，人們?yōu)榱碎喿x這些長文本，不得不使用卷滾條，從而也浪費(fèi)了用戶在網(wǎng)上沖浪的時間。如果你有大量的基于文本的文檔，應(yīng)當(dāng)以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀，從而節(jié)省寶貴的時間。
18、 網(wǎng)頁風(fēng)格要統(tǒng)一
你網(wǎng)頁上所有的圖像、文字，包括像背景顏色、區(qū)分線、字體、標(biāo)題、注腳什么的，要統(tǒng)一風(fēng)格，貫穿全站。這樣子讀者看起來舒服、順暢，會對你的網(wǎng)站留下一個“很專業(yè)”的印象。
19、動畫最多只用一個
大家都喜歡用GIF動畫來裝飾網(wǎng)頁，它的確很吸引人，但我們在選擇時，是否能確定必須用GIF動畫，如果答否，那么就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動畫的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來，就會影響下載的速度，所以，如果有些不是必須的，就選擇最小的。
20、善用圖像
用戶在網(wǎng)上四處漫游，你必須設(shè)法吸引和維護(hù)他們對你的主頁的注意力。萬維網(wǎng)的其中一個最重大資源是其多媒體能力，所以我們無論如何要善加利用。主頁上最好有醒目的圖像、新穎的畫面、美觀的字款，使其別具特色，令人過目不忘。圖像的內(nèi)容應(yīng)有一定的實(shí)際作用，切忌虛飾浮夸。注意圖畫可以彌補(bǔ)文字之不足，但并不能夠完全取代文字。很多用戶把瀏覽軟件設(shè)定為略去圖像，以求節(jié)省時間他們只看文字。因此，制作主頁時，必須注意將圖像所連接的重要信息或聯(lián)接其他頁面的指示用文字重復(fù)表達(dá)幾次，同時要注意避免使用過大的圖像，如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預(yù)覽效果顯示出來，這樣用戶就不必浪費(fèi)金錢和時間去下載他們根本不想看的大圖像。
21、網(wǎng)站導(dǎo)航要清晰
所有的超鏈接應(yīng)清晰無誤地向讀者標(biāo)識出來，所有導(dǎo)航性質(zhì)的設(shè)置，像圖像按鈕，都要有清晰的標(biāo)識，讓人看得明白，千萬別光顧視覺效果是熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪問的，藍(lán)色;點(diǎn)擊過的，紫色或栗色。總之，文本鏈接一定要和頁面的其他文字有所區(qū)分，給讀者清楚的導(dǎo)向 。
22、最好不用記數(shù)器
由于計數(shù)器也是由程序設(shè)計成的，顯示計數(shù)器的過程其實(shí)就是在執(zhí)行一個程序的過程，它需要占用用戶寶貴的上網(wǎng)時間，況且大多數(shù)瀏覽者認(rèn)為計數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網(wǎng)站上放置一個醒目的點(diǎn)擊記數(shù)器。你設(shè)計網(wǎng)站是為了給訪問者提供服務(wù)，而不是推銷你自己認(rèn)為重要的東西。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個鏈接，顯示訪問日志。
23、不能忽視錯別字
一個好的網(wǎng)站對設(shè)計的每一個細(xì)節(jié)都不會放過，哪怕是一個微小的拼寫錯誤都是絕對不能出現(xiàn)的。但是遺憾的是，許多設(shè)計者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯別字，要時時刻刻保持一種嚴(yán)謹(jǐn)?shù)目茖W(xué)態(tài)度。
24、不要用框架
與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個框架。但是設(shè)計者立刻就發(fā)現(xiàn)，在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站。框架也使得網(wǎng)站內(nèi)個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。
25、使用著名的插件
如果網(wǎng)站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。如果訪問者沒有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪問者有可能就不會返回了。許多站點(diǎn)使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者并不愿意浪費(fèi)很多時間和金錢去下載可能僅使用一次的插件。
26、使網(wǎng)站具有交互功能
一個靜態(tài)網(wǎng)頁始終給人一種呆板的感覺，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問題的工具以及其他具有交互性能的設(shè)計，使得訪問者能從網(wǎng)站上獲得交互的信息，從而使訪問者有一種參與網(wǎng)絡(luò)建設(shè)的新鮮感和成就感。
【網(wǎng)頁設(shè)計實(shí)習(xí)目的及意義】相關(guān)文章：
實(shí)習(xí)目的及意義05-17
實(shí)習(xí)目的與意義03-13
實(shí)習(xí)的目的與意義05-17
實(shí)習(xí)目的與意義07-18
建筑實(shí)習(xí)目的及意義06-08
銀行實(shí)習(xí)目的與意義04-01
新聞實(shí)習(xí)目的及意義01-09