網(wǎng)頁設(shè)計原則與制作技巧

第頁網(wǎng)頁設(shè)計原則與制作技巧〔網(wǎng)頁〔制定〕〕原則與制作技巧

以下就是網(wǎng)頁制定原則與制作技巧等等的介紹，希望為您帶來幫助。

1、制定原則

1.1表格的定位功能

網(wǎng)頁制作中表格的運用很重要，它的作用除了表格本身具有的統(tǒng)計處理數(shù)據(jù)的功能之外，還可以對所制作的網(wǎng)頁頁面中的制定元素進行定位。網(wǎng)頁中的文本位置、圖像位置，可以通過表格來準(zhǔn)確控制，而且還能消除諸多網(wǎng)頁元素之間的干擾，這樣制定出的網(wǎng)頁更加緊湊。

(1)網(wǎng)頁制作使用表格時，要避免這樣的制定行為：使用一張表格，然后將所有網(wǎng)頁制定都放在這個表格中。因為HTML在被瀏覽器解碼時是按照一定的次序進行的，瀏覽器解釋和顯示的順序都是自上而下的，但是如果有表格在網(wǎng)頁中，瀏覽器是將表格中所嵌套的全部內(nèi)容都讀取出來之后，再顯示結(jié)果頁面。一般的網(wǎng)頁可能感受不到瀏覽器的這種工作順序，如果網(wǎng)頁中信息量大，瀏覽網(wǎng)頁的人瀏覽速度慢，瀏覽器這種工作順序就能表現(xiàn)出來。碰到這種網(wǎng)頁，瀏覽器在讀取了表格中全部內(nèi)容之后，才為瀏覽者提供解釋結(jié)果，在這之前顯示的是空白。

(2)在進行網(wǎng)頁制定時，利用表格定好必須要的位置，在頁面視圖下都是正常的，但是用瀏覽器瀏覽該網(wǎng)頁時就會出現(xiàn)部分制定對象位置混亂。這是由于表格寬度的制定出了問題，有兩種設(shè)置該寬度的方法，一種是利用百分比的方法，另一種是利用像素的方法，比如，利用百分比的方法，會有多種分辨率多種頁面制定結(jié)果出現(xiàn)，但是采納后者的方法，就不會出現(xiàn)這種問題。

1.2文件的命名

網(wǎng)頁制作的過程中，有時會出現(xiàn)如下這些問題：在制定時插入進去的圖片，預(yù)覽時顯示不出來、已經(jīng)制定安排好的鏈接用不了等等狀況。通過對問題的分析，發(fā)現(xiàn)問題出在了文件的命名上(用中文進行命名)。制定制為了在制定之后能夠便于自己查找調(diào)用，會在制定時對一些文件命以中文名，這就導(dǎo)致預(yù)覽時無法顯示圖片，只要將中文名換成英文就可以正常運行。為了解決記憶和查找文件的問題，可以用英文單詞或者漢語拼音有針對性的命名。

1.3圖像的無縫拼接

網(wǎng)頁中圖像的應(yīng)用是很有必要的，圖像可以使網(wǎng)頁更加美觀。圖像的格式有許多，GIF、JPG、PNG這三種圖像格式在網(wǎng)頁制定和制作的時候比較常見。網(wǎng)頁的下載速度受圖像大小的影響很大，所以有必要在將圖片插入到網(wǎng)頁之前處理圖片，比如利用PhotoShop軟件，只要能夠確保圖像在網(wǎng)頁中顯示效果不受應(yīng)影響即可。如果在制定網(wǎng)頁時，要用到大圖片，制定制作的時候可以用無縫拼接技術(shù)，該技術(shù)在圖像處理軟件中可以實現(xiàn)，先將要用到的大圖片處理成數(shù)個小圖片，將這些小圖片按照一定規(guī)則嵌套到網(wǎng)頁中，組成大圖片，拼出的大圖在現(xiàn)實效果上與完整的原圖基本上沒有差別，拼接痕跡也不會被察覺。在拼接小圖片的過程中，利用好表格，在表格的單元格中依次放置小圖片，再將表格的間距設(shè)為零，去掉表格邊框，設(shè)置好單元格的參數(shù)后，再手動微調(diào)，這樣拼接好的圖片就看不出拼接痕跡。這樣的操作過程可能略顯麻煩，但是卻能確保大圖顯示效果的前提下又不影響網(wǎng)頁下載速度。

1.4個人站點中導(dǎo)航按鈕的制定

