第一篇：網頁設計的幾點小建議
淺談《網頁設計與制作》課程教學的幾點小建議
摘要：《網頁設計與制作》是一門實踐性、操作性、綜合性很強的課程,對學生動手能力的要求很高。為了提高《網頁設計與制作》課程的教學效果，必須不斷改革與充實教學內容，注重突出人才培養(yǎng)的實踐性、應用性。改革教學方法，培養(yǎng)學生的實際動手能力，使學生能夠運用所學的知識進行網頁設計。
關鍵詞：網頁設計與制作、教學改革、教學方法
1、明確課程特點，把握教學目標
在網絡技術迅速發(fā)展的今天,網頁制作已成為當今社會上一種比較熱門的技術?！毒W頁設計與制作》是職業(yè)院校計算機專業(yè)的專業(yè)基礎課,與傳統(tǒng)的其他學科相比具有鮮明的自身特點：1)具有很強的操作性和綜合實踐性,特別強調學生的操作能力和學以致用的綜合實踐能力。2)理論教學服務于實踐教學，實踐教學反過來又作用于理論教學，任何一個細節(jié)都是為整體服務的，在教學過程中常有學生反映，上課能看懂、理解，但課后什么都忘了，做實驗的時候還得翻開書一步步照著做，這也就是本課程的一大特點：易學易忘。
為了提高《網頁設計與制作》課程的教學質量，筆者不斷地從教學內容、教學方法、實驗環(huán)節(jié)等多方面對本課程進行了積極的創(chuàng)新。在此基礎上總結出一些實際教學經驗與體會，與大家一起探討。
2、激發(fā)學生探究熱情，以學生為主導，采用適當的教學方法
《網頁設計與制作》是綜合實踐性很強的課程，無論是網頁界面設計、網頁編程、網頁藝術欣賞的教學，要讓學生成為教與學的主要部分，把“要我學”變“我要學”，課堂上給與學生充足的思考，激發(fā)學生探究熱情，讓學生變被動學習為主動學習，從而成為教與學的主體。
（1）課程內容模塊化，化解難點，循序漸進：我們將整個課程內容合理的模塊化，各模塊之間既相互獨立，也相互關聯(lián)，同時也將課程難點分解到各個不同的模塊中，化解了學生的畏懼心里。每個模塊自成體系，學完每一個個模塊就能獲得一項知識、技能，前面的模塊為后面模塊做鋪墊，后面的模塊又強化前面
模塊的內容。這樣可以讓學生牢固地掌握《網頁設計與制作》的核心。
（2）精心準備案例項目，從宏觀上進行教學設計：將實際案例引入教材、教學體系中，每個重要知識點均與實際應用結合起來，融創(chuàng)新思維培養(yǎng)、團隊學習方式、實踐案例教學于課程教學中。經典賞析、知識講授、課堂練習、實踐輔導、創(chuàng)新操作等不同教學方法靈活運用，在充分利用現代多媒體教學、網上學習、交流溝通的基礎上，采用第一課堂與第二課堂結合，學研相結合，將現代科學技術充分應用于教學改革之中。
（3）采用“四階段教學法”，從微觀上將“教、學、練、做”融為一體。在進行教學時，教師對每個學習情景都設計好案例，然后進行在上課的時候明確任務、教師演示、學生設計、展示評價等。
課程組教師在理論教學與實踐教學過程中抓住四個環(huán)節(jié)，提高教學效果。
（4）提倡“任務驅動”的教學理念：以目標確定教學任務，老師應該明確每節(jié)課的知識、技能目標，要根據這些目標設計具體的學習任務，力求學生完成學習任務；以任務引領自學，每次課，教師要明確下次學生應預習和準備的知識；用交流發(fā)現問題：在課堂教學中，無論是學生自學還是自測，教師都不應坐等問題出現，應當通過組織學生交流學習結果，在展示和對比中發(fā)現問題、發(fā)現認識缺陷；用碰撞形成共識，在課堂交流和評價中，發(fā)現學習中的問題，以此引起學生間的認識性爭議，學生在思維碰撞中形成共識，是最好的教學方式。
（5）師生互動、生生互動，活躍課堂氣氛：激發(fā)學習興趣，提高學生分析問題、解決問題的實際能力，達到輕松學習、自主學習的目的；充分調動了學生的學習積極性和主動性，有效提高學生的學習能力、應用能力和創(chuàng)新能力。采用項目驅動與基礎知識緊密相結合的全新教學模式，一邊分析講解、一邊操作演示、一邊動手練習、講練結合。
（6）舉辦學生作品大賽，展示成果、促進交流：舉行“網頁設計大賽”，給學生搭建了交流學習的平臺。通過這種活動，調動了學生的學習熱情，對學生的學習主動性有了極大的促進作用，對學生的學習方法和努力方向有明確的引導作用，對學生的實際動手能力有明顯的強化作用，對學生的求知欲和上進心有強烈的激勵作用。
（7）“教必有法而教無定法”： 在《網頁設計與制作》的課程教學中，教師做到教必有法，只有方法得當，才會有效，真正認識學生，了解學生基礎知識儲備量。根據教學內容的特點和學生思維活動的特點，采用情景教學法和講練結合的教學方法課堂上，教師如果能以優(yōu)美的語言，慢慢賞析一個網頁時，讓學生沉浸在教師的滔滔話語中，對學生來說，學到的不僅僅是知識，獲得的更多的是一種藝術上的熏陶。
3、工學結合，教學合一，綜合全面評價學生
在課程的教學過程中，讓學生參加到實踐項目開發(fā)中去，從網頁設計與制作這個崗位群出發(fā)，積極倡導將真實的網站建設和網頁設計項目帶入課堂，爭取實現將學生的全程實踐結果作為承接項目的一部分。這樣就要求學生在實踐之前必須與客戶單位進行細致地溝通，以完成該模塊的需求分析，這樣既提高了學生的制作技術，又做到了所學的內容與社會需求零距離，同時還鍛煉了學生的人際交往能力、組織協(xié)調能力。
對學生的學習成果的的評價要不唯考試、不唯分數，《網頁設計與制作》課程技能操作性強，能熟練操作網頁設計工具、能制作出一個漂亮的網頁，能對別人制作的網頁作出自己的評析遠比100分來得重要，這也體現了陶行之“千教萬教，教人求真”的求真求實的精神，這個唯實、唯美的評價標準不僅僅是記在教師心中，也要在學生中間形成這種評價氛圍，學生的學習成果得到教師和周圍同學的肯定，是學生能持續(xù)主動學習最強大的內在驅動力。
4、課程改革的進一步探討
本課程主要講述靜態(tài)網頁制作部分，對于動態(tài)網頁、色彩搭配、flash動畫、圖形圖像處理技術只作簡單的介紹。《網頁設計與制作》作為一門綜合性的課程還涉及許多相關的課程，可以根據不同的培養(yǎng)目標開設不同的課程。如：計算機網絡專業(yè)前導課程可以開設Potoshop、Flash等，后繼課程可以開設動態(tài)網頁設計或電子商務網站開發(fā)等。
5、結束語
網頁設計作為一門實踐性較強的課程,在教學的方法上應有別于一般的基礎理論課程.提升學生的主動性,通過對教學內容及實驗內容的合理安排對學生進行正確引導并提高學生實際動手能力是其中的關鍵.我們對該課程的改革力求提高學生分析和解決問題的能力,通過教學實踐的探索,這種教學方法極大地提高了學生學習的積極性,取得了良好的教學效果.參考文獻：
[1] 張偉娜.《網頁設計與制作》課程教學的探討與實踐[J].教育信息化,2008(3).馬強.Dreamweaver網頁設計課程教學方法探討[J].福建電腦,2008(4).
第二篇：網頁設計總結（小編推薦）
網頁設計說明
一﹑作品內容介紹
我的網頁設計主題是一頁姑蘇城，顧名思義，圍繞的中心是蘇州，根據蘇州這座城市的標志性地標進行了一系列的介紹。我的網頁中主要介紹了金雞湖，觀前街，李公堤，還有月光碼頭。這些地方都是每個蘇州人都耳熟能詳的，希望通過我的網頁能使大家對這些地方有初步的了解。
二﹑開發(fā)環(huán)境
Dreamweaver cs3
三﹑系統(tǒng)的結構說明
題目和導航運用了字幕標記，五張圖片是利用鼠標經過圖像，還進行了鏈接。金雞湖這個頁面我將頁面分為了上，左，右三塊，鼠標點擊左邊的模塊，右邊的頁面會有相應的展示，展示中運用了字幕標記，表格，指向文本中的鏈接等。李公堤這個頁面，我將框架分成了上下兩塊，運用了表單技術。觀前街這個網頁我將頁面分成了左右兩塊，利用了字幕標記對圖片和文字進行了處理。月光碼頭，利用了指向文本中的鏈接。
代碼說明
這是字幕標記的代碼表示的是字幕向下浮動到達邊界停止
這是鼠標經過圖片會變成另外一張圖片的代碼
賬號:
密碼:
maxlength=“8”>
這是制作表單的代碼
src=”images/bf096b63f6246b60c0c2fb09ebf81a4c500fa2fb_副本.jpg“ width=”200“ height=”180“ />
用圖片作為超鏈接
定義表格的寬和高邊框顏色
四﹑學習該課程的體會與心得
不知不覺接受網頁制作及網站設計這門課程已經一個學期了，通過這門課程的學習，我意識到了我們平時上網所瀏覽到的網頁都不是輕輕松松得到的，這都是經過設計者無數次的修改所得到的，即使是一張簡簡單單甚至是被我們潛意識所認為不那么好看的網頁也運用了無數的技巧。平時瀏覽網頁時，有些網頁總是讓人眼花繚亂，有些總是跳出我們不想看到的頁面，從來沒想過這些讓人心煩的東西的行成也是需要許許多多的技巧的，真是對這些網頁制作的技術人員無比的欽佩之情啊。暑假打工的時候認識了一個上職高的小弟弟，他說他自學網頁制作然后幫別人設計網頁賺錢，當時以為網頁制作是一件很簡單的事情，可是等到自己接觸到這方面的時候，才知道其實事實不是我想想中的那樣。那個小朋友肯定也是經過無數次的試驗才有了如今的技術的。要制作出好的網站，光有自己設計上的想法是不夠的，如果你沒有制作網頁的工具，你的想法將全部都是空想。掌握好網頁制作工具，才能高效地按照規(guī)劃制作漂亮的頁面?，F在我們學習到的只是網頁制作的基礎，只是九牛一毛，還有好多好多的東西需要我們繼續(xù)去探索和學習，其中的技巧種類繁多以至于我們難以想象，我們應該對網站設計的初步技巧有很好的掌握，如果我們以后想從事這方面的工作，那么光靠我們課堂上所學習到的知識是遠遠不夠的，我們可以利用課余時間在這方面進行自我學習，其實有時候做一下網頁也是挺好玩的，特別是當自己制作出好看的網站時，將會有一種成就感。如果我有空就學習一點網頁制作方面的知識，我想那我肯定會受益匪淺的。
第三篇：網頁設計報告（小編推薦）
課程設計報告
2017-2018學第 二 學期
題目：
影視網站
姓名：
班級：
系部：
計算機學院
指導教師：
日期：2018
年 2 月 26 日
目錄
一、綜述：............................................................................................................................................3
二、系統(tǒng)設計：......................................................................................................................................3 1.系統(tǒng)目標.......................................................................................................................................3 2.系統(tǒng)功能結構...............................................................................................................................3 3.開發(fā)環(huán)境.......................................................................................................................................4
三、開發(fā)實現..........................................................................................................................................4 1.導航欄...........................................................................................................................................4 2.jQuery滑動門效果.......................................................................................................................6 3.JavaSceipt實現電影圖片不間斷滾動........................................................................................7 4.總體效果.....................................................................................................................................8
四、總結：............................................................................................................................................8
五、參考文獻........................................................................................................................................9
[摘要]
JavaScript是Web頁面中的一種腳本編程語言，也是一種通用的、跨平臺的、基于對象和事件驅動并具有安全性的腳本語言。它不需要進行編譯，而是直接嵌入在HTML頁面中，把靜態(tài)頁面轉變成支持用戶交互并響應事件的動態(tài)頁面。本次網頁設計采用JS和CSS來實現，使得網頁樣式多樣、美觀，用戶有良好的體驗。[關鍵詞]
JavaScript、樣式多樣、動態(tài)頁面
一、綜述：
對于網站而言，一個好的網頁會給人留下深刻的印象，那樣才會提高網站的知名度才會增加點擊率。并且，網站的內容越接近人群，接近生活，就越能惹人注意。如果通過網站管理系統(tǒng)工作，就可以拓開以前傳統(tǒng)的宣傳思路，用戶可以通過上網就能達到找到所需要材料的目的，并且可以給管理員留言以反饋意見。于此同時，作為網站的開發(fā)者，與用戶進行溝通也是相當重要的。
需求分析活動其實本來就是一個和客戶交流，正確引導客戶能夠將自己的實際需求用較為適當的技術語言進行表達（或者由相關技術人員幫助表達）以明確項目目的的過程。這個過程中也同時包含了對要建立的網站基本功能和模塊的確立和策劃活動。
在整個需求分析的過程中，將按照一定規(guī)范的編寫需求分析的相關文檔不但可以幫助 成員將需求分析結果更加明確化，也為以后開發(fā)過程中做到了現實文本形式的備忘，并且有助于主管人員的日后的開發(fā)項目提供有益的借鑒和模范，成為項目開發(fā)中積累的符合自身特點的經驗財富。通過市場調研活動，清晰的分析相似網站的性能和運行情況?？梢詭椭椖控撠熑烁忧宄臉嬒氤鲎约洪_發(fā)的網站的大體架構和模樣，在總結同類網站優(yōu)勢和缺點的同時項目開發(fā)人員可以博采眾長開發(fā)出更加優(yōu)秀的網站。
二、系統(tǒng)設計： 1.系統(tǒng)目標
結合實際情況及時對用戶需求分析，365影視網應該具有以下特點： ? 操作簡單方便、界面簡潔美觀。
? 能夠全面展示影片分類及影片詳細信息。
? 瀏覽速度快，避免長時間打不開頁面的情況發(fā)生。? 影片圖片清楚、文字醒目。? 系統(tǒng)運行穩(wěn)定、安全可靠。? 易維護，并提供二次開發(fā)支持。2.系統(tǒng)功能結構
365影視網的系統(tǒng)結構
3.開發(fā)環(huán)境
在開發(fā)365影視網時，該項目使用的軟件開發(fā)環(huán)境： ? 操作系統(tǒng)：Windows7。
? PHP運行環(huán)境：phpStudy20161103。? jQuery版本：jquery-1.6.1.min.js。? 開發(fā)工具：Dreamweaver CS6。? 瀏覽器：IE 8.0。
三、開發(fā)實現 1.導航欄 視圖
具體代碼
第四篇：網頁設計整理總結第一章 1.網頁一般分為靜態(tài)網頁和動態(tài)網頁。 2.靜態(tài)網頁工作原理：接受客戶端請求；找到靜態(tài)網頁；發(fā)送網頁 3.動態(tài)網頁工作原理：接受客戶端請求；找到動態(tài)網頁；執(zhí)行程序代碼，生成靜態(tài)網頁；發(fā)送網頁 4.HTML是Hyper Text Markup language的縮寫，意思是超文本標記語言 5.網頁主要由文字，圖形圖像，動畫，表格，表單，超級鏈接等基本元素組成 6.常用網頁設計和制作的專門工具有Microsoft Frontpage和Adobe Dreamweaver 7.網頁：按照網頁文檔規(guī)范編寫的一個或多個文件，通常是HTML格式的文件 8.網站：是各種各樣網頁，文件，腳本，數據庫以及眾多資源的集合。9.網頁設計與制作流程：確定網站目標；規(guī)劃網站結構；確定網站風格。10.網頁的訪問方法（P18） 第二章 1.要創(chuàng)建網站，可以先設置一個本地站點，然后對其進行定義。選擇（站點）-（新建站點）菜單命令可以打開定義新建站點對話框。2.在Dreamweaver中預覽網頁的快捷鍵是（F12），保存網頁的快捷鍵是（ctrl+s）.第三章 1.在“頁面屬性”對話框的（外觀）分類中，可以設置當前網頁的背景圖像。2.在網頁“文檔”窗口中可以通過（SHIFT+回車鍵）快捷鍵插入換行符。3.在網頁中文本的對齊方式有默認，居中對齊，左對齊和右對齊。4.網頁中水平線的對象的標簽是（hr）。 5.網頁的三種視圖：代碼，拆分和設計視圖。 第四章 1.網頁中插入的圖像有三種格式：GIF,JPEG，PNG。其中GIF這種索引顏色格式的最大缺點是它只有256種顏色。2.PNG文件特性：使用彩色查找表或者叫做調色板可支持256種顏色的彩色圖像；流式讀寫性能；逐次逼近顯示；透明性；輔助信息；獨立于計算機軟硬件環(huán)境；使用無損壓縮。 3.同時設置背景顏色和圖像時，圖像蓋住顏色。 4.網頁中常用音頻文件格式：.wav.midi.mp3.aif.ram 第五章 1.超級鏈接由源端點和目標端點組成。超級鏈接根據創(chuàng)建鏈接對象的不同，可以分為：文本鏈接，圖像鏈接和表單鏈接。根據目標端點的位置及方式不同，可分為外部鏈接，內部鏈接，局部鏈接和電子郵件鏈接。2．鏈接的四種方式（肯定考）： blank:單機文本鏈接后，目標端點頁面會在一個新窗口中打開。 parent：單擊文本鏈接后，在上一級瀏覽器窗口中會顯示目標端點頁面，這種情況在頁面中常見。Self: Dreamweaver的默認設置，單機文本鏈接后，在當前瀏覽器窗口中顯示目標端點頁面。 Top:單擊文本鏈接后，在最頂層的瀏覽器窗口中顯示目標端點頁面。3.錨記鏈接又稱為頁內鏈接，它通過對文檔制定的位置命名，實現單擊錨記鏈接而直接跳轉到該命名位置的效果。 4.腳本鏈接可以讓用戶不用離開當前頁面就能得到關于某個項目的一些附加信息。此外，還可以用于執(zhí)行計算，表單確認以及其他處理任務。 第六章 1.組成表格的最小單位是單元格?！皢卧襁吘唷北硎驹谖谋究蛑休斎雴卧裰械奈谋九c單元格邊框之間的距離值；“單元格間距”表示在文本框中輸入單元格與單元格之間的距離值。2.在表格的屬性面板中，“填充”表示單元格內容和單元格邊界之間的像素數，“間距”表示表格單元格之間的像素數。 3.應用框架結構的頁面被劃分為若干個區(qū)域，每一個區(qū)域都是一個框架，它們的集合稱為框架集 4.框架的HTML標簽是frame，框架集的HTML標簽是frameset。5.設置表格的寬度的單位有像素和百分比。 6.在模版文檔中，基于模版的頁面中可以更改的內容稱為可編輯區(qū)。 7.在應用模版和庫修改網頁時，應用（庫）的網頁可以自動更新，而應用（模版）的網頁不會自動更新。 8.庫的擴展名為（.lpi）,模版的擴展名為（.dwt） 9.CSS樣式表（肯定考）：CSS是用于控制網頁樣式并允許將樣式與網頁內容分離的一種標記性語言。（P102） 第七章 1.在Dreamwraver CS4中，分配有絕對值位置的HTML頁面元素統(tǒng)稱為（Ap元素）。2.AP Div功能：是絕對定位的，游離在文檔之上，利用它可以浮動定位網頁元素；AP Div的Z軸屬性使多個AP Div可以發(fā)生堆疊，也就是多重疊加的效果； 顯示和隱藏可以控制，從而使網頁的內容變得更加豐富多彩。 3.Z軸功能：具有上下疊放順序，Z軸小的在下面，大的在上面，上面的通常會遮蓋下面的AP元素。 4.打開層面板需要使用F2鍵。 5.利用鍵盤方向鍵移動層時，一次按鍵只能移動1個元素。6.層的對其方式“設成寬度相同”的含義是所有層的寬度調整為和最后選取的層的寬度一樣。 7.所有具有絕對定位的AP元素都會顯示在（AP元素）面板中。 第八章 1.行為是用來動態(tài)響應用戶操作，改變當前頁面效果或是執(zhí)行特定任務的一種方法。對象是產生行為的主體，事件是觸發(fā)動態(tài)效果的條件，動作是最終產生的動態(tài)效果。 2.事件的種類 OnClick:當用戶在頁面中單擊使用行為的元素，如文本，按鈕或圖像時，就會觸發(fā)該事件。 OnMouseover：在瀏覽器中，當用戶將鼠標指針指向一個使用行為的元素時，就會觸發(fā)該事件。（交換圖像） OnMouseout：當用戶將鼠標從建立行為的元素移出后，觸發(fā)該事件。 OnUnload:當用戶離開當前網頁（關閉瀏覽器或跳轉到其他網頁）時，觸發(fā)該事件。 3.如果希望用戶輸入數據，通常使用文本字段密碼域和文本區(qū)域。4.如果要驗證文本域中輸入IP地址的合法性，使用Spry驗證文本域。5.用來代替標準按鈕工作的表單對象是標簽按鈕 6.當用戶改變頁面的參數時產生OnChange事件。 7.選擇dreamweaver菜單欄中的“插入”——“apry”命令，可以向頁面中插入各種spry構件。 第九章 1.靜態(tài)網頁的擴展名為（.htm）,ASP文件的擴展名為（.asp） 2.目前流行的可以編輯動態(tài)網頁的網絡程序設計語言有ASP，PHP，JSP 3.ASP腳本程序是在服務器端執(zhí)行的，運行時要有IIS支持。 第五篇：網頁(站)設計中九個心理學的建議網頁（站）設計中九個心理學的建議 1．建立信任關系 要你的訪客做你所想要他們做的，首先你得跟訪客建立信任關系。信任關系建立并不是件容易的事，尤其是這個騙子橫行的時代，讓人討厭的人在網絡哪個角落都有一大把。那些對網絡還太熟悉的用戶，如果誰問他們一些個人信息都會變得十分敏感，盡管這些信息對網站工作是十分需要的。作為網站或網頁設計師，往往忽略自己已經是習慣了網上交易。但是對于我們的客戶，還有他們的客戶，互聯(lián)網仍然是一個他們正要進入的很大很可怕的黑洞。所以要使你的網站即使就是一般用戶都覺得更值得信賴。創(chuàng)建一個使訪客用戶安心的網站，就意味著他們很可能會注冊一個賬戶，并且購買產品，或者用其他方式和你做生意。研究表明這些是可以通過網站設計和語言設計來達到或實現的。 2．熟悉和識別模式 網站或網頁設計心理學認為，當一個用戶訪問網站的某個頁面，一定是有某些東西是他們想馬上看到的，不管登錄的是一個什么網站。如果他們沒有看到預期的東西，他們會覺得亂七八糟毫無意義，這個網站不可靠。當訪客來到一個網站，對網站的期待主要有兩點，一是來訪的目標內容（這可能是某些主題信息上看到在售的某個漂亮的產品），二是要有針對性的導航。雖然標簽可以幫助辨識的目的，設計還應該補充和加強這一消息。例如，你正在設計一個環(huán)境主題的博客，但你的設計看起來黑色和寂靜又陰沉，并在頁頭一個夕陽西下的城市天際線，這樣會很不好，甚至沒有正確的暗示一下這個網站是干什么的。但如果設計的網站看起來很干凈很現代，有些綠色和自然的口號，就會給人一個深刻的印象，這是環(huán)境保護主題的博客。另外人們期待博文放在博客的首頁，期望電子商務網站的頭版都放產品。對于任何網站，人人都期望在超過了幾個深度的頁面便會提供一個搜索功能。而且在大多數情況下，人們還期望有“關于我們”和“聯(lián)系我們”的頁面內容。 3．網絡上的品牌符號要統(tǒng)一 除了大多數訪客希望看到一個網站所必備的基本要素，還應該有些標識吸引用戶跟你公司要相聯(lián)系。想想你設計的一些線下的促銷宣傳單的顏色，這些顏色也應該某種程度上融入你的網站，即使它只是在標題圖片或者一些標識口號的顏色。就像你在宣傳資料上印有Logo一樣，在網站上你也要同樣的呈現。然而這個基本的事情，很多企業(yè)往往忽略了這種線上線下的一致性，這樣就失去了品牌標識傳播的機會。 4．心理激發(fā) 心理和情感激發(fā)是鼓勵用戶付諸行動一個的寶貴工具。激發(fā)包括像內疚和擔心的這樣的情緒，當然還包括吸引人的那種歸屬感和人的價值觀念認可。在網站或網頁設計中結合激勵性情緒的通常做法是網站上的廣告語言，再加入一些圖形元素作為輔助支持，使用圖片和圖表以加強激勵效應。 5．運用圖像強化概念 在網站設計上使用的圖片既會幫助也會混淆你的訪客。一個精心挑選的圖片可以令你訪客心領神會，了解你的意圖。如果選擇不慎，甚至會讓你的訪客很抓狂，讓他們感覺到又回到了亂七八糟的黑暗時代。抽象的圖像有時也有意想不到的效果，不過請小心使用，確保放在那里有它的意義。有時一個抽象的圖形在不同的訪客那里會有不同的解讀，或將會完全誤解原本的含義。 6．依據閱讀模式設計內容 人們趨與按照“Z”字形瀏覽一個網站的模式，從頂部開始往左，最后到達屏幕右下角。作為一個設計師，你應該努力地在此閱讀模式下拿捏好那些最重要的內容放哪里最好。大多數網站都把Logo放到左上角，道理就在于此。在此閱讀區(qū)放置一些不相關的信息，訪客離開之前還沒有找到他想要的信息，他可能會認為這不是他要找的網站。 7．確保每頁要有焦點 網站上的每個頁面都應該有一個焦點，這是訪問這個頁面的目的，且不管這個頁面是展示產品，還是介紹公司，還是最新的訊息。設計的時候需要把每個頁面重點內容進行強調。每一頁的重點也應立即顯現出來，讓訪客知道他們在看什么。除了網頁本身的內容，還應該通過在導航線索或通標題來強化。一個不成熟的網站最大特點就是總是在每一頁上放太多的信息。其實不要害怕在網頁上的留空白，每個頁面上有明確的突出的重點并沒什么好擔心的。 8．顏色的心理學效應 顏色的心理學效應是設計心理學里面最復雜的主題。在網站設計時使用的顏色對你的訪客來說有很大的影響，務必確保所使用的顏色可以加強信息和圖片所要表示的意義。下面列出顏色和它們的基本含義清單。 紅色：火熱和激情，可以代表都愛和憤怒。 橙色：具有紅色和黃色的屬性?？梢耘c能源和溫暖相關。它比紅色更冷靜，更愉快。 黃色：溫暖，愉快，幸福的顏色。它可以表示喜悅或膽怯。 綠色：自然，成長，和新生的標志。按照同樣的道理，綠色，有時代表很嫩經驗不足。在另一面，綠色，有時候是因為羨慕或嫉妒。 藍色：平靜的，冷靜的，但使用太多可以令人感到消沉。往往與企業(yè)形象關聯(lián)。紫色/紫羅蘭：與貴族和財富的關系源遠流長，也是一種與精神相關的顏色，可以有創(chuàng)造性的表意。 黑色：像變色龍，它可以是保守或前衛(wèi)，傳統(tǒng)或現代的，它還可以神秘和性感或常規(guī)和安全，這取決于怎么使用以及周圍環(huán)境。 白色：代表著純潔與清白，十分容易與其他顏色搭配。 灰色：中性的，平衡的?；疑潜Ｊ氐暮蛷碗s的，但也可以看作是變化無常的。棕色：一個健康和務實的顏色，表示的穩(wěn)定性和可靠性。 9．設置留白和喘息機會boxuelun.comjnxdx.com yxhjchina.comqlgoose.com mgsanalyn.netmgsnl.com bjbhzhy.comcf100u.com zuoxuanroujian3.comjnforever.com cqkendo.com tantea.org2380664.comheshou.net sunny-lighting.net fjyougo.com ljayhj.com zglvjing.commimasjo.comft-sj.com 如果訪客看到一個頁面充滿內容，他們會感到不知所措或壓抑。這可能是網頁讓人感到過于隨意和混亂。訪客感到好像他們不知道從哪里開始，這意味著他們可能會跳出你網站到其他地方喘口氣。網站上的合理留些空白空間，引導你的訪客注意他們要找的信息。通過結合留白和適當比例的風格和元素，你可以暗示鼓勵你的訪客關注特定的東西，并可能有所行動。 
下載網頁設計的幾點小建議.doc
將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。
點此處下載文檔
文檔為doc格式 網址：http://004km.cn/a5/201905131/f3c1a88d37d1eed1.html
聲明：本文內容由互聯(lián)網用戶自發(fā)貢獻自行上傳，本網站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發(fā)現有涉嫌版權的內容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關證據，工作人員會在5個工作日內聯(lián)系你，一經查實，本站將立刻刪除涉嫌侵權內容。 網頁設計師職位建議網頁設計師 工作描述：1、 2、 3、 至少1年以上網站設計制作工作經驗 熟悉網站建設的全過程以及相關技術 嫻熟運用Dreamweaver, Photoshop, Fireworks等網頁設計工具，切圖 速度...... 網頁設計說明書網 站 設 計 說 明 書 一、 設計理念 本網站定位 本身是用于展示個人作品的一個平臺頁面系統(tǒng)。在展示之余也有推銷網站 建設之功效....頁面主要以 深紅色調風格為主,站點分...... 網頁設計要點1、頁面布局的概念包括哪些內容？ 答：頁面布局的概念包括：頁面尺寸、整體造型、頁眉、文體、頁腳、圖片、多媒體。 2、圖像抖動是什么？ 答：圖像抖動偽造了那些在顏色有限的調色板...... 網頁設計論文網頁設計基礎課程論文 摘要:隨著互聯(lián)網的不斷發(fā)展和中國網絡人口的日益增長，建立個人網站，不但可以更好的展示自己，而且可以提高自己在計算機應用方面的能力,網站越發(fā)普及，網站...... 網頁設計畢業(yè)論文目錄 一、課題來源 ..................................................... 3 （一）設計思想 ................................................. 3 （二）網站主題 .................. 如何學習網頁設計如何學習網頁設計 據統(tǒng)計數據顯示，未來5年，在中國3000多家中小企業(yè)中，將有半數企業(yè)在經營中嘗試或運用電子商務工具，國內對電子商務人才的需求量將達到300萬以上。電子商務人才...... 網頁設計報告心得體會之網頁設計 網頁設計報告 網頁設計伴隨著網絡的快速發(fā)展而快速興起，作為上網的主要依托，由于人們使用網絡的頻繁而變得非常重要。生活中我每天上網都要接觸到網頁，原來...... 網頁設計心得體會網頁設計心得體會 跟學習別的東西一樣，學習網頁設計也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。 學習網頁設計需要耐心，如果你沒有耐心，你學不好網頁設計，應...... |
點擊咨詢 