2013年12月30日星期一

考慮到用戶完成表單

考慮到用戶完成表單填寫的時間應當盡可能的短,並且收集的資料都是用戶所熟悉的網頁寄存(比如姓名、位址、付費資訊等),垂直對齊的標籤和輸入框可以說是最佳的。每對標籤和輸入框垂直對齊給人一種兩者接近的感覺,並且一致的左對齊減少了眼睛移動和處理時間。用戶只需要往一個方向移動:下。   在這種佈局中,推薦使用加粗的標籤,這可以增加它們視覺比重,提高其顯著性。如果不加粗的話,從用戶的角度講,標籤和輸入框的文字幾乎就一樣了。

非常嚴密

當代迷你倉葵涌店位於葵興港鐵站步行約十至十五分鐘,交通方便專線小巴直達,駕車人仕可直接泊入大廈停車場,而大廈地庫設有上落客貨平臺區十分方便,載貨升降機直達各層迷你倉,租客持有有效之電腦匙咭便能出入迷你倉庫,而保安非常嚴密,大門及每個角落都設有監察器,令儲存物品就絕對放心。當代迷你倉提供迷你倉,迷你辦公室,儲物櫃,文件櫃,信箱等出租服務,除葵涌店外,更有觀塘多間分店可供選擇。當代迷你倉可24小時自由出入,倉內外地方環境清潔,光線充足,24小時冷氣開放。我們堅守所有向公眾披露的資料真實、公正、合適等原則。現今香港講求服務質素,我們更定期為員工培訓,為客戶提供最優質的服務。不論服務、倉內設計及設施,我們不停作出改進,貼近市場步伐。

本站的作品

在經濟不景氣的時代,客戶總是會比較哪些比較便宜,比較適合自己。目前在網頁設計這項行業裡,因SOHO族的出現,業界價格已出現差異極大的差距。選擇好的Web Design公司幫您製作網頁前,應先注意到下列幾點: 是公司還是個人(工作室)? 全香港從事網頁設計的人或是公司,粗估約有 2000 多家,但真正經營超過1年以上的,卻不到10分之1( 因為一堆學了軟體就自以為可以靠網頁設計網頁寄存 (web Store)維生的人,通常第一年就會被市場淘汰!),經營超過2 年以上的公司,大概不到100分之1 ( 因為僥倖撐過第一年,卻因為管理不當或是擴充太快,或是借錢死撐的人,通常在不可能撐到第3年,因為網頁設計這行,進入容易,深入難;賺錢容易,穩定難 ),所以一般只要撐過 2 年的Web Design公司,其實就算是很穩定的公司,這種廠商的可靠度會比兼職的個人要來的好很多!一般來說,不建議消費者去找個人做網頁設計,因為千萬別以為個人或工作室的server1_A.htm' style='text-decoration:none;' >價格會比較低喔!因為他可能1、2個月才有一個案子,所以反而容易獅子大開口( 尤其是熟人介紹! ),就算個人用較低的價格來承接您的案子,可是因為錢少、事多,再加上他本身可能還有工作,所以客戶很容易就變成"網站孤兒"!付了錢之後找不到人的情況比比皆是,或是請他改東西要增加server3.htm' style='text-decoration:none;' >費用之類的…造成消費者不愉快的經驗,這也是很多人對網頁設計這行有很深的偏見的主因( 因為很多人被這種惡質的個人工作室騙過!)  例如:本站的作品有超過200件以上,詳見作品集 網頁設計是一門很競爭的行業,很多廠商來的快去的也快,很消費者常常會抱怨,為什麼我找的網頁server4.htm' style='text-decoration:none;' >設計廠商經常會惡性倒閉,找不到人,所以在選擇網頁設計公司的時候,建議不要用價格來做唯一考量,更要考量該公司的穩定性,一般來說,如果在網頁設計業界有超過100件作品的公司,都是相對較可靠的公司,畢竟做過那麼多作品,一定累積了很多經驗及技術,再加上有這麼多作品,相信收入也是很穩定。較小家的工作室或是個人,由於是白天有工作,或是兼職經營所以他的作品量一定不多,收入也不多,所以很容易就放棄從事Web Design,而去另覓其它工作 是否有固定室內電話及地址? 不要懷疑,很多Web Design廠商,他們的網站上你會找不到室內電話或是地址!,通常是個人工作室較多~只留手機的網頁設計廠商,通常是個人兼職(如果是網頁設計公司的話,通常會留公司地址及電話),為什麼只留手機或是只用email聯絡呢?當然是為了惡性倒閉時,讓你找不到@@,或是他留室內電話不留地址~也是一樣的道理,建議你要做網頁的時候,親自去一趟對方公司了解,這樣會比較有保障! 是否有提供全方位的服務?  有相當多半調子的廠商,或是投機的個人,經由一般坊間的電腦補習班洗腦,以為上了他們的課程就能夠來從事網頁設計這行,但這行要懂的技術實在太多,不是能夠在短時間內就讓一般人學得精通的,所以這些廠商本身通常只有提供單一服務,例如只提供美工設計、或是程式設計、或是主機租賃,但也有些廠商不會跟消費者講,而是先承包下來再轉發包出去,使得消費者在無形之中又被多賺了一筆!而事後維護通常會更麻煩,因為不是他負責的部份,他一定不幫客戶維護,是他負責的部份,他也會說不是他的問題,而要客戶再多增加費用

2013年12月27日星期五

兩者接近的感覺

考慮到用戶完成表單填寫的時間應當盡可能的短,並且收集的資料都是用戶所熟悉的網頁寄存(比如姓名、位址、付費資訊等),垂直對齊的標籤和輸入框可以說是最佳的。每對標籤和輸入框垂直對齊給人一種兩者接近的感覺,並且一致的左對齊減少了眼睛移動和處理時間。用戶只需要往一個方向移動:下。   在這種佈局中,推薦使用加粗的標籤,這可以增加它們視覺比重,提高其顯著性。如果不加粗的話,從用戶的角度講,標籤和輸入框的文字幾乎就一樣了。

高雅的心理感受

灰色介於灰色和白色之間,中性色、中等明度、無色彩、極低色彩的顏色。灰色能夠吸收其他色彩的活力,削弱色彩的對立面,而製造出融合的Web Design作用。   灰色是一種中立色,具有中庸、平凡、溫和、謙讓、中立和高雅的心理感受,也被稱為高級灰,是經久不衰、最經看的顏色。   任何色彩加入灰色都能顯得含蓄而柔和。但是灰色在給人高品味網站建設、含蓄、精緻、雅致耐人尋味的同時,也容易給人頹廢、蒼涼、消極、沮喪、沉悶的感受,如果搭配不好頁面容易顯得灰暗、髒。   從色彩學上來說,灰色調又泛指所有含灰色度的複合色,而複合色又是三種以上顏色的調和色。色彩可以有紅灰、黃灰、藍灰等上萬種彩色灰,這都是灰色調,而並不單指純正的灰色。       下面我們根據灰色搭配不同的顏色所表現出的視覺特性,做一些不同的舉例分析server.htm' style='text-decoration:none;' >網頁寄存

相對大小

一、長度單位   網頁設計長度單位分為兩種,一種是相對長度,另一種是絕對長度。   以下為三種相對長度單位:   ◆ em 相對于父物件的大小    ◆ ex 相對於特定字體中的字母x的高度    ◆ px 相對於特定設備的解析度,這是最最常用的單位,也是我們一直堅守的單位。從技術角度來說,px圖元其實是一種相對大小的度量單位,它於特定設備的顯示或列印的解析度有關。例如,一個圖元在被顯示在電腦螢幕上與被列印在紙張上的大小是不同的。   以下為五種絕對長度單位:   絕對長度單位在列印時或在螢幕顯示設備的物理尺寸已知時才比較有用。   ◆ in 英寸    ◆ cm 釐米    ◆ mm 毫米    ◆ pt 點    ◆ pc 12點活字

2013年12月26日星期四

大打折扣

一個網站的內容固然重要,但是如果沒有一個好看而吸引的外表,哪怕有著再好的內容,有著再好的結構,相信整個網站的瀏覽效果也會大打折扣,瀏覽者的閱讀興致也會大減。網站是企業和單位在互聯網上宣傳自身品牌和形象的窗口,而網頁設計的更是在第一好壞與否直接決定了瀏覽者對企業實力和單位形象的評價。良好的Web Design對提升公司(單位)形象,增強企業市場競爭力,增加公司的無形資產都是至關重要的。   網頁設計對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用,空間的合理安排上面等等有著許多諸多的要求,需要考慮的面很廣,面對的問題也很多。對於一名優秀的網站設計師來說不能絕不能放過任何一點小細節,龍拓的設計師們在網站設計過程中將會從以下各方面替您考慮周全:

利用首屏