制定制作網(wǎng)頁時，加入導(dǎo)航按鈕，可以利用Photoshop或者Flash進行制作。制定者只有具備很好的圖像、動畫處理軟件基礎(chǔ)，才干掌握住這種革新性的方法，自己依據(jù)想達到的效果制定導(dǎo)航按鈕，能夠制定的創(chuàng)意。

2、制作技巧

網(wǎng)站的頁面中包涵：作為網(wǎng)站門面的首頁、支撐起網(wǎng)站結(jié)構(gòu)的框架頁面，網(wǎng)站的內(nèi)容表達主體一般頁面、網(wǎng)站中的用來顯示廣告、鏈接和推送消息之類的彈出頁。

比如制定首頁時，有兩種形式的制定可以作為網(wǎng)站首頁，一種是形象展示型，這種方式的制定主要在布局和造型上，加了藝術(shù)化的處理，結(jié)合公司的形象與公司的服務(wù)理念，提供有相關(guān)性的圖像與文字，這樣制定出的畫面才有生機和活力，在這樣網(wǎng)頁中，給瀏覽者提供最直觀的公司形象，吸引瀏覽者的注意力。還有一種首頁制定形式是信息排列型，這種形式主要用于大中型企業(yè)網(wǎng)站，有很多條目和分類。

堅持一致的網(wǎng)頁制定風(fēng)格。網(wǎng)站營銷的諸多影響因素中，網(wǎng)頁風(fēng)格的一致性是不可忽視的重要方面。統(tǒng)一網(wǎng)站風(fēng)格的方法有很多，網(wǎng)站結(jié)構(gòu)就是其中一種，比如，網(wǎng)站布局、內(nèi)容排版、圖標(biāo)大小、圖片位置等等。在統(tǒng)一網(wǎng)頁風(fēng)格時，必須要制定者特別關(guān)注的是網(wǎng)站中具有代表性的典型元素要堅持一致，比如網(wǎng)站背景l(fā)ogo、公司名稱字體、網(wǎng)站中圖片格調(diào)等等。

色彩搭配。頁面的色彩搭配是與網(wǎng)站的主題分不開的，在色彩搭配上，一般來說，頁面的主體文字應(yīng)盡量使用黑色與背景對比顯然，按鈕、邊框、背景等使用彩色。色彩的應(yīng)用最好依據(jù)網(wǎng)站主題風(fēng)格選定一種基調(diào)，再依據(jù)這個基調(diào)來搭配其它顏色。一般來講，綠色配以金黃、淡白，可以產(chǎn)生優(yōu)雅、舒適的氣氛;藍色與白色混合，能給人柔順、淡雅、浪漫的感覺，紅色和黃色、金色搭配能渲染喜慶的氣氛而金色和咖啡色搭配則會給人帶來暖意。整個頁面在視覺上應(yīng)是一個整體，以達到和諧、悅目的最正確視覺效果。

網(wǎng)頁制定原則及技巧

隨著信息化時代的到來，越來越多的企事業(yè)單位及個人為展示自我形象在Internet上編寫多媒體主頁。主頁(組織其他網(wǎng)頁的網(wǎng)頁)，業(yè)內(nèi)人士有個貼切的稱謂叫"虛擬店鋪'，即在Internet高速公路上設(shè)置一個店鋪門面，以便在高速公路上行走的人能很方便找到自己的店鋪。一個形式的主頁可以使資料的組織與存取更加透明化，用戶只必須用Netscape、IE等瀏覽器就能瀏覽該主頁內(nèi)容。因此如何掌握原則，利用技巧制定一個獨具風(fēng)格、生動形象的主頁在激烈的競爭中取勝值得研究和探討。

一、網(wǎng)頁制定原則

依據(jù)網(wǎng)頁制定的特點和制作網(wǎng)頁的經(jīng)驗，一般應(yīng)遵循以下原則：

(一)提綱挈領(lǐng)。主頁的作用好比一個精美的廣告，以下內(nèi)容必不可少：1.醒目的標(biāo)題，即標(biāo)示出你的網(wǎng)站。標(biāo)題可以是單位和公司的名稱、標(biāo)語徽號或圖像等;2.清楚無誤的電子郵件地址和聯(lián)系方法，如通訊地址或單位等。

(二)賞心悅目。主頁又好比是一本書的封面，要使瀏覽者過目不忘，看一眼就能被吸引住，不僅要有精美的圖像和美麗的字款，更要層次分明，令人耳目一新，切忌雜亂無章。

