網(wǎng)頁(yè)設計實(shí)習目的及意義

　　在計算機發(fā)展迅猛的今天，網(wǎng)頁(yè)設計必須首先明確設計站點(diǎn)的目的和用戶(hù)的需求，從而做出切實(shí)可行的設計方案。下面小編就為大家介紹網(wǎng)頁(yè)設計實(shí)習目的及意義。

　　《網(wǎng)頁(yè)設計》課程是一門(mén)實(shí)踐性很強的專(zhuān)業(yè)課程，《網(wǎng)頁(yè)設計》課程實(shí)習是這門(mén)課程的實(shí)踐性教學(xué)環(huán)節、是學(xué)生提高動(dòng)手能力、真正做到理論聯(lián)系實(shí)際的一個(gè)重要環(huán)節。是《網(wǎng)頁(yè)設計》課程不可缺少的實(shí)踐部分。通過(guò)此實(shí)習，讓學(xué)生進(jìn)一步掌握網(wǎng)頁(yè)設計技術(shù)、了解團隊協(xié)作的基本方式，掌握商業(yè)靜態(tài)網(wǎng)站從客戶(hù)分析、策劃、效果圖繪制、切片與優(yōu)化，首頁(yè)制作、CSS定義、一級模板制作、二級模板制作、子頁(yè)面制作、鏈接的創(chuàng )建、簡(jiǎn)單動(dòng)畫(huà)效果制作、測試與發(fā)布的整個(gè)流程。

　　(一)實(shí)習的目的

　　1.提高學(xué)生掌握設計過(guò)程的熟練程度，把握網(wǎng)頁(yè)設計的方法和思路，更好地將技術(shù)與藝術(shù)相結合。

　　2.將所學(xué)的基礎理論、專(zhuān)業(yè)知識和基本技能綜合運用于實(shí)踐，提高實(shí)際能力和整體素質(zhì)。

　　3.深化課程內容的掌握，將分散的知識點(diǎn)綜合性的運用于一個(gè)整體的實(shí)例項目，培養學(xué)生綜合運用和靈活運用所學(xué)知識的能力。

　　4.強化網(wǎng)頁(yè)設計應用技能的練習。在所學(xué)內容的基礎，鼓勵創(chuàng )意的個(gè)性，培養學(xué)生的創(chuàng )新意識。

　　(二)實(shí)習的要求

　　1.熟悉商業(yè)網(wǎng)站的策劃過(guò)程，理清作品創(chuàng )作的設計思路。

　　2.熟練掌握Dreamweaver軟件的各項操作，能夠制作復雜的靜態(tài)頁(yè)面。

　　3.熟練掌握運用PhotoShop軟件繪制網(wǎng)頁(yè)效果圖方法，并能夠合理對效果圖進(jìn)行切片和數據優(yōu)化。

　　4.掌握FLASH時(shí)間軸動(dòng)畫(huà)的制作方法，能夠為靜態(tài)網(wǎng)頁(yè)添加適當的動(dòng)態(tài)元素。

　　拓展閱讀

　　網(wǎng)頁(yè)設計注意問(wèn)題

　　當你在INTERNET這個(gè)信息的海洋中盡情遨游時(shí)，會(huì )發(fā)現許許多多內容豐富、創(chuàng )意新穎、設計獨特的個(gè)人網(wǎng)頁(yè)，不知道你見(jiàn)到這樣漂亮可人的網(wǎng)頁(yè)是否有點(diǎn)心動(dòng)。一旦你具備了上網(wǎng)的條件，又萌發(fā)了制作主頁(yè)的念頭，那么就應該注意網(wǎng)頁(yè)設計時(shí)應考慮哪些方面的問(wèn)題，包括網(wǎng)站功能和以及訪(fǎng)問(wèn)者需要什么。你的整個(gè)設計都應該圍繞這些方面來(lái)進(jìn)行。下面筆者就自己在實(shí)踐操作中的使用體會(huì )來(lái)談?wù)劸W(wǎng)頁(yè)設計時(shí)應該考慮哪些問(wèn)題，希望能給初建網(wǎng)站的用戶(hù)帶來(lái)一定的作用。