本文是劉韌老師關於網站建設頁面的均衡規劃與選擇的思考,希望對大家有所幫助。原文鏈結   1.尺寸   a)800*600能照顧到所有網友的電腦,但相當是張“小報”。   b)1024*768漸成主流。1024*768能比800*600多出一欄的信息。   c)正文頁採用自適應設計,能在正文頁做更多相關內容。首頁也可以嘗試自適應的Web Design設計。自適應設計的核心是要留出寬度伸縮自如的欄。   d)在1024*76模式下,頁面的長度不易超過10屏。   e)隨著電腦升級換代,解析度提高,電腦螢幕能夠提供的面積越來越大,這是一種難得的資源,要充分利用。“小報”改“大報”要增加一倍的紙張成本,網站改“寬版”,不增加任何成本。   2.字體字型大小   a)目錄頁用小字型大小,為的是放更多的網頁寄存標題。   b)正文頁用大字型大小。為的是讓讀者讀得舒坦。   c)慎用不容易看清楚的楷體。楷體的作用等於圖片,主要起美化版面的作用。   d)多用對搜索引擎友好的標粗,來表示重點。   3.顏色   a)同一個頁面的顏色不要超過4種。眼花繚亂,容易產生視覺疲勞。   b)顏色對比不要反差太大。網頁版面不是美術作品,網上商店要避免形式對內容的喧賓奪主。   c)文字+底色能夠起到很好的突出作用,在視覺變化上相當於圖片的作用。   4.靜態化   a)訪問量大的頁都應該靜態化,以便減少伺服器壓力,增強網站穩定性。訪問不到的網頁是最差的網頁。   b)動態化和靜態化在一個頁面中結合使用,能同時得到輕負荷和即時交互性的好處。   c)哪些頁面的哪些地方需要靜態化要在一開始就考慮,訪問量大了之後網頁設計模板,再高考慮,就遲了,由動態化轉為靜態化,會有很多歷史問題。   5.分欄   a)首頁選4欄?還是3欄?   b)正文頁多用2欄。   c)“縱向邏輯”是指將相近的內容從上至下排列,而不是從左向右排列。如果讀者對這方面內容感興趣,他會從上至下,逐行閱讀。這樣可充分力利用首屏,讓首頁增多從上至下閱讀的可能。   d)避免一欄太強,一欄太弱。通過圖片、Flash製作套紅等手段進行調控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。   6.圖片   a)一圖勝千言。十分必要時才用。因為圖片的編輯成本和帶寬成本都比較文字高很多。   b)在目錄頁的圖,小點,再小點,多用特寫;小解析度,能看就行。在正文頁的圖,保證清晰,美觀。正文頁有的是版面。   c)正文頁在5屏之內,儘量不要分頁。讓讀者一次讀完。   7.導航條與網站地圖   a)導航條是網站的門牌號碼,不能隨意更改。否則,讀者會迷路,找不到他原來看的內容。   b)導航條上的分類名的前後網站排名次序要兼顧重點和讀者閱讀邏輯,即歸類擺放。   c)導航條最多三行。最好二行。太多行顯重。   d)導航的更多,就是網站地圖。網站地圖的摘要版可以放在網站底部,成為底部導航。網站的底部導航,很有必要。其好處是:一、可放多行;二、可形成網站底部的閱讀重點。將讀者從首屏帶到最後一屏,期間會增加很多點擊。   e)主導航和頻道導航:主導航每頁都有,頻道導航只在本頻道頁面出現。   8.首頁更新成本   a)首頁設計不能只考慮美觀、協調,要考慮24小時更新一遍之要求。更新是網站的生命,一定要最大限度地降低首頁更新成本。   b)交叉自動同步更新的設計,可有效降低各種首頁更新成本,給讀者網頁設計server.htm' style='text-decoration:none;' >公司內容豐富即時的感覺。   c)更新即時的首頁是網站的資源,因為是資源,更多的標題會擁上這個首頁。如此,正迴圈,這個首頁也就火了。更新不即時的首頁是網站的雞肋,會越來越寂寞,最終會被荒廢。   d)每個首頁的設計成至少要有一個讀者點擊進去的理由。即時更新比獨家內容成本低。

Keep It Simple Silly.

一、保持網頁的樸素 一個好的網站建設最重要的一點就是介面的簡單、樸素。你聽說過“KISS”法則嗎?“Keep It Simple Silly.”適用於所有的站點。 製作者們很容易掉入這樣一個陷阱,即把所有可能用到的網頁技巧,例如:框架、表格、字體、GIF動畫等等都用上,這當然是好的,但如果多了的話就會讓你的訪問者眼花繚亂,不知所措,也不會給他們留下很深的印象。 記住,只是因為你可以創建一個效果,但並不意味著你必須創建這個效果。先問一問你自己:我在網頁寄存上加入這個技術有什麼價值?是否能更好的向訪問者表達我的主題?

2013年12月23日星期一

每次點擊下一步

不良網頁設計用戶體驗設計產生的糟糕感受   網站用戶體驗設計是Web Design中非常重要的部分,我最近在搞一個網站的易用性評估專案,從個人體會中總結了一些不良網站用戶體驗設計會產生的幾種糟糕感受,大家在設計的時候一定要避免。   1、不安感:網站在流程方面應該讓用戶在每次點擊下一步時有可預知性,尤其對於一些沒有先驗經歷的線上實施流程或涉及利益攸關的點擊時,如果完全不知道點擊後會發生什麼結果,不安感隨即產生;   2、糊塗感:或稱迷惑感,總之就是被介面或流程搞糊裏糊塗,進行不下去的感受。比如前天在深航網站建設訂機票,填了出發時間,卻還有個返回時間,而且是必填項,搞到我莫名其妙,折騰了半天,才發現人家缺省就是往返選項,有這理嗎!   3、挫折感:就是不能順利完成任務、未達到目標的那種感受,比如電話號碼必填項,卻沒有給出正確的格式供參考,老填錯被打回重填的那種感受;   4、錯愕感:錯愕感的產生,通常源於進程頁面網頁寄存與預期或暗示的不相符。比如你在某網站點擊下一步,卻被帶出到一個介面完全陌生的站點,令人錯愕。   5、被騙感:在本次易用性評估中,被評估網站提供積分換獎品,新競爭力的體驗小組成員原本積分不夠,但點進後發現是可兌換的樣子,遂懷著系統出錯的偷著樂心情,興沖沖把送貨位址什麼的全部添完了,一提交,才跳個框框出來說積分不夠——早不說!   6、憤怒感:前天晚上在深航新版網站買機票這事,眼看著只剩下幾張票了,卻在網站上半天繞不出來:一會是那個缺省往返問題,一會是找不到購買按鈕,搞到最後產生了砸電腦的高級衝動。   除了這幾種感覺,還有幾種體現用戶體驗不佳的CMS狀態:    尋找的狀態,比如找下一步按鈕、找幫助。   等待的狀態,比如等flash loading,等緩慢的進程。   猶疑的狀態,比如點還是不點、點這個還是點那個……

這只是工具

 在交互設計中,唯一可以確定的原則就是沒有放之四海而皆準的原則,具體情況具體分析,國外一些設計者還把“It Depends!”的口號印在T恤上。可用性和用戶體驗之間的權衡(如果兩者果真出現衝突的話)也要視不同的產品而定。或許可以把產品(包括硬體產品、軟體和網頁)分成兩類網站排名:工具和玩具。像唐•諾曼在《設計心理學》中列舉的產品,比如門把手、茶壺、開關等,都可算工具一類,對於這些產品,易於使用以實現其功能是第一位的,因此可用性是首先要考慮的要素。而我把注重體驗過程的、以娛樂為主要的目的的產品都稱為“玩具”,這時用戶體驗就至關重要了。當然,事實上每一樣產品都是工具和玩具的混合體,只是兩者的權重有所差異罷了,並且在不同的用戶眼中可以扮演不同的角色。比如郵票,對於正在寄信的人來說,這只是工具,可是對於集郵的人來說,這就是藝術品,要好好賞玩一把。再比如手機,手機是工具還是玩具?簡單的說是兩種的混合體,對於絕大多數30歲以上的用戶來說,手機首先是工具,而對於teenager來說,手機更像是玩具了。   講了這麼多可用性和用戶體驗的不同,不能忘掉一點,在大多數的情況下,可用性和用戶體驗是一致的。好的可用性讓用戶更方便、快捷、舒適地使用產品,減少誤操作,便會喚起良好的情感體驗,讓用戶感到快樂。這時我想到了在管理心理學裏面,有一個著名的雙因素理論,又稱激勵-保健因素理論,指員工對企業的看法有兩類因素起作用,一類稱為保健因素,這類因素的改善可以減少員工的不滿但尚不能直接起到激勵員工的作用,這些因素包括公司政策與網上商店管理、監督、工作條件、人際關係、薪金、地位、工作安定等;另一類稱為激勵因素,這些因素可以使員工獲得滿足感,在工作中產生激勵作用,這些因素包括工作成就、提升、任務性質、個人發展的可能性、職務上的責任感等。類比一下,可用性似乎更像是保健因素,它是必不可少的,但未必借此就能夠吸引用戶;而用戶體驗是激勵因素,它帶給用戶良好的情感體驗:有趣、時尚、酷甚至性感。Thomas Baekdal提出了一個創造性綜合的觀點,他認為同時實現兩者可以用一個目標來囊括:Making it easy to be happy。

邏輯可循