(三)易于漫游。主頁上的圖像要力求簡樸，圖像愈大、色彩愈深，其下載的時間就愈長。因此，在制定網(wǎng)頁時圖象的色彩不要超過計劃64種，整個頁面的圖像大小最好堅持在20KB之內(nèi)，以便畫面的傳送速度控制在15秒鐘之內(nèi)，從而使得主頁運作流暢，在"時間就是金錢'的快節(jié)奏生活中，主頁一定要便于查找，否則用戶很難滿意。如果你有豐富的信息資源要告訴用戶，必須編制較長的頁面或使用較多的連接項目的話，最好的方法是建立多個主頁，使每個主頁載有不同類別的信息，假設(shè)能讓用戶在主頁上以關(guān)鍵字或詞語查找到所必須要的信息，這樣定會受到歡迎。

(四)及時更新。主頁制定好后，不能一勞永逸，必須不斷的更新內(nèi)容、變幻形式來吸引用戶瀏覽你的主頁。關(guān)于編寫多媒體主頁的單位來說，應(yīng)將更新主頁的工作納進單位的公關(guān)及資料編制〔管理〕規(guī)范中，使其常新吸引讀者。

以上是依據(jù)自己的經(jīng)驗給出制定網(wǎng)頁的四條基本原則，當(dāng)然任何經(jīng)驗和原則都不是一成不變的，伴隨著日新月異的網(wǎng)絡(luò)技術(shù)的演進與更新，這些原則也在不斷發(fā)生變化。

二、網(wǎng)頁制定技巧

在制定網(wǎng)頁時有許多技巧，倘假設(shè)我們能將這些小技巧恰當(dāng)?shù)挠迷谧约旱腤eb頁面上，將會使網(wǎng)頁更具有技巧性和趣味性。

(一)輸入設(shè)置密碼

為了防止一些破環(huán)者在自己的站點上亂貼東西，使用密碼認(rèn)可證就可以控制那些添加在web上的新內(nèi)容了，大多數(shù)的HTTP服務(wù)器都支持一些基本鑒定協(xié)議，不必須要由網(wǎng)絡(luò)管理管理權(quán)限就能夠設(shè)置一個具體的權(quán)力許可目錄。只要你可以對目錄進行寫入操作，就同意你建立密碼保護自己。

如下建立一個叫Chance的目錄僅同意那些用computer作為用戶名，001作為密碼的使用者進入。

首先，寫一個新文件包涵用戶名和密碼，把它存儲在服務(wù)器當(dāng)中(合計到安全的原因，最好不要放到根目錄)。許多HTTP服務(wù)器能讓你通過htpasswd命令建立這些文件，你在UNIX的提示符下鍵入htpasswd-c/directory/path/.htpasswordcomputer(其中c/directory/path/以你在系統(tǒng)上的真實路徑來代替)。接著會提示你輸入computer的密碼，鍵入兩次001。最后你應(yīng)檢查一下那個*.htpassword文件中是否包涵一些形如computer：ylia3tjWkhCK2之類的東西。

在Chance目錄中建一個*.htaccess文件設(shè)置權(quán)限，它要包涵以下文本

AuthUserFile/directory/path/。Htpasswd

AuthGroupeFile/dev/null

AuthNameByPasswordAuthTypeBasic

Repuireusercmputer

這時，你就能夠把AuthName改稱任何值了，當(dāng)然，也可以建立多個用戶名和密碼(甚至一個組)。

由于基本鑒定的實現(xiàn)很簡單，它傳送密碼時使用的是無加密文本UUENCODE方式，任何人都能在網(wǎng)絡(luò)上看到這個數(shù)據(jù)包，雖然他們并不知道那個存放著密碼，但把文件捉住后就能輕易的解密。所以它并不符合工業(yè)安全標(biāo)準(zhǔn)，關(guān)于重要的事情還是不要依靠鑒定協(xié)議為好。

(二)彈出提示信息

為了在打開主頁之前彈出一句問候語或瀏覽此主頁時應(yīng)注意問題之類的對話框.可把下面的代碼加入到中。

在alter()中加入你要說的話，每一行用隔開，必須要注意的是在程序中alter()短語應(yīng)一行寫完其中不能換行。

(三)強力搜索引擎

常常上網(wǎng)的朋友一般都要用到搜索引擎，但是制作一個出色的搜索引擎就必須要具有高深的專業(yè)知識和花費足夠多得時間和精力，為了使自己的頁面具有較強的搜索能力，給主頁加一個強力搜索引擎，可以將一下代碼加入到HomePage中，得到網(wǎng)易――Yeah的強力搜索引擎。

網(wǎng)頁制定與制作的基本原則與流程

1、網(wǎng)站的主題定位制作網(wǎng)站首先要合計網(wǎng)站主題。好的網(wǎng)站不僅應(yīng)該有美感、個性、創(chuàng)意，更要有質(zhì)量。網(wǎng)站的內(nèi)容是最重要的因素，空洞的網(wǎng)站對人沒有任何吸引力。

