歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

50個(gè)制造網(wǎng)站的竅門

發(fā)布時(shí)間:2020-03-09 文章來源:本站  瀏覽次數(shù):2218

一、內(nèi)容

  1、讓讀者有理由停留。要把網(wǎng)頁作得興趣盎然,引人入勝。但首要的是要讓它有用途。這樣做的一個(gè)很簡(jiǎn)單的辦法是供給彼此參加——讓讀者做一些事情,如報(bào)名獲取定時(shí)發(fā)送的通訊,并用某種方法報(bào)答他們的參加,如每周抽獎(jiǎng)或給予下載一些東西的時(shí)機(jī)。

  2、對(duì)拜訪者來說最具價(jià)值的站點(diǎn)是那些立刻就能讓人明白哪些信息能夠獲取,怎樣獲取,以及或許還有怎樣讓讀者來更正他自己認(rèn)為有過錯(cuò)的當(dāng)?shù)鼗蚣由纤约旱膬?nèi)容。

  3、簽上自己的姓名,并展示得到的榮譽(yù)——但不要在這兒弄上一個(gè)長(zhǎng)長(zhǎng)的簽名。少許的自我宣傳或許是中肯的,尤其是當(dāng)你想讓自己的網(wǎng)頁具有個(gè)人特色時(shí),但這或許會(huì)帶來窮困和阻礙本質(zhì)內(nèi)容。你所要作的僅僅銜接到關(guān)于作者的那一頁,該頁也是棄權(quán)、版權(quán)聲明及相似說明的合恰當(dāng)?shù)亍?/p>

  4、不要包括一些一般化的Web參考信息和人人都有的已不再是熱門的銜接。銜接到Alta Vista和Yahoo或許就已足夠了,不然你的外部銜接應(yīng)該是具有特別含義和讀者還沒有遇到過的當(dāng)?shù)亍?/p>

  5、要是有以談?wù)摶蜃x者定見的方式取得的肯定性的反應(yīng),可考慮把它包括在主頁之內(nèi)——或許在最初的某個(gè)當(dāng)?shù),或許作為到榮譽(yù)頁的一個(gè)銜接。假如做得恰到好處,能夠鼓舞新的拜訪者并使他們放心。相反,要是做得不適宜,就會(huì)被認(rèn)為是自我吹噓,而真實(shí)的內(nèi)容反而處于非必須地位。

  6、遺忘已學(xué)會(huì)的在紙上寫作的大多數(shù)習(xí)慣。根據(jù)文字、面向紙張的寫作所面臨的使命是精心安排的敘說,在供給常識(shí)、愉悅心境或說服他人的進(jìn)程傍邊要能保持讀者的愛好;可是文字并不是大多數(shù)Web版面的首要組成部分——即便是頁面上的文字比其他元素多,也常常是其他組成部分(圖畫、超媒體銜接)被認(rèn)為比單純的文字更重要。

  7、結(jié)構(gòu)至關(guān)重要。網(wǎng)頁或許會(huì)看起來是二維的,但不該如此理解。印刷頁面的原有結(jié)構(gòu)在Web已不復(fù)存在;寫作者得著重于文件以可見的方法表現(xiàn)出來的結(jié)構(gòu),因?yàn)樗蛟S已具有更微妙的溝通功能。

  8、Web的讀者不會(huì)去讀每一個(gè)詞,他們的閱覽方法更近似于快速閱覽而不是象讀板滯的樹式文件那樣的逐行閱覽。經(jīng)過計(jì)算機(jī)屏幕閱覽并不是件分外舒暢的事情,因而讀者期望最好能趕快得到結(jié)果。

  9、在Web頁面創(chuàng)造中讀者實(shí)際上是一個(gè)合作者。除了要注意在任何類型的寫作中都要考慮的詞匯、語諧和其他事項(xiàng)外,網(wǎng)頁作者還要意識(shí)和詳細(xì)考慮到讀者的身體運(yùn)動(dòng)——按鼠標(biāo)鍵、翻滾頁面、寫作郵件——也是溝通進(jìn)程的一部分。

  二、頁面規(guī)劃

  10、有了一個(gè)HTML編輯器和幾兆服務(wù)器空間并不能說立刻就能夠規(guī)劃網(wǎng)頁了。在開端編寫文字、尋覓圖畫和進(jìn)行HTML符號(hào)之前應(yīng)該先把基本的網(wǎng)頁結(jié)構(gòu)組織號(hào)。假如沒什么要說的,就什么也不要說。要是開端的時(shí)分在腦子里沒有一個(gè)適當(dāng)明確的結(jié)構(gòu),那幾乎肯定會(huì)以一團(tuán)糟而告終。開端時(shí)慎重一些,然后不停地學(xué)習(xí),不停地改善。卸載一些你喜愛的頁面,核對(duì)HTML源文件,看它是怎樣寫的,把它全部或部分粘貼到一個(gè)試驗(yàn)文件進(jìn)行檢驗(yàn)。整頁地復(fù)制他人的東西是剽竊行為,可是向他人學(xué)習(xí)則是研討進(jìn)程。

  11、人們第一次進(jìn)入你的主頁時(shí),他們一般不是在尋覓值得閱覽的當(dāng)?shù),他們或許正在尋覓可供挑選的東西,以超文本術(shù)語說便是可用鼠標(biāo)點(diǎn)取的詞句、圖畫、按鈕等等,接下來是閱覽文字,選定一個(gè)可選項(xiàng),按鼠標(biāo)鍵,下頁呈現(xiàn)后又重復(fù)此進(jìn)程。這兒的技巧是確認(rèn)閱覽時(shí)按鍵的恰當(dāng)比率。供給的可選項(xiàng)要是太少,拜訪者會(huì)覺得沒意思,要是太多又會(huì)嚇倒他人。

  12、要是頁面包括的內(nèi)容信息量大,在開端規(guī)劃頁面之前就要先確認(rèn)好讀者方針。對(duì)新手或新的拜訪者來說用一種固定的文件結(jié)構(gòu)并在開端的時(shí)分給予說明是有含義的。例如,關(guān)于內(nèi)容的說明表格或某種相似結(jié)構(gòu)。假如你要滿意常識(shí)或經(jīng)驗(yàn)不在同一個(gè)層次的讀者,供給限制性的頭緒能夠讓某些讀者跳過基本內(nèi)容直達(dá)方針。供給銜接時(shí)要考慮到各個(gè)層次的讀者。

  13、不要讓讀者手足無措。不用非要用聲音和圖畫充斥網(wǎng)頁,也不要把文件做得太長(zhǎng)以至于在裝載文件時(shí)讓讀者等得腳后跟發(fā)涼,因而運(yùn)用圖畫時(shí)要慎重:大的圖畫顯然會(huì)降低頁面樹立的速度,但許多需求次序裝載的小圖畫也會(huì)如此。

  三、布局

  14、別輕易讓文字居中和運(yùn)用粗體或斜體字符。除了視感混亂之外,許多流覽器不能很好地顯現(xiàn)斜體字,也不能補(bǔ)償因?yàn)樽帜竿嵝币鸬目瞻鬃兓?/p>

  15、運(yùn)用短的段落,加點(diǎn)列示,恰當(dāng)?shù)恼麎K引用文字,用水平線分節(jié),用影象地圖指引首要銜接,使你的頁面能吸引人和簡(jiǎn)單閱覽。

  16、不要在每一頁運(yùn)用風(fēng)格不同的圖標(biāo)。

  17、不用在以頁面上填滿圖畫來添加視覺興趣。盡量運(yùn)用五顏六色圓點(diǎn)——它們較小并能為列表項(xiàng)添加色彩生機(jī)(并能用于五顏六色列表)。五顏六色分隔條也能在不擾亂帶寬的情況下增強(qiáng)圖形感。

  18、對(duì)用作布景的GIF要慎重。它們能夠使一個(gè)頁面看起來很風(fēng)趣,乃至很專業(yè),可是裝修布景很簡(jiǎn)單使文字變得不可辨讀。要把布景做得好,光有色彩比照是不行的。布景要么很亮(文字較暗)要么很暗(文字較亮)。假如布景含有圖畫,比照度要較低才不至于過于分散讀者的注意力。

  19、在 IMG 行加 ALT 符號(hào)。假定標(biāo)題圖畫顯現(xiàn)為 The Offal Eaters" HomePage,你能夠在括號(hào)內(nèi)加上一個(gè) ALT 符號(hào),ALT="The Offal Eaters" HomePage",直接把它加在 IMG SRC=Offal.com.uk/images/gif/home-top.gif之后。這樣就會(huì)讓運(yùn)用根據(jù)文本的流覽器的讀者除了看到 [IMAGE] 以外還能看到其他一些東西,運(yùn)用圖形流覽器的讀者在圖畫未能成功載入之時(shí)也會(huì)看到一些東西,而你也能讓自己的HTML文件適當(dāng)整齊。

  20、也能夠在分隔條上運(yùn)用ALT符號(hào),這樣就使得運(yùn)用根據(jù)文本的流覽器的讀者能看到一些更風(fēng)趣的東西,而不僅僅一條直線。

  21、不要把重要的內(nèi)容放到頁尾——有些讀者或許不會(huì)往下看那么遠(yuǎn)。

  22、不要讓什么東西看起來象是一個(gè)按鈕卻不起按鈕的效果。

  四、HTML格局

  23、應(yīng)防止運(yùn)用穿插符號(hào)。不同的瀏覽器對(duì)穿插符號(hào)的反映會(huì)不同。

  24、運(yùn)用交錯(cuò) GIF 和 Jpeg 。因?yàn)榻诲e(cuò)圖畫是分級(jí)顯現(xiàn)出來的——首先以很低的分辨率顯現(xiàn),然后逐步提高分辨率,直至最終到達(dá)正常顯現(xiàn)——這種方法有時(shí)分會(huì)使較大的圖畫看起來好象裝載得快一些(實(shí)際上并非如此,但這是一種有利的幻覺)。這樣也便于讀者在圖畫裝載的進(jìn)程中看到它的模樣,假如他們不喜愛或不想看的話就有時(shí)機(jī)中斷傳輸或轉(zhuǎn)向其他當(dāng)?shù)亍?/p>

  25、另一種添加可得帶寬的奇妙方法是在HTML草稿中運(yùn)用 Lowsrc 指令。比如說有一張400×600像素的1600萬色掃描圖,所占空間約為35K。運(yùn)用 Paint Shop Pro 這一類的東西對(duì)原圖從頭取樣,比如說高度為100像素(或許為了到達(dá)你自己的要求你得進(jìn)行調(diào)整才干找到最適宜的巨細(xì),但能夠從高度除以4開端),Paint Shop Pro 會(huì)主動(dòng)計(jì)算新畫面的寬度。保存新畫面,它的巨細(xì)現(xiàn)在應(yīng)為6K或更小。然后在HTML文件中能夠這樣寫上:

Lowsrc指令指示瀏覽器在真實(shí)的畫面載入以前先裝載低分辨率的圖畫,這樣就讓讀者清楚將會(huì)呈現(xiàn)什么樣的畫面。(為保證瀏覽器能即時(shí)以適宜的巨細(xì)顯現(xiàn)圖畫,高度和寬度很重要)。

  26、當(dāng)然,能夠用 Lowsrc 提取你想要的任何圖畫。一條雙色的“請(qǐng)等待下傳”的信息或許只占幾百字節(jié),同時(shí)因?yàn)閳D畫是存在瀏覽器的緩存區(qū),因而可用“請(qǐng)等待”信息代替一切畫面。當(dāng)圖畫平靜地消失于布景之中的時(shí)分,讀者能夠悠閑地瀏覽你的網(wǎng)頁。

  27、能夠在一個(gè) HTML 元素內(nèi)嵌入一個(gè)銜接,如:Myheading但不能反其道而行之,把一個(gè)標(biāo)題或其他HTML元素嵌入一個(gè)銜接。下面這樣的結(jié)構(gòu)是正式的 HTML 規(guī)矩禁止的,并或許在大多數(shù)最新的瀏覽器下不見效果:Myheading

  五、長(zhǎng)文件

  28、當(dāng)頁面為單個(gè)長(zhǎng)文件時(shí)要留神。它的傳輸時(shí)刻顯著要比較短的頁面的傳輸時(shí)刻長(zhǎng),即便通訊速率為 28.8Kbps 的讀者也或許會(huì)失去耐心。閱覽大的文件時(shí)頁面翻滾也很困難。大的文件和較慢的裝載速度或許會(huì)使人懊喪,再也不會(huì)返回到你的網(wǎng)點(diǎn)。

  29、假如你覺得文件巨細(xì)很重要,不方便改動(dòng),就要考慮讀者將會(huì)怎樣運(yùn)用網(wǎng)頁。盡力保證讀者瀏覽長(zhǎng)文件時(shí)瀏覽器翻滾條小的移動(dòng)不會(huì)在頁面上產(chǎn)生大的跳躍。作為一條經(jīng)驗(yàn)規(guī)矩,按一次翻滾條頁面移動(dòng)的規(guī)模要少于一頁,這樣就還看得見上一個(gè)窗口的部分內(nèi)容。任何比這更大的移動(dòng)都會(huì)讓人迷失方向。

  30、要不然就把一個(gè)長(zhǎng)文件分成幾個(gè)子文件,在主頁給予銜接。不過要記住子頁或許會(huì)成為死頁——有時(shí)分命中率要低于10%。做得聰明一點(diǎn),給讀者一個(gè)很好的理由裝入子頁或給他們一個(gè)很好的理由瀏覽它。

  31、假如頁面許多,在主頁給出一個(gè)內(nèi)容列表或目錄顯然是個(gè)好辦法。不要非得作成那種慣例的、令人厭煩的、死板的樹形布局,把它做得風(fēng)趣一些,讓讀者有理由進(jìn)入銜接,協(xié)助他們了解他們或許看不出來的內(nèi)容。

  32、要是你必須把一切的內(nèi)容都放在一個(gè)文件里面,運(yùn)用一個(gè)內(nèi)容列表,從表的項(xiàng)目可直接跳到各部分的最初;蛟S做得更好,供給一個(gè)獨(dú)立的文本文件用于下傳——去掉一切的格局符——使下傳的時(shí)刻減到最少。

  六、銜接

  33、一般的次序文本寫作與在線文件寫作之間的一個(gè)首要區(qū)別是在線文件的讀者或許在文件的任何一點(diǎn)進(jìn)入該文件。盡管你已做了一個(gè)美麗的主頁作為入口,其他人或許會(huì)對(duì)你的杰作內(nèi)的詳細(xì)指針或子頁給出銜接。向這些新的拜訪者供給一些關(guān)于他們?cè)谑裁串?dāng)?shù)匾约盀槭裁丛谶@兒的頭緒是有含義的。

  34、自始至終都要運(yùn)用導(dǎo)航圖標(biāo),尤其是要用“返回到主頁”銜接。能夠在每部分都做這樣做。比如在每頁的頂端(或底部)都有一小串圖標(biāo),第一個(gè)回到主頁,第二個(gè)回到章,第三個(gè)回到節(jié)。

  35、在頁面上應(yīng)該有一些銜接協(xié)助拜訪者來回跳轉(zhuǎn)?偸且韵嗤母窬职堰@些銜接放到一切頁面上,這樣讀者就總能知道到哪兒去找到它們以及怎樣運(yùn)用它們。

  36、一般來說應(yīng)該運(yùn)用相對(duì)銜接,因?yàn)?

  (1) 這樣簡(jiǎn)單把一組文件移到另一個(gè)當(dāng)?shù)?相對(duì)路徑名仍然有用),

  (2) 輸入量較少。在同一頁的銜接項(xiàng)當(dāng)然應(yīng)該運(yùn)用相對(duì)地址,因?yàn)檫\(yùn)用肯定地址后或許會(huì)每挑選一個(gè)銜接都要把該頁從頭裝載一次。

  37、銜接到不直接相關(guān)的文件時(shí)運(yùn)用肯定路徑。這樣今后要是把源文件移到別的的目錄下就不需更改銜接了。

  38、保證可挑選的銜接清楚直觀——用標(biāo)題或顯著相關(guān)的圖畫來標(biāo)明它有什么內(nèi)容。特別要防止“請(qǐng)按這兒”,任何要“按這兒”的人都會(huì)慎重考慮,它是不是正好就在“這兒”,并且銜接無誤。不要讓銜接的稱號(hào)與銜接的 URL 相同,這樣會(huì)使讀者要作的作業(yè)添加。

  39、Mail to 銜接中應(yīng)把 e-mail 地址作為銜接稱號(hào)。例如,或許有一個(gè)人名和一個(gè) e-mail 地址,人名銜接到他的主頁,e-mail 地址銜接到 mailto。新聞組銜接應(yīng)當(dāng)直接用組名。

  40、核對(duì) href ,不要在頁內(nèi)呈現(xiàn)任何沒有出路的銜接,也不要讓銜接落掉。

  七、公例

  41、實(shí)際上,網(wǎng)頁要么處于建設(shè)之中要么就是死的——假如你不更新它,并且它不是純粹的前史資料,它立刻就會(huì)變舊。“最終一次更新”記錄是一個(gè)好辦法。且不說其他,假如你的頁面變化太少,你很快就會(huì)在讀者談?wù)撝械玫酵诳喽ㄒ姟?/p>

  42、鼓舞讀者經(jīng)過填表或發(fā)郵件反應(yīng)定見。但要準(zhǔn)備處理隨之而來的事務(wù)——要趕快地回E-mail,添加銜接,修正輸入過錯(cuò)等等。給經(jīng)過 E-mail 進(jìn)行談?wù)摰娜嘶馗兄x信。

  43、在頁內(nèi)告知讀者假如他們?cè)谧约旱闹黜搩?nèi)設(shè)置一個(gè)指向你的銜接你不會(huì)介意,并標(biāo)明你也同樣會(huì)設(shè)置一個(gè)指向他的主頁的銜接。每個(gè)人都期望有人拜訪自己的網(wǎng)頁,而這種彼此支持會(huì)鼓舞對(duì)見解相似的網(wǎng)點(diǎn)的拜訪。

  44、聯(lián)機(jī)時(shí)刻是貴重的,而拜訪者的注意時(shí)刻之短是眾所周知的。想辦法告知讀者下傳要用的時(shí)刻——告知他們要呈現(xiàn)的圖畫的巨細(xì)或下傳一個(gè)文本文件或二進(jìn)制文件要用多久的時(shí)刻。為把聯(lián)機(jī)時(shí)刻減到最少,指出你會(huì)給出FTP地點(diǎn)或供給到其他頁的銜接,讀者會(huì)賞識(shí)你的這種做法。

  45、運(yùn)用 Digital 的優(yōu)秀檢索東西 Alta Vista找出誰已樹立了指向你的Web的銜接。

  46、Web上的大多數(shù)寫作都適當(dāng)糟糕。因?yàn)槎鄶?shù)網(wǎng)頁都是空話連篇,自我吹噓,編寫粗糙,編輯審核也不存在,好的寫作就很突出了。

  47、不要忘記為你的主頁加一個(gè)描述性的標(biāo)題,當(dāng)某個(gè)人把它保存在自己的熱門目錄后能知道這兒是什么內(nèi)容。

  八、設(shè)備獨(dú)立

  48、HTML不包括文件顯現(xiàn)時(shí)用到的字體、段落方式及空白信息。這正是它的含義地點(diǎn),不管在什么平臺(tái)上,包括文字終端,你的文件都能成功地顯現(xiàn)出來。由此產(chǎn)生出最低指令標(biāo)準(zhǔn)。因而要了解不同的瀏覽器用不同的空白和字體。

  49、假定你的頁面要用某個(gè)特定的瀏覽器閱覽時(shí)要留神。要是沒有鼠標(biāo)器,讓他人“按這兒”是不會(huì)有用的,假如你的讀者運(yùn)用 Internet Explorer 或Spry Mosaic,Netscape2.0 的插件就不會(huì)有用,除非你能保證讀者有 Netscape 或 Internet Explorer 兼容的瀏覽器,不然從頭調(diào)整過的圖畫或許會(huì)以預(yù)想不到的巨細(xì)顯現(xiàn)出來,表格也會(huì)很丑陋(或根本看不見)。在少量瀏覽器上,你根本不能看Jpeg圖畫。

  50、不會(huì)有許多讀者不能處理16位的圖畫,可是要注意,假如用16位(64K色)或24位(1670萬色)的調(diào)色板制造精巧的布景,你或許會(huì)發(fā)現(xiàn)運(yùn)用較老的設(shè)備的人只能跳過去。用8位圖看五顏六色布景時(shí)會(huì)降為可怕的圖形。帶視卡但 RAM 少于 2M 的 PC 是不能觀看圖畫的。

上一條:網(wǎng)頁制作有必要留意的10...

下一條:解密前端開發(fā)人員必備技術(shù)...