論中小型企業(yè)網(wǎng)站設(shè)計(jì)與制作

1、 論中小型企業(yè)網(wǎng)站設(shè)計(jì)與制作檀志鵬（太原師范學(xué)院計(jì)算機(jī)系200102班 太原 030012）指導(dǎo)老師：郝 寧【內(nèi)容提要】中小型企業(yè)在不斷發(fā)展壯大的過(guò)程中,對(duì)內(nèi)要不斷完善自己的管理水平,對(duì)外要迎接日益激烈的市場(chǎng)競(jìng)爭(zhēng),信息技術(shù)為它們提供了最好的解決途徑。本文主要闡述中小型企業(yè)網(wǎng)站制作及在制作過(guò)程中設(shè)計(jì)、排版、規(guī)劃等方面所需注意的一些知識(shí)和技術(shù)，重點(diǎn)討論頁(yè)面設(shè)計(jì)中版面布局、色彩、字體、表格、圖片等方面的設(shè)計(jì)要點(diǎn)，旨在通過(guò)這篇文章使大家了解在中小型企業(yè)網(wǎng)站制作過(guò)程中必須重點(diǎn)考慮的幾個(gè)問(wèn)題?！娟P(guān)鍵詞】網(wǎng)站設(shè)計(jì) 版面布局 字體設(shè)置 表格設(shè)計(jì) meta標(biāo)簽 在這個(gè)高速發(fā)展的商業(yè)化社會(huì)里，時(shí)間就是金錢。許多企

2、業(yè)都為求生存而不斷的尋求制勝法寶，不斷的與時(shí)間進(jìn)行賽跑。而計(jì)算機(jī)網(wǎng)絡(luò)和企業(yè)網(wǎng)站的出現(xiàn)，為他們提供了實(shí)現(xiàn)企業(yè)信息化的條件，使他們能夠通過(guò)企業(yè)網(wǎng)站展示企業(yè)形象、宣傳企業(yè)理念、推廣產(chǎn)品從而大幅度提高企業(yè)的核心競(jìng)爭(zhēng)力。（企業(yè)網(wǎng)站建設(shè)）在天津市友聯(lián)機(jī)電設(shè)備有限公司網(wǎng)站建設(shè)中，著重強(qiáng)調(diào)企業(yè)品牌的打造和系列產(chǎn)品的展示，通過(guò)整個(gè)制作過(guò)程我深刻體會(huì)到頁(yè)面的整體設(shè)計(jì)是一個(gè)中小型企業(yè)網(wǎng)站成功與否的關(guān)鍵，而首頁(yè)的設(shè)計(jì)又是重中之重。下文將詳細(xì)介紹其網(wǎng)站的主要制作過(guò)程和設(shè)計(jì)理念。一、天津市友聯(lián)機(jī)電設(shè)備有限公司網(wǎng)站制作過(guò)程1.1需要使用的網(wǎng)頁(yè)工具在網(wǎng)站的制作過(guò)程中主要用到的工具是Dreamweaver MX7.0和Phot

3、oshop 7.0，下面分別對(duì)它們做一個(gè)簡(jiǎn)單的介紹。1、DreamweaverDreamweaver MX 是一個(gè)完整、集成的解決方案，可為您提供可視化的布局工具、快速的 web 應(yīng)用程序開發(fā)以及廣泛的代碼編輯支持。Dreamweaver具有“設(shè)計(jì)互動(dòng)式網(wǎng)頁(yè)”的功能。我們可以利用Dreamweaver的“圖層”(Layer)和“時(shí)間軸”(Time Line)功能，來(lái)讓圖片或文字隨意地在網(wǎng)頁(yè)中自由移動(dòng)。移動(dòng)的方式可以是繞著我們所設(shè)定的路徑(path)移動(dòng)，也可以是左右或直線的移動(dòng)。 另外，我們還可以設(shè)計(jì)讓文字或圖片配合鼠標(biāo)的點(diǎn)選有更多的變化。也就是說(shuō)，當(dāng)鼠標(biāo)經(jīng)過(guò)文字或圖片，文字或圖片會(huì)產(chǎn)生變化的