可用性(Usability,又可譯為易用性)簡單的說,就是easy to use,按照國際標準組織的定義,包括有效性(effectiveness)、效率(efficiency)和主觀滿意度(satisfaction)三個維度;按照Jakob Nielsen的定義,包括可學習性、效率、可記憶性、(低)錯誤和滿意度五個維度,可謂大同小異。可用性一度是產品設計的很重要的原則,尤其在西方國家,頗受重視。近十年來,另一個詞用戶體驗(User Experience,UX)迅速風靡世界尤其是互聯網業和電子商務消費品業界,大有蓋過可用性之勢。在很多人眼中,可用性似乎約等於用戶體驗,常把兩個詞混用起來。殊不知,可用性和用戶體驗雖有交叉重疊,但區別也是明顯的。   可用性偏重理性,怎麼樣讓產品更易於使用,內有邏輯可循,比如按照唐•諾曼在《設計心理學》中所說的預設功能、限制因素、自然匹配、即時回饋等幾大原則來設計,一般出不了什麼差錯,八九不離十吧。而用戶體驗偏重感性,更涉及用戶的情感層面,這時設計者的feeling很重要,本身用戶體驗的定義就莫衷一是、難以定論,更別說用戶體驗設計的指導原則了。因此,對於設計者來說,可用性像是一門技術,用戶體驗更像一門藝術。   國外有位研究者Thomas Baekdal寫了篇文章:The Battle Between Usability and User-Experience,很有意思。他認為較高可用性的產品並不一定帶來好的用戶體驗,而好的用戶體驗的產品也可能具有不良的可用性設計,他還舉例說高速公路具有較高的可用性,因為又直又寬,非常高效的CMS,可是在上面駕駛卻是十分的乏味;而盤山公路可用性比較差,因為蜿蜒曲折,還比較窄,也不怎麼安全,但是司機開在其中卻別有一番樂趣,不僅道路的變化富有戲劇性,四周還有自然美景可以欣賞,可謂用戶體驗極佳。想想身邊的產品,似乎也有類似之處。有些東西,若是操作起來太簡單,網頁寄存很可能會變得索然無味;如果人為設置點障礙,設計點機關,用戶體驗起來也許會很有興致。我再舉個有點跑題的例子,美劇LOST的“可用性”那是相當差,三季播下來,有70多集了吧,所有的觀眾都不知道它在講一個什麼故事、它的主題是什麼,越看越糊塗,全都Lost了,按照Steve Krug的說法:“Don’t make me think!”,這絕對是一部應該砍掉的電視劇;可從另一個方面來講,LOST的用戶體驗卻相當好(急性子的觀眾除外),很多粉絲每看完一集都要聚在一起討論,越討論越有興致,不少人還會把關鍵畫面截圖、放大出來分析,幾乎每一個細節都不放過,可見LOST不愧是當前最為熱門的美劇之一。

2013年12月22日星期日

產生歧義

這個原則的意思就是,不要讓圖示產生歧義。想像一下,一個“飛旋的車輪”的網站排名圖示,它代表了什麼?也許設計者的本意,是要用車輪的移動來象徵電腦中檔的移動操作。可是,用戶也許猜測出了其他十幾種對應關係,比如一款3D賽車遊戲。這個原則其實還有一個推論原則:   不要使用過於複雜的圖示。   因為圖示的視覺元素越多,那麼其意義指向的可能性就越多,用戶越有可能從各種各樣的角度去解讀,那麼該圖示的可用性就可能越差。

盡可能的直接

圖示的可用性原則一:圖示指向的映射關係應該盡可能的直接、簡單。   可能與我們的直覺相反,一些研究顯示圖示介面與文本介面的比較中,CMS並沒有體現出明顯的優越性,一個主要原因就是文字和意義的映射是直接的,而圖示與意義的映射卻不一定是直接和明顯的。   在壞的圖示設計中,用戶需要花費幾秒鐘甚至更長的時間去猜測圖示代表的意義,而且還很可能猜錯,錯誤的理解導致錯誤的操作,錯誤的操作導致糟糕的結果,這決不是美妙的用戶體驗,即便從美學角度講那個圖示可能是上佳的藝術作品。   “直接”的意思是:不要繞彎。圖示展現的視覺表像與其背後的意義只需要很短的意義路徑即可網頁寄存連結。譬如對於“剪切”操作,使用“在文稿上打×”的圖示形象比“剪刀”的圖示形象更易理解,因為前者與剪切操作有更短的意義路徑,儘管“剪刀”圖示顯得更加生動活潑。   認知心理學家提出過一個啟動擴散模型,就是在人的知識和概念體系中,當一個概念被加工或受到刺激時,該概念結點就產生啟動,然後啟動與該結點直接相連的多個連結,並繼續向四周擴散。與當前概念在概念網路上的連結關係決定了其被啟動的強度。這種連結關係取決於人的知識體系的組織架構(即兩個概念是否屬於同一類別)和概念同時出現或使用的頻率。   例如在人的知識和概念架構中,網站建設在紙質文稿上寫字和在電腦上寫字都屬於撰寫文檔的類別,那麼當“在文稿上打×”的圖示形象出現時,被試就會快速地聯想到在電腦上進行剪切操作。而“剪刀”的視覺形象最易歸屬到“衣服裁剪”或“手工勞動”這樣的類別中去,因此映射關係具有教長的路徑和較弱的連結強度。因此在圖示設計中,設計師應該仔細考慮或者直接去調查用戶的知識體系,找到最短的概念連結。

我們的視界

 作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,Web Design也不斷花樣翻新,越來越多精美、新穎、富有創造力和想像力的圖示充斥著我們的視界。可是,從可用性的角度講,並不是越花哨的圖示越被用戶所接受,圖示的可用性要回到它的基本功用去思考。    圖示的功用在於建立起電腦世界與真實世界的一種隱喻,或者映射關係。用戶通過這種隱喻,自動地理解圖示背後的意義,跨越了語言的界限。但是,如果這種映射關係不能被用戶輕鬆並且準確地理解,那麼這種圖示就不應是好的圖示。因此,圖示的設計應該遵守以下的原則。

我們的視界

 作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,Web Design也不斷花樣翻新,越來越多精美、新穎、富有創造力和想像力的圖示充斥著我們的視界。可是,從可用性的角度講,並不是越花哨的圖示越被用戶所接受,圖示的可用性要回到它的基本功用去思考。    圖示的功用在於建立起電腦世界與真實世界的一種隱喻,或者映射關係。用戶通過這種隱喻,自動地理解圖示背後的意義,跨越了語言的界限。但是,如果這種映射關係不能被用戶輕鬆並且準確地理解,那麼這種圖示就不應是好的圖示。因此,圖示的設計應該遵守以下的原則。

2013年12月20日星期五

作用

灰色介於灰色和白色之間,中性色、中等明度、無色彩、極低色彩的顏色。灰色能夠吸收其他色彩的活力,削弱色彩的對立面,而製造出融合的Web Design作用。   灰色是一種中立色,具有中庸、平凡、溫和、謙讓、中立和高雅的心理感受,也被稱為高級灰,是經久不衰、最經看的顏色。   任何色彩加入灰色都能顯得含蓄而柔和。但是灰色在給人高品味網站建設、含蓄、精緻、雅致耐人尋味的同時,也容易給人頹廢、蒼涼、消極、沮喪、沉悶的感受,如果搭配不好頁面容易顯得灰暗、髒。   從色彩學上來說,灰色調又泛指所有含灰色度的複合色,而複合色又是三種以上顏色的調和色。色彩可以有紅灰、黃灰、藍灰等上萬種彩色灰,這都是灰色調,而並不單指純正的灰色。       下面我們根據灰色搭配不同的顏色所表現出的視覺特性,做一些不同的舉例分析server.htm' style='text-decoration:none;' >網頁寄存

讀者對這方面

