8.HTML列表

無序列表

無序列表是一個項目的列表，此列項目使用粗體圓點（典型的小黑圓圈）進行標記。

無序列表始于

標簽。每個列表項始于
• 。

  有序列表

  同樣，有序列表也是一列項目，列表項目使用數(shù)字進行標記。

  有序列表始于

  標簽。每個列表項始于
  1. 標簽。

     9.HTML表單

     表單是一個包含表單元素的區(qū)域。

     表單元素是允許用戶在表單中（比如：文本域、下拉列表、單選框、復選框等等）輸入信息的元素。

     表單使用表單標簽（

     ）定義。

     10.HTML框架 框架結構標簽（）定義如何將窗口分割為框架

     網(wǎng)頁制作常用工具及發(fā)展趨勢

     常用工具：

     1、dreamweaver,用與編輯HTML、ASP、JSP、PHP時的輔助工具。Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。

     2、Frontpage 跟dreamweaver一樣，不過還是dreamweaver好。

     3、FLASH 網(wǎng)頁需要畫面流動時的首選擇

     4、PS圖象處理軟件，一般網(wǎng)頁都需要有圖片相搭配，PS是款很強大的工具。

     5、FW跟PS一樣都是圖象處理軟件，但FW偏向與對網(wǎng)頁的處理。

     6、Adobe公司推出的cs3系列，軟件之間兼容性較好?？梢杂么讼盗袑W(wǎng)站的美工特效進行進一步的修飾美化和優(yōu)化。

     發(fā)展趨勢：

     (1)，網(wǎng)站建設水平要求要高，符合WEB2.0 標準；w3c標準。

     (2)，網(wǎng)站建設符合用戶體驗，讓用戶信賴企業(yè)網(wǎng)站。

     (3)，網(wǎng)站必須進行SEO網(wǎng)站優(yōu)化。

     (4)，網(wǎng)站進行網(wǎng)絡營銷，這樣網(wǎng)站才能擺上用場。

     (5)，專人對網(wǎng)站進行維護，更新，在線咨詢。

     網(wǎng)站制作主流技術

     MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。簡介 dreamweaver、FLASH以及在DREAMWEAVER之后推出的針對專業(yè)網(wǎng)頁圖像設計的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊)，足見市場的反響和MACROMEDIA公司對它們的自信。說到

     DREAMWEAVER我們應該了解一下網(wǎng)頁編輯器的發(fā)展過程，隨著互聯(lián)網(wǎng)

     (Internet)的家喻戶曉，HTML技術的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器（則原始代碼編輯器），兩者各有千秋。所見則所得網(wǎng)頁編輯器的優(yōu)點就是直觀性，使用方便，容易上手。

     參考文獻：

     [1] 任學文、范嚴編, 網(wǎng)頁設計與制作，中國科學技術出版社

     [2] 武創(chuàng)、王惠主編,網(wǎng)頁設計探索之旅 ,電子工業(yè)出版社

     [3] 杜巧玲等編, 網(wǎng)頁設計超級夢幻組合,清華大學出版社

     [4] 吳黎兵、羅云芳編，網(wǎng)頁設計教程，武漢大學出版社

     第二篇：網(wǎng)頁設計論文

     網(wǎng)頁設計基礎課程論文

     摘要:隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡人口的日益增長，建立個人網(wǎng)站，不但可以更好的展示自己，而且可以提高自己在計算機應用方面的能力,網(wǎng)站越發(fā)普及，網(wǎng)站建設也有新的要求,網(wǎng)站已發(fā)展為一種工具，一個企業(yè)對外信息展示的工具.以前網(wǎng)站上常見的大幅圖片，長達幾十鐘的flash動畫，已悄然而逝，瀏覽者再也不用為了查找一些信息而必須等待動畫的時間，可以簡單方便的找到自己想要的東西，是瀏覽者主要的目的，也是網(wǎng)站設計時應該考慮的問題。以前只是一味的追求網(wǎng)站的外觀，其實網(wǎng)站是一個公司的對外信息窗口，因此在考慮美觀的同時也得考慮瀏覽者的感受，如有些色調是很亮麗，但是這些過于亮的色彩看的時間長了會讓你的眼睛不舒服，這樣瀏覽的人就不會長時間在網(wǎng)站上逗留，網(wǎng)站沒把公司的信息完全的傳達給客戶． 關鍵詞：網(wǎng)站網(wǎng)頁設計發(fā)展趨勢網(wǎng)站標準 正文：一:網(wǎng)頁設計發(fā)展趨勢: 1.更多的CSS3 + HTML5 這是期待已久的事情。在過去的幾年設計師已經(jīng)開始關注和使用CSS3+HTML5，但在以后CSS3+HTML5將會得到更廣泛的應用。網(wǎng)頁設計師最終會拋棄Flash。Flash不再是昔日的王者，新技術（指CSS3+HTML5）將會取而代之 2簡單的配色方案

     沒有比純色的背景更直觀更簡潔。純色可以有很多種表達方式。不要老是黑白灰神馬的，太不給力了。多點考慮綠、黃或者紅作為你的網(wǎng)頁主色調。當然，顏色最好保持使用2到3種。調整顏色的透明度，或許會給你意想不到的效果 3.移動互聯(lián)網(wǎng)時代的到來

     智能手機，ipad和上網(wǎng)本隨處可見，將來這個將會更加明顯。這意味著你的設計需要考慮更多的設備。4.Parallax Scrolling 先來解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動，形成運動視差 3D 效果，雖然純屬視覺效果，但在內容滾動時形成的視覺體驗仍然非常出色。2011年的網(wǎng)頁設計趨勢熱點就是要創(chuàng)造這樣的深度視覺效果。5.設計需考慮更多的觸屏設備

     觸屏技術應用越來越廣泛，觸屏設備隨處可見。這意味著，你的導航設計不再只是鼠標導航，你必須要要考慮你的設計適合觸屏設備。6.深度判析

     深度判析是關于在網(wǎng)頁設計使用維數(shù)，這樣可以使你的網(wǎng)頁變得更加真實。如果運用得恰當，那將會是一個虛擬的3D效果，就像3D電影阿凡達那樣。盡管3D技術還沒有去到網(wǎng)站設計，你仍然嘗試使用維數(shù)進行設計。7.大背景圖

     大背景圖的網(wǎng)頁設計應用在2011年將會更加明顯。這些背景圖像一般是高分辨率，覆蓋這個網(wǎng)站。高清照片是一個迅速抓住你的讀者的好方式，可以產(chǎn)生極具沖擊力的視覺效果-游客的視線會不自覺地落在寬大的背景上。8.不拘謹于頂級域名

     嚴格意義上這一點與網(wǎng)頁設計無關，但這一點也是發(fā)展的趨勢，將出現(xiàn)更多創(chuàng)造性的域名。.com域名的吸引力越來越少，主要是你很難再找到一個比較短的.com域名。2011年人們開始將視線慢慢轉移到.me、.co和.cc等身上。想想域名的發(fā)展，搶先一步，不然你很可能再次錯失先機。9.QR: Quick Response 如果你注意現(xiàn)在越來越多的名片、雜志或者其他地方出現(xiàn)方形條形碼，證明你已經(jīng)看到2011年的這個趨勢熱門

     10.縮略圖設計（Thumbnail Design）

     Google已經(jīng)向瀏覽用戶推出它們的瀏覽預覽技術。過去我們只能通過點擊鏈接才能看到網(wǎng)頁的內容，現(xiàn)在你只需點擊放大鏡然后將鼠標懸停在鏈接上就可以預覽該鏈接的網(wǎng)頁內容。11.持續(xù)聯(lián)系/ Life Stream Lifestreaming, 一種在線記錄個人日?；顒拥木W(wǎng)絡應用，包括直接通過視頻feed或通過聚焦一個人的網(wǎng)絡在線內容，比如博客日志，在社會性網(wǎng)絡上面的更新，在線相冊，聊天內容甚至只是一些喜歡的網(wǎng)站的鏈接等等.二:網(wǎng)站標準是在W3C（W3C.org）的組織下，商業(yè)公司（Netscape、Microsoft等）也認識到統(tǒng)一標準的好處。網(wǎng)站標準開始被建立（1998年2月10日發(fā)布XML1.0為標志），并在網(wǎng)站標準組織（webstandards.org）的督促下推廣執(zhí)行。

     為什么要建立網(wǎng)站標準: 我們大部分人都有深刻體驗，每當主流瀏覽器版本的升級，我們剛建立的網(wǎng)站就可能變得過時，我們就需要升級或者重新建造一遍網(wǎng)站。例如1996-1999年典型的“瀏覽器大戰(zhàn)”，為了兼容Netscape和IE，網(wǎng)站不得不為這兩種瀏覽器寫不同的代碼。同樣的，每當新的網(wǎng)絡技術和交互設備的出現(xiàn)，我們也需要制作一個新版本來支持這種新技術或新設備，例如支持手機上網(wǎng)的WAP技術。類似的問題舉不勝舉：網(wǎng)站代碼臃腫、繁雜浪費了我們大量的帶寬；針對某種瀏覽器的DHTML特效，屏蔽了部分潛在的客戶；不易用的代碼，殘障人士無法瀏覽網(wǎng)站等等。這是一種惡性循環(huán)，是一種巨大的浪費。如何解決這些問題呢？有識之士早已開始思考，需要建立一種普遍認同的標準來結束這種無序和混亂。商業(yè)公司（Netscape、Microsoft等）也終于認識到統(tǒng)一標準的好處，因此在W3C（W3C.org）的組織下，網(wǎng)站標準開始被建立（1998年2月10日發(fā)布XML1.0為標志），并在網(wǎng)站標準組織（webstandards.org）的督促下推廣執(zhí)行。

     采用網(wǎng)站標準的好處:

     對網(wǎng)站瀏覽者的好處：

     1、文件下載與頁面顯示速度更快

     2、內容能被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）；

     3、內容能被更廣泛的設備所訪問（包括屏幕閱讀機、手持設備、搜索機器人、打印機、電冰箱等）；

     4、用戶能夠通過樣式選擇定制自己的表現(xiàn)界面；

     5、所有頁面都能提供適于打印的版本。對網(wǎng)站所有者的好處:

     1、更少的代碼和組件，容易維護；

     2、帶寬要求降低（代碼更簡潔），成本降低。舉個例子：當ESPN.com使用CSS改版后，每天節(jié)約超過兩兆字節(jié)（terabytes）的帶寬；

     3、更容易被搜尋引擎搜索到；

     4、改版方便，不需要變動頁面內容；

     5、提供打印版本而不需要復制內容；

     6、提高網(wǎng)站易用性。在美國，有嚴格的法律條款（Section 508）來約束政府網(wǎng)站必須達到一定的易用性，其他國家也有類似的要求。

     參考文獻： 一：溫謙.HTML+CSS網(wǎng)頁設計與布局從入門到精通[M].北京:人民郵電出版社,2010.3 二：http://004km.cn

     三：http://btgyjlbjx.nease.net(北極星網(wǎng)站域名）

     課程論文

     系院:土木工程學院

     專業(yè):建筑工程 姓名:王奎

     學號:105140340043 網(wǎng)頁設計基礎

     第三篇：個人網(wǎng)頁設計(論文)

     炎黃職業(yè)技術學院信息工程系

     畢業(yè)設計（論文）

     個人網(wǎng)頁設計

     年 級: _ 2009級___ _ 學 號: _ 0******17 _ 姓 名: __ _****_____ 專 業(yè): 網(wǎng)絡數(shù)字媒體 _ 指導老師: __ ****__ __

     二零一一年十二月 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     摘 要

     本論文將對個人網(wǎng)頁設計與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設計與制作語言的基礎上，著重使用CSS樣式表作為工具語言進行網(wǎng)頁設計與制作的實際操作，分別對基于對象的JavaScript語言、用于編輯HTML語言的軟件進行了詳細的介紹。

     本論文主要章節(jié)如下，炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     1、是一種腳本編寫語言

     JavaScript是一種腳本語言，它采用小程序段的方式實現(xiàn)編程。像其它腳本語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個易的開發(fā)過程。

     它的基本結構形式與C、C++、VB、Delphi十分類似。但它不像這些語言一樣，需要先編譯，而是在程序運行過程中被逐行地解釋。它與HTML標識結合在一起，從而方便用戶的使用操作。

     2、基于對象的語言。

     JavaScript是一種基于對象的語言，同時以可以看作一種面向對象的。這意味著它能運用自己已經(jīng)創(chuàng)建的對象。因此，許多功能可以來自于腳本環(huán)境中對象的方法與腳本的相互作用。

     3、簡單性

     JavaScript的簡單性主要體現(xiàn)在：首先它是一種基于Java基本語句和控制流之上的簡單而緊湊的設計, 從而對于學習Java是一種非常好的過渡。其次它的變量類型是采用弱類型，并未使用嚴格的數(shù)據(jù)類型。

     4、安全性

     JavaScript是一種安全性語言，它不允許訪問本地的硬盤，并不能將數(shù)據(jù)存入到服務器上，不允許對網(wǎng)絡文檔進行修改和刪除，只能通過瀏覽器實現(xiàn)信息瀏覽或動態(tài)交互。從而有效地防止數(shù)據(jù)的丟失。

     5、動態(tài)性的

     JavaScript是動態(tài)的，它可以直接對用戶或客戶輸入做出響應，無須經(jīng)過Web服務程序。它對用戶的反映響應，是采用以事件驅動的方式進行的。所謂事件驅動，就是指在主頁(Home Page)中執(zhí)行了某種操作所產(chǎn)生的動作，就稱為“事件”(Event)。比如按下鼠標、移動窗口、選擇菜單等都可以視為事件。當事件發(fā)生后，可能會引起相應的事件響應。

     6、跨平臺性

     JavaScript是依賴于瀏覽器本身，與操作環(huán)境無關，只要能運行瀏覽器的計算機，并支持JavaScript的瀏覽器就可正確執(zhí)行。從而實現(xiàn)了“編寫一次,走遍天下”的夢想。

     實際上JavaScript最杰出之處在于可以用很小的程序做大量的事。無須有高性能的電腦，軟件僅需一個字處理軟件及一瀏覽器，無須WEB服務器通道，通過自己的電腦即可完成所有的事情。

     總之，JavaScript 是一種新的描述語言，它可以被箝入到 HTML 的文件之中。JavaScript語言可以做到回應使用者的需求事件(如：form的輸入)，而不用任何的網(wǎng)路來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經(jīng)過傳給伺服端(server)處理，再傳回來的過程，而直接可以被客戶端(client)的應用程式所處理。

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     JavaScript 和 Java 很類似，但到底并不一樣！Java 是一種比 JavaScript 更復雜許多的程式語言，而 JavaScript 則是相當容易了解的語言。JavaScript 創(chuàng)作者可以不那麼注重程式技巧，所以許多 Java 的特性在 Java Script 中并不支援。

     2.3 CSS樣式表

     級聯(lián)樣式表（Cascading Style Sheet）簡稱“CSS”，通常又稱為“風格樣式表（Style Sheet）”，它是用來進行網(wǎng)頁風格設計的。比如，如果想讓鏈接字未點擊時是藍色的，當鼠標移上去后字變成紅色的且有下劃線，這就是一種風格。通過設立樣式表，可以統(tǒng)一地控制HMTL中各標志的顯示屬性。級聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁外觀。使用級聯(lián)樣式表，可以擴充精確指定網(wǎng)頁元素位置，外觀以及創(chuàng)建特殊效果的能力。

     CSS目前最新版本為CSS2,能夠真正做到網(wǎng)頁表現(xiàn)與內容分離的一種樣式設計語言。相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠對網(wǎng)頁中的對象的位置排版進行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象盒模型的能力，并能夠進行初步交互設計，是目前基于文本展示的最優(yōu)秀的表現(xiàn)設計語言。

     在網(wǎng)頁上使用樣式表有三種方法可以在站點網(wǎng)頁上使用樣式表：

     將網(wǎng)頁鏈接到外部樣式表。

     在網(wǎng)頁上創(chuàng)建嵌入的樣式表。

     應用內嵌樣式到各個網(wǎng)頁元素。

     當要在站點上所有或部份的網(wǎng)頁上一致地應用相同樣式時，可使用外部樣式表。在一個或多個外部樣式表中定義樣式，并將它們鏈接到所有網(wǎng)頁，便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式，只需在外部樣式表 — 中作一次更改 — 而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。通常外部樣式表以.css 做為文件擴展名，例如 Mystyles.css。

     當人們只是要定義當前網(wǎng)頁的樣式，可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表，“嵌”在網(wǎng)頁的 標記符內。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。

     使用內嵌樣式以應用級聯(lián)樣式表屬性到網(wǎng)頁元素上。

     如果網(wǎng)頁鏈接到外部樣式表，為網(wǎng)頁所創(chuàng)建的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     圖2-2 隨筆

     相冊效果圖2-3如下：

     圖2-3 相冊

     音樂效果圖2-4如下：

     圖2-4 音樂

     關于我效果圖2-5如下：

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     圖2-5 關于我

     3.2 網(wǎng)站主題

     本網(wǎng)站是一個簡單的個人網(wǎng)站設計，以動漫為主題，主要包括了本人的自我介紹、比較喜愛的動漫作品以及平時的娛樂等。

     3.3 網(wǎng)站風格

     1.本網(wǎng)站主要體現(xiàn)了清新自然的風格，以簡潔為主。2.網(wǎng)站的主色調為綠和白，充分襯托清新自然的風格。

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     (1)執(zhí)行“插入”—“新建元件”命令，創(chuàng)建一個名稱為“拉伸的葉片”的影片剪輯元件。

     (2)選擇矩形工具，設置填充顏色，在舞臺上繪制一個無描邊舉行，在屬性面板中設置寬和高。

     (3)選擇矩形，將其轉換成“名稱”為“葉片”的圖形元件。(4)選擇

     onmouseout=“makevisible(this,1)”

     onmouseout=“makevisible(this,1)” 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     2.輸入文字，制作超鏈接。

     4.6 xiangce4.html頁面的制作

     1.制作圖庫頁面。

     (1)新建一個網(wǎng)頁文檔，建立圖庫頁面的基本布局。

     (2)將光標定位在頁面左側的 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）“1”，單擊[確定]按鈕回到行為面板，將此行為事件改為“onclick”。

     (2)用同樣的方法，給另外3張圖像添加同樣的行為，將 炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     致

     謝

     本論文歷時兩個多月，我系統(tǒng)綜合地將我所學的知識運用于畢業(yè)設計的全過程。在完成畢業(yè)設計中，首先我要感謝我的指導教師****老師。*老師耐心細致地指導我畢業(yè)設計，提出了很多精辟而富有建設性的建議。*老師認真負責的工作態(tài)度，嚴謹?shù)闹螌W態(tài)度都給我留下了深刻的印象，在學習上給予了我極大的關心和幫助，在此表示衷心感謝！

     同時，感謝炎黃職業(yè)技術學院為我提供了一個良好的學習環(huán)境，感謝學院的領導和老師們！他們無微不至的關懷、精心的培養(yǎng)使我到了很多的知識，終生受益！

     炎黃職業(yè)技術學院 信息工程系畢業(yè)設計（論文）

     參考文獻

     [1] 繆亮.Dreamweaver CS3 基礎與實訓教程.電子工業(yè)出版社，2008年.[2] 李冬蕓.Flash動畫實例教程.電子工業(yè)出版社，2010年.[3] 繆亮，郭剛.Photoshop平面設計實用教程.清華大學出版者，2008年.

     第四篇：商業(yè)網(wǎng)頁設計論文

     摘要:商業(yè)網(wǎng)頁設計中具體的字體、圖形、圖象、標志等等，常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。本文將分析商業(yè)網(wǎng)頁設計視覺因素的心理規(guī)律，揭示網(wǎng)頁設計如何通過視覺因素更有效、更合理的表現(xiàn)與傳達信息。

     關鍵詞: 網(wǎng)頁設計 視覺心理因素 構成要素 視覺流程

     商業(yè)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供產(chǎn)品和服務的一種方式,是企業(yè)開展電子商務的基礎設施和信息平臺，其網(wǎng)頁頁面由具體的文字（標題、廣告語、單位名稱、Email地址等）、企業(yè)標志、商標、產(chǎn)品圖形、和信息菜單等內容組成，這些內容又常常表現(xiàn)為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。

     本文將試析商業(yè)網(wǎng)頁設計視覺因素的心理規(guī)律，揭示商業(yè)網(wǎng)頁設計如何通過視覺心理因素更有效、更合理的表現(xiàn)與傳達信息。展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略。

     一、商業(yè)網(wǎng)頁設計中點、線、面視覺心理因素的運用

     點、線、面是商業(yè)網(wǎng)頁設計基本的視覺元素，是表現(xiàn)視覺形象的基本設計語言。從視覺角度看網(wǎng)頁設計主要是如何經(jīng)營好三者的關系，因為不管是任何視覺形象或者版式構成，歸結到底，都可以歸納為點、線和面。

     1.網(wǎng)頁設計造型要素中的點

     商業(yè)網(wǎng)頁設計中的點是構成網(wǎng)頁的最基本單位，是指頁面中具備點的視覺特點、體積較小的物象。相對于整體背景而言一個單獨的點是相比較而言的；是有大小、形狀和體積的。點的大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果、心理作用也不同。一個網(wǎng)頁往往需要有數(shù)量不等，形狀各異的點來構成，可以是具體產(chǎn)品、商品標志等，也可以是感覺上的點。例如，天空中的飛鳥、沙灘上的腳印、花瓣上的蜜蜂等，在其周圍背景襯托下，都給人以“點”的視覺心理感受。

     點在設計中即可以起一種穩(wěn)定造型的作用，亦可起到活潑生動、吸引視覺中心的作用，使用得當，甚至可以畫龍點睛；點的形狀、方向、大小、位置、聚集與發(fā)散，還能夠給人帶來不同的心理感受。

     (1)單點的應用：點在人們的視覺中具有很強的吸引作用，如：點（商品）設計在網(wǎng)頁的上方或左右位置，則給人不穩(wěn)定感和相對的動感。

     (2)多點的應用：兩點（二商品）之間會產(chǎn)生心理連線的感覺，多點時則會出現(xiàn)不同排列，順序的虛擬的面或形體。

     2.網(wǎng)頁設計造型要素中的線

     點的延伸形成線。線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質量和情緒。線是分割頁面的主要元素之一，是決定頁面現(xiàn)象的基本要素。商業(yè)網(wǎng)頁設計視覺因素中的線主要指文字的行線，商品圖形、圖象的輪廊線，各種裝飾線。線的形態(tài)主要有直線和曲線兩大類：

     (1)直線給人一種緊張、銳利、簡潔、剛直感，從心理或生理感覺來看具有男性特點。直線又有：細直線，給人纖細、敏銳的心理感覺；粗直線，給人豪爽、拙樸、厚重的感覺；垂直線，給人一種挺拔、莊嚴感；水平直線則給人方向感和強烈的動感。

     (2)曲線表現(xiàn)出一種動態(tài)，活潑，輕快的意味，顯示了女性美的特征，商業(yè)網(wǎng)頁設計中運用文字行、圖象輪廊線或裝飾線的造型，創(chuàng)造一種女性化的審美感。自由曲線是最好的情感抒發(fā)手段。打破了水平線組成的莊嚴和單調，給商業(yè)網(wǎng)頁增加了豐富、流暢、活潑的氣氛。水平線和自由曲線的組合運用，形成新穎的形式和不同情感的對比。

     3.網(wǎng)頁設計造型要素中的面

     線的推移形成面。面是無數(shù)點和線的組合。面具有一定的面積和質量，占據(jù)空間的位置更多，因而相比點和線來說視覺沖擊力更大更強烈。面在網(wǎng)頁設計中通常指各種圖形、色塊的形狀設計，不同形狀的面具有自己鮮明的個性和情感特征，能給人不同的心理感受，如方形的面具有沉著，穩(wěn)重，厚實，堅強的男性特征；三角形、梯形面常給人一種穩(wěn)定、端正之感；但如果將它們倒過來設計，則給人一種輕、不穩(wěn)定的感覺。圓形充實、圓滿、活潑的感覺，比較適合表現(xiàn)兒童產(chǎn)品或者女性用品。菱形或不規(guī)則形體則給人一種活潑、輕快之感。

     在商業(yè)網(wǎng)頁的視覺構成中，點、線、面既是最基本的造型元素，又是最重要的表現(xiàn)手段。在確定商業(yè)網(wǎng)頁主體形象的位置、動態(tài)時，點線面將是需要最先考慮的因素。必須熟練掌握設計語言。要善于根據(jù)商業(yè)特性采用不同的組合去體現(xiàn)不同的情感訴求，達到推銷、銷售商品和服務的作用。只有合理的安排好點線面的互相關系，才能設計出具有最佳視覺效果的頁面，充分的表達出商業(yè)網(wǎng)頁最終的訴求！

     二、商業(yè)網(wǎng)頁設計中色彩視覺心理因素的運用

     商業(yè)網(wǎng)頁設計中色彩是確立網(wǎng)站風格的靈魂。色彩能產(chǎn)生強烈的視覺效果，使頁面更加生動。色彩設計的好壞直接影響閱讀者的觀賞興趣與心理變化。因此，地位十分重要。商業(yè)網(wǎng)頁的色彩設計應從以下幾個方面把握和利用其心理特征：

     首先，整個頁面要確定一個主色調，其有利于體現(xiàn)網(wǎng)站主題。每一種色彩都具有它自身的性格，如：彩度高，明度高的色彩常給人一種華麗感，相反彩度低，低明度的色彩則給人一種樸實感。暖色系、高明度的色彩能給人一種面積大的前進感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個人群對色彩的喜好也有所不同，如男性較喜歡冷色，女性則偏好暖色或高明度、高彩度的色彩，兒童喜好純色，討厭濁色，老人則偏好濁色，中年人或文化層次較高的人偏好冷灰色等。因此在設計中要考慮主要讀者群的背景和構成以及如何與商品的屬性相呼應。

     其次，在主色調下的色調搭配。若頁面空間整體、色彩和諧統(tǒng)一，則給人一種幽雅、寧靜感；若以對比手法處理，圖形文字色彩明快突出于背景色，則頁面空間氛圍會顯得活躍而有生氣。但是，要注意不能有強烈的色彩對比，因為過于豐富的背景色彩會影響前景商品圖片和文字的取色，使文字溶于背景中，不易辨識。所以背景一般應以單純?yōu)橐恕?/p>

     最后，作為設計師在考慮網(wǎng)頁設計時，還應考慮到時代流行性色和企業(yè)標準色的問題。所謂流行色，是指在一定范圍內和時間內，非常盛行并易為人們接受的某些式樣或顏色。而標準色的運用在網(wǎng)上擴大了品牌效應，也是對公司整體形象的統(tǒng)一應用，從而構成了企業(yè)識別系統(tǒng)（CIS）的重要部分。

     三、商業(yè)網(wǎng)頁設計中動、靜的視覺心理因素的運用

     商業(yè)網(wǎng)頁設計構成要素可分為兩種狀態(tài)：靜態(tài)與動態(tài)。靜態(tài)要素設計具體指靜止的商品圖形、文字、按紐等；動態(tài)要素，具體指動態(tài)按紐、按紐連接、網(wǎng)頁動畫和視頻等，它們是豐富、生動網(wǎng)頁、張顯個性、突出主題重要手段。

     動靜以及不同的動靜組合都可以反映不同的心理與性格，如，動大體上給人活潑、生動的印象，但極慢的動常給人憂慮感；迅速或突然的動常給人焦慮、驚慌感。另外，靜也常給人寧靜、沉悶兩種感覺。

     商業(yè)網(wǎng)頁設計中要注意處理好動靜的關系，要整體和諧統(tǒng)一，給人生動而不躁動或厭惡感。同時還要遵循動態(tài)性原則與交互性原則。

     1.動態(tài)性原則，即要有四維空間或五維空間的運作觀念。一件網(wǎng)頁商品、圖片不僅是二維的平面或三維的視覺，也要有時間與空間的變換，情感與思維認識的演變等多維因素。

     2.交互性原則，即界面設計強調交互過程。一方面是物的信息傳達，另一方面是人的接受與反饋，對任何物的信息都能動地認識與把握。

     四、商業(yè)網(wǎng)頁設計中視覺流程心理因素的運用

     商業(yè)網(wǎng)頁設計是通過視覺元素引起人注目而實現(xiàn)商品信息內容的傳達，為了使網(wǎng)頁獲得最大的視覺傳達功能，使網(wǎng)頁真正成為可讀強性而且新穎的媒體，必須適應人們視覺流程的心理和生理的特點。

     視覺流程的形成是由人類的視覺特性所決定的。心理學家葛斯達認為：人們閱讀時，版面的上部比下部的注目價值高，左側比右側的注目價值高。因此，版面的左上側位置最為引人注目，因此，在網(wǎng)頁設計中一些突出的商品信息，如主標題、每天更新的內容等通常都放在這個位置。以便于一開始就吸引受眾的視線，誘導其由上到下，由左到右地移動。此位置也被稱作視覺的最佳視域。也就是最優(yōu)選的地方。當然視覺流程是一種感覺而非確切的數(shù)學公式，只要符合人們認識過程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運用。設計者可以利用視線移動規(guī)律，誘導讀者的視線作左右流動、上下流動以及斜線的不穩(wěn)定流動，通過編排設計，人為地產(chǎn)生最佳視域，突出主要商品，以達到一定的視覺效果，傳遞商品信息。

     商業(yè)網(wǎng)頁作為一種新的企業(yè)開展電子商務的基礎設施和信息平臺，它的發(fā)展雖然沒有多長時間，卻兼容了傳統(tǒng)平面設計的特征，又具備其所沒有的優(yōu)勢，成為今后商品信息交流的一個非常有影響的途徑。其設計是一種綜合性的設計，它所涉及的范圍非常的廣泛，包括消費者心理學、視覺設計美學、人機工程、哲學等諸多方面，而本文中只從視覺心理因素的角度進行了一些闡述與分析，僅作拋磚引玉之用。

     參考文獻:

     [1]李彬彬:設計效果心理評價[M].北京:中國輕工出版社,2005.1

     [2]趙殿澤:構成藝術[M].沈陽:遼寧美術出版社，1994

     [3]趙國志:色彩構成[M].沈陽:遼寧美術出版社，1994

     [4]張國良:傳播學原理[M].上海:復旦大學出版社，2000.1

     第五篇：教師個人工作計劃黃晶晶

     教師個人工作計劃

     這學期我繼續(xù)與蘇老師合作帶中班。在上一個學期，每個孩子無論是在衛(wèi)生習慣還是自理能力上都有不同程度的提高，而且在知識上有一點小的積累。作為一名幼兒教師，我深知幼兒的教育是根的教育，在本學期嚴格遵守教育法規(guī)，師德規(guī)范，作到為人師表。在工作中要求真、求實、求新，以積極熱情的心態(tài)完成園里安排的各項工作，積極參加園里各項活動。針對以上班級狀況和個人情況擬定本學期工作計劃：

     一、思想品德 本學期，我仍將以一名優(yōu)秀教師的要求去規(guī)范自己的言行，熱愛本職工作，熱愛幼兒園，自覺遵守幼兒園的各項規(guī)章制度，關愛每一位幼兒，坦誠面對每一位家長，積極認真研讀幼兒教育的相關書籍，認真準備、組織每一次教育活動。更新觀念，以《綱要》和《規(guī)程》為指導，自覺遵守園的規(guī)章制度，服從上級領導安排，做好本職工作，加強政治學習，提高自己思想政治素質，樹立良好的形象和科學的兒童觀、教育觀，使幼兒的身心健康發(fā)展。

     二、保教方面

     1.教學方面

     培養(yǎng)幼兒講禮貌的習慣，與人交談時說普通話。每周按時完成教學內容，激發(fā)幼兒樂趣，使幼兒積極地介入，從學習中體會快樂。開展有趣的主題，讓幼兒多動腦，發(fā)揮想象力，發(fā)現(xiàn)有用經(jīng)驗，培養(yǎng)幼兒愛動腦、愛動手的良好習慣。多開展一些有意的活動，營造一個幼兒大膽表達、展示自己的空間。培養(yǎng)幼兒做好小小值日生工作,自己收拾餐后桌面,培養(yǎng)孩子的自力性和自覺性.認真剖析本班幼兒的個人差異,因材施教,力爭使每位幼兒在原有的水平上獲得較好的提高.時時刻刻把安全放在第一位,開展安全教育的活動,讓幼兒受到教育.2.保育

     我們一定要保證活動室的采光度，注重保護養(yǎng)幼兒眼睛，防止幼兒用眼的不正確方法。繼續(xù)培養(yǎng)幼兒良好的衛(wèi)生習慣、飲食進餐習慣和良好的睡眠習慣及穿脫能力，根據(jù)天氣的變換及時更換被褥。在日常的清潔工作中，我們必須做到一天一小掃、一周一大掃，并做好各項消毒工作，保持室內外的衛(wèi)生環(huán)境，保持室內空氣流通。堅持執(zhí)行消毒制度，利用陽光、紫外線、消毒水消毒玩具、被褥

     等物品，預防各傳染病的發(fā)生和流傳。

     3.家園

     通過期初、期末家長會及家訪工作，使家長了解本學期工作的任務、目標和內容，讓家長全方位的了解我們的教學改革思路，引導家長調整教育觀念，及時配合班級各項教育活動。虛心聽取家長的意見建議，耐心解答家長的問題，并記錄分析改進工作，使家園教育更協(xié)調。充分發(fā)揮“家園聯(lián)系欄”的作用，確保每周五向家長公布下周各項活動內容安排，并且豐富聯(lián)系欄的內容，讓家長也成為家園聯(lián)系的主人。定期展出幼兒活動照片，讓家長通過“家園欄”了解孩子在園學習、生活、游戲的情況，使家園欄真正起到“橋梁”的作用。樹立全心全意為家長、為幼兒服務的意識，為家長排優(yōu)解難，切實做好幼兒在園的各項保教工作。要耐心做好個別家長的配合工作，取得教育共識：要想鍛煉幼兒的能力，家長必須解放孩子的雙手，不束縛他們，有問題讓孩子自己解決，不事事包辦代替，從而更好的配合幼兒園工作。在做好父母工作的同時，還要努力做好“隔代家長”的思想工作，取得他們的支持和配合。

     4.安全衛(wèi)生

     教給幼兒一些安全知識，強化幼兒安全意識和自我保護能力。不吞食異物，不玩火、水、電、不從高處往下跳，不亂爬高，不吃陌生人東西，不跟陌生人走，發(fā)生危險時會大聲呼救。加強一日活動各個環(huán)節(jié)的管理，做到人到心到，謹防意外事故的發(fā)生。充分利用自然因素，開展體育游戲、戶外體能活動，鍛煉幼兒身體，增強幼兒體質。

     三、努力方向

     有了目標，工作才不會迷失方向，才具有提高與發(fā)展的意義。踏實努力地做好本職工作，爭取向黨組織靠攏。力爭使本學期工作能圓滿結束。以上是我本學期的個人工作計劃，在今后工作中，我將努力工作，爭取更大的進步，需要園長給我這個機會。

     黃晶晶

     2013.9.2

     

     下載105090440029黃晶晶網(wǎng)頁設計課論文.doc

     將本文檔下載到自己電腦，方便修改和收藏，請勿使用迅雷等下載。

     

     點此處下載文檔

     文檔為doc格式

     相關專題 網(wǎng)頁設計課程設計論文 網(wǎng)頁設計畢業(yè)設計論文 網(wǎng)頁設計中的布局論文

     網(wǎng)址：http://004km.cn/a8/2019051316/4acd58d2008962bd.html
     聲明：本文內容由互聯(lián)網(wǎng)用戶自發(fā)貢獻自行上傳，本網(wǎng)站不擁有所有權，未作人工編輯處理，也不承擔相關法律責任。如果您發(fā)現(xiàn)有涉嫌版權的內容，歡迎發(fā)送郵件至：645879355@qq.com 進行舉報，并提供相關證據(jù)，工作人員會在5個工作日內聯(lián)系你，一經(jīng)查實，本站將立刻刪除涉嫌侵權內容。

     相關范文推薦

     網(wǎng)頁設計課總結（大全5篇）

     學習網(wǎng)頁設計課總結 ---Dreamweaver 作為網(wǎng)頁設計的初學者，我對網(wǎng)頁設計非常感興趣，想設計出一個美觀、實用、內容豐富的個人網(wǎng)頁。我通過自己動手、動腦，通過網(wǎng)絡資源和老師的......

     網(wǎng)頁設計與制作-論文（本站推薦）

     第一章緒論 摘 要 本論文將對個人網(wǎng)頁設計與制作的方法、工具等展開研究和探討。在介紹網(wǎng)頁設計與制作語言的基礎上，著重使用JavaScript作為工具語言進行網(wǎng)頁設計與制作的實......

     flash網(wǎng)頁設計畢業(yè)(論文)

     遼寧警察學院畢業(yè)設計（論文） Flash網(wǎng)頁設計 系： 高職計算機系 專業(yè)： 計算機應用技術 學生： 陶帥帥 指導教師：楊 虹 完成日期：2017年4月3日 遼寧警察學院畢業(yè)設計（論文） Flash網(wǎng)頁設計......

     網(wǎng)頁設計 選修課結課作業(yè)

     一、利用所學知識獨立制作一個網(wǎng)站的主頁,命名為index.html。網(wǎng)站的主題不限，可以是文學、藝術、影視、個人主頁類、家鄉(xiāng)介紹、美食等。具體要求如下： 1、要給主頁設置標題。......

     網(wǎng)頁制作論文--個人網(wǎng)站設計

     網(wǎng)頁制作課程論文 （個人網(wǎng)站設計論文） 姓名：薛金鴿 學號：105031040025 班級：103212 專業(yè)：市場營銷（電子商務方向） 學期：2011-2012學年第2學期 任課教師：劉新飛 個人網(wǎng)站策劃書 1.組織......

     電大Dreamweaver的網(wǎng)頁設計論文

     鄂爾多斯電視廣播大學畢業(yè)設計 鄂爾多斯電視廣播大學 畢業(yè)設計（論文） 題目：個人網(wǎng)站設計——個人網(wǎng)站建設 學 院：_鄂爾多斯電大 _ 專 業(yè)：計算機應用技術 班 級： 計算機班 姓 名：___......

     高職院校網(wǎng)頁設計論文[5篇]

     1正確認識網(wǎng)頁設計與制作課程的性質和地位與網(wǎng)頁設計與制作課程關系密切的課程很多，而關系最為密切的課程有計算機應用基礎課程，電腦繪畫課程(Photoshop)和動漫設計課程(flash......

     網(wǎng)頁制作論文

     網(wǎng)頁制作論文 簡介 網(wǎng)頁制作是網(wǎng)站策劃師、網(wǎng)絡程序員、網(wǎng)頁設計師等崗位，應用各種網(wǎng)絡程序開發(fā)技術和網(wǎng)頁設計技術，為企事業(yè)單位、公司或個人在全球互聯(lián)網(wǎng)上建設站點，并包含......

     • 1號文庫
     • 2號文庫
     • 3號文庫
     • 4號文庫
     • 5號文庫
     • 6號文庫
     • 7號文庫
     • 8號文庫
     • 9號文庫
     • 10號文庫
     • 11號文庫
     • 12號文庫
     • 13號文庫
     • 14號文庫
     • 15號文庫

     Copyright ? 2018 寫寫幫文庫 All Rights Reserved    浙ICP備11058632號  

     • 
     • 
       
     • 點擊咨詢
     • 第一篇
     • 第二篇
     • 第三篇
     • 第四篇
     • 第五篇
     • 更 多
     •