　　1.頁(yè)面內容要新穎

　　網(wǎng)頁(yè)內容的選擇要不落俗套，要重點(diǎn)突出一個(gè)“新”字，這個(gè)原則要求我們在設計網(wǎng)站內容時(shí)不能照抄別人的內容，要結合自身的實(shí)際情況創(chuàng )作出一個(gè)獨一無(wú)二的網(wǎng)站。 放眼望去，網(wǎng)上的許多個(gè)人主頁(yè)簡(jiǎn)直就是"雜貨店"，內容包羅萬(wàn)象,題材千篇一律，人人都是"軟件下載",個(gè)個(gè)都有"網(wǎng)絡(luò )導航"，從頭到尾找不出一絲“鮮”意。所以，我們在設計網(wǎng)頁(yè)時(shí)，要把功夫下在選材上。選材要盡量做到“少”而“精”,又必須突出“新”，如能堅持天天更新的話(huà),我相信這樣的網(wǎng)頁(yè)一定會(huì )受到大家的歡迎。

　　2、網(wǎng)頁(yè)命名要簡(jiǎn)潔

　　由于一個(gè)網(wǎng)站不可能就是由一個(gè)網(wǎng)頁(yè)組成，它有許多子頁(yè)面，為了能使這些頁(yè)面有效地被連接起來(lái)，用戶(hù)最后能給這些頁(yè)面起一些有代表性的而且簡(jiǎn)潔易記的網(wǎng)頁(yè)名稱(chēng)。這樣既會(huì )有助于你以后方便管理網(wǎng)頁(yè)，在向搜索引擎提交你的網(wǎng)頁(yè)時(shí)更容易被別人索引到。在給網(wǎng)頁(yè)命名時(shí)，最好使用自己常用的或符合頁(yè)面內容的小寫(xiě)英文字母，這直接關(guān)系到頁(yè)面上的連接。

　　3、要及時(shí)更新網(wǎng)頁(yè)

　　網(wǎng)頁(yè)制作好后，不能說(shuō)萬(wàn)事大吉了，其實(shí)事后的工作量更大。因為網(wǎng)頁(yè)制作是一時(shí)的，而維護更新的工作是每天都要做的。要及時(shí)把網(wǎng)頁(yè)上已經(jīng)作廢的連接應該立即刪除掉，比如用戶(hù)無(wú)意中點(diǎn)擊了頁(yè)面中的一個(gè)連接，在苦苦的等待之后，換來(lái)的是無(wú)法訪(fǎng)問(wèn)的結果，那么他們會(huì )對你的網(wǎng)頁(yè)大失所望，可能以后再也不會(huì )光顧你的網(wǎng)頁(yè)了。若不能及時(shí)更新，也最好在主頁(yè)上發(fā)布信息，告訴前來(lái)訪(fǎng)問(wèn)的朋友，因有特殊情況需要離開(kāi)一段時(shí)間，未能及時(shí)更新主頁(yè)，希望各位見(jiàn)諒，這樣就能給人一種對別人負責的感覺(jué)，同時(shí)能得到網(wǎng)友的信任。

　　4、注意視覺(jué)效果

　　設計Web頁(yè)面時(shí)，一定要用1024*768的分辨率來(lái) 分別觀(guān)察。許多瀏覽器使用1024*768的分辨率，盡管在1280*1024高分辨率下一 些Web頁(yè)面看上去很具吸引力，但在1024*768的模式下可能會(huì )黯然失色。作一點(diǎn)小小的努力，設計一個(gè)在不同分辨率下都能正常顯示的網(wǎng)頁(yè)

　　5、隨時(shí)注意網(wǎng)站升級

　　時(shí)刻注意網(wǎng)站的運行狀況。性能很好的主機隨著(zhù)訪(fǎng)問(wèn)人數的增加，可能會(huì )運行緩慢。但是，如果你不想失去訪(fǎng)問(wèn)者的話(huà)，一定要仔細計劃好你的升級計劃。

　　6、 網(wǎng)頁(yè)內容要易讀