本文是劉韌老師關於網站建設頁面的均衡規劃與選擇的思考,希望對大家有所幫助。原文鏈結   1.尺寸   a)800*600能照顧到所有網友的電腦,但相當是張“小報”。   b)1024*768漸成主流。1024*768能比800*600多出一欄的信息。   c)正文頁採用自適應設計,能在正文頁做更多相關內容。首頁也可以嘗試自適應的Web Design設計。自適應設計的核心是要留出寬度伸縮自如的欄。   d)在1024*76模式下,頁面的長度不易超過10屏。   e)隨著電腦升級換代,解析度提高,電腦螢幕能夠提供的面積越來越大,這是一種難得的資源,要充分利用。“小報”改“大報”要增加一倍的紙張成本,網站改“寬版”,不增加任何成本。   2.字體字型大小   a)目錄頁用小字型大小,為的是放更多的網頁寄存標題。   b)正文頁用大字型大小。為的是讓讀者讀得舒坦。   c)慎用不容易看清楚的楷體。楷體的作用等於圖片,主要起美化版面的作用。   d)多用對搜索引擎友好的標粗,來表示重點。   3.顏色   a)同一個頁面的顏色不要超過4種。眼花繚亂,容易產生視覺疲勞。   b)顏色對比不要反差太大。網頁版面不是美術作品,網上商店要避免形式對內容的喧賓奪主。   c)文字+底色能夠起到很好的突出作用,在視覺變化上相當於圖片的作用。   4.靜態化   a)訪問量大的頁都應該靜態化,以便減少伺服器壓力,增強網站穩定性。訪問不到的網頁是最差的網頁。   b)動態化和靜態化在一個頁面中結合使用,能同時得到輕負荷和即時交互性的好處。   c)哪些頁面的哪些地方需要靜態化要在一開始就考慮,訪問量大了之後網頁設計模板,再高考慮,就遲了,由動態化轉為靜態化,會有很多歷史問題。   5.分欄   a)首頁選4欄?還是3欄?   b)正文頁多用2欄。   c)“縱向邏輯”是指將相近的內容從上至下排列,而不是從左向右排列。如果讀者對這方面內容感興趣,他會從上至下,逐行閱讀。這樣可充分力利用首屏,讓首頁增多從上至下閱讀的可能。   d)避免一欄太強,一欄太弱。通過圖片、Flash製作套紅等手段進行調控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。   6.圖片   a)一圖勝千言。十分必要時才用。因為圖片的編輯成本和帶寬成本都比較文字高很多。   b)在目錄頁的圖,小點,再小點,多用特寫;小解析度,能看就行。在正文頁的圖,保證清晰,美觀。正文頁有的是版面。   c)正文頁在5屏之內,儘量不要分頁。讓讀者一次讀完。   7.導航條與網站地圖   a)導航條是網站的門牌號碼,不能隨意更改。否則,讀者會迷路,找不到他原來看的內容。   b)導航條上的分類名的前後網站排名次序要兼顧重點和讀者閱讀邏輯,即歸類擺放。   c)導航條最多三行。最好二行。太多行顯重。   d)導航的更多,就是網站地圖。網站地圖的摘要版可以放在網站底部,成為底部導航。網站的底部導航,很有必要。其好處是:一、可放多行;二、可形成網站底部的閱讀重點。將讀者從首屏帶到最後一屏,期間會增加很多點擊。   e)主導航和頻道導航:主導航每頁都有,頻道導航只在本頻道頁面出現。   8.首頁更新成本   a)首頁設計不能只考慮美觀、協調,要考慮24小時更新一遍之要求。更新是網站的生命,一定要最大限度地降低首頁更新成本。   b)交叉自動同步更新的設計,可有效降低各種首頁更新成本,給讀者網頁設計公司內容豐富即時的感覺。   c)更新即時的首頁是網站的資源,因為是資源,更多的標題會擁上這個首頁。如此,正迴圈,這個首頁也就火了。更新不即時的首頁是網站的雞肋,會越來越寂寞,最終會被荒廢。   d)每個首頁的設計成至少要有一個讀者點擊進去的理由。即時更新比獨家內容成本低。

導航條在右邊

 一、保持網頁的樸素 一個好的網站建設最重要的一點就是介面的簡單、樸素。你聽說過“KISS”法則嗎?“Keep It Simple Silly.”適用於所有的站點。 製作者們很容易掉入這樣一個陷阱,即把所有可能用到的網頁技巧,例如:框架、表格、字體、GIF動畫等等都用上,這當然是好的,但如果多了的話就會讓你的訪問者眼花繚亂,不知所措,也不會給他們留下很深的印象。 記住,只是因為你可以創建一個效果,但並不意味著你必須創建這個效果。先問一問你自己:我在網頁寄存上加入這個技術有什麼價值?是否能更好的向訪問者表達我的主題?   二、簡單並不等於乏味 簡單的真正含義並不是遲鈍和乏味。許多人會被網站多餘的奇特效果所迷惑,而忽視了資訊的有效性。 保持簡單的真正含義就是:想一想如何使自己網站的資訊與你的訪問者所期待和所需要的一樣。應該把技術和效果用在適當的地方,用在有效資訊上,讓訪問者關注他們想關注的東西。 清晰的設計+有效的技術=一個好的網站排名站點   三、瞭解你的讀者 你不是在真空裏製作你的網頁,也不是作給你自己看的。如果是這樣,你還不如把它放在自己的電腦裏。你發佈你的網站是希望某些人停下來參觀它。而這些人就是你的讀者。 你越瞭解你的讀者,你的網站影響力就會越大。你的讀者是否有個慢貓?那你最好應當CMS特別的注意網頁的大小;他們希望聽到音樂片斷嗎?你就要想想網頁上的音樂格式。你的讀者是紡織工人?那麼血紅色和黑色最好不要選擇;或者他們是骨灰級遊戲玩家?你就要避免用柔和的顏色和圖案了。   一個好站點的定義:通過典雅的風格設計提供給潛在讀者高品質的資訊。   四、五個“手指”   對一個好的網站來說,清晰的導航也是最起碼的標準。應該讓訪問者知道網頁設計模板自己當時在網站中的位置,並且愉快的通過你的指引而遍覽你的網站。例如,你可以做到的一件事情就是:“下一步”的選擇數目儘量少,以便人們不會迷失在長長的選擇項目列表中。   你知道嗎?一般人的大腦把五個或更少的項目看作一組,但是當所面對的項目超過五個,它就必須把他們劃分成較小的次組來處理,所以說,保持你的選擇項歸類在五組或五組以內就變得很有意義了。你的訪問者能夠快速的找到自己想選擇的項目。   五、三次點擊 對網站製作者來說,訪問者就是上帝,討好上帝的另一個方法就是讓網電子商務他們在獲取資訊時不要超過三次點擊。想想,當你在訪問一個網站時,點擊……點擊……點擊……再點擊……再……才找到你想要的資訊,或者還沒找到,你會怎麼想呢? 加之,當你的訪問者深入網站查找需要的資訊最後卻摸不著頭腦了,會怎麼辦?他們肯定不會原地兜圈,他們會離開你的主頁去別的地方繼續衝浪,可能也就再也不會回來了。   六、 三十秒的等待時間 訪問者進入你的站點後,他應該可以不費力的電郵服務找到所需要的資料。有一條不成文的法則:當訪問者在決定下一步該去哪之前,不要讓他現在所看的頁面下載的時間超過30秒鐘。如果超過了這個時間,你就會開始失去你的“上帝”了。 保證你的頁面有個適度的大小而不會無限制的下載。如果你的大多數訪問者使用Modem的話,試著保持總的頁面大小(包括頁面圖像)在45K一下。 確保你的頁面設計規劃清晰明瞭,讓訪問者只需快速的掃視就能把握你的網站導航,知道自己“下一步”該選擇的項目。   七、平衡 平衡是一個好網站設計的重要部分。 文本和圖像之間的平衡。除非內容決定了這是個完全文本或者完全圖像的網站,你需要用直覺和審美觀來作判斷,以便其中的一個不會淹沒另外一個。 下載時間和頁面內容之間的平衡。當然你希望網上商店有個漂亮的頁面,但你也必須平衡你的頁面內容,因為你的很多訪問者正在通過modem閱讀它。難道你網站的圖片真的值得等待那麼久嗎? 背景和前景之間的平衡。我們能在白紙上畫出美麗的圖案,網頁上,如果能製作出漂亮的結構和背景是很令人激動的。但也容易使你的內容淹沒在你的背景裏面。   八、適度的幀 適度的的幀對於你的網頁是很好的補充,然而就像所有網站的元素所具有的特性一樣,你絕對不要濫用他們! 如果你想創建一個可以看得到的導航結構,比如說一個表格目錄,幀就是一個很合適的途徑,例如,這頁有三個幀--你現在所看到的內容,導航條在右邊,題目、廣告和說明欄在頂部。 但是幀不是“萬金油”。比如說,如果你想用行或列來顯示資訊的話,表格會更好。   九、堅持學習 創建網頁是一個不斷學習的過程。推出你網站的第一個版本還只是一個開始!網頁設計公司技術和工具在不斷的進步,而我們對人們如何利用網上資源的方式的瞭解也是在不斷的變化,要創建一個好網站你就不能陶醉在過去的成績上。 看看其他的網站。如果你想成為一個出色的小說家的話,你必須不斷閱讀其他好的作品。如果你想成為一個出色的劇作家的話你必須多看好的電影。同樣,如果你想設計一個出色的網站的話,你必須多看其他好的網站。但你在看一個網站的時候,你能找到這個網站的優缺點,注意哪些是你該學習的,而哪些錯誤是你要避免的。 查看原文件。當你看到某些你喜歡的東西,使用你流覽器Flash製作上的查看原文件的功能,看看這個效果是如何作出來的。在頁面之後你能發現令你驚奇的東西。 閱讀和學習。學習你盡可能學到的技術和設計方法。

2013年12月19日星期四

影響格局