(1)網(wǎng)站的題材目前網(wǎng)站的題材主要有：新聞、體育、聊天、即時信息、ICQ、社區(qū)、郵件列表、計算機技術(shù)、網(wǎng)站開發(fā)、娛樂、旅行、參照、資訊、求職、家庭、教育、生活、時尚、電子商務(wù)以及一些體現(xiàn)個人特色和愛好的網(wǎng)站。

(2)定位題材的建議主題最好是你最擅長并且最有興趣的東西;主題要小而精;題材不要太濫或者目標(biāo)太高;體現(xiàn)自己的個性。

(3)網(wǎng)站的名稱

2、資料搜集互聯(lián)網(wǎng)的強大就是它豐富的資源，可以搜集盡可能多的資料，并依據(jù)一定的規(guī)則進行整理。還要精心制定一些別人沒有的東西，已體現(xiàn)自己的個性。

3、結(jié)構(gòu)制定

(1)欄目和版塊網(wǎng)站的結(jié)構(gòu)制定其實也就是合理的制定網(wǎng)站的欄目和版塊。首先應(yīng)特別主題;其次應(yīng)該有個網(wǎng)站指南或更新列表之類的欄目;接著要有一個與讀者交流的欄目;最后最好有個說明性的欄目，以方便網(wǎng)友。

(2)目錄的結(jié)構(gòu)制定目錄的結(jié)構(gòu)制定要注意以下幾點：按欄目內(nèi)容建立子目錄;在每個主目錄下都建立獨立的images目錄;目錄的層次不要太深;避免使用中文目錄;盡量使用意義明確的目錄。

4、形象制定

(1)網(wǎng)站的標(biāo)志：即制定網(wǎng)站的Logo。

(2)網(wǎng)站的標(biāo)準(zhǔn)色彩

(3)網(wǎng)站的標(biāo)準(zhǔn)字體

(4)網(wǎng)站的宣揚標(biāo)語

5、主頁制定

6、其他頁面制定

7、站點規(guī)劃

(1)用文件夾來儲存文檔

(2)使用合理的文件名稱

(3)使用模板和庫

(4)使用ALT

8、定義站點

9、首頁制作頁面屬性設(shè)置;表格制定;填寫內(nèi)容;添加鏈接和交互;添加其它內(nèi)容。

10、測試

11、申請域名和空間

12、站點文件上傳

13、站點的宣揚

網(wǎng)頁制定的幾點技巧

1、網(wǎng)頁顏色使用

網(wǎng)頁制定的色彩雖然并不固定，但卻與人的視覺有著重要關(guān)系，這就要看你的網(wǎng)站主要色調(diào)了，配色說起來容易，但卻是必須要有科學(xué)依據(jù)的，一般網(wǎng)頁都有一個主要顏色線，圍繞這個顏色線對網(wǎng)頁其它位置進行配色，但不能顏色值差別太大，文字顏色也必須要使用對立的顏色。從而讓網(wǎng)頁整體感覺看起來更協(xié)調(diào)，使瀏覽者感覺到舒適

2、廣告的位置

網(wǎng)頁上放置的廣告數(shù)量一定不能太多，一般頂部或左右兩邊各一個就可以了，如果你的網(wǎng)頁特別長當(dāng)然也可以在網(wǎng)頁中間位置放置多個廣告。如果一個有名的網(wǎng)站，像新浪、搜狐、雅虎這些知名網(wǎng)站，主要的位置就是為了放廣告，并且已經(jīng)被大家認(rèn)可接受了，沒有任何問題。但一個新站就不行了，客戶會擔(dān)心，不會隨意點擊廣告，有廣告客戶也不會去點擊，而且客戶還會把這個網(wǎng)站也理解成一個垃圾站

3、網(wǎng)頁制定必須要足夠多的留白

網(wǎng)頁制定就像畫國畫一樣，留著空白的地方就像著了墨的地方一樣，也是整體的組成部分，行業(yè)語叫作"計白當(dāng)黑'。可見留白也是非常重要的，網(wǎng)頁上留白的地方，同其它文字、圖片、動畫位置一樣，都是制定效果時必須要合計進去的。從藝術(shù)角度來看，留白既可以給人帶來感覺上的松馳，更可以通過這種手段向瀏覽者傳達出制定師的思想，好的制定不僅可以通過文字、圖片、特效向客戶表現(xiàn)內(nèi)容，更可以在不知不覺中利用留白來傳遞信息