　　網(wǎng)站設計最重要的訣竅，恐怕就是你的網(wǎng)頁(yè)要易讀。這就意味著(zhù)，你必須花點(diǎn)心思來(lái)規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺(jué)效果，別用花里胡哨的色彩組合，讓人看起你的網(wǎng)頁(yè)來(lái)很費勁。一般來(lái)說(shuō)，淺色背景下的深色文字為佳 。這個(gè)要點(diǎn)要求你最好別把文字的規格設得太小、也不能太大。文字太小，人家讀起來(lái)難受;文字太大，或者文字視覺(jué)效果變化頻繁，像是沖著(zhù)人大喊大叫，看起來(lái)不舒服。另外，最好讓文本左對齊，而不是居中。按當代中文的閱讀習慣，文本大都居左的。當然，標題一般應該居中，因為這符合讀者的閱讀習慣。

　　7、善用表格來(lái)布局

　　不要把一個(gè)網(wǎng)站的內容象作報告似的一二三四地羅列出來(lái)，要注意多用表格把網(wǎng)站內容的層次性和空間性突出顯示出來(lái)，使人一眼就能看出你的網(wǎng)站重點(diǎn)突出，結構分明。

　　8、 少用特殊字體

　　雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪(fǎng)問(wèn)者在他們的計算機上將看到什么。在你的計算機里看起來(lái)相當好的頁(yè)面，在另一個(gè)不同的平臺上看起來(lái)可能非常糟糕。一些網(wǎng)站設計員喜歡使用來(lái)定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪(fǎng)問(wèn)者的計算機上不能顯示。級聯(lián)風(fēng)格表CSS有助于解決這些問(wèn)題，但是只有最新版的瀏覽器才支持CSS。

　　9、多學(xué)習和使用超文本標記語(yǔ)言

　　為了成功地設計網(wǎng)站，你必須理解HTML(標準通用標記語(yǔ)言下的一個(gè)應用)是如何工作的。大多數的網(wǎng)站設計者建議網(wǎng)絡(luò )新手應從有關(guān)HTML的書(shū)中去尋找答案，用Notepad制作網(wǎng)頁(yè)。因為用HTML設計網(wǎng)站，可以控制設計的整個(gè)過(guò)程。但是，如果你僅僅是網(wǎng)站設計的新手，你應該尋找一個(gè)允許修改HTML的軟件包。HomeSite4是一個(gè)很好的Web設計工具。在設計過(guò)程中，HomeSite4能幫助你學(xué)習HTML。它還允許你切換到所見(jiàn)即所得的模式，以便你在把網(wǎng)站發(fā)送到Web之前，預覽你的網(wǎng)站。

　　10、盡量少用Java程序

　　不要大幅度地使用的Java程序，能夠用javascript替代效果的則盡量不要使用java。因為來(lái)講java的運行速度實(shí)在慢的讓人無(wú)法忍受，往往使瀏覽者沒(méi)有耐心等頁(yè)面全部顯示出來(lái)，這樣你的精心設計便毫無(wú)效果啦。

　　11、 少放網(wǎng)站地圖

　　許多設計者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪(fǎng)問(wèn)者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒(méi)有興趣。如果你覺(jué)得你的網(wǎng)站需要地圖，那很可能是需要改進(jìn)你的導航和工具條。

　　12、要為圖片附加注釋文字

　　給每個(gè)圖形加上文字的說(shuō)明，在出現之前就可以看到相關(guān)內容，尤其是導航按鈕和大圖片更應如此。這樣一來(lái)，用戶(hù)在訪(fǎng)問(wèn)你的站點(diǎn)時(shí)就有一種親切感覺(jué)，認為你心細，比較善解人意，時(shí)時(shí)刻刻為他人著(zhù)想，相信你的好心會(huì )有好報的。

　　13、做個(gè)網(wǎng)站介紹

　　一個(gè)簡(jiǎn)單明了的網(wǎng)站介紹，不僅能讓別人對你的網(wǎng)站能夠提供些什么有個(gè)了解，引發(fā)共鳴或是表達你的誠意，常常最能打動(dòng)讀者，而且還能使訪(fǎng)問(wèn)者能快速找到想要的東西。但是，許多設計者都沒(méi)有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪(fǎng)問(wèn)者很重要。告訴訪(fǎng)問(wèn)者你所提供的正是他們想要的信息。 14、考慮瀏覽器的兼容性