4、動(dòng)態(tài)效果。 Dreamweaver還可以插入Flash制作的.swf動(dòng)畫文件和 Firework設(shè)計(jì)的HTML文件，讓網(wǎng)頁(yè)更加活潑。對(duì)想要在視覺(jué)化環(huán)境下制作復(fù)雜網(wǎng)頁(yè)的專業(yè)網(wǎng)頁(yè)制作者來(lái)說(shuō)，Dreamweaver已經(jīng)在網(wǎng)頁(yè)編輯工具中獨(dú)占熬頭，成為專業(yè)人士編寫網(wǎng)頁(yè)的最佳選擇。為了迎合市場(chǎng)，Dreamweaver內(nèi)置的功能是越來(lái)越多、越來(lái)越豐富、齊全，正版用戶還可以去macromedia公司還可以下載Dreamweaver的升級(jí)包。2、PhotoshopPhotoshop和Dreamweaver可以配合使用，相比之下，Dreamweaver負(fù)責(zé)網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站管理，而Photoshop則側(cè)重于網(wǎng)頁(yè)圖形設(shè)

5、計(jì)方面。 首先我們需要使用Photoshop設(shè)計(jì)好網(wǎng)頁(yè)的整體效果圖，利用Photoshop制作某些效果，額外收集某些圖片，并在完成細(xì)節(jié)處理、背景圖處理，以及網(wǎng)頁(yè)的圖標(biāo)、按鈕的設(shè)計(jì)工作之后，才可使用Photoshop進(jìn)行后期的壓縮處理以及導(dǎo)出。當(dāng)然，一個(gè)優(yōu)秀的網(wǎng)站是離不開動(dòng)畫的，無(wú)論是動(dòng)畫Logo還是Banner，或者網(wǎng)站宣傳動(dòng)畫等，都需要使用動(dòng)畫制作軟件-Flash完成所有的操作。作為一款占據(jù)霸主地位的動(dòng)畫制作軟件，F(xiàn)lash使用的矢量技術(shù)可以使動(dòng)畫在實(shí)現(xiàn)出色效果的同時(shí)，只占據(jù)極少的數(shù)據(jù)量，使網(wǎng)站可以兼顧效果與速度。而且，F(xiàn)lash自帶的繪圖功能完全可以滿足大多數(shù)設(shè)計(jì)的需要，還可以幫助我們實(shí)現(xiàn)

6、網(wǎng)頁(yè)中的動(dòng)感、交互功能。 1.2設(shè)計(jì)版面布局在談版面布局之前首先讓我們來(lái)介紹一下首頁(yè)設(shè)計(jì)的步驟：首頁(yè)，從根本上說(shuō)就是全站內(nèi)容的目錄，是一個(gè)索引。但只是羅列目錄顯然是不夠的，如何設(shè)計(jì)好一個(gè)首頁(yè)呢？一般的步驟是：1.2.1確定首頁(yè)的功能模塊首頁(yè)的內(nèi)容模塊是指我們需要在首頁(yè)上實(shí)現(xiàn)的主要內(nèi)容和功能。一般的站點(diǎn)都需要這樣一些模塊：網(wǎng)站名稱(logo)，廣告條(banner)，主菜單(menu)，新聞(what's new)，搜索(search)，友情鏈接(links)，郵件列表(maillist)，計(jì)數(shù)器(count)，版權(quán)(copyright)。選擇哪些模塊，實(shí)現(xiàn)哪些功能，是否需要添加其他模塊

7、都是首頁(yè)設(shè)計(jì)首先需要確定的。1.2.2設(shè)計(jì)首頁(yè)的版面在功能模塊確定后，開始設(shè)計(jì)首頁(yè)的版面。就象搭積木，每個(gè)模塊是一個(gè)單位積木，如何拼搭出一座漂亮的房子，這就靠創(chuàng)意和想象力了。設(shè)計(jì)版面的最好方法是：找一張白紙，一支筆，先將理想中的草圖勾勒出來(lái)，然后再用網(wǎng)頁(yè)制作軟件實(shí)現(xiàn)。天津市友聯(lián)機(jī)電設(shè)備有限公司主營(yíng)工控設(shè)備和系列機(jī)柜，因此版面主要突出產(chǎn)品目錄，頁(yè)面設(shè)計(jì)簡(jiǎn)潔明快，使訪問(wèn)者能快速瀏覽到所有產(chǎn)品，是整個(gè)網(wǎng)站的設(shè)計(jì)核心。1.2.3處理技術(shù)上的細(xì)節(jié)設(shè)計(jì)版面布局.版面指的是瀏覽器看到的完整的一個(gè)頁(yè)面（可以包含框架和層）。因?yàn)槊總€(gè)人的顯示器分辨率不同，所以同一個(gè)頁(yè)面的大小可能出現(xiàn)640*480像素,800*6