如果你的Web Design不能給客戶創造價值, 客戶只有離開你 麥當勞和肯德基,如果你有心觀察,會發現他們的店面總是離的不遠,麥當勞看到的地方,肯德基也看到了;肯德基相中的地方,麥當勞肯定也會去拼命的爭。結果我們常常看到麥當勞和肯德基拼命的競爭,搶用戶,因為他們都懂,用戶進誰的門,誰就贏了。不管所謂的價格戰也好,VIP服務也好,其實都是在搶客戶,因為每一分利潤都來自客戶,如果你不能給客戶創造價值,客戶只有離開你。 所以啊,我們的站長從建站的第一天起,應該學會並堅持的事情就是:留住客戶,他們每一個人都是網頁設計的活寶,你留住他,你就贏了。像那些拼命放廣告的網站,你今天騙一個,明天騙一個,騙完上海騙北京,總有一天你會騙光,那時候你就準備端個盆子上街了。 建立積極的用戶對話系統應該是每一個站長優先考慮的問題,對一個網站而言,所謂很重要和很緊急的事情,大概也不會超過他了。那麼,你要不斷的調查,不斷的檢討,不斷的改進和不斷的訓練。成功的網站,他的成本開銷應該有大部分要放在用戶介面上,友好的用戶介面總是能吸引更多的人留下來,你認為中國有哪一個家餐廳能超過麥當勞,因為麥當勞每30分鐘掃一次地,如果沒人掃店長都要出來掃,因為麥當勞要求給客戶滿意的用餐環境,所以每個麥當勞總有不同人數的桌子和兒童樂園,小孩子進去有麥當勞阿姨帶玩。你再去看看Yahoo和Google,永遠是那個簡潔方便的介面,人家今天能成功一定有他的道理,因為他們在不遺餘力改善人機界面。那麼我們應該怎麼嘗試呢? 1、把最好的位置讓出來給用戶使用 很多的城市,像上海、北京、廣州這樣的大城市,在繁化的商業地段都會有公用綠地,你認為這種地皮租出去政府會不會賺的更多,肯定會的啊,但是為什麼來建不賺錢的綠地,其實是美化城市環境,提高城市品位。很多網站建設的廣告滿屏飛,浮的飄的一大堆,用戶點鏈結不方便,看文章不方便,下載不方便,有些下載站更莫名其妙的要點廣告能下載,講白了這叫自欺欺人。因為你在給用戶設置障礙,所以留不住人的。今天為什麼很多人用微軟的Windows,因為比Dos方便,滑鼠點比手工輸命令方便多了,所以用的人多了。Linux為什麼也要弄個圖形介面,道理是一樣的。一個麻煩的東西總是難以讓人接受,一個麻煩的網站也留不住人。所以,儘量的減少廣告的位置,把內容做的更容易流覽,用戶常用的鏈結加重加紅加粗,在四處放置方便的導航,這些實現起來不難。很多網站程式在開發的時候就考慮到了。學習過編程的都知道有人機界面這種課程,實際上為了實現更好的操作性,這裏我就不多講了。 2、不要讓調查成為擺設 很多網站有調查系統,很多論壇也有投票功能,很多新聞和下載系統都有用戶意見這一欄,但是很多的網站都忽略了他的功能,用的也多當成擺設,從來沒有認真考慮過。今天的網站,交互性已經變的很強,用戶可以很容易的找到發表意見的地方,最直接的莫過論壇,其實這種互動很能促進網站的發展,難的是我們的站長對這個都不太關心。昨天我去了一個常去的軟體下載站,他的網站調查還是04 年6月的,我不清楚他弄這個調查幹麼,用戶在埋怨了,他還幽閒自得大把的撒廣告,網頁設計模板再加個鏈結失效的所謂“本地下載”。 說實在的,我們精力有限,不可能一個一個的去瞭解用戶意見,那麼就多勤快一點,看看用戶調查和客戶留言,即始再忙,看一看也浪費不了多少時間(你不都有大把時間在落伍灌水嗎)。再好一點,每天哪怕有一百個用戶意見,你能解決一個問題,你就善莫大焉了。你的用戶會感激你的,他會留下來的,你解決他的問題會讓他覺得你在意他,有時候人心很簡單的,問題是你肯不肯去把握。 3、忘了自己是誰 看過成龍那部《我是誰》嗎,你是不是也迷惘過,找個機會爬到山頂也去喊一下我是誰,你會有收穫的。 今 天做網站,要做好,其實不是個容易的事情,你我都是做CMS網站,也看過很多好的網站,很多壞的網站。同樣是做網站,為什麼會有這些差別呢。其實總結來總結去,無非人的差別,因為今天做網站跟五年前不同了,現在硬體環境已經有了很好的改善,軟體環境也變的比較健全了,所以差別開始體現在人身上,體現在管理者身上。個人網站的靈魂就是站長的靈魂,你怎麼去打拼啊,尤其是那些靠網站贏利生活的站長們。在你沒有完全的成長和壯大之前,你是不是總感覺有很多的壓力和困難呢。 1、羅馬絕非一日建成,早一點規劃,早一點實踐,不要輸在起跑線上。 其實我們一開始,很多人,大部分的人並沒有認真的思考過。那些真正的思考和策劃過的網站,其實在建立之前就已經成功了。為什麼,因為他贏在起跑線上。好的開始是成功的一半這種話不是我說的,但是被很多人引用一定有他的道理。下棋你比別人多想一步棋,你都會贏,你看看謝軍,她可以同幾十個人一起下,還基本全贏,因為像她那樣子的人,她思考的是很遠的。所以,總結下來,你得學會思考,學會從長遠看問題。 我們做網站之所以有的時候會迷惘,是因為眼光不夠長遠;之所以眼光不夠長遠,是因為你習慣做事情的方法不求變通;之所以不求變通,是因為你習慣你的本位主義。我們中國人的本位主義在世界上很有名啊,這其實是中國人的一個毛病。那麼由於網站實在是事務繁多,每日的更新維護與推廣交流會花去我們大量的時間,而且這種事情通常比較簡單重複,難免迷惘與困惑,那麼作為一站之主,你要學會創造性的做事情,要做到這一點實在是很難,因為過於的簡單和重複,久而久之產生抵觸心理,往往容易放棄。因此,長期的堅持不懈很難得,你看看,成功的網站往往曆久而彌堅,因為他們的站長從開始就進行了規劃,按部就班,並且持之以恆。因為很多人做不到,所以成功的網站往往數量不多。 總結起來還是那句名言:性格左右命運,氣度影響格局。 2 、瞭解自己,才能揚長避短。 我確實很佩服一些站長,他們今天研究音樂,明天討論文學,後天影視下載,一天一個新花樣,看起來好像很精彩,其實仔細一瞧,沒有一個是做精了的。有的網站,看什麼熱門就搞什麼,盲目的跟風冒進。其實我想他們大概忘了自己是誰,忘了自己的特色在哪里。人一下生下來,就有長處和短處,就有優點和弱點。人無完人,有弱點不見得是什麼可悲的事。尺有所短,寸有所長,你只有充分的瞭解自己,你才能將長處發揮出來,好鋼用在刀刃上。明明不喜歡體育,卻要做個體育站,明明不愛聊天,卻要建個聊天室,可見一定不會做成功,因為興趣不在此。但是我們的社會發展實在太快,各種業餘生活也越來越豐富,所以人的興趣愛好也難免變的很多,但是你一定能找出你最喜歡的那一種,你就把他利用起來,相信一定有動力去做好他。 以上一些我們站長常犯下的錯誤,綜合起來看就是沒有遠景規劃所造成的,策劃,其實是管理學中的一部分,但是它今天在市場中佔有很重要的地位,因為誰都不想輸在起跑線上,那麼我們做網站同樣如此。如果你不會規劃,你必然會被短時的困難和壓力所迷惘,導致失去方向和目標,最終網站不了了之。 做網站不是一件容易的事情,尤其是要做出效果。我做了三年網站,這中間吃了太多的苦頭。我後來學習管理,慢慢的發現做網站與管理公司和企業有太多的相同之處。我以上所列舉的三大危機,其實只是一個綜合的概括,那麼人是不同,由於我們不同的個性與愛好所映射到網站上,產生了不同的背景和發展方向。但是問題是共性的,今天我們做網站,就註定要去面對這些困難和壓力,所謂的逃避,無法解決任何問題,你終將被他們所包圍。那麼既然如此,我們就要過早的準備,在危機和困難來臨前,做好打算。那麼其實我的經歷有限,經驗有限,此文難免有不足和缺陷,歡迎大家共同研討。

最不相關的東西

網頁設計必知的17條原則 網站中有哪些關鍵技巧?有哪些陷阱?在這裏,世界上一流的網站設計專家,讓你共用他們的秘密,告訴你:使Web Design賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟體以及他們喜愛和厭惡的網站。 01 明確內容 如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。 02 抓住用戶 如果用戶不能夠迅速地進入你的網站,或操作不便捷,server4.htm' style='text-decoration:none;' >網站建設就是失敗的。不要讓用戶失望而轉向你的對手的網站。 03 優化內容 內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。 04 快速下載 沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說server.htm' style='text-decoration:none;' >網頁載入應在15秒內。 05 網站升級 時刻注意網頁設計模板的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計畫好你的升級計畫。 06 堅持基本原則 即使你不懂HTML語言,你只需購買一個有版權的所見即所得的網頁設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創建一個看起來很合理的網站。但是,在設計時,這些套裝軟體雖然不需要HTML,卻使網站速度下降。為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。 07 學習HTML 用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML 的套裝軟體。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。 08 用筆劃一個網站的框架 聖人雲:筆比劍更強大。在用電腦之前,用筆劃一個網站的框架,顯示出所有CMS網頁的相互關係。計畫好你的用戶如何以最少的時間流覽你的網站。 09 “在電腦上永遠也找不到好的方案”。 ——專家忠告 10 網站地圖 許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的資訊,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。 11 “睜大你的眼睛,留意所有的事情。” “對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素,確保你的設計是圍繞站點流覽進行的。” ——專家忠告 12 點擊規則 聽說過3次點擊規則嗎?對於小型網站,在你的主頁上,沒有任何一條資訊,需要點擊次數超過3次的。對於大型網站,使用導航和工具條來改善操作。 13 特殊字體的應用 雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的電腦上將看到什麼。在你的電腦裏看起來相當好的頁面,在另一個不同的平臺上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的電腦上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的流覽器才支持CSS。 14 “使用切合實際的簡便的命名規則。” ——專家忠告 15 檢查錯別字 好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字。 16 避免長文本頁面 在一個站點上有許多只有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的檔形式來放置,以便你的訪問者能離線閱讀。 17 不要使用卷滾條 人們厭惡在網上使用卷滾條。Trouble網站(www.Trouble.co.uk)是一個典型的設計很差的網站。它基於一個浮動的架構,為了閱讀所有的文本,流覽者不得不使用卷滾條。