　　當然IE所占的市場(chǎng)份額越來(lái)越大，但是我們仍然需要考慮到Netscape以及Opera這些瀏覽器用戶(hù)。設計風(fēng)格的考慮，如色彩的搭配，圖形、線(xiàn)條的使用等等。要時(shí)刻為用戶(hù)著(zhù)想，必須最少在幾種不同類(lèi)型的瀏覽器下測試網(wǎng)站，看看兼容性如何。

　　15、不宜多用閃爍文字

　　有的設計者想通過(guò)閃爍的文字來(lái)引起訪(fǎng)問(wèn)者的注意是可以被人理解的，但一個(gè)頁(yè)面中最多不能有三處閃爍文字，太多了給用戶(hù)一種眼花繚亂的感覺(jué)，反而會(huì )影響用戶(hù)去訪(fǎng)問(wèn)該網(wǎng)站的其他內容，正所謂“物極必反”也。

　　16、每個(gè)頁(yè)面都要有導航按鈕

　　應當避免強迫用戶(hù)使用工具欄中的向前和向后按鈕。你的設計應當使用戶(hù)能夠很快地找到他們所要的東西。絕大多數好的站點(diǎn)在每一頁(yè)同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁(yè)上訪(fǎng)問(wèn)網(wǎng)站的任何部分。

　　17、避免長(cháng)文本頁(yè)面

　　在一個(gè)站點(diǎn)上有許多只有文本的冗長(cháng)頁(yè)面，是令人乏味的，人們?yōu)榱碎喿x這些長(cháng)文本，不得不使用卷滾條，從而也浪費了用戶(hù)在網(wǎng)上沖浪的時(shí)間。如果你有大量的基于文本的文檔，應當以Adobe Acrobat格式的文件形式來(lái)放置，以便你的訪(fǎng)問(wèn)者能離線(xiàn)閱讀，從而節省寶貴的時(shí)間。

　　18、 網(wǎng)頁(yè)風(fēng)格要統一

　　你網(wǎng)頁(yè)上所有的圖像、文字，包括像背景顏色、區分線(xiàn)、字體、標題、注腳什么的，要統一風(fēng)格，貫穿全站。這樣子讀者看起來(lái)舒服、順暢，會(huì )對你的網(wǎng)站留下一個(gè)“很專(zhuān)業(yè)”的印象。

　　19、動(dòng)畫(huà)最多只用一個(gè)

　　大家都喜歡用GIF動(dòng)畫(huà)來(lái)裝飾網(wǎng)頁(yè)，它的確很吸引人，但我們在選擇時(shí)，是否能確定必須用GIF動(dòng)畫(huà)，如果答否，那么就選擇靜止的圖片，因為它的容量要小得多。同樣的尺寸的LOGO，GIF動(dòng)畫(huà)的容量有5K，而靜止LOGO的只有3K。雖然只有2K之差，但多起來(lái)，就會(huì )影響下載的速度，所以，如果有些不是必須的，就選擇最小的。

　　20、善用圖像

　　用戶(hù)在網(wǎng)上四處漫游，你必須設法吸引和維護他們對你的主頁(yè)的注意力。萬(wàn)維網(wǎng)的其中一個(gè)最重大資源是其多媒體能力，所以我們無(wú)論如何要善加利用。主頁(yè)上最好有醒目的圖像、新穎的畫(huà)面、美觀(guān)的字款，使其別具特色，令人過(guò)目不忘。圖像的內容應有一定的實(shí)際作用，切忌虛飾浮夸。注意圖畫(huà)可以彌補文字之不足，但并不能夠完全取代文字。很多用戶(hù)把瀏覽軟件設定為略去圖像，以求節省時(shí)間他們只看文字。因此，制作主頁(yè)時(shí)，必須注意將圖像所連接的重要信息或聯(lián)接其他頁(yè)面的指示用文字重復表達幾次，同時(shí)要注意避免使用過(guò)大的圖像，如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預覽效果顯示出來(lái)，這樣用戶(hù)就不必浪費金錢(qián)和時(shí)間去下載他們根本不想看的大圖像。