8、00像素,1024*768像素等不同尺寸。我設(shè)計(jì)的網(wǎng)站建議使用IE4.0以上瀏覽器軟件及 1024*768 分辨率訪問(wèn)本網(wǎng)站布局，就是以最適合瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。1.2.4版面布局的一般步驟1、草案(這屬于創(chuàng)造階段，不講究細(xì)膩工整，不必考慮細(xì)節(jié)功能，只以粗陋的線條勾畫出創(chuàng)意的輪廓即可。盡可能多畫幾張，最后選定一個(gè)滿意的作為繼續(xù)創(chuàng)作的腳本。)2、粗略布局（在草案的基礎(chǔ)上，將確定需要放置的功能模塊安排到頁(yè)面上。這里我們必須遵循突出重點(diǎn)、平衡諧調(diào)的原則，將網(wǎng)站標(biāo)志，主菜單等最重要的模塊放在最顯眼，最突出的位置，然后在考慮次要模塊的排放。）3、定案（將粗略布局精細(xì)化，具體化。）

9、1.2.5布局過(guò)程遵循的原則1、正常平衡：亦稱"勻稱"。多指左右、上下對(duì)照形式，主要強(qiáng)調(diào)秩序，能達(dá)到安定誠(chéng)實(shí)、信賴的效果。2、異常平衡：即非對(duì)照形式，但也要平衡和韻律，當(dāng)然都是不均整的，此種布局能達(dá)到強(qiáng)調(diào)性、不安性、高注目性的效果。3、對(duì)比：所謂對(duì)比，不僅利用色彩、色調(diào)等技巧來(lái)做表現(xiàn)，在內(nèi)容上也可涉及古與今、新與舊、貧與富等對(duì)比。4、凝視：所謂凝視是利用頁(yè)面中人物視線，使瀏覽者仿照跟隨的心理，以達(dá)到注視頁(yè)面的效果，一般多用明星凝視狀。5、空白：空白有兩種作用，一方面對(duì)其他網(wǎng)站表示突出卓越，另一方面也表示網(wǎng)頁(yè)品位的優(yōu)越感，這種表現(xiàn)方法對(duì)體顯網(wǎng)頁(yè)的格調(diào)十分有效。 6、盡量用圖片

10、解說(shuō)：此法對(duì)不能用語(yǔ)言說(shuō)服、或用語(yǔ)言無(wú)法表達(dá)的情感，特別有效。圖片解說(shuō)的內(nèi)容，可以傳達(dá)給瀏覽者的更多的心理因素。常用的版面布局形式1、“T”結(jié)構(gòu)布局。所謂“T”結(jié)構(gòu)。就是指頁(yè)面頂部為橫條網(wǎng)站標(biāo)志+廣告條，下方左面為主菜單，右面顯示內(nèi)容的布局，因?yàn)椴藛螚l背景較深，整體效果類似英文字母“T”,所以我們稱之為“T”形布局。這是網(wǎng)頁(yè)設(shè)計(jì)中用的最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰，主次分明。是最容易上手的布局方法。缺點(diǎn)是規(guī)矩呆板，如果細(xì)節(jié)色彩上不注意，很容易讓人“看之無(wú)味”。2、“口”型布局。這是一個(gè)象形的說(shuō)法，就是頁(yè)面一般上下各有一個(gè)廣告條，左面是主菜單，右面放友情連接等，中間是主要內(nèi)容

11、。這種布局的優(yōu)點(diǎn)是充分利用版面，信息量大。缺點(diǎn)是頁(yè)面擁擠，不夠靈活。同時(shí)也有將四邊空出，只用中間的窗口型進(jìn)行設(shè)計(jì)的。3、“三”型布局。這種布局多用于國(guó)外站點(diǎn)，國(guó)內(nèi)用的不多。特點(diǎn)是頁(yè)面上橫向兩條色塊，將頁(yè)面整體分割為四部分，色塊中大多放廣告條。4、對(duì)稱對(duì)比布局。顧名思義，采取左右或者上下對(duì)稱的布局，一半深色，一半淺色，一般用于設(shè)計(jì)型站點(diǎn)。優(yōu)點(diǎn)是視覺(jué)沖擊力強(qiáng)，缺點(diǎn)是將兩部分有機(jī)的結(jié)合比較困難。5、POP布局。POP引自廣告術(shù)語(yǔ)，就是指頁(yè)面布局象一張宣傳海報(bào)，以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。常用于時(shí)尚類站點(diǎn)，比如ELLE.com。優(yōu)點(diǎn)顯而易見(jiàn)：漂亮吸引人。缺點(diǎn)就是速度慢。作為版面布局還是值得借鑒的