最不相關的東西

網頁設計必知的17條原則 網站中有哪些關鍵技巧?有哪些陷阱?在這裏,世界上一流的網站設計專家,讓你共用他們的秘密,告訴你:使Web Design賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟體以及他們喜愛和厭惡的網站。 01 明確內容 如果你想成為一個網站設計者,並正想建一個網站的話,首先應該考慮網站的內容,包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。 02 抓住用戶 如果用戶不能夠迅速地進入你的網站,或操作不便捷,server4.htm' style='text-decoration:none;' >網站建設就是失敗的。不要讓用戶失望而轉向你的對手的網站。 03 優化內容 內容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。 04 快速下載 沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個標準的網頁應不大於60K,通過56K數據機載入花30秒的時間。有的設計者說server.htm' style='text-decoration:none;' >網頁載入應在15秒內。 05 網站升級 時刻注意網頁設計模板的運行狀況。性能很好的主機隨著訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計畫好你的升級計畫。 06 堅持基本原則 即使你不懂HTML語言,你只需購買一個有版權的所見即所得的網頁設計工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以創建一個看起來很合理的網站。但是,在設計時,這些套裝軟體雖然不需要HTML,卻使網站速度下降。為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網路新手應從有關HTML的書中去尋找答案,用Notepad製作網頁。 07 學習HTML 用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML 的套裝軟體。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。 08 用筆劃一個網站的框架 聖人雲:筆比劍更強大。在用電腦之前,用筆劃一個網站的框架,顯示出所有CMS網頁的相互關係。計畫好你的用戶如何以最少的時間流覽你的網站。 09 “在電腦上永遠也找不到好的方案”。 ——專家忠告 10 網站地圖 許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大於利。絕大部分的訪問者上網是尋找一些特別的資訊,他們對於你的網站是如何工作的,並沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。 11 “睜大你的眼睛,留意所有的事情。” “對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素,確保你的設計是圍繞站點流覽進行的。” ——專家忠告 12 點擊規則 聽說過3次點擊規則嗎?對於小型網站,在你的主頁上,沒有任何一條資訊,需要點擊次數超過3次的。對於大型網站,使用導航和工具條來改善操作。 13 特殊字體的應用 雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的電腦上將看到什麼。在你的電腦裏看起來相當好的頁面,在另一個不同的平臺上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的電腦上不能顯示。級聯風格表CSS有助於解決這些問題,但是只有最新版的流覽器才支持CSS。 14 “使用切合實際的簡便的命名規則。” ——專家忠告 15 檢查錯別字 好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。確保你拼寫正確,並且格外注意平常容易誤寫的錯別字。 16 避免長文本頁面 在一個站點上有許多只有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基於文本的文檔,應當以Adobe Acrobat格式的檔形式來放置,以便你的訪問者能離線閱讀。 17 不要使用卷滾條 人們厭惡在網上使用卷滾條。Trouble網站(www.Trouble.co.uk)是一個典型的設計很差的網站。它基於一個浮動的架構,為了閱讀所有的文本,流覽者不得不使用卷滾條。

用戶名和密碼

很多朋友在用IIS6架網站的時候遇到不少問題,而這些問題有些在過去的IIS5裏面就遇到過,有些是新出來的,俺忙活了一下午,做了很多次試驗,結合以前的Web Design經驗,做出了這個總結,希望能給大家幫上忙:)   問題1:未啟用父路徑   症狀舉例:   Server.MapPath() 錯誤 'ASP 0175 : 80004005'   不允許的 Path 字元   /0709/dqyllhsub/news/OpenDatabase.asp,行 4   在 MapPath 的 Path 參數中不允許字元 '..'。   原因分析:   許多網站建設頁面裏要用到諸如../格式的語句(即回到上一層的頁面,也就是父路徑),而IIS6.0出於安全考慮,這一選項默認是關閉的。   解決方法:   在IIS中屬性->主目錄->配置->選項中。把”啟用父路徑“前面打上勾。確認刷新。   問題2:ASP的Web擴展配置不當(同樣適用於ASP.NET、CGI)   症狀舉例:   HTTP 錯誤 404 - 檔或目錄未找到。   原因分析:   在網頁設計模板中新增了web程式擴展這一選項,你可以在其中對ASP、ASP.NET、CGI、IDC等程式進行允許或禁止,默認情況下ASP等程式是禁止的。   解決方法:   在IIS中的Web服務擴展中選中Active Server Pages,點擊“允許”。   問題3:身份認證配置不當   症狀舉例:   HTTP 錯誤 401.2 - 未經授權:訪問由於伺服器配置被拒絕。   原因分析:IIS 支援以下幾種 Web 身份驗證方法:   匿名身份驗證   IIS 創建 IUSR_電腦名稱 帳戶(其中 電腦名稱 是正在運行 IIS 的伺服器的名稱),用來在CMS匿名用戶請求 Web 內容時對他們進行身份驗證。此帳戶授予用戶本地登錄許可權。你可以將匿名用戶訪 問重置為使用任何有效的 Windows 帳戶。   基本身份驗證   使用基本身份驗證可限制對 NTFS 格式 Web 伺服器上的檔的訪問。使用基本身份驗證,用戶必須輸入憑據,而且訪問是基於用戶 ID 的。用戶 ID 和密碼都以明文形式在網路間進行發送。   Windows 集成身份驗證   Windows 集成身份驗證比基本身份驗證安全,而且在用戶具有 Windows 域帳戶的內部網環境中能很好地發揮作用。在集成的 Windows 身份驗證中,流覽器嘗試使用當前用戶在域登錄過程中使用的 憑據,如果嘗試失敗,就會提示該用戶輸入用戶名和密碼。如果你使用集成的 Windows 身份驗證,則用戶的密碼將不傳送到伺服器。如果該用戶作為域用戶登錄到本地電腦,則他在訪問此域中的網路 電腦時不必再次進行身份驗證。   摘要身份驗證   摘要身份驗證克服了基本身份驗證的許多缺點。在使用摘要身份驗證時,密碼不是以明文形式發送的。另外,你可以通過代理伺服器使用摘要身份驗證。摘要身份驗證使用一種挑戰/回應機制(集成 Windows 身份驗證使用的機制),其中的密碼是以加密形式發送的。   .NET Passport 身份驗證   Microsoft .NET Passport 是一項用戶身份驗證服務,它允許單一簽入安全性,可使用戶在訪問啟用了 .NET Passport 的 Web 站點和服務時更加安全。啟用了 .NET Passport 的站點會依靠 .NET Passport 中央伺服器來對用戶進行身份驗證。但是,該中心伺服器不會授權或拒絕特定用戶訪問各個啟用了 .NET Passport 的站點。   解決方法:   根據需要配置不同的身份認證(一般為匿名身份認證,這是大多數站點使用的認證方法)。認證選項在IIS的屬性->安全性->身份驗證和訪問控制下配置。   問題4:IP限制配置不當   症狀舉例:   HTTP 錯誤 403.6 - 禁止訪問:用戶端的 IP 地址被拒絕。   原因分析:   IIS提供了IP限制的機制,你可以通過配置來限制某些IP不能訪問站點,或者限制僅僅只有某些IP可以訪問站點,而如果用戶端在被你阻止的IP範圍內,或者不在你允許的範圍內,則會出現錯誤提示。   解決方法:   進入IIS的屬性->安全性->IP位址和功能變數名稱限制。如果要限制某些IP位址的訪問,需要選擇授權訪問,點添加選擇不允許的IP位址。反之則可以只允許某些IP位址的訪問。

2013年12月18日星期三

視覺效果

總之網頁設計是技術與藝術的合理的有機結合。緊跟時代步伐,網站設計的要求將隨著科技的進步不斷變化,整體的統一的便於識別的視覺效果將會催生有創意、有風格、有特色的Web Design,從而對品牌企業、產品的形象產生一定的效應,促進信息社會經濟文化的發展。

大打折扣

一個網站的內容固然重要,但是如果沒有一個好看而吸引的外表,哪怕有著再好的內容,有著再好的結構,相信整個網站的瀏覽效果也會大打折扣,瀏覽者的閱讀興致也會大減。網站是企業和單位在互聯網上宣傳自身品牌和形象的窗口,而網頁設計的更是在第一好壞與否直接決定了瀏覽者對企業實力和單位形象的評價。良好的Web Design對提升公司(單位)形象,增強企業市場競爭力,增加公司的無形資產都是至關重要的。   網頁設計對整個網站的創意、風格、整體框架佈局、文字編排、圖片的合理利用,空間的合理安排上面等等有著許多諸多的要求,需要考慮的面很廣,面對的問題也很多。對於一名優秀的網站設計師來說不能絕不能放過任何一點小細節,龍拓的設計師們在網站設計過程中將會從以下各方面替您考慮周全:

作品量

在經濟不景氣的時代,客戶總是會比較哪些比較便宜,比較適合自己。目前在網頁設計這項行業裡,因SOHO族的出現,業界價格已出現差異極大的差距。選擇好的Web Design公司幫您製作網頁前,應先注意到下列幾點: 是公司還是個人(工作室)? 全香港從事網頁設計的人或是公司,粗估約有 2000 多家,但真正經營超過1年以上的,卻不到10分之1( 因為一堆學了軟體就自以為可以靠網頁設計網頁寄存 (web Store)維生的人,通常第一年就會被市場淘汰!),經營超過2 年以上的公司,大概不到100分之1 ( 因為僥倖撐過第一年,卻因為管理不當或是擴充太快,或是借錢死撐的人,通常在不可能撐到第3年,因為網頁設計這行,進入容易,深入難;賺錢容易,穩定難 ),所以一般只要撐過 2 年的Web Design公司,其實就算是很穩定的公司,這種廠商的可靠度會比兼職的個人要來的好很多!一般來說,不建議消費者去找個人做網頁設計,因為千萬別以為個人或工作室的server1_A.htm' style='text-decoration:none;' >價格會比較低喔!因為他可能1、2個月才有一個案子,所以反而容易獅子大開口( 尤其是熟人介紹! ),就算個人用較低的價格來承接您的案子,可是因為錢少、事多,再加上他本身可能還有工作,所以客戶很容易就變成"網站孤兒"!付了錢之後找不到人的情況比比皆是,或是請他改東西要增加server3.htm' style='text-decoration:none;' >費用之類的…造成消費者不愉快的經驗,這也是很多人對網頁設計這行有很深的偏見的主因( 因為很多人被這種惡質的個人工作室騙過!)  例如:本站的作品有超過200件以上,詳見作品集 網頁設計是一門很競爭的行業,很多廠商來的快去的也快,很消費者常常會抱怨,為什麼我找的網頁server4.htm' style='text-decoration:none;' >設計廠商經常會惡性倒閉,找不到人,所以在選擇網頁設計公司的時候,建議不要用價格來做唯一考量,更要考量該公司的穩定性,一般來說,如果在網頁設計業界有超過100件作品的公司,都是相對較可靠的公司,畢竟做過那麼多作品,一定累積了很多經驗及技術,再加上有這麼多作品,相信收入也是很穩定。較小家的工作室或是個人,由於是白天有工作,或是兼職經營所以他的作品量一定不多,收入也不多,所以很容易就放棄從事Web Design,而去另覓其它工作 是否有固定室內電話及地址? 不要懷疑,很多Web Design廠商,他們的網站上你會找不到室內電話或是地址!,通常是個人工作室較多~只留手機的網頁設計廠商,通常是個人兼職(如果是網頁設計公司的話,通常會留公司地址及電話),為什麼只留手機或是只用email聯絡呢?當然是為了惡性倒閉時,讓你找不到@@,或是他留室內電話不留地址~也是一樣的道理,建議你要做網頁的時候,親自去一趟對方公司了解,這樣會比較有保障! 是否有提供全方位的服務?  有相當多半調子的廠商,或是投機的個人,經由一般坊間的電腦補習班洗腦,以為上了他們的課程就能夠來從事網頁設計這行,但這行要懂的技術實在太多,不是能夠在短時間內就讓一般人學得精通的,所以這些廠商本身通常只有提供單一服務,例如只提供美工設計、或是程式設計、或是主機租賃,但也有些廠商不會跟消費者講,而是先承包下來再轉發包出去,使得消費者在無形之中又被多賺了一筆!而事後維護通常會更麻煩,因為不是他負責的部份,他一定不幫客戶維護,是他負責的部份,他也會說不是他的問題,而要客戶再多增加費用

2013年12月17日星期二

客貨平臺

當代迷你倉葵涌店位於葵興港鐵站步行約十至十五分鐘,交通方便專線小巴直達,駕車人仕可直接泊入大廈停車場,而大廈地庫設有上落客貨平臺區十分方便,載貨升降機直達各層迷你倉,租客持有有效之電腦匙咭便能出入迷你倉庫,而保安非常嚴密,大門及每個角落都設有監察器,令儲存物品就絕對放心。當代迷你倉提供迷你倉,迷你辦公室,儲物櫃,文件櫃,信箱等出租服務,除葵涌店外,更有觀塘多間分店可供選擇。當代迷你倉可24小時自由出入,倉內外地方環境清潔,光線充足,24小時冷氣開放。我們堅守所有向公眾披露的資料真實、公正、合適等原則。現今香港講求服務質素,我們更定期為員工培訓,為客戶提供最優質的服務。不論服務、倉內設計及設施,我們不停作出改進,貼近市場步伐。

最佳

考慮到用戶完成表單填寫的時間應當盡可能的短,並且收集的資料都是用戶所熟悉的網頁寄存(比如姓名、位址、付費資訊等),垂直對齊的標籤和輸入框可以說是最佳的。每對標籤和輸入框垂直對齊給人一種兩者接近的感覺,並且一致的左對齊減少了眼睛移動和處理時間。用戶只需要往一個方向移動:下。   在這種佈局中,推薦使用加粗的標籤,這可以增加它們視覺比重,提高其顯著性。如果不加粗的話,從用戶的角度講,標籤和輸入框的文字幾乎就一樣了。

減少垂直

由於網頁設計公司“標籤左對齊佈局”的優點(方便檢索並且減少垂直高度),嘗試糾正它的主要缺點(標籤和輸入框的分離)就很誘惑人。    一個方案就是增加背景色和分割線,不同的背景色產生了一列垂直的標籤和一列垂直的輸入框,每一組標籤和輸入框利用清晰的水平線分開。雖然這聽上去不錯,但是還是會存在問題。

2013年12月16日星期一

任務視窗

1.創建佈局表格   打開一個空白網頁設計,並切換到“設計”視圖下,單擊“表格”功能表中的“佈局表格和單格”命令,隨後在右側彈出一個任務視窗(圖1),在該任務視窗下面程式提供了多種表格佈局範本,在此單擊其中需要的範本即可將該範本添加到網頁中。 2.繪製佈局表格   如果你對範本中提供的佈局表格不太滿意,還可以用手工繪製的方法創建一個佈局表格。創建時首先在“新建表格和單格”項中單擊“繪製佈局表格”,隨後將指標移到操作視窗最左端,然後拖動滑鼠即可繪製表格。   3.設定表格內容   插入表格後,還需對表格內容進行設定。在“表格內容”項中設定該表格所需的內容。   提示:在設定表格時,如果要想覆蓋Web Design的預設邊距,並讓佈局表格跨到文檔視窗的邊緣,可以將表格中的各個邊距的內容都設定為0。   在設計框架時經常需要調整某一行或列的內容,這時可以通過表格中列寬和行高的標籤來完成。在操作視窗中單擊佈局表格需要調整的邊框,每一側都會出現顯示列寬和行高的標籤。每個標籤都包括一個下拉箭頭,如更改行高度時,單擊此下拉箭頭彈出一個下拉功能表,選擇“更改行高”命令,在彈出的“行內容”對話方塊中重新輸入該行高度值即可。   FrontPage2003還提供了一個表格自動功能,它可以按照比例自動伸縮,調整表格的寬度和高度,使用時在邊距標籤下拉功能表中選擇“自動伸縮”命令即可快速地對表格的尺寸進行調整,非常方便。

等物件

當代迷你倉的文件櫃有多種尺吋可供選擇,月租由港幣40元至300元不等,當代迷你倉的文件櫃設有不同尺吋,如果閣下打算存放的為換季衣物,棉被床褥及玩具等物件,但又不想租用一個迷你倉,當代迷你倉為客人提供大型儲物櫃,儲物櫃全櫃高達七尺,讓你可以放置更多的雜物,當代迷你倉更可為你提供免費的層板,可以讓你輕鬆將櫃內物品分類存放。當代迷你倉除迷你倉、文件櫃出租外更提供信箱出租和迷你寫字樓出租等服務,當代迷你倉提供二十四小時閉路電視監控,防火曬水噴淋系統,大廈電子密碼鎖及輕觸式智能卡拍卡門禁,更設有專人定時巡查倉庫,保障你存放貨物的安全。申請手續簡單方便,如果閣下以個人名義申請,只需憑個人身份證即可,如果閣下是公司名義申請當代迷你倉,請攜帶公司商業登記證,無論是個人還是公司,只要你有需要,當代迷你倉均能為你提供多張智能卡出入,當你發現你的智能卡丟失,請立即通知當代的工作人員,立即為你取消該張智能卡的進出許可權。保障你存放物品的安全。

很感興趣

很多朋友對FrontPage2003中增加的網頁設計佈局功能很感興趣,現在我們一起來深入瞭解這一實用功能。   用FrontPage2003的“佈局表格和單格”功能佈局Web Design時,需要通過兩部分來完成。   首先通過“佈局表格”功能來為網頁佈局創建一個框架,然後通過“佈局單格”功能為該框架填充包含有網頁內容(包括文本、圖像、Web部件和其他元素)的區域,也就是單格。   下麵我們就以設定一個單位網站首頁為例來瞭解一下用佈局表格給網頁佈局的過程。

2013年12月15日星期日

列印時

一、長度單位   網頁設計長度單位分為兩種,一種是相對長度,另一種是絕對長度。   以下為三種相對長度單位:   ◆ em 相對于父物件的大小    ◆ ex 相對於特定字體中的字母x的高度    ◆ px 相對於特定設備的解析度,這是最最常用的單位,也是我們一直堅守的單位。從技術角度來說,px圖元其實是一種相對大小的度量單位,它於特定設備的顯示或列印的解析度有關。例如,一個圖元在被顯示在電腦螢幕上與被列印在紙張上的大小是不同的。   以下為五種絕對長度單位:   絕對長度單位在列印時或在螢幕顯示設備的物理尺寸已知時才比較有用。   ◆ in 英寸    ◆ cm 釐米    ◆ mm 毫米    ◆ pt 點    ◆ pc 12點活字

不見得很低

但是,並不是所有的網頁設計人員都這樣幸運!不幸的是,有些設計人員必須用很少的錢來做網站建設,並且對 Web 體驗的預期並不見得很低。在這種情況下,您必須尋求一切可以獲得的幫助。多半來說,Web 開發人員和設計人員在與同事共用知識和成就方面是非常慷慨的。當您共用時,同事們通常會努力地糾正並增強您的作品,使其變得更加精緻、bug 更少,並會提供您自己的關注小組和品質保證。這意味著您可以找到大量免費材料。如果您知道去哪里找的話,就可以填補低預算 Web 開發運營情況下的一些漏洞。在本文中,我將介紹各類免費的 Web 資源,以及對一些貌似免費,實其不然的 Web 資源的警告。

人員

擁有大量預算作為後盾的 Web Design人員可以獲得任何所需的資源,從而可以把他們的想像力付諸於 Web 體驗。他們可以聘請專業攝像師來製作引人注目的照片;可以請最好的 HTML 和 CSS 專家來創建適用於多種流覽器的複雜佈局;可以指導圖形藝術家根據企業服裝來創作華麗的裝飾物;可以聘請專業文案人員起草迷人的散文。最大的好處是,他們能雇傭大量測試用戶和關注小組來確保網站設計吸引人、便於使用並能按照預期進行工作。

2013年12月13日星期五

象徵

這個原則的意思就是,不要讓圖示產生歧義。想像一下,一個“飛旋的車輪”的網站排名圖示,它代表了什麼?也許設計者的本意,是要用車輪的移動來象徵電腦中檔的移動操作。可是,用戶也許猜測出了其他十幾種對應關係,比如一款3D賽車遊戲。這個原則其實還有一個推論原則:   不要使用過於複雜的圖示。   因為圖示的視覺元素越多,那麼其意義指向的可能性就越多,用戶越有可能從各種各樣的角度去解讀,那麼該圖示的可用性就可能越差。

錯誤的操作

可能與我們的直覺相反,一些研究顯示圖示介面與文本介面的比較中,CMS並沒有體現出明顯的優越性,一個主要原因就是文字和意義的映射是直接的,而圖示與意義的映射卻不一定是直接和明顯的。   在壞的圖示設計中,用戶需要花費幾秒鐘甚至更長的時間去猜測圖示代表的意義,而且還很可能猜錯,錯誤的理解導致錯誤的操作,錯誤的操作導致糟糕的結果,這決不是美妙的用戶體驗,即便從美學角度講那個圖示可能是上佳的藝術作品。   “直接”的意思是:不要繞彎。圖示展現的視覺表像與其背後的意義只需要很短的意義路徑即可網頁寄存連結。譬如對於“剪切”操作,使用“在文稿上打×”的圖示形象比“剪刀”的圖示形象更易理解,因為前者與剪切操作有更短的意義路徑,儘管“剪刀”圖示顯得更加生動活潑。   認知心理學家提出過一個啟動擴散模型,就是在人的知識和概念體系中,當一個概念被加工或受到刺激時,該概念結點就產生啟動,然後啟動與該結點直接相連的多個連結,並繼續向四周擴散。與當前概念在概念網路上的連結關係決定了其被啟動的強度。這種連結關係取決於人的知識體系的組織架構(即兩個概念是否屬於同一類別)和概念同時出現或使用的頻率。   例如在人的知識和概念架構中,網站建設在紙質文稿上寫字和在電腦上寫字都屬於撰寫文檔的類別,那麼當“在文稿上打×”的圖示形象出現時,被試就會快速地聯想到在電腦上進行剪切操作。而“剪刀”的視覺形象最易歸屬到“衣服裁剪”或“手工勞動”這樣的類別中去,因此映射關係具有教長的路徑和較弱的連結強度。因此在圖示設計中,設計師應該仔細考慮或者直接去調查用戶的知識體系,找到最短的概念連結。

翻新

作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互server.htm' style='text-decoration:none;' >設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,Web Design也不斷花樣翻新,越來越多精美、新穎、富有創造力和想像力的圖示充斥著我們的視界。可是,從可用性的角度講,並不是越花哨的圖示越被用戶所接受,圖示的可用性要回到它的基本功用去思考。    圖示的功用在於建立起電腦世界與真實世界的一種隱喻,或者映射關係。用戶通過這種隱喻,自動地理解圖示背後的意義,跨越了語言的界限。但是,如果這種映射關係不能被用戶輕鬆並且準確地理解,那麼這種圖示就不應是好的圖示。因此,圖示的設計應該遵守以下的原則。

2013年12月12日星期四

漂亮的PSD

學會HTML語言的好處是什麼? 1:很輕鬆的修改你的網站、博客的網頁結構。 2:對SEO網站優化很有用處。 3:拿來主義,通過保存其他網站頁面源代碼,適當的修改,可以仿製出你想要的模板。 4:當你有一張漂亮的PSD源文件圖片時,你可以很輕易的把圖片切割製作成網頁。 5:無論是PHP、ASP、.NET、JSP等網站編程語言,都要用到HTML。 6:可以輕鬆檢測出網站是否中了網頁木馬.和預防網頁木馬。 7:可以向更高一層次進階:DIV+CSS網頁設計。 8:看完這篇文章,接下來就可以修改本站提供的模板了。 用什麼工具來學習HTML呢? 還是推薦大學使用Dreamweaver軟件來學習HTML,Dreamweaver所見即所得軟件是最好的HTML編輯器,全可以一點不懂HTML的知識就可以做出網頁。 如何學習HTML語言呢? 1:一定要多動手,多多修改別人的網頁代碼。(在效果頁上單擊右鍵選擇“查看源文件”即可查看實現該效果的代碼。) 2:記住一些常用的HTML語法。當時盧松松學習HTML的時候只記了一些HTML網頁設計時的常用語法, 加入連接:寫上你想寫的字 推薦HTML詳細教程學習地址: 2:HTML視頻教程http://v.youku.com/v_show/id_XMzM0MzM3ODQ=.html(當你點開優酷的時候,你能保證只看教程不看電影嗎?) 總結:Html至今仍是製作網頁時必不可少的代碼。如果能夠熟悉掌握並應用這些代碼,大到做網站,小到博客論壇等都會有莫大的好處。 其實相信大多數人都對HTML已經非常熟悉了,學過HTML的再看一次也許能知道新的東西。沒學過HTML的,看看這篇文章應該能快速掌握要領吧.

考慮

server.htm' style='text-decoration:none;' >網頁寄存(Web Hosting),現在有不少人需要這類的服務,同樣的,這類的公司也越來越多,選擇時一定要考慮清楚。 如果知道一間網頁寄存公司是否可靠? 簡單的說,最起碼也要有個商業登記,因為連商業登記也沒有,可能你連最後追究的可能也失去。 如何知道一間網頁寄存公司是否有商業登記? 一般公司也是註冊.com或者.com.hk,.com則人人可以註冊,.hk也是如此 唯獨.com.hk,是必須向有關組織提供[商業登記證],才能申請的,所以也可說明,如果該網頁寄存公司是使用.com.hk的話,最起碼他們已經是一家合法並且有商業登記的公司。 還有其他要注意嗎? 一般新公司或者小型公司,也會將客戶的網站和自己公司網站放在同一部機,這當然是合情合理的,因為本身一台主機就不會只放一個網站。 所以客戶也可以瀏覽網頁寄存公司網站,得知該公司網頁速度如何。 就算不是放在同一部機,一般中小型網頁寄存公司,也只租一間數據中心的機房,大致速度也知道,當然很可能他們公司網站會放在比較快的主機,這一層用戶則需要向網頁寄存公司索取測試速度的方法,或者取得其ip,作簡單的速度測試。 比較有規模小小的 網頁寄存(Web Hosting)公司也會願意提供客戶試用的機會。 不過最後一提,香港普通網絡也算發達,速度也不會太差,所以租用網頁寄存服務的朋友不用太擔心速度上的問題,如果要連出海外,速度也是無法強求的,除非願意出一大筆費用