　　21、網(wǎng)站導航要清晰

　　所有的超鏈接應清晰無(wú)誤地向讀者標識出來(lái)，所有導航性質(zhì)的設置，像圖像按鈕，都要有清晰的標識，讓人看得明白，千萬(wàn)別光顧視覺(jué)效果是熱鬧的，而讓人家不知東西南北。鏈接文本的顏色最好用約定俗成的：未訪(fǎng)問(wèn)的，藍色;點(diǎn)擊過(guò)的，紫色或栗色�？傊�，文本鏈接一定要和頁(yè)面的其他文字有所區分，給讀者清楚的導向 。

　　22、最好不用記數器

　　由于計數器也是由程序設計成的，顯示計數器的過(guò)程其實(shí)就是在執行一個(gè)程序的過(guò)程，它需要占用用戶(hù)寶貴的上網(wǎng)時(shí)間，況且大多數瀏覽者認為計數器毫無(wú)意義，它們很容易被做假，瀏覽者也不想看廣告。因此筆者建議不要輕易考慮在你的網(wǎng)站上放置一個(gè)醒目的點(diǎn)擊記數器。你設計網(wǎng)站是為了給訪(fǎng)問(wèn)者提供服務(wù)，而不是推銷(xiāo)你自己認為重要的東西。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個(gè)鏈接，顯示訪(fǎng)問(wèn)日志。

　　23、不能忽視錯別字

　　一個(gè)好的網(wǎng)站對設計的每一個(gè)細節都不會(huì )放過(guò)，哪怕是一個(gè)微小的拼寫(xiě)錯誤都是絕對不能出現的。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫(xiě)正確，并且格外注意平常容易誤寫(xiě)的錯別字，要時(shí)時(shí)刻刻保持一種嚴謹的科學(xué)態(tài)度。

　　24、不要用框架

　　與記數器一樣，框架在網(wǎng)頁(yè)上越來(lái)越流行。在大多數網(wǎng)站上，在屏幕的左邊有一個(gè)框架。但是設計者立刻就發(fā)現，在使用框架時(shí)產(chǎn)生了許多的問(wèn)題。使用框架時(shí)如果沒(méi)有17英寸的顯示屏幾乎不可能顯示整個(gè)網(wǎng)站�？蚣芤彩沟镁W(wǎng)站內個(gè)人主頁(yè)不能夠成為書(shū)簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。

　　25、使用著(zhù)名的插件

　　如果網(wǎng)站上有聲音或視頻，要保證使用者通過(guò)使用某個(gè)知名的插件，能夠聽(tīng)到或看到。如果訪(fǎng)問(wèn)者沒(méi)有所要求的插件，將不得不到其它站點(diǎn)去下載，這樣訪(fǎng)問(wèn)者有可能就不會(huì )返回了。許多站點(diǎn)使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪(fǎng)問(wèn)者并不愿意浪費很多時(shí)間和金錢(qián)去下載可能僅使用一次的插件。

　　26、使網(wǎng)站具有交互功能

　　一個(gè)靜態(tài)網(wǎng)頁(yè)始終給人一種呆板的感覺(jué)，缺少一種活力和生氣。最好在網(wǎng)站上提供一些回答問(wèn)題的工具以及其他具有交互性能的設計，使得訪(fǎng)問(wèn)者能從網(wǎng)站上獲得交互的信息，從而使訪(fǎng)問(wèn)者有一種參與網(wǎng)絡(luò )建設的新鮮感和成就感。

【網(wǎng)頁(yè)設計實(shí)習目的及意義】相關(guān)文章：

實(shí)習目的及意義05-17

實(shí)習目的與意義03-13

實(shí)習的目的與意義05-17

實(shí)習目的與意義07-18

建筑實(shí)習目的及意義06-08

認知實(shí)習目的及意義12-02

銀行實(shí)習目的與意義04-01

地質(zhì)實(shí)習目的及意義12-13

新聞實(shí)習目的及意義01-09