12、。以上總結(jié)了目前網(wǎng)絡(luò)上常見(jiàn)的布局，其實(shí)還有許許多多別具一格的布局，關(guān)鍵在于創(chuàng)意和設(shè)計(jì)了。1.2.7版面布局的技巧加強(qiáng)視覺(jué)效果1、強(qiáng)文案的可視度和可讀性2、統(tǒng)一感的視覺(jué)3、新鮮和個(gè)性是布局的最高境界1.3色彩的搭配網(wǎng)頁(yè)的色彩是樹立網(wǎng)站形象的關(guān)鍵之一，色彩搭配卻是大家頭疼的問(wèn)題。網(wǎng)頁(yè)的背景，文字，圖標(biāo)，邊框，超鏈接等，應(yīng)該采用什么樣的色彩，應(yīng)該搭配什么色彩才能最好的表達(dá)出預(yù)想的內(nèi)涵呢？網(wǎng)頁(yè)制作用彩色還是非彩色好呢？根據(jù)專業(yè)的研究機(jī)構(gòu)研究表明：彩色的記憶效果是黑白的3.5倍。也就是說(shuō)，在一般情況下，彩色頁(yè)面較完全黑白頁(yè)面更加吸引人。通常的做法是：主要內(nèi)容文字用非彩色(黑色)，邊框，背景，圖片用彩色。

13、這樣頁(yè)面整體不單調(diào)，看主要內(nèi)容也不會(huì)眼花。1.3.1 非彩色的搭配黑白是最基本和最簡(jiǎn)單的搭配，白字黑底，黑底白字都非常清晰明了?；疑侨f(wàn)能色，可以和任何彩色搭配，也可以幫助兩種對(duì)立的色彩和諧過(guò)渡。如果實(shí)在找不出合適的色彩，那么用灰色試試，效果絕對(duì)不會(huì)太差。1.3.2. 彩色的搭配1、一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，(說(shuō)得通俗些就是將色彩變淡或則加深)，產(chǎn)生新的色彩，用于網(wǎng)頁(yè)。這樣的頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。2、用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色(在photoshop里按ctrl+shift+I)。我所作的主頁(yè)用藍(lán)色和黃色就是這樣確定的。整個(gè)頁(yè)面色彩豐

14、富但不花稍。3、用一個(gè)色系。簡(jiǎn)單的說(shuō)就是用一個(gè)感覺(jué)的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。確定色彩的方法各人不同，我們可以在photoshop里按前景色方框，在跳出的拾色器窗中選擇"自定義"，然后在"色庫(kù)"中選就可以了。4、用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺(jué)很"跳"。1.3.3網(wǎng)頁(yè)配色不要將所有顏色都用到，盡量控制在三種色彩以內(nèi)。背景和前文的對(duì)比盡量要大，(絕對(duì)不要用花紋繁復(fù)的圖案作背景)，以便突出主要文字內(nèi)容。 1.4 網(wǎng)頁(yè)字體的設(shè)置1.4.1 字符集的設(shè)定在查看html文件原代碼時(shí)，我們經(jīng)?？梢栽谖募^&

15、lt;head>和</head>之間看到這么一句代碼： <meta http-equiv="Content-Type" content="text/html; charset=gb2312">它的作用就是告訴瀏覽器：這個(gè)HTML文件是采用gb2312字符集制作的。當(dāng)瀏覽器讀到這一代碼，便以gb2312字符集來(lái)解釋和翻譯網(wǎng)頁(yè)原代碼，然后我們就可以看到正確的網(wǎng)頁(yè)。gb2312就是我們最熟悉的GB簡(jiǎn)體碼，英文是iso-8859-1字符集。其它還有BIG5,UTF-8,Shift-JIS,EUC,KOI8-2等字符集，分別用于不同的

16、字體顯示。1.4.2.字體的使用在網(wǎng)頁(yè)里，字體的定義語(yǔ)句是： <font face="Arial">顯示文字</font>其中Arial就是一種字體的名稱。默認(rèn)的瀏覽器定義的標(biāo)準(zhǔn)字體是中文宋體和英文times new Roma字體。也就是說(shuō)，如果沒(méi)有設(shè)置任何字體，或者瀏覽者的操作系統(tǒng)沒(méi)有我們?cè)O(shè)置的字體，網(wǎng)頁(yè)將以這兩種標(biāo)準(zhǔn)字體顯示。如果一定要用一種特殊的字體來(lái)體現(xiàn)網(wǎng)站的風(fēng)格，那么如何讓大家可以真正看到我們?cè)O(shè)計(jì)頁(yè)面呢？解決的辦法是：用圖片。將需要用這種字體的地方用圖片代替，以保證所有人看到的頁(yè)面是同一效果。1.4.3 字體的樣式(style)字體的樣式有

17、四種：正常體(regular),斜體(Italic),粗體(Bold),粗斜體(Bold Italic)。1.4.4 字體的效果這里指通過(guò)html語(yǔ)言設(shè)定可以直接顯示的效果，在html里的語(yǔ)句設(shè)定為： <span style="text-decoration: overline">顯示文字</span>其中，overline是指上劃線效果。其它常用的效果還有：underline(下劃線)，uppercase(大寫)等等。1.4.5 字體大小的控制字體大小的控制是個(gè)重點(diǎn)。一般字體默認(rèn)的大小是12pt(鎊)，用<font size="+1

18、">語(yǔ)句可以將文字增大2pt?，F(xiàn)在網(wǎng)絡(luò)上最流行的小中文字體大小為9pt。1.4.6網(wǎng)頁(yè)設(shè)計(jì)中字體的使用原則1、不要使用超過(guò)3種以上的字體。字體太多則顯得雜亂，沒(méi)有主題。2、不要用太大的字。因?yàn)榘婷媸菍氋F，有限的，粗陋的大字體不能帶給訪問(wèn)者更多信息。 3、不要使用不停閃爍的文字。想讓瀏覽者多停留一會(huì)兒的話，就不要使用閃爍的文字。4、原則上標(biāo)題的字體較正文大，顏色也應(yīng)有所區(qū)別。1.5網(wǎng)頁(yè)中表格的運(yùn)用表格的嵌套并不是表格處理最困難的地方，無(wú)論多復(fù)雜的版面，悉心琢磨一番總能找到解決的辦法。我們需要考慮的是：用什么樣的嵌套排版方式使網(wǎng)頁(yè)的下載速度達(dá)到最快。我們知道：瀏覽器在讀取網(wǎng)頁(yè)htm

19、l原代碼時(shí)，是讀完整一個(gè)table再將它顯示出來(lái)。也就是說(shuō)從<table>標(biāo)簽開始，要讀到</table>標(biāo)簽時(shí)，才將表格中的內(nèi)容顯示在屏幕上。而且顯示也有優(yōu)先級(jí)，先讀到的先顯示。這樣的話，如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來(lái)。我們?cè)谠L問(wèn)一些站點(diǎn)時(shí)，等待多時(shí)無(wú)結(jié)果，按"停止"按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。1.5.1設(shè)計(jì)頁(yè)面表格整個(gè)頁(yè)面不要都套在一個(gè)表格里，盡量拆分成多個(gè)表格：1、一表格的結(jié)構(gòu)盡量整齊； 2、表格嵌套層次盡量要少。實(shí)驗(yàn)證明：越復(fù)雜，嵌套層次越多的表格下載速度越慢。1.6設(shè)計(jì)中meat標(biāo)簽META

20、標(biāo)簽，是HTML語(yǔ)言head區(qū)的一個(gè)輔助性標(biāo)簽。在幾乎所有的page里，我們都可以看到類似下面這段html代碼：<head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>這就是meta標(biāo)簽的典型運(yùn)用。根據(jù)HTML語(yǔ)言標(biāo)準(zhǔn)注釋：meta標(biāo)簽是對(duì)網(wǎng)站發(fā)展非常重要的標(biāo)簽，它可以用于鑒別作者，設(shè)定頁(yè)面格式，標(biāo)注內(nèi)容提要和關(guān)鍵字，以及刷新頁(yè)面等等。meta標(biāo)簽分兩大部分：HTTP-EQUIV和NAME變量。HTTP-EQUIV

21、類似于HTTP的頭部協(xié)議，它回應(yīng)給瀏覽器一些有用的信息，以幫助正確和精確地顯示網(wǎng)頁(yè)內(nèi)容。最常用的幾個(gè)：1、refresh(刷新)說(shuō)明：需要定時(shí)讓網(wǎng)頁(yè)自動(dòng)鏈接到其它網(wǎng)頁(yè)的話，就用這句了。用法：<META HTTP-EQUIV="Refresh" CONTENT="5;URL=">注意：其中的5是指停留5秒鐘后自動(dòng)刷新到URL網(wǎng)址。2、content-Type(顯示字符集的設(shè)定)說(shuō)明：設(shè)定頁(yè)面使用的字符集。用法：<meta http-equiv="Content-Type" content="text/html

22、; charset=gb2312"> 說(shuō)明此網(wǎng)頁(yè)是用GB2312字符編碼。meat標(biāo)簽的NAME變量語(yǔ)法格式是：<META NAME="xxx" CONTENT="xxxxxxxxx"> 其中xxx主要有下面幾種參數(shù)：1、Keywords(關(guān)鍵字)說(shuō)明：keywords用來(lái)告訴搜索引擎你網(wǎng)頁(yè)的關(guān)鍵字是什么。舉例：<META NAME ="keywords" CONTENT="life，universe，mankind，plants,relationships，the meaning of l

23、ife，science"> 2、description(簡(jiǎn)介)說(shuō)明：description用來(lái)告訴搜索引擎你的網(wǎng)站主要內(nèi)容。舉例：<META NAME="description" CONTENT="This page is about the meaning of life，the universe，mankind and plants."> 3、robots(機(jī)器人向?qū)?說(shuō)明：robots用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。CONTENT的參數(shù)有all,none,index,noindex,follow,

24、nofollow。默認(rèn)是all。舉例：<META NAME="robots" CONTENT="none">4、author(作者)說(shuō)明：標(biāo)注網(wǎng)頁(yè)的作者舉例：<META name="AUTHOR" content="ajie,ajie">Keywords和description的設(shè)定：在meta標(biāo)簽中最重要的就是:Keywords和description的設(shè)定。這兩個(gè)語(yǔ)句可以讓搜索引擎能準(zhǔn)確的發(fā)現(xiàn)我們的網(wǎng)站，吸引更多的人來(lái)訪問(wèn)站點(diǎn)!所以,我們必須記住添加keywords和descriptio

25、n的meta標(biāo)簽，并盡可能寫好關(guān)鍵字和簡(jiǎn)介。寫keywords的禁忌是：1、要用常見(jiàn)詞匯。例如www,homepage,net,web等。2、不要用形容詞，副詞。例如最好的，最大的等。3、不要用籠統(tǒng)的詞匯，要盡量精確。例如不用"摩托羅拉手機(jī)",改用"V998"等這里，是一段微軟多媒體網(wǎng)站的關(guān)鍵字的例子：<meta name="keywords" content="joke，music，MP3，media，audio，joke of the day，downloads，free music，horoscope，radio

26、，video，music downloads，movies，radio station，media player，free，download，weather，horoscopes，windows media technologies，online，radio station guide，free download">二、網(wǎng)站的推廣與宣傳一個(gè)好的網(wǎng)站的每天的點(diǎn)擊率是很高的。網(wǎng)民數(shù)呈快速增長(zhǎng)趨勢(shì)；寬帶及無(wú)線互聯(lián)網(wǎng)市場(chǎng)已開始啟動(dòng)，蛋糕前景已可觸及。因此，如何利用互聯(lián)網(wǎng)宣傳自己是每個(gè)企業(yè)和個(gè)人所考慮的問(wèn)題。而網(wǎng)站著眼于提高網(wǎng)站知名度，吸引網(wǎng)友訪問(wèn)。針對(duì)這個(gè)問(wèn)題一般可以采用以下幾個(gè)方法：

27、1、到各搜索引擎注冊(cè)、登記 這個(gè)方法相信很多網(wǎng)友都嘗試過(guò)，但卻發(fā)現(xiàn)效果不明顯，為什么呢？原因不外乎有三：首先，網(wǎng)上的搜索引擎實(shí)在太多了，想要一個(gè)一個(gè)地去注冊(cè)登記恐怕是不大可能的事。借助Addweb等注冊(cè)軟件也未必可以幫你全部注冊(cè)成功。其次，如果你做的是中文主頁(yè)，那么在國(guó)外的著名搜索引擎YAHOO、EXCITE等注冊(cè)后，會(huì)到你主頁(yè)訪問(wèn)的外國(guó)朋友又會(huì)有多少呢？再次，假若有人到這些引擎查詢，得到的查詢結(jié)果有可能成百上千。如果你的主頁(yè)排位不是名列前茅的話，那么愿不斷往下查看直到找到你主頁(yè)的人又有多少呢？因此，單靠這種方法就想提高訪問(wèn)率，無(wú)疑是守株待兔。 建議：到中文搜索引擎注冊(cè)是必需的，如：SOHOO

28、、我是野虎、YEAH搜索、中文YAHOO等搜索網(wǎng)站。而且還要在自己主頁(yè)中多加上一些方便搜索引擎查找的“關(guān)鍵字”。很可惜，至今還沒(méi)有人開發(fā)集中在中文搜索引擎站點(diǎn)注冊(cè)登記的軟件，不然就會(huì)方便和省時(shí)很多了。 2、參加廣告交換組織 目前網(wǎng)上有不少大大小小的廣告交換組織，其中網(wǎng)盟就是一個(gè)較著名的站點(diǎn)。加入這些組織的前提就是你得在自己的主頁(yè)上放置其他站點(diǎn)的廣告banner，這些廣告組織會(huì)根據(jù)你主頁(yè)上顯示其他網(wǎng)站banner的多少而按一定比例在其他網(wǎng)站上顯示你的主頁(yè)banner。這也會(huì)為你帶來(lái)訪問(wèn)者。但是，你的網(wǎng)站訪問(wèn)率太低，廣告交換帶來(lái)的效果就不會(huì)太好。而且無(wú)法保證你的banner顯示后，會(huì)有多少朋友點(diǎn)擊

29、它而訪問(wèn)你的主頁(yè)。 建議：適當(dāng)?shù)貐⒓右恢羶蓚€(gè)交換組織，但不要太濫（最好是提供1換1方案的）。若你的主頁(yè)上同時(shí)出現(xiàn)好幾個(gè)廣告banner，一來(lái)會(huì)像一件打滿了補(bǔ)丁的衣服，極不美觀；二來(lái)太多商業(yè)廣告會(huì)令不少訪問(wèn)者反感，效果適得其反。3、通過(guò)Email通知朋友 建議：發(fā)出的Email邀請(qǐng)信要有誠(chéng)意，將你的網(wǎng)站更新的內(nèi)容簡(jiǎn)要地介紹給朋友。倘若朋友表示不愿再收到類似的信件時(shí)，就不要再將通知郵件寄給他了。 4、與其他主頁(yè)互建友情鏈接 這個(gè)方法我認(rèn)為比參加廣告交換組織要有效得多，起碼你可以選擇將廣告放置到哪個(gè)主頁(yè)。你能選擇與那些訪問(wèn)率較高的主頁(yè)建立友情鏈接，這樣造訪你主頁(yè)的朋友肯定會(huì)多起來(lái)。 建議：友情鏈接是

30、相互建立的，要?jiǎng)e人加上你的鏈接，你也應(yīng)該在自己主頁(yè)的首頁(yè)或?qū)ｉT做“友情鏈接”專頁(yè)放置對(duì)方的banner，并適當(dāng)做出推薦。這樣才能吸引更多人與你共建鏈接。此外，你的banner要注意制作得漂亮、醒目，使人一看就有興趣點(diǎn)擊。 5、處處留言、引人注意 這也是一個(gè)很好的方法。在網(wǎng)上瀏覽時(shí)，當(dāng)你看到一個(gè)不錯(cuò)的網(wǎng)站,可考慮在這個(gè)網(wǎng)站的留言簿留下贊美的語(yǔ)句，并把你的網(wǎng)站介紹、地址一并寫下來(lái)。將來(lái)其他朋友留言時(shí)就會(huì)看到你的留言，說(shuō)不定會(huì)有興趣到你的主頁(yè)參觀。以上提到的是人留言簿，還有一些是商業(yè)網(wǎng)站留言簿，如網(wǎng)易網(wǎng)上家園、自貢169留言簿等。后者每天都有數(shù)百人在上面留言，訪問(wèn)率高。在那里留言對(duì)于讓別人認(rèn)識(shí)你的主

31、頁(yè)效果更明顯。 建議：留言時(shí)用語(yǔ)要真誠(chéng)、簡(jiǎn)潔，切莫將與主題無(wú)關(guān)的語(yǔ)句也寫在上面。篇幅盡量簡(jiǎn)短，更不要將同一篇留言反復(fù)寫在別人的留言簿上。 6、多參與論壇、新聞組的討論 到論壇和新聞組發(fā)布帖子,藉此宣傳自己的網(wǎng)站也不錯(cuò)。因?yàn)檫@些地方每天都會(huì)有數(shù)以千計(jì)的網(wǎng)友在那兒進(jìn)行各式各樣的討論、發(fā)表見(jiàn)解。像四通利方論壇,每天都是人山人海，若能夠在那里宣傳一番，肯定能為你的主頁(yè)訪問(wèn)人次再進(jìn)賬不少。此外新聞組也是宣傳的好地方。建議：在論壇留言與在留言簿留言所要注意的相差不多，不要老是寫“到我的主頁(yè)來(lái)訪問(wèn)”之類的話。應(yīng)多與網(wǎng)友交流學(xué)習(xí),在適當(dāng)?shù)胤教嵋幌伦约旱闹黜?yè)地址便可以了。這樣就不會(huì)有剛開始效果很好，到后來(lái)就沒(méi)多

32、少人來(lái)訪問(wèn)的情況出現(xiàn)了。在使用新聞組的時(shí)候可每隔一段時(shí)間就轉(zhuǎn)到別的新聞組，多結(jié)交新朋友，討論新的話題。 7、到各大報(bào)刊發(fā)表文章 作為一名電腦愛(ài)好者，學(xué)習(xí)和使用電腦應(yīng)該有一段時(shí)間了吧。在使用軟、硬件和上網(wǎng)的過(guò)程中積累了哪些值得與別人交流的經(jīng)驗(yàn)和心得呢？不要吝惜你的言語(yǔ)，將它寫出來(lái)，與人真摯交流，不去計(jì)較得失。不要將好的經(jīng)驗(yàn)自己獨(dú)享，快拿起筆寫出來(lái)與廣大朋友一起分享吧！寫好后將它寄往像CPCW網(wǎng)站等比較出名的報(bào)刊，讓更多人與你一同成長(zhǎng)。在文章的末尾可注明你的主頁(yè)地址和Email地址，如果你的文章很受歡迎,一定會(huì)有很多朋友來(lái)訪問(wèn)你的主頁(yè)。 建議：千萬(wàn)不要一稿多投，既不道德,也很容易被封殺。稿件不被采

33、用也不要灰心，有志者事竟成，應(yīng)該再嘗試寫更多更好的文章投稿。若文章發(fā)表，一定有很多網(wǎng)友來(lái)信與你交流，最好做到來(lái)信必回，盡自己的能力幫助他們解決問(wèn)題，與他們交朋友。這樣他們的來(lái)訪會(huì)更穩(wěn)定。 相信經(jīng)過(guò)采用以上方法，你的主頁(yè)會(huì)逐漸被人認(rèn)識(shí)，訪問(wèn)率也會(huì)不斷提高。當(dāng)然,主頁(yè)的維護(hù)更新工作要做得更好，那樣才能維持一定的訪問(wèn)人數(shù)。最后希望你我的主頁(yè)都能客似云來(lái)！ 1、與同類企業(yè)交換鏈接；2、花錢與大網(wǎng)站上做鏈接或投網(wǎng)絡(luò)廣告；3、與知名網(wǎng)站合作專題；4、開展有獎(jiǎng)網(wǎng)絡(luò)調(diào)查；5、結(jié)合傳統(tǒng)活動(dòng)舉辦網(wǎng)上網(wǎng)下相結(jié)合活動(dòng)； 6、電子郵件營(yíng)銷；7、結(jié)合網(wǎng)站自身，利用已建立的用戶數(shù)據(jù)庫(kù)成立網(wǎng)上俱樂(lè)部；8、建立網(wǎng)站論壇，擴(kuò)大與

34、用戶間的互動(dòng)；9、與媒體、運(yùn)營(yíng)商等合作舉辦活動(dòng)，企業(yè)出獎(jiǎng)品的同時(shí)又起來(lái)宣傳自身的目的?！緟⒖嘉墨I(xiàn)】【01】 向元杰著，F(xiàn)lash MX編程輕松上手，清華大學(xué)出版社，【02】 網(wǎng)冠科技著，DREAMWEAVER時(shí)尚創(chuàng)作百例，機(jī)械工業(yè)出版社，2004.06.01【03】 呂少華著，網(wǎng)頁(yè)標(biāo)題制作技巧與實(shí)例，清華大學(xué)出版社，【04】 Daniel著 成棟等譯，F(xiàn)rontPage 2000從入門到精通， 電子工業(yè)出版社，2000.01.01【05】 美Jakob Nielsen著，Web可用性設(shè)計(jì)，人民郵電出版社【06】 天藍(lán)工作室著，網(wǎng)站架構(gòu)與美工黃金組合，人民郵電出版社 2000.12.01【07】

35、 伍梵華著，網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站開發(fā)HTML網(wǎng)頁(yè)制作網(wǎng)站開發(fā)完全實(shí)戰(zhàn)，航空工業(yè)出版社，【08】 樊志育著，廣告制作，人民郵電出版社，2003.08.01【09】 龍馬工作室箸，Dreamweaver MX 2004中文版完全自學(xué)手冊(cè)，【10】 洪恩軟件著，Dreamweaver MX 2004入門與進(jìn)階實(shí)例，吉林電子出版社，【11】 于利軒箸，F(xiàn)lash MX編程魔法石，中國(guó)水利水電出版社，【12】 劉瑞新箸，Photoshop CS圖形圖像，機(jī)械工業(yè)出版社，【13】 黃竣箸，Dreamweaver MX中文版精彩設(shè)計(jì)百例，中國(guó)水利水電出版社，【14】 Toolbang韓箸，Dreamweaver

36、MX 2004經(jīng)典案例課堂，中國(guó)青年出版社，【15】 李波箸，F(xiàn)lash MX娛樂(lè)制作大本營(yíng)，電腦報(bào)社，Suggestion for Medium Small Enterprises Websit DesignTan Zhipeng【Abstract】 During the developing and extending process,the medium small enterprises should continuously perfect their own management level inside, and face the increasingly vigorous market competition outside ,for which the information technique provides th