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

論中小型企業(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)題。【關(guān)鍵詞】網(wǎng)站設(shè)計(jì)版面布局字體設(shè)置表格設(shè)計(jì)meta標(biāo)簽在這個(gè)高速發(fā)展的商業(yè)化社會(huì)里，時(shí)間就是金錢(qián)。許多企業(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)力。在天津市友聯(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ò)程中主要用到的工具是DreamweaverMX7.0和Photoshop7.0，下面分別對(duì)它們做一個(gè)簡(jiǎn)單的介紹。1、Dreamweaver聰Dream壯weave酬rMX快是一個(gè)完整報(bào)、集成擴(kuò)的約解決方案，塑可為您提供俗可視化宵的裹布局工具、嫂快速炭的喇web合應(yīng)用程序開(kāi)飽發(fā)以及廣泛泥的戴代碼編輯支圾持。謹(jǐn)Dream剖weave圈r具有透“誘設(shè)計(jì)互動(dòng)式嗎網(wǎng)頁(yè)溝”日的功能。我屈們可以利用蠅Dream龍weave互r的蒸“酬圖層挎”漁(Laye叮r)和棄“洞時(shí)間軸占”性(Time返Line雷)功能，來(lái)補(bǔ)讓圖片或文陣字隨意地在但網(wǎng)頁(yè)中自由籮移動(dòng)。移動(dòng)采的方式可以偷是繞著我們插所設(shè)定的路柱徑(pat芹h)移動(dòng)，判也可以是左休右或直線的仔移動(dòng)。另話外，我們還械可以設(shè)計(jì)讓每文字或圖片吊配合鼠標(biāo)的禽點(diǎn)選有更多忌的變化。也津就是說(shuō)，當(dāng)削鼠標(biāo)經(jīng)過(guò)文堪字或圖片，量文字或圖片勤會(huì)產(chǎn)生變化講的動(dòng)態(tài)效果斯。Dre碰amwea哀ver還可滴以插入Fl攝ash制作病的.swf含動(dòng)畫(huà)文件和棄Fire耀work設(shè)予計(jì)的HTM河L文件，讓睬網(wǎng)頁(yè)更加活夢(mèng)潑。綢對(duì)想要在視持覺(jué)化環(huán)境下捷制作復(fù)雜網(wǎng)藍(lán)頁(yè)的專(zhuān)業(yè)網(wǎng)書(shū)頁(yè)制作者來(lái)墻說(shuō)，孝Dream支weave都r佳已經(jīng)在網(wǎng)頁(yè)膀編輯工具中也獨(dú)占熬頭，影成為專(zhuān)業(yè)人增士編寫(xiě)網(wǎng)頁(yè)摘的最佳選擇像。為了迎合老市場(chǎng)，斥Dream懷weave岸r芽?jī)?nèi)置的功能桂是越來(lái)越多惡、越來(lái)越豐圈富、齊全，葛正版用戶(hù)還甩可以去掏macro壟media染公司還可以朱下載別Dream訴weave芽r雕的升級(jí)包。蠻2、繡Photo案shop汁Photo聾shop慣和年Dream顆weave栗r浪可以配合使住用，相比之柄下，仰Dream朵weave趣r忌負(fù)責(zé)網(wǎng)頁(yè)設(shè)援計(jì)和網(wǎng)站管使理，而伐Photo讓shop冊(cè)則側(cè)重于網(wǎng)歉頁(yè)圖形設(shè)計(jì)守方面。首剛先我們需要昌使用Pho析tosho械p設(shè)計(jì)好網(wǎng)輪頁(yè)的整體效驗(yàn)果圖，利用瑞Photo要shop制戰(zhàn)作某些效果唐，額外收集綢某些圖片，壯并在完成細(xì)眼節(jié)處理、背蘿景圖處理，膊以及網(wǎng)頁(yè)的東圖標(biāo)、按鈕佩的設(shè)計(jì)工作昆之后，才可燙使用Pho牢tosho唯p進(jìn)行后期趟的壓縮處理蠶以及導(dǎo)出。憤當(dāng)然，一個(gè)儀優(yōu)秀的網(wǎng)站巨是離不開(kāi)動(dòng)酬畫(huà)的，無(wú)論鳴是動(dòng)畫(huà)Lo研g(shù)o還是B推anner統(tǒng)，或者網(wǎng)站街宣傳動(dòng)畫(huà)等尖，都需要使匹用動(dòng)畫(huà)制作釀軟件--F切l(wèi)ash完斯成所有的操芝作。作為一胖款占據(jù)霸主耽地位的動(dòng)畫(huà)錫制作軟件，制Flash違使用的矢量無(wú)技術(shù)可以使三動(dòng)畫(huà)在實(shí)現(xiàn)位出色效果的籃同時(shí)，只占會(huì)據(jù)極少的數(shù)在據(jù)量，使網(wǎng)滑站可以兼顧裙效果與速度剝。而且，F(xiàn)榜lash自旦帶的繪圖功均能完全可以本滿(mǎn)足大多數(shù)周設(shè)計(jì)的需要民，還可以幫舒助我們實(shí)現(xiàn)勤網(wǎng)頁(yè)中的動(dòng)私感、交互功湊能。垃1.2設(shè)計(jì)芬版面布局池在談版面布勉局之前首先士讓我們來(lái)介抄紹一下蜻首頁(yè)設(shè)計(jì)的認(rèn)步驟摩：乓首頁(yè)，從根匙本上說(shuō)就是攻全站內(nèi)容的吵目錄，是一繞個(gè)索引。但味只是羅列目音錄顯然是不量夠的，如何運(yùn)設(shè)計(jì)好一個(gè)皇首頁(yè)呢？一底般的步驟是掩：大隱確定首頁(yè)的服功能模塊準(zhǔn)首頁(yè)的嫩內(nèi)容模塊是異指我們需要屠在首頁(yè)上實(shí)低現(xiàn)的主要內(nèi)黑容和功能。馳一般的站點(diǎn)關(guān)都需要這樣晃一些模塊：孕網(wǎng)站名稱(chēng)你(logo季)縮，廣告條關(guān)(bann片er)，額主菜單概(menu蠅)財(cái)，壤新聞染(what謹(jǐn)'sne呢w)李，搜索頁(yè)(sear鴉ch)，噸友情鏈接宴(link斯s)佛，賤郵件列表線(mail男l(wèi)ist)收，計(jì)數(shù)器億(coun望t)枯，版權(quán)箭(copy班right慨)撒。示選擇哪瘋些模塊，實(shí)肺現(xiàn)哪些功能燙，是否需要睛添加其他模踏塊都是首頁(yè)賴(lài)設(shè)計(jì)首先需胡要確定的。韻直設(shè)計(jì)首頁(yè)的狂版面毫在功能丙模塊確定后素，開(kāi)始設(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)品區(qū)目錄，頁(yè)面談設(shè)計(jì)簡(jiǎn)潔明望快，使訪問(wèn)漆者能快速瀏演覽到所有產(chǎn)蘆品，是整個(gè)科網(wǎng)站的設(shè)計(jì)刪核心。腸喝處理技術(shù)上哀的細(xì)節(jié)煙設(shè)計(jì)版面布量局.版面指羞的是瀏覽器諸看到的完整閱的一個(gè)頁(yè)面扔（可以包含島框架和層）芽。因?yàn)槊總€(gè)跡人的顯示器私分辨率不同籃，所以同一光個(gè)頁(yè)面的大帶小可能出現(xiàn)娃640*4衣80論像素尖,800*兼600尖像素纏,1024籠*768速像素等不同罩尺寸。我設(shè)件計(jì)的網(wǎng)站建板議使用IE傾4.0以上竭瀏覽器軟件欣及102典4*768廚分辨率訪燒問(wèn)本網(wǎng)站布聲局，就是以乏最適合瀏覽那的方式將圖岡片和文字排均放在頁(yè)面的逆不同位置。捏刪版面布局的株一般步驟升1、草案柜(芝這屬于創(chuàng)造朱階段，不講偵究細(xì)膩工整腔，不必考慮國(guó)細(xì)節(jié)功能，衡只以粗陋的傘線條勾畫(huà)出追創(chuàng)意的輪廓籮即可。盡可抖能多畫(huà)幾張障，最后選定覽一個(gè)滿(mǎn)意的式作為繼續(xù)創(chuàng)銳作的腳本。資)石2、粗略布林局（在草案口的基礎(chǔ)上，起將確定需要衰放置的功能西模塊安排到漫頁(yè)面上。這兄里我們必須餅遵循突出重屑點(diǎn)、平衡諧餐調(diào)的原則，碎將網(wǎng)站標(biāo)志匯，主菜單等厭最重要的模鄰塊放在最顯狗眼，最突出郵的位置，然譽(yù)后在考慮次淋要模塊的排嘩放。）赤3、定案（嚴(yán)將粗略布局料精細(xì)化，具唯體化。）舉叨布局過(guò)程遵冒循的原則串1、正常平垃衡：亦稱(chēng)稈"竄勻稱(chēng)殺"敢。多指左右紗、上下對(duì)照洲形式，主要怎強(qiáng)調(diào)秩序，械能達(dá)到安定薦誠(chéng)實(shí)、信賴(lài)督的效果。宇2、異常平聲衡：即非對(duì)升照形式，但叫也要平衡和穗韻律，當(dāng)然告都是不均整困的，此種布仁局能達(dá)到強(qiáng)圖調(diào)性、不安瞧性、高注目恰性的效果。妖3、對(duì)比：擱所謂對(duì)比，探不僅利用色餃彩、色調(diào)等滑技巧來(lái)做表?yè)瘳F(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、盡量用圈圖片解說(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背景抄較深，整體著效果類(lèi)似英逢文字母呢“藏T篩”營(yíng),桐所以我們稱(chēng)德之為?！疤蟃伐”備形布局。這軌是網(wǎng)頁(yè)設(shè)計(jì)棄中用的最廣備泛的一種布筆局方式。這蒼種布局的優(yōu)阻點(diǎn)是頁(yè)面結(jié)汽構(gòu)清晰，主悉次分明。是洗最容易上手蒼的布局方法繳。缺點(diǎn)是規(guī)壯矩呆板，如籍果細(xì)節(jié)色彩周上不注意，怠很容易讓人蠟“瘦看之無(wú)味含”彈。雜2、英“柄口沉”益型布局。這并是一個(gè)象形增的說(shuō)法，就為是頁(yè)面一般灘上下各有一爆個(gè)廣告條，予左面是主菜真單，右面放錘友情連接等擔(dān)，中間是主卸要內(nèi)容。這齒種布局的優(yōu)答點(diǎn)是充分利廣用版面，信逝息量大。缺榆點(diǎn)是頁(yè)面擁喪擠，不夠靈懂活。同時(shí)也曾有將四邊空搞出，只用中臭間的窗口型腳進(jìn)行設(shè)計(jì)的爹。爬3、臨“蠢三清”閘型布局。這朋種布局多用號(hào)于國(guó)外站點(diǎn)臺(tái)，國(guó)內(nèi)用的速不多。特點(diǎn)朱是頁(yè)面上橫驢向兩條色塊吧，將頁(yè)面整炕體分割為四爭(zhēng)部分，色塊姓中大多放廣途告條。茄4、對(duì)稱(chēng)對(duì)旦比布局。顧挺名思義，采座取左右或者徹上下對(duì)稱(chēng)的壽布局，一半核深色，一半壺淺色，一般堆用于設(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ì)中心。?？坝糜跁r(shí)尚類(lèi)猛站點(diǎn)，比如柜ELLE.氣com統(tǒng)。優(yōu)點(diǎn)顯而鉛易見(jiàn)：漂亮育吸引人。缺奏點(diǎn)就是速度鏟慢。作為版喊面布局還是侮值得借鑒的刻。見(jiàn)以上總結(jié)了吐目前網(wǎng)絡(luò)上哀常見(jiàn)的布局分，其實(shí)還有反許許多多別堡具一格的布監(jiān)局，關(guān)鍵在混于創(chuàng)意和設(shè)陡計(jì)了。溪螺版面布局的情技巧汪加強(qiáng)視覺(jué)效撕果鞏1、強(qiáng)文案凝的可視度和少可讀性火2、統(tǒng)一感適的視覺(jué)納3、新鮮和添個(gè)性是布局冷的最高境界譽(yù)1.3色彩并的搭配莊網(wǎng)頁(yè)的色彩碼是樹(shù)立網(wǎng)站擴(kuò)形象的關(guān)鍵粥之一，色彩絲搭配卻是大橡家頭疼的問(wèn)煩題。網(wǎng)頁(yè)的睛背景，文字逃，圖標(biāo)，邊典框，超鏈接憤等，應(yīng)該采魔用什么樣的裝色彩，應(yīng)該營(yíng)搭配什么色繪彩才能最好呈的表達(dá)出預(yù)影想的內(nèi)涵呢珍？網(wǎng)頁(yè)制作駁用彩色還是斷非彩色好呢輩？根據(jù)專(zhuān)業(yè)猴的研究機(jī)構(gòu)指研究表明：揭彩色的記憶壩效果是黑白械的培3.5惕倍。也就是夠說(shuō)，在一般校情況下，彩儲(chǔ)色頁(yè)面較完鞭全黑白頁(yè)面瘡更加吸引人悲。通常的做喉法是：主要萌內(nèi)容文字用價(jià)非彩色冬(森黑色貝)包，邊框，背血景，圖片用病彩色。這樣休頁(yè)面整體不運(yùn)單調(diào)，看主今要內(nèi)容也不臂會(huì)眼花。雙融非彩色的苗搭配艘黑白是最基必本和最簡(jiǎn)單權(quán)的搭配，白磁字黑底，黑劣底白字都非歐常清晰明了欲?；疑侨f(wàn)固能色，可以侄和任何彩色等搭配，也可鏟以幫助兩種挎對(duì)立的色彩尊和諧過(guò)渡。識(shí)如果實(shí)在找抓不出合適的終色彩，那么荷用灰色試試乒，效果絕對(duì)咸不會(huì)太差。要舌.彩色的疤搭配底1、一種色殺彩。這里是剃指先選定一畏種色彩，然朽后調(diào)整透明宴度或者飽和跌度，默(吵說(shuō)得通俗些超就是將色彩柿變淡或則加烘深立)瓶，產(chǎn)生新的刮色彩，用于撿網(wǎng)頁(yè)。這樣廊的頁(yè)面看起閃來(lái)色彩統(tǒng)一攤，有層次感且。威2、用兩種停色彩。先選哈定一種色彩茂，然后選擇船它的對(duì)比色帥(三在嫁photo茫shop知里按甘ctrl+扯shift纖+I)常。我所作的裁主頁(yè)用藍(lán)色劫和黃色就是憂這樣確定的保。整個(gè)頁(yè)面營(yíng)色彩豐富但拳不花稍。贈(zèng)3、用一個(gè)事色系。簡(jiǎn)單青的說(shuō)就是用他一個(gè)感覺(jué)的恭色彩，例如催淡藍(lán)，淡黃撓，淡綠；或襪者土黃，土幅灰，土藍(lán)。勝確定色彩的稅方法各人不典同，我們可膚以在答photo隨shop虜里按前景色經(jīng)方框，在跳狼出的拾色器干窗中選擇體"奇自定義季"胃，然后在夏"聚色庫(kù)血"造中選就可以最了。株4、用黑色煉和一種彩色中。比如大紅蚊的字體配黑啦色的邊框感智覺(jué)很鐮"喊跳漂"您。慚爽網(wǎng)頁(yè)配色盤(pán)不要將所有尚顏色都用到噴，盡量控制遭在三種色彩器以?xún)?nèi)。背景庭和前文的對(duì)敗比盡量要大萍，州(帆絕對(duì)不要用包花紋繁復(fù)的膏圖案作背景珍)拒，以便突出撒主要文字內(nèi)典容。單飲1.4網(wǎng)舒頁(yè)字體的設(shè)格置徐享字符集的奪設(shè)定復(fù)在查看勁html閘文件原代碼隱時(shí)，我們經(jīng)加?？梢栽谖娜嗉^搞<head朝>喬和粉</hea艙d>疼之間看到這紅么一句代碼拖：熊紙<meta困撇-equi腹v="Co飛ntent庫(kù)-Type捆"con太tent=雄"text許/html抄;cha延rset=尖gb231娘2">奮它的作袖用就是告訴輸瀏覽器：這捉個(gè)飾HTML嚇文件是采用黃gb231丸2境字符集制作戰(zhàn)的。當(dāng)瀏覽疊器讀到這一鹿代碼，便以痕gb231倍2鍛字符集來(lái)解婆釋和翻譯網(wǎng)柴頁(yè)原代碼，唉然后我們就縮可以看到正以確的網(wǎng)頁(yè)。窄gb231擋2倉(cāng)就是我們最藍(lán)熟悉的鑰GB亮簡(jiǎn)體碼，英貢文是淺iso-8辱859-1滋字符集。其淺它還有警BIG5,榮UTF-8勁,Shif喊t-JIS億,EUC,艙KOI8-廊2千等字符集，秩分別用于不屆同的字體顯維示。收續(xù).字體的使攝用懶在網(wǎng)頁(yè)里，講字體的定義貧語(yǔ)句是：羅包俘<font伴face脅="Ari隸al">侄顯示文字喉</fon暖t>遣其中死Arial炊就是一種字諒體的名稱(chēng)。床默認(rèn)的合瀏覽器定義真的標(biāo)準(zhǔn)字體蹦是中文宋體奏和英文糟times畏new招Roma截字體。也就治是說(shuō)，如果紀(jì)沒(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)格，命那么如何讓辮大家可以真蔑正看到我們地設(shè)計(jì)頁(yè)面呢術(shù)？解決的辦笨法是：用圖挨片。將需要蜘用這種字體歉的地方用圖叫片代替，以袋保證所有人捐看到的頁(yè)面沖是同一效果只。希挪字體的樣奶式(sty僅le)易字體的樣式切有四種：正加常體餡(regu羊lar),蜻斜體示(Ital快ic),炒粗體鑼(Bold閘),逃粗斜體吵(Bold館Ital伍ic)沫。頑爐字體的效找果蛙這里指壤通過(guò)雖html夸語(yǔ)言設(shè)定可轎以直接顯示肥的效果，在袖html狡里的語(yǔ)句設(shè)餡定為：幼鋤<span遼styl四e="te解xt-de咐corat邪ion:搜overl槳ine">利顯示文字洪</spa膜n>喜其中，望overl謎ine第是指上劃線扁效果。其它疾常用的效果打還有：剩under退line(嗓下劃線晨)鎖，院upper位case(健大寫(xiě)個(gè))拘等等。廳加字體大小達(dá)的控制矛字體大聯(lián)小的控制是其個(gè)重點(diǎn)。一化般字體默認(rèn)地的大小是反12pt(泉鎊油)某，用監(jiān)<font市size肚="+1"邁>宿語(yǔ)句可以將原文字增大潑2pt沒(méi)?，F(xiàn)在網(wǎng)絡(luò)銳上最流行的婚小中文字體顯大小為電9pt爐。借耍網(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á)到最快膝。覺(jué)我們知道：約瀏覽器在讀旦取網(wǎng)頁(yè)租html弄原代碼時(shí)，透是讀完整一悲個(gè)聯(lián)table糠再將它顯示識(shí)出來(lái)。也就校是說(shuō)從緞<tabl揀e>贈(zèng)標(biāo)簽開(kāi)始，貿(mào)要讀到沈</tab光le>呢標(biāo)簽時(shí)，才志將表格中的蒸內(nèi)容顯示在投屏幕上。而忽且顯示也有攀優(yōu)先級(jí)，先灘讀到的先顯見(jiàn)示。這樣的擊話，如果一伴個(gè)大表格中振含有多個(gè)子充表格，必須泥等大表格讀降完，才能將爛子表格一起走顯示出來(lái)。搬我們?cè)谠L問(wèn)貴一些站點(diǎn)時(shí)管，等待多時(shí)權(quán)無(wú)結(jié)果，按混"蹦停止挽"泉按鈕卻一下恥顯示出頁(yè)面窩就是這個(gè)原臂因。泛傻設(shè)計(jì)頁(yè)面表面格河整個(gè)頁(yè)面不秤要都套在一棵個(gè)表格里，禍盡量拆分成純多個(gè)表格：耀1、一表格續(xù)的結(jié)構(gòu)盡量煌整齊；嶄離2、表格嵌典套層次盡量革要少。憐實(shí)驗(yàn)證明：富越復(fù)雜，嵌晌套層次越多腦的表格下載腎速度越慢。購(gòu)1.6設(shè)計(jì)渾中meat鬼標(biāo)簽服文META旗標(biāo)簽，是融HTML禍語(yǔ)言瑞head殖區(qū)的一個(gè)輔臘助性標(biāo)簽。屈在幾乎所有鵲的煩page葬里，我們都淺可以看到類(lèi)詳似下面這段過(guò)html騾代碼：濫<head很>毛<meta暫殲-equi及v="Co換ntent低-Type則"con誠(chéng)tent=舉"text層/html魯;cha橫rset=鉗gb231栽2">聞</hea鼻d>遮這就是蝕meta杯標(biāo)簽的典型擾運(yùn)用。根據(jù)恥HTML誠(chéng)語(yǔ)言標(biāo)準(zhǔn)注被釋?zhuān)憾鱩eta黨標(biāo)簽是對(duì)網(wǎng)麥站發(fā)展非常漂重要的標(biāo)簽啞，它可以用摸于鑒別作者隨，設(shè)定頁(yè)面滑格式，標(biāo)注征內(nèi)容提要和茅關(guān)鍵字，以齊及刷新頁(yè)面礦等等。擊meta共標(biāo)簽分兩大斗部分：暖-原EQUIV巷和就NAME筐變量。魔-株EQUIV怖類(lèi)似于忘腫的頭部協(xié)議般，它回應(yīng)給螺瀏覽器一些錯(cuò)有用的信息普，以幫助正動(dòng)確和精確地怪顯示網(wǎng)頁(yè)內(nèi)膀容。謀最常用的幾稍個(gè)：筒1、r察efres他h(毀刷新胃)言說(shuō)明：需要譽(yù)定時(shí)讓網(wǎng)頁(yè)跌自動(dòng)鏈接到嚼其它網(wǎng)頁(yè)的謙話，就用這峽句了。用法：趕<委META遠(yuǎn)狐-EQUI榮V="Re輪fresh扭"CON訓(xùn)TENT=籍"5;UR穴L=">休注意：其中睜的猾5攻是指停留期5惠秒鐘后自動(dòng)戒刷新到尚URL予網(wǎng)址。族2、c杏onten漂t-Typ爭(zhēng)e(托顯示字符集某的設(shè)定遠(yuǎn))至說(shuō)明：設(shè)定旨頁(yè)面使用的演字符集。用法：垮<meta搖庸-equi晌v="Co姜ntent乖-Type賣(mài)"con羨tent=啄"text假/html堵;cha稱(chēng)rset=燦gb231憲2">竹說(shuō)明此網(wǎng)頁(yè)矮是用洞GB231宗2關(guān)字符編碼。資meat災(zāi)標(biāo)簽的馬NAME妥變量語(yǔ)法格氣式是：扮<蝕META造NAME燥="xxx爺"CON釋TENT=避"xxxx痛xxxxx梢">拼其中燦xxx闊主要有下面去幾種參數(shù)：枯1暖、趣Keywo且rds(骨關(guān)鍵字陵)施說(shuō)明：翼keywo捷rds套用來(lái)告訴搜顯索引擎你網(wǎng)盈頁(yè)的關(guān)鍵字齊是什么。舉例：旬<META巾NAME船="ke廉yword鞠s"CO醒NTENT覆="lif聞e，uni睬verse頁(yè)，mank棵ind，p塌lants盛,底relat幕ionsh潮ips，t源heme乘aning廈ofl亮ife，s嘆cienc聚e">征坊2只、皮descr統(tǒng)iptio京n(他簡(jiǎn)介卡)由說(shuō)明：獵descr彈iptio快n兼用來(lái)告訴搜曾索引擎你的局網(wǎng)站主要內(nèi)束容。舉例：術(shù)<鑄META影NAME覽="des近c(diǎn)ript舊ion"輔CONTE演NT="T味hisp套agei據(jù)sabo顯utth窮emea妨ning導(dǎo)of遣life，墨theu虹niver仇se，ma躍nkind棟and富plant院s.">白姜3爭(zhēng)、隸robot悔s(綠機(jī)器人向?qū)?尿說(shuō)明：薦robot令s蓋用來(lái)告訴搜蘇索機(jī)器人哪線些頁(yè)面需要徹索引，哪些秩頁(yè)面不需要緞索引。罰CONTE菠NT朱的參數(shù)有售all,n黑one,i雜ndex,復(fù)noind賄ex,fo附llow,原nofol紹low暢。默認(rèn)是乒all失。舉例：腐<賺META株NAME學(xué)="rob妻ots"做CONTE仆NT="n夫one">訓(xùn)4、糠autho壯r(綠作者遮)音說(shuō)明：標(biāo)注加網(wǎng)頁(yè)的作者舉例：飲<尤META顯name棉="AUT像HOR"螺conte消nt="a誰(shuí)jie,a引jie@n罰eteas堪e拒">塘Keywo癥rds練和奏descr許iptio蒼n保的設(shè)定：董在吧meta虎標(biāo)簽中最重混要的就是撥:Keyw剪ords懸和孤descr純iptio肺n愚的設(shè)定。這膏兩個(gè)語(yǔ)句可年以讓搜索引日擎能準(zhǔn)確的兼發(fā)現(xiàn)我們的棒網(wǎng)站，吸引水更多的人來(lái)告訪問(wèn)站點(diǎn)耐!扮所以淹,信我們必須粒記住添加竿keywo亮rds昏和廚descr督iptio困n嘉的許meta蝶標(biāo)簽，并盡歇可能寫(xiě)好關(guān)飾鍵字和簡(jiǎn)介林。證寫(xiě)銹keywo杰rds機(jī)的禁忌是：婦1、要用常棋見(jiàn)詞匯。例該如同等。斯2、不要用溝形容詞，副衡詞。例如最希好的，最大促的等。哭3、不要用鏈籠統(tǒng)的詞匯兄，要盡量精蜜確。例如不連用尾"遠(yuǎn)摩托羅拉手搞機(jī)享",決改用領(lǐng)"V998久"謀等援這里，是一勸段微軟多媒從體網(wǎng)站的關(guān)向鍵字的例子番：聚<meta車(chē)name臨="key回words世"con距tent=宅"joke飲，musi校c，MP3殘，medi碼a，aud復(fù)io，jo須keof墳the甘day，d再ownlo邪ads，f文reem踐usic，渴horos重cope，毒radio舌，vide借o，mus緊icdo客wnloa鑰ds，mo銜vies，底radio躲stat虹ion，m仇edia竿playe叔r，fre吊e，dow弓nload梅，weat展her，h洗orosc外opes，意windo襪wsme涂diat渴echno感l(wèi)ogie詠s，onl微ine，r黎adio涌stati置ongu透ide，f得reed拜ownlo光ad">烤二、網(wǎng)站的錄推廣與宣傳吉一個(gè)好的網(wǎng)際站的每天的丸點(diǎn)擊率是很票高的。網(wǎng)民三數(shù)呈快速增屢長(zhǎng)趨勢(shì)；寬管帶及無(wú)線互趟聯(lián)網(wǎng)市場(chǎng)已艷開(kāi)始啟動(dòng)，濁蛋糕前景已咽可觸及。因?qū)哟?，如何利允用互?lián)網(wǎng)宣創(chuàng)傳自己是每赤個(gè)企業(yè)和個(gè)理人所考慮的吵問(wèn)題。而網(wǎng)維站著眼于提奮高網(wǎng)站知名盼度，吸引網(wǎng)端友訪問(wèn)。針哈對(duì)這個(gè)問(wèn)題領(lǐng)一般可以采里用以下幾個(gè)按方法：映1、到各搜辜索引擎注冊(cè)洞、登記使這個(gè)方法相爐信很多網(wǎng)友已都嘗試過(guò)，腐但卻發(fā)現(xiàn)效報(bào)果不明顯，喚為什么呢？坐原因不外乎掠有三：首先齊，網(wǎng)上的搜筐索引擎實(shí)在榨太多了，想刑要一個(gè)一個(gè)屑地去注冊(cè)登聰記恐怕是不歇大可能的事犯。借助Ad營(yíng)dweb等嬌注冊(cè)軟件也市未必可以幫武你全部注冊(cè)督成功。其次菜，如果你做卷的是中文主岸頁(yè)，那么在屆國(guó)外的著名材搜索引擎Y惜AHOO、烤EXCIT挽E等注冊(cè)后蹈，會(huì)到你主只頁(yè)訪問(wèn)的外福國(guó)朋友又會(huì)傾有多少呢？速再次，假若泊有人到這些樸引擎查詢(xún)，寧得到的查詢(xún)刮結(jié)果有可能惑成百上千。用如果你的主毫頁(yè)排位不是延名列前茅的梁話，那么愿存不斷往下查兼看直到找到怖你主頁(yè)的人銳又有多少呢肯？因此，單污靠這種方法右就想提高訪閥問(wèn)率，無(wú)疑掃是守株待兔吊。揮徑建議：到中腥文搜索引擎銳注冊(cè)是必需龜?shù)?，如：S螺OHOO、促我是野虎、蔑YEAH搜柱索、中文Y釘AHOO等巾搜索網(wǎng)站。通而且還要在杠自己主頁(yè)中警多加上一些衫方便搜索引懷擎查找的計(jì)“湊關(guān)鍵字弟”糟。很可惜，挽至今還沒(méi)有暈人開(kāi)發(fā)集中恢在中文搜索倆引擎站點(diǎn)注濟(jì)冊(cè)登記的軟什件，不然就時(shí)會(huì)方便和省普時(shí)很多了。舅拜2、參加廣口告交換組織蟲(chóng)而目前網(wǎng)上有腐不少大大小妖小的廣告交章?lián)Q組織，其廊中網(wǎng)盟就是漏一個(gè)較著名俗的站點(diǎn)。加振入這些組織標(biāo)的前提就是伍你得在自己圓的主頁(yè)上放臉置其他站點(diǎn)博的廣告ba告nner，茂這些廣告組燕織會(huì)根據(jù)你摘主頁(yè)上顯示回其他網(wǎng)站b億anner估的多少而按攀一定比例在氧其他網(wǎng)站上緞顯示你的主府頁(yè)bann鞏er。這也甲會(huì)為你帶來(lái)貍訪問(wèn)者。但過(guò)是，你的網(wǎng)樂(lè)站訪問(wèn)率太轟低，廣告交析換帶來(lái)的效晌果就不會(huì)太休好。而且無(wú)餃法保證你的墓banne炭r顯示后，避會(huì)有多少朋坦友點(diǎn)擊它而嚼訪問(wèn)你的主歐頁(yè)。罷建議：適當(dāng)先地參加一至廣兩個(gè)交換組法織，但不要隔太濫（最好板是提供1換杠1方案的）廣。若你的主濟(jì)頁(yè)上同時(shí)出潔現(xiàn)好幾個(gè)廣重告bann教er，一來(lái)安會(huì)像一件打國(guó)滿(mǎn)了補(bǔ)丁的刮衣服，極不街美觀；二來(lái)遼太多商業(yè)廣歌告會(huì)令不少法訪問(wèn)者反感亮，效果適得第其反。慶3、通過(guò)E瓣－mail線通知朋友混剛建議：發(fā)出喂的E－ma村il邀請(qǐng)信恩要有誠(chéng)意，粒將你的網(wǎng)站狀更新的內(nèi)容昨簡(jiǎn)要地介紹蔑給朋友。倘仙若朋友表示腫不愿再收到壟類(lèi)似的信件菜時(shí)，就不要胳再將通知郵類(lèi)件寄給他了腹。恭4、與其他煌主頁(yè)互建友箱情鏈接粘這個(gè)方法我泳認(rèn)為比參加四廣告交換組薪織要有效得炮多，起碼你落可以選擇將災(zāi)廣告放置到若哪個(gè)主頁(yè)。鼠你能選擇與恩那些訪問(wèn)率妥較高的主頁(yè)盈建立友情鏈愿接，這樣造爹訪你主頁(yè)的民朋友肯定會(huì)幣多起來(lái)。柱建議：友情禾鏈接是相互呢建立的，要懂別人加上你薯的鏈接，你費(fèi)也應(yīng)該在自辭己主頁(yè)的首股頁(yè)或?qū)ｉT(mén)做后“啦友情鏈接許”蒸專(zhuān)頁(yè)放置對(duì)唉方的ban秘ner，并麻適當(dāng)做出推矩薦。這樣才庸能吸引更多以人與你共建筆鏈接。此外炎，你的ba君nner要謠注意制作得諸漂亮、醒目率，使人一看良就有興趣點(diǎn)墳擊。奪5、處處留喊言、引人注計(jì)意溉這也是一個(gè)參很好的方法邊。在網(wǎng)上瀏螞覽時(shí)，當(dāng)你錢(qián)看到一個(gè)不時(shí)錯(cuò)的網(wǎng)站,貧可考慮在這換個(gè)網(wǎng)站的留質(zhì)言簿留下贊勢(shì)美的語(yǔ)句，員并把你的網(wǎng)守站介紹、地類(lèi)址一并寫(xiě)下爽來(lái)。將來(lái)其鏈他朋友留言禽時(shí)就會(huì)看到速你的留言，細(xì)說(shuō)不定會(huì)有領(lǐng)興趣到你的角主頁(yè)參觀。雹以上提到的葛是人留言簿舒，還有一些蓬是商業(yè)網(wǎng)站夕留言簿，如啄網(wǎng)易網(wǎng)上家渠園、自貢1庸69留言簿極等。后者每殼天都有數(shù)百勤人在上面留獲言，訪問(wèn)率適高。在那里設(shè)留言對(duì)于讓海別人認(rèn)識(shí)你妖的主頁(yè)效果趣更明顯。檔建議：留言吃時(shí)用語(yǔ)要真民誠(chéng)、簡(jiǎn)潔，恰切莫將與主冰題無(wú)關(guān)的語(yǔ)旅句也寫(xiě)在上練面。篇幅盡哄量簡(jiǎn)短，更潛不要將同一寸篇留言反復(fù)元寫(xiě)在別人的托留言簿上。舉取6、多參與污論壇、新聞孝組的討論憑到論壇和新非聞組發(fā)布帖倡子,藉此宣姓傳自己的網(wǎng)堂站也不錯(cuò)。回因?yàn)檫@些地取方每天都會(huì)察有數(shù)以千計(jì)狗的網(wǎng)友在那淘?xún)哼M(jìn)行各式澆各樣的討論饑、發(fā)表見(jiàn)解鬼。像四通利非方論壇,每涌天都是人山屢人海，若能洗夠在那里宣蘋(píng)傳一番，肯際定能為你的被主頁(yè)訪問(wèn)人題次再進(jìn)賬不俗少。此外新執(zhí)聞組也是宣誘傳的好地方購(gòu)。僚建議：在論熔壇留言與在拿留言簿留言貝所要注意的微相差不多，剖不要老是寫(xiě)逮“購(gòu)到我的主頁(yè)口來(lái)訪問(wèn)北”師之類(lèi)的話。甲應(yīng)多與網(wǎng)友箏交流學(xué)習(xí),執(zhí)在適當(dāng)?shù)胤脚R提一下自己菜的主頁(yè)地址儲(chǔ)便可以了。愚這樣就不會(huì)錘有剛開(kāi)始效膀果很好，到翼后來(lái)就沒(méi)多豪少人來(lái)訪問(wèn)旱的情況出現(xiàn)境了。在使用防新聞組的時(shí)明候可每隔一晴段時(shí)間就轉(zhuǎn)沖到別的新聞成組，多結(jié)交遞新朋友，討軟論新的話題憶。源7、到各大揚(yáng)報(bào)刊發(fā)表文擱章險(xiǎn)作為一名電膊腦愛(ài)好者，彎學(xué)習(xí)和使用丙電腦應(yīng)該有奶一段時(shí)間了保吧。在使用行軟、硬件和架上網(wǎng)的過(guò)程激中積累了哪黑些值得與別扮人交流的經(jīng)丈驗(yàn)和心得呢陳？不要吝惜汪你的言語(yǔ)，仿將它寫(xiě)出來(lái)皆，與人真摯則交流，不去詳計(jì)較得失。援不要將好的旁經(jīng)驗(yàn)自己獨(dú)角享，快拿起摘筆寫(xiě)出來(lái)與證廣大朋友一活起分享吧！倆寫(xiě)好后將它囑寄往像CP及CW網(wǎng)站等苗比較出名的枯報(bào)刊，讓更孔多人與你一研同成長(zhǎng)。在謀文章的末尾曉可注明你的墓主頁(yè)地址和栗E－mai剛l地址，如尿果你的文章烏很受歡迎,明一定會(huì)有很訪多朋友來(lái)訪消問(wèn)你的主頁(yè)攏。涌建議：千萬(wàn)洲不要一稿多較投，既不道姻德,也很容陸易被封殺。穗稿件不被采焰用也不要灰源心，有志者熄事竟成，應(yīng)建該再?lài)L試寫(xiě)億更多更好的介文章投稿。霞若文章發(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ù)更新工作凱要做得更好習(xí)，那樣才能孟維持一定的疏訪問(wèn)人數(shù)。貿(mào)最后希望你似我的主頁(yè)都濫能客似云來(lái)北！磨1、與同類(lèi)損企業(yè)交換鏈拌接；乞2、花錢(qián)與脅大網(wǎng)站上做甲鏈接或投網(wǎng)授絡(luò)廣告；勇3、與井知名網(wǎng)站合嚴(yán)作專(zhuān)題；留4、開(kāi)總展有獎(jiǎng)網(wǎng)絡(luò)遇調(diào)查；茂5、結(jié)鵝合傳統(tǒng)活動(dòng)伸舉辦網(wǎng)上網(wǎng)援下相結(jié)合活糟動(dòng)；航6、輕電子郵件營(yíng)投銷(xiāo)；上7、結(jié)西合網(wǎng)站自身半，利用已建恒立的用戶(hù)數(shù)洞據(jù)庫(kù)成立網(wǎng)逃上俱樂(lè)部；席8、建滅立網(wǎng)站論壇稀，擴(kuò)大與用容戶(hù)間的互動(dòng)聽(tīng)；蜜9、與堆媒體、運(yùn)營(yíng)雜商等合作舉爭(zhēng)辦活動(dòng)，企業(yè)業(yè)出獎(jiǎng)品的乒同時(shí)又起來(lái)獨(dú)宣傳自身的壤目的融。帳【懇參考文獻(xiàn)奏】敘婚向元杰撈著那，頑《裳Flash鬼MX編程書(shū)輕松上手矩》叨，孟清華大學(xué)出飾版社民，居2002.杯11.01炮網(wǎng)冠科技光著孤，橡《DREA亮MWEAV暫ER時(shí)尚創(chuàng)駝作百例》債，怖機(jī)械工業(yè)出簡(jiǎn)版社窩，購(gòu)2004堡.貧06音.季01評(píng)含呂少華著押，負(fù)《網(wǎng)頁(yè)標(biāo)題轟制作技巧與柴實(shí)例》餅，反清華大學(xué)出稠版社寄，要2000.課01.15個(gè)甚Danie潑l妖著倚息成棟等譯碰，唯《Fron齊tPage景2000蕩從入門(mén)到精日通》巧，錢(qián)忽電子工業(yè)出典版社準(zhǔn)，恰2000栽.0漿1墨.0重1鎖［美］Ja礎(chǔ)kobN埋ielse今n著旅，牛《Web可鍛用性設(shè)計(jì)》攜，咸人民郵電出歇版社筋2000痕.11.0源1癥豐天藍(lán)工作室中著貫，臥《網(wǎng)站架構(gòu)舌與美工黃金欠組合》辟，言人民郵電出移版社裁偷2000松.放12晝.01蠟癥伍梵華著尾，舟《網(wǎng)頁(yè)設(shè)計(jì)抄與網(wǎng)站開(kāi)發(fā)歉——HTM狼L網(wǎng)頁(yè)制作辜網(wǎng)站開(kāi)發(fā)完罷全實(shí)戰(zhàn)》銅，嘴航空工業(yè)出核版社嫩，攜2000.做06.01恭緩樊志育著罰，號(hào)《廣告制作裳》搭，緞人民郵電出詞版社結(jié)，騾2003買(mǎi).勤08慨.伸01乳龍馬工作夏室箸浮，寨《近Dream升weave垃rMX泛2004中滑文版完全自降學(xué)手冊(cè)垮》映，憶人民郵電出喇版社20聾04.09處.01偏抹洪恩軟件獵著鼓，唯《之Dream逮weave學(xué)rMX舊2004入卡門(mén)與進(jìn)階實(shí)曾例熱》泉，韻吉林電子出軋版社拐，莖2005.幕03.01驕于利軒箸租，買(mǎi)《漠Flash蹲MX編程端魔法石》伶，流中國(guó)水利水豐電出版社宏，咬003.0仿3.01隱劉瑞新箸較，想《融Photo掀shop攪CS向圖形圖像》滲，勸機(jī)械工業(yè)出嶄版社勾，監(jiān)2004.威10.01畢黃竣孔箸繼，慨《綢Dream奉weave洲r(nóng)MX中的文版正精彩設(shè)計(jì)百蒸例》蛛，勞中國(guó)水利水吹電出版社閑，璃2003.違01.01墊傭Toolb梯ang韓俯箸字，?！陡`Dream艷weave討rMX煩陸2004經(jīng)匙典案例課堂牌》債，將中國(guó)青年出孝版社侄，哨2004.滔11.01討世李波抖箸撞，率《勸Flash央MX娛樂(lè)秋制作大本營(yíng)慘》炒，諒電腦報(bào)社淹，酒2004.齒11.01獲Sugge撐stion蓮for斥Mediu逐mSma吳llEn貨terpr卸ises委Websi椒tDes餓ign閥TanZ識(shí)hipen械g揪【誕Abstr礙act拘】蛙洋Durin仇gthe羽deve胞lopin愉gand頓exte絡(luò)nding付proc續(xù)ess,t躬heme跡dium拿small彎ente昆rpris雁essh詠ould中conti出nuous淘lype桶rfect臥thei駝rown攝mana亞gemen萍tlev夜elin運(yùn)side,撇and舌face蝴thei炸ncrea栗singl騎yvig林orous增mark蟲(chóng)etco查mpeti緞tion葛outsi枯de,f供orwh對(duì)icht梳hein詞forma條tion傘techn數(shù)ique私provi套dest余hebe豬stme增thod.藥This叼text而main炭l