2014年8月31日星期日

並且網站建設從中學到了很多平面

什麼是亂?這裏的亂不是指用色亂,也不是指內容亂,而主要是指網頁佈局亂。以前我有幸接觸了平面設計,並且網站建設從中學到了很多平面設計上的一些知識與技法。其中“柵格設計”就是平面設計中用於處理佈局的一種理論。到目前為止我還在研究"柵格設計"。因為著實沒有什麼比較好的語言可以非常簡潔明瞭的概括這個詞。這更像是需要不斷用實踐去理解的。所以很多時候我們們都無法去講述。但是在設計中這個柵格卻是能幫助我們完成更好作品的一個非常好用的利器。對於柵格設計我也不能說是認識深刻,我這裏只是依據我對於柵格設計的理解,將之用於網頁設計中,希望能給更多的朋友們一點啟示,或許能打開一些朋友的思路。

們把當蒙上一層紗

單純的文字是沒辦法讓設計師們耐心的看下去的,所以網頁寄存還是老辦法,用示圖來作為講解模型。這次我們使用的網頁是微軟、IBM、ASTRO三個公司網站來講解。希望通過分解這三個公司的網站設計,能把我所理解的柵格設計傳達出來。看示圖:   我們看到微軟公司的server4.htm' style='text-decoration:none;' >網站設計中並沒有什麼明顯的線去區隔不同的區塊,但是當我們把當蒙上一層紗,然後用實線把每個部分都畫出來這時我們發現這個網站其實是處在一個柵格陣列中。那麼這個陣列中的內容已經很明顯了,並且我們從中發現了很多區塊在頁面中的位置居然是那麼的有條理,並且有一些並不在一起的區塊,居然也有一定的規律。當然有人可能會說,都用線畫出來了當然顯得條理,整齊了SEO。問題就在於這裏,我們的網站都可以用縱橫線區分開。但是一些設計得不好的網站的縱橫線可能數量非常的多,縱橫線的數量過多並且都擠在一直,這就說明網站的佈局顯得太亂。或者是過於條理而變得佈局平均,沒有對比,缺乏美感。其實只要用這樣的方法去分析一下自己設計的作品也許就能從中看到問題所在。

是因為一台伺服器有多個客戶在使用

(Web Hosting) 收費比較便宜,適合一般個人server4.htm' style='text-decoration:none;' >網站使用,一般都只會接受使用較少的系統資源的客戶。 網頁寄存服務收費比較便宜是因為一台伺服器有多個客戶在使用,所以成本低,相對下收費也比主機租用低 安全性及穩定性一般也比主機租用服務低,因為同一台伺服器其他的客戶如果使用不當影響了伺服器,你也應該會受到影響。

2014年8月28日星期四

功能來為網頁佈局創建

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

佈局範本

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

接近的感覺

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

2014年8月27日星期三

削弱色彩的對立面

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

圖示充斥著我們的視界

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

網站建設最重要的一點就是介面的簡單

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

2014年8月26日星期二

兩者接近的感覺

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

在文稿上打×

作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,Web Design也不斷花樣翻新,越來越多精美、新穎、富有創造力和想像力的圖示充斥著我們的視界。可是,從可用性的角度講,並不是越花哨的圖示越被用戶所接受,圖示的可用性要回到它的基本功用去思考。    圖示的功用在於建立起電腦世界與真實世界的一種隱喻,或者映射關係。用戶通過這種隱喻,自動地理解圖示背後的意義,跨越了語言的界限。但是,如果這種映射關係不能被用戶輕鬆並且準確地理解,那麼這種圖示就不應是好的圖示。因此,圖示的設計應該遵守以下的原則。   圖示的可用性原則一:圖示指向的映射關係應該盡可能的直接、簡單。   可能與我們的直覺相反,一些研究顯示圖示介面與文本介面的比較中,CMS並沒有體現出明顯的優越性,一個主要原因就是文字和意義的映射是直接的,而圖示與意義的映射卻不一定是直接和明顯的。   在壞的圖示設計中,用戶需要花費幾秒鐘甚至更長的時間去猜測圖示代表的意義,而且還很可能猜錯,錯誤的理解導致錯誤的操作,錯誤的操作導致糟糕的結果,這決不是美妙的用戶體驗,即便從美學角度講那個圖示可能是上佳的藝術作品。   “直接”的意思是:不要繞彎。圖示展現的視覺表像與其背後的意義只需要很短的意義路徑即可網頁寄存連結。譬如對於“剪切”操作,使用“在文稿上打×”的圖示形象比“剪刀”的圖示形象更易理解,因為前者與剪切操作有更短的意義路徑,儘管“剪刀”圖示顯得更加生動活潑。   認知心理學家提出過一個啟動擴散模型,就是在人的知識和概念體系中,當一個概念被加工或受到刺激時,該概念結點就產生啟動,然後啟動與該結點直接相連的多個連結,並繼續向四周擴散。與當前概念在概念網路上的連結關係決定了其被啟動的強度。這種連結關係取決於人的知識體系的組織架構(即兩個概念是否屬於同一類別)和概念同時出現或使用的頻率。   例如在人的知識和概念架構中,網站建設在紙質文稿上寫字和在電腦上寫字都屬於撰寫文檔的類別,那麼當“在文稿上打×”的圖示形象出現時,被試就會快速地聯想到在電腦上進行剪切操作。而“剪刀”的視覺形象最易歸屬到“衣服裁剪”或“手工勞動”這樣的類別中去,因此映射關係具有教長的路徑和較弱的連結強度。因此在圖示設計中,設計師應該仔細考慮或者直接去調查用戶的知識體系,找到最短的概念連結。   圖示的可用性原則二:每個圖示指向的映射關係應該是唯一的。   這個原則的意思就是,不要讓圖示產生歧義。想像一下,一個“飛旋的車輪”的網站排名圖示,它代表了什麼?也許設計者的本意,是要用車輪的移動來象徵電腦中檔的移動操作。可是,用戶也許猜測出了其他十幾種對應關係,比如一款3D賽車遊戲。這個原則其實還有一個推論原則:   不要使用過於複雜的圖示。   因為圖示的視覺元素越多,那麼其意義指向的可能性就越多,用戶越有可能從各種各樣的角度去解讀,那麼該圖示的可用性就可能越差。   圖示的可用性原則三:同一個圖示系列中,最好使用相同的映射模式。   在真實世界與電腦世界(或網路世界)的對應中,存在很多種映射模式。筆者粗粗地歸納下,可以發現這樣幾種映射模式:外觀映射、功能映射、語詞(字母)映射、部分指代映射和綜合映射。在同一個系列圖示中,用戶極易對圖示形成某種固定的映射模式,如果突然出現了另一種模式的電子商務映射,用戶可能仍將延用先前形成的思維定勢進行理解,從而出現理解困難或理解偏差。   圖示的可用性原則四:最好使用簡短文字做為圖示的冗餘編碼。   在資訊傳播的過程中,增加資訊的冗餘度是保證網上商店資訊傳輸的可靠性的最有效的方法。在人機交互設計中,最常見的冗餘編碼就是紅綠燈,即每個顏色皆對應位置,使得在人口中占具相當比例的色盲人群也可以通過燈的位置來接收是否可以通行的資訊。圖示設計也需要增加冗餘編碼,以保證絕大多數的人都能夠快速、準確地理解圖示的含義。一個很好的例子出現在手機主功能表的設計中,下面看兩種常見的手機主功能表的設計:   圖示都在下方加注了簡單的文字,和圖示一起形成冗餘編碼。這樣即使用戶是第一次使用該手機,也能避免圖示選擇錯誤。而圖二的圖示沒有將文字直接標注在圖示下方,而是在只有選中某個圖示的情況下,在螢幕上方顯示文字標注,這樣無疑增加了用戶操作的負擔。儘管電郵服務某些圖示,用戶很容易理解其含義,比如圖二中第二行第一個“相機”圖示,用戶很容易清楚這是指拍照功能;但有些圖示,在沒有文字標注的情況下,還是令人費解,比如圖二中第四行第一個“禮品盒”圖示。因此,筆者認為,在大多數情況下,給圖示加注文字是比較好的選擇。   最後,我要說明的是,圖示設計中的可用性原則與圖示的美學考慮在實踐中可能存在矛盾,這時候權衡兩者是必須的。好的可用性可以讓用戶更方便地使用產品,而漂亮、時尚或者富有情趣的外觀設計可以給用戶帶來喜悅感等良好的心理體驗。很難說哪一方理所應當地取得主導地位,更理想的狀態是交互設計師和視覺(外觀)設計師進行良好的溝通和合作,求得雙贏的設計方案。

收費比較便宜是因為一台伺服器

(Web Hosting) 收費比較便宜,適合一般個人網站使用,一般都只會接受使用較少的系統資源的客戶。 網頁寄存服務收費比較便宜是因為一台伺服器有多個客戶在使用,所以成本低,相對下收費也比主機租用低 安全性及穩定性一般也比主機server4.htm' style='text-decoration:none;' >租用服務低,因為同一台伺服器其他的客戶如果使用不當影響了伺服器,你也應該會受到影響。

2014年8月25日星期一

因為每一分利潤都來自客戶

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

用戶需要花費幾秒鐘甚至更長的時間去猜測圖

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

提供了多種表格佈局範本

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

2014年8月24日星期日

給我留言

我們都知道網頁設計的最大特性是“鏈結”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標籤成就了這個世界上無數的互聯網天才。那麼讓我們看看這個標籤的真面目: 文本區,就是這個簡單的標籤,其實大家都在使用,用Dreamweaver可以很簡單的添加鏈結。但是儘管如此我們還是需要知道A的屬性是什麼,這樣才能更好的利用它。A是個內聯標籤,也就是說它本身並不會產生分行。他是流于文本之中的無素。那麼我們都知道內聯元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那麼你工作中是否有這樣的情況呢?是否在A里加了無數的塊級標籤呢?那從現在開始改掉這個壞習慣,這樣不光可以避免一些沒必要的BUG問題,同時也能給GOOGLE等這些搜索引擎一個好印象,多點印象分。當然除此之外振之還推薦在大傢伙在A中加入titile屬性。例: 文本區。為什麼這麼做呢,我這裏有這樣一篇文章《當標題不能顯示完整的時候》,大家可以看一下,這只是加title屬性其中一個小小的用處,但是作用非常有效。 鏈結標籤中的href=“URL”這個URL是個非常強大的東西,當然這不是我們這個專欄的內容,但是也非常推薦讀者們可以認真閱讀一下相關的知識。我從百度百科中找到了相關文檔,請大家點擊閱讀(站外鏈結請讀者們選擇新視窗閱讀)。關於鏈結就暫時只講這麼多,如有什麼疑問請通過文後的聯繫資訊與我聯繫或是線上給我留言。 標題幾乎是所有文章都會有的要素,也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內的核心。那麼你知道嗎?合理使用標題標籤會讓你的文章更受關注。我們都知道XHTML給我們提供了h1~h6,六個標題標籤,那麼我們如何分配這六個標題標籤的使用呢?下面給出一些建議:h1,在流覽器中顯示最大,那麼自然用來表示最大的標題,對於一個server4.htm' style='text-decoration:none;' >網站來說哪個標題才是最大的?是LOGO,我們通常會在網站的最前面先標注這個網站建設的名稱。所以h1就用來放LOGO,當然如果你的網站沒有LOGO,只有一個網站名稱,那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現以圖換字。並且server1_A.htm' style='text-decoration:none;' >推薦網頁中h1只出現一次。 當h1找到了專用的功能,那麼擔任內容標是,或是基它標題的重擔就要放在另外幾個標題標籤上了。在餘下的幾個標題中h5與h6在流覽器默認顯示字體是小於正常文本字體的。那麼推薦h5與h6只作為免責聲明或是版權通告來使用。這樣即表明重要性,又不會太過明顯影響閱讀。對於標題標籤的使用盡可能的注意一下他們之間的等級關係。當然標題的使用還是需要根據實際使用來決定。這裏只是給出個建議。標題標籤是塊線元素,但是他並不能再包含塊級元素了,只能包含內聯的元素,比如鏈結、圖像,換行之類的。記得有個朋友前兩天在文章中提到過關於標題的內容,但是寫法就有錯了,他把鏈結寫在了H1標籤的外面,把H1包起來了,這樣的寫法是不推薦的。也不符合標準思維容易給以後的學習產生不好導向。 我們的文章難免會有錯誤的地方,那麼有錯就要改,但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那麼刪除標籤的作用就產生了。以前我們會使用或是來得到一個刪除線的效果。但是這僅表是一個刪除線的效果,語義上沒有DEL來得更為明確,所以這裏我要告訴大家放棄以前的方式,採用這個標籤。同樣能表達我們需要的WebDesign效果,並且意義更為直接明確。那麼除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那麼時候這個標籤就非常有作用了那就是插入標籤。相信不用我說大家也知道如何使用這兩個標籤,但是千萬別忘記了給這兩個標籤加上兩個重要的屬性:cite與datetime。解釋與時間。解釋不用說了,只要用文字注明為什麼要刪除或是為什麼要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區別,其中T是表示時間段開始的必需字元,而TZD則是表示時區,Z是表是格林威治標準時間。一秀的寫法是:2008-03-25T14:26:22Z 在所有的標籤中有兩上標籤是樣式標籤,但是卻沒有被禁用,因為這兩個標籤所表述的內容很特別,上下標,上標,下標。 這兩個標籤用得到機率比較小,但是上標應該還是會常用到的,比如溫度中的攝氏度的上的小圓圈,當然現有有專業的字元對應“℃”,還有我們常看到書中的註腳上標[1]。 hr,分平分隔線,這個標籤與換行標籤只要注意標籤的寫法就可以了

效果將會催生有創意

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

就很誘惑人

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

2014年8月22日星期五

隨後在右側彈出一個任務視窗

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

就很誘惑人

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

富有創造力和想像力的圖示充斥著我們的視界

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

2014年8月21日星期四

飛旋的車輪

作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,Web Design也不斷花樣翻新,越來越多精美、新穎、富有創造力和想像力的圖示充斥著我們的視界。可是,從可用性的角度講,並不是越花哨的圖示越被用戶所接受,圖示的可用性要回到它的基本功用去思考。    圖示的功用在於建立起電腦世界與真實世界的一種隱喻,或者映射關係。用戶通過這種隱喻,自動地理解圖示背後的意義,跨越了語言的界限。但是,如果這種映射關係不能被用戶輕鬆並且準確地理解,那麼這種圖示就不應是好的圖示。因此,圖示的設計應該遵守以下的原則。   圖示的可用性原則一:圖示指向的映射關係應該盡可能的直接、簡單。   可能與我們的直覺相反,一些研究顯示圖示介面與文本介面的比較中,CMS並沒有體現出明顯的優越性,一個主要原因就是文字和意義的映射是直接的,而圖示與意義的映射卻不一定是直接和明顯的。   在壞的圖示設計中,用戶需要花費幾秒鐘甚至更長的時間去猜測圖示代表的意義,而且還很可能猜錯,錯誤的理解導致錯誤的操作,錯誤的操作導致糟糕的結果,這決不是美妙的用戶體驗,即便從美學角度講那個圖示可能是上佳的藝術作品。   “直接”的意思是:不要繞彎。圖示展現的視覺表像與其背後的意義只需要很短的意義路徑即可網頁寄存連結。譬如對於“剪切”操作,使用“在文稿上打×”的圖示形象比“剪刀”的圖示形象更易理解,因為前者與剪切操作有更短的意義路徑,儘管“剪刀”圖示顯得更加生動活潑。   認知心理學家提出過一個啟動擴散模型,就是在人的知識和概念體系中,當一個概念被加工或受到刺激時,該概念結點就產生啟動,然後啟動與該結點直接相連的多個連結,並繼續向四周擴散。與當前概念在概念網路上的連結關係決定了其被啟動的強度。這種連結關係取決於人的知識體系的組織架構(即兩個概念是否屬於同一類別)和概念同時出現或使用的頻率。   例如在人的知識和概念架構中,網站建設在紙質文稿上寫字和在電腦上寫字都屬於撰寫文檔的類別,那麼當“在文稿上打×”的圖示形象出現時,被試就會快速地聯想到在電腦上進行剪切操作。而“剪刀”的視覺形象最易歸屬到“衣服裁剪”或“手工勞動”這樣的類別中去,因此映射關係具有教長的路徑和較弱的連結強度。因此在圖示設計中,設計師應該仔細考慮或者直接去調查用戶的知識體系,找到最短的概念連結。   圖示的可用性原則二:每個圖示指向的映射關係應該是唯一的。   這個原則的意思就是,不要讓圖示產生歧義。想像一下,一個“飛旋的車輪”的網站排名圖示,它代表了什麼?也許設計者的本意,是要用車輪的移動來象徵電腦中檔的移動操作。可是,用戶也許猜測出了其他十幾種對應關係,比如一款3D賽車遊戲。這個原則其實還有一個推論原則:   不要使用過於複雜的圖示。   因為圖示的視覺元素越多,那麼其意義指向的可能性就越多,用戶越有可能從各種各樣的角度去解讀,那麼該圖示的可用性就可能越差。   圖示的可用性原則三:同一個圖示系列中,最好使用相同的映射模式。   在真實世界與電腦世界(或網路世界)的對應中,存在很多種映射模式。筆者粗粗地歸納下,可以發現這樣幾種映射模式:外觀映射、功能映射、語詞(字母)映射、部分指代映射和綜合映射。在同一個系列圖示中,用戶極易對圖示形成某種固定的映射模式,如果突然出現了另一種模式的電子商務映射,用戶可能仍將延用先前形成的思維定勢進行理解,從而出現理解困難或理解偏差。   圖示的可用性原則四:最好使用簡短文字做為圖示的冗餘編碼。   在資訊傳播的過程中,增加資訊的冗餘度是保證網上商店資訊傳輸的可靠性的最有效的方法。在人機交互設計中,最常見的冗餘編碼就是紅綠燈,即每個顏色皆對應位置,使得在人口中占具相當比例的色盲人群也可以通過燈的位置來接收是否可以通行的資訊。圖示設計也需要增加冗餘編碼,以保證絕大多數的人都能夠快速、準確地理解圖示的含義。一個很好的例子出現在手機主功能表的設計中,下面看兩種常見的手機主功能表的設計:   圖示都在下方加注了簡單的文字,和圖示一起形成冗餘編碼。這樣即使用戶是第一次使用該手機,也能避免圖示選擇錯誤。而圖二的圖示沒有將文字直接標注在圖示下方,而是在只有選中某個圖示的情況下,在螢幕上方顯示文字標注,這樣無疑增加了用戶操作的負擔。儘管電郵服務某些圖示,用戶很容易理解其含義,比如圖二中第二行第一個“相機”圖示,用戶很容易清楚這是指拍照功能;但有些圖示,在沒有文字標注的情況下,還是令人費解,比如圖二中第四行第一個“禮品盒”圖示。因此,筆者認為,在大多數情況下,給圖示加注文字是比較好的選擇。   最後,我要說明的是,圖示設計中的可用性原則與圖示的美學考慮在實踐中可能存在矛盾,這時候權衡兩者是必須的。好的可用性可以讓用戶更方便地使用產品,而漂亮、時尚或者富有情趣的外觀設計可以給用戶帶來喜悅感等良好的心理體驗。很難說哪一方理所應當地取得主導地位,更理想的狀態是交互設計師和視覺(外觀)設計師進行良好的溝通和合作,求得雙贏的設計方案。

某個地方被拼錯了

一個網站建設上的404 錯誤是伺服器在請求資源找不到的時候發生的。一個設計合理的404錯誤頁面不僅僅是網站Web Design完整性的一部分,還是網站的可用性的重要體現。好的404錯誤頁面設計可以大大的增強網站的用戶體驗。   1. 它應該看起來還是你的網站   如果你不明確的告訴你的伺服器如何處理404錯誤,它將默認提供一個單調而普通的錯誤頁面。比如在一個白色的頁面上顯示“沒找到 – 請求的URL不能被找到”云云。對用戶來說,這是毫無幫助的和相當痛苦的。一個404頁面應該開起來像個錯誤頁面,但是它也應該看起來仍然是你的網站。如果你在是用一個CMS,一般來說這已經為你處理好了。如果你使用一個靜態網站,你可以通過你的.htaccess(Apache伺服器)檔指定一個404範本。   2. 道歉   沒有人會主動訪問你的404頁面。最常見的是他們來自於你的網站建置或外部網站的一個壞鏈結。也許這個頁面會讓用戶很不高興,所以道歉是一個可以讓他們皺著的眉頭舒緩的絕佳方式。這也可以讓用戶減少對你的網站的抱怨。   3. 搜索   可能用戶尋找的頁面依然存在,只是URL被改變了或者它的URL在某個地方被拼錯了。由於你的網站應該已經擁有搜索功能了,這是一個非常重要的提供搜索框的好機會。這可以讓用戶很方便的搜索他們試圖鏈結的內容並讓他們自己找到正確的URL。   4. 給用戶有用的鏈結   或許他們鏈結進來的頁面不是壞掉了,而是已經不存在了。除了搜索,你還可以想用戶展示一些他們可能覺得有用的外部鏈結。或許鏈結到首頁,或者是歸檔頁面,或者是其他你已知的通常會訪問或者在你的網站上很熱門的頁面?   5. 報告錯誤或聯繫的方式   可能一個用戶在遇到一個404頁面的時候會有某種非常強烈的情緒。他們可能會很焦慮、擔心,或者他們會被氣瘋了……讓用戶發洩是個不錯的主意,因為你不可能成為他們的出氣筒,所以一個聯繫表單可能就會湊效。當然,這不僅僅對他們有好處,對你也有好處,因為你可以找到問題然後去修正它或者預防它再次發生。   6. 自動報告   讓用戶通過聯繫表單幫你報告錯誤是很不錯的,但是只有很小比例的用戶才可能會這樣做。一個替代的方法是讓你的404頁面自動的將錯誤報告給你。有很多種方法可以實現。一個快速而且簡潔的方式是將你的錯誤頁面做成PHP檔,然後使用mail函數發送一封包括該URL的郵件給你。      注意: 上面的代碼可能對於小網站是合適的,但是並不適合大流量的網站( 電子商務 )。在這種情況下,將錯誤寫入一個資料庫可能更加有效。   7. 幽默   即便是嚴肅的網站也可以在404也頁面上添加一些小幽默。這顯然是一個放鬆和做一些有趣的事情的好機會。   8. 轉向?   事實上,我對此種做法持觀望態度,但是自動的將404頁面轉向到其他頁面是可行的。或許首頁正顯示一條關於這個錯誤的提示資訊呢?或許一個包含來自於該頁面的關鍵字的搜索頁面被傳遞?   9. 文件大小   你可能會驚訝於你的伺服器序號處理如此多的錯誤活動。不久前的意見令我驚訝的是有那麼多的對“怪異”檔案的請求,比如在陌生的子目錄請求或尋找並不存在的隨機檔案。當這些內容不出現的時候,伺服器就會載入你的404頁面。不必說,為所有的這些請求發送一個完整的頁面會增加大量的帶寬。最好的方法是與這些不好的請求做鬥爭,但是你也應該關注一下404頁面的總大小並減小它——如果帶寬是件很重要的事情的話,在錯誤請求很多的時候,404頁面顯然會浪費很多網站排名流量。

因為連商業登記也沒有

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

2014年8月20日星期三

至更長的時間去猜測圖

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

用性的角度講

作為WIMP(Window/Icon/Menu/Pointing Device)介面設計的關鍵部分,圖示在人機交互server.htm' style='text-decoration:none;' >設計中無所不在。隨著人們對審美、時尚、趣味的不斷追求,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)顏色對比不要反差太大。server3.htm' style='text-decoration:none;' >網頁版面不是美術作品,網上商店要避免形式對內容的喧賓奪主。   c)文字+底色能夠起到很好的突出作用,在視覺變化上相當於圖片的作用。   4.靜態化   a)訪問量大的頁都應該靜態化,以便減少伺服器壓力,增強網站穩定性。訪問不到的網頁是最差的網頁。   b)動態化和靜態化在一個頁面中結合使用,能同時得到輕負荷和即時交互性的好處。   c)哪些頁面的哪些地方需要靜態化要在一開始就考慮,訪問量大了之後網頁設計模板,再高考慮,就遲了,由動態化轉為靜態化,會有很多歷史問題。   5.分欄   a)首頁選4欄?還是3欄?   b)正文頁多用2欄。   c)“縱向邏輯”是指將相近的內容從上至下排列,而不是從左向右排列。如果讀者對這方面內容感興趣,他會從上至下,逐行閱讀。這樣可充分力利用首屏,讓首頁增多從上至下閱讀的可能。   d)避免一欄太強,一欄太弱。通過圖片、Flash製作套紅等手段進行調控。平均使用讀者主意力。使讀者不敢放過左中右任何一欄。   6.圖片   a)一圖勝千言。十分必要時才用。因為圖片的編輯成本和帶寬成本都比較文字高很多。   b)在目錄頁的圖,小點,再小點,多用特寫;小解析度,能看就行。在正文頁的圖,保證清晰,美觀。正文頁有的是版面。   c)正文頁在5屏之內,儘量不要分頁。讓讀者一次讀完。   7.導航條與server.htm' style='text-decoration:none;' >網站地圖   a)導航條是網站的門牌號碼,不能隨意更改。否則,讀者會迷路,找不到他原來看的內容。   b)導航條上的分類名的前後網站排名次序要兼顧重點和讀者閱讀邏輯,即歸類擺放。   c)導航條最多三行。最好二行。太多行顯重。   d)導航的更多,就是網站地圖。網站地圖的摘要版可以放在網站底部,成為底部導航。網站的底部導航,很有必要。其好處是:一、可放多行;二、可形成網站底部的閱讀重點。將讀者從首屏帶到最後一屏,期間會增加很多點擊。   e)主導航和頻道導航:主導航每頁都有,頻道導航只在本頻道頁面出現。   8.首頁更新成本   a)首頁設計不能只考慮美觀、協調,要考慮24小時更新一遍之要求。更新是網站的生命,一定要最大限度地降低首頁更新成本。   b)交叉自動同步更新的設計,可有效降低各種首頁更新成本,給讀者網頁設計公司內容豐富即時的感覺。   c)更新即時的首頁是網站的資源,因為是資源,更多的標題會擁上這個首頁。如此,正迴圈,這個首頁也就火了。更新不即時的首頁是網站的雞肋,會越來越寂寞,最終會被荒廢。   d)每個首頁的設計成至少要有一個讀者點擊進去的理由。即時更新比獨家內容成本低。

2014年8月19日星期二

都是使用Linux了

一般的網頁寄存公司,提供的網頁空間、甚至論壇寄存,一般都包括了電郵服務。 這個電郵服務安全嗎? 可信嗎? 其實一般網頁寄存公司,都會提供相關數量的電郵戶口,一般也是POP3的。 香港大部分的網存公司,都是使用Linux了,就算不是主力做Linux,相信公司也必定有Linux服務。 以Linux配合DirectAdmin的組合,則是香港網頁寄存最常見的。 所以我們依這個情況來說。 因為使用DirectAdmin開帳號,所有容量空間都是網頁電郵共用的。 如果是用Linux配合DirectAdmin,一般還會有Web Mail功能。 所以一般的Web Hosting服務,已經能夠提供足夠的電郵服務,除非你還需要更強大的功能,就需要考慮商業級的電郵系統了。

視窗閱讀

我們都知道網頁設計的最大特性是“鏈結”,是的這個在我們現在看起來習以為常的東西,讓我們的生活發生了巨大的變化,是這個小小的標籤成就了這個世界上無數的互聯網天才。那麼讓我們看看這個標籤的真面目: 文本區,就是這個簡單的標籤,其實大家都在使用,用Dreamweaver可以很簡單的添加鏈結。但是儘管如此我們還是需要知道A的屬性是什麼,這樣才能更好的利用它。A是個內聯標籤,也就是說它本身並不會產生分行。他是流于文本之中的無素。那麼我們都知道內聯元素是不能包含塊元素的。那就是說在A中不能包含段落、DIV等這些塊級的元素。那麼你工作中是否有這樣的情況呢?是否在A里加了無數的塊級標籤呢?那從現在開始改掉這個壞習慣,這樣不光可以避免一些沒必要的BUG問題,同時也能給GOOGLE等這些搜索引擎一個好印象,多點印象分。當然除此之外振之還推薦在大傢伙在A中加入titile屬性。例: 文本區。為什麼這麼做呢,我這裏有這樣一篇文章《當標題不能顯示完整的時候》,大家可以看一下,這只是加title屬性其中一個小小的用處,但是作用非常有效。 鏈結標籤中的href=“URL”這個URL是個非常強大的東西,當然這不是我們這個專欄的內容,但是也非常推薦讀者們可以認真閱讀一下相關的知識。我從百度百科中找到了相關文檔,請大家點擊閱讀(站外鏈結請讀者們選擇新視窗閱讀)。關於鏈結就暫時只講這麼多,如有什麼疑問請通過文後的聯繫資訊與我聯繫或是線上給我留言。 標題幾乎是所有文章都會有的要素,也是我們用以識實與索引文章的重要元素。我們通過標題去感知文章內的核心。那麼你知道嗎?合理使用標題標籤會讓你的文章更受關注。我們都知道XHTML給我們提供了h1~h6,六個標題標籤,那麼我們如何分配這六個標題標籤的使用呢?下面給出一些建議:h1,在流覽器中顯示最大,那麼自然用來表示最大的標題,對於一個網站來說哪個標題才是最大的?是LOGO,我們通常會在網站的最前面先標注這個網站建設的名稱。所以h1就用來放LOGO,當然如果你的網站沒有LOGO,只有一個網站名稱,那也可以。當然振之是不推薦在大家在h1中放個圖片。我們完全可以通過CSS來實現以圖換字。並且推薦網頁中h1只出現一次。 當h1找到了專用的功能,那麼擔任內容標是,或是基它標題的重擔就要放在另外幾個標題標籤上了。在餘下的幾個標題中h5與h6在流覽器默認顯示字體是小於正常文本字體的。那麼推薦h5與h6只作為免責聲明或是版權通告來使用。這樣即表明重要性,又不會太過明顯影響閱讀。對於標題標籤的使用盡可能的注意一下他們之間的等級關係。當然標題的使用還是需要根據實際使用來決定。這裏只是給出個建議。標題標籤是塊線元素,但是他並不能再包含塊級元素了,只能包含內聯的元素,比如鏈結、圖像,換行之類的。記得有個朋友前兩天在文章中提到過關於標題的內容,但是寫法就有錯了,他把鏈結寫在了H1標籤的外面,把H1包起來了,這樣的寫法是不推薦的。也不符合標準思維容易給以後的學習產生不好導向。 我們的文章難免會有錯誤的地方,那麼有錯就要改,但是有時候我們需要告訴讀者這段是被刪除的但是又能讓讀者看到。那麼刪除標籤的作用就產生了。以前我們會使用或是來得到一個刪除線的效果。但是這僅表是一個刪除線的效果,語義上沒有DEL來得更為明確,所以這裏我要告訴大家放棄以前的方式,採用這個標籤。同樣能表達我們需要的Web Design效果,並且意義更為直接明確。那麼除了刪除有時我們還需要對刪除的部分作出一些添加與修改。那麼時候這個標籤就非常有作用了那就是插入標籤。相信不用我說大家也知道如何使用這兩個標籤,但是千萬別忘記了給這兩個標籤加上兩個重要的屬性:cite與datetime。解釋與時間。解釋不用說了,只要用文字注明為什麼要刪除或是為什麼要插入就可以了。但是這個時間需要明確一下格式。嚴格的格式是:YYYY-MM-DDThh:mm:ssTZD。呵呵與我們平時用的差不多但是有區別,其中T是表示時間段開始的必需字元,而TZD則是表示時區,Z是表是格林威治標準時間。一秀的寫法是:2008-03-25T14:26:22Z 在所有的標籤中有兩上標籤是樣式標籤,但是卻沒有被禁用,因為這兩個標籤所表述的內容很特別,上下標,上標,下標。 這兩個標籤用得到機率比較小,但是上標應該還是會常用到的,比如溫度中的攝氏度的上的小圓圈,當然現有有專業的字元對應“℃”,還有我們常看到書中的註腳上標[1]。 hr,分平分隔線,這個標籤與換行標籤只要注意標籤的寫法就可以了

出租和迷你寫字樓

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

2014年8月18日星期一

更高一層次進階

學會HTML語言的好處是什麼? 1:很輕鬆的修改你的網站、博客的網頁結構。 2:對SEO網站優化很有用處。 3:拿來主義,通過保存其他網站頁面源代碼,適當的修改,可以仿製出你想要的模板。 4:當你有一張漂亮的PSD源文件圖片時,你可以很輕易的把圖片切割製作成網頁。 5:無論是PHP、ASP、.NET、JSP等網站編程語言,都要用到HTML。 6:可以輕鬆檢測出網站是否中了網頁木馬.和預防網頁木馬。 7:可以向更高一層次進階:DIV+CSSserver1_A.htm' style='text-decoration:none;' >網頁設計。 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的,看看這篇文章應該能快速掌握要領吧.

對應關

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

“小報”改“大報”

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

2014年8月17日星期日

可預知性

不良網頁設計用戶體驗設計產生的糟糕感受   網站用戶體驗設計是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不愧是當前最為熱門的美劇之一。

2014年8月14日星期四

客戶在使用

(Web Hosting) 收費比較便宜,適合一般個人網站使用,一般都只會接受使用較少的系統資源的客戶。 網頁寄存服務收費比較便宜是因為一台伺服器有多個客戶在使用,所以成本低,相對下收費也比主機用低 安全性及穩定性一般也比主機服務低,因為同一台伺服器其他的客戶如果使用不當影響了伺服器,你也應該會受到影響。

簡介

web hosting中文是指網頁寄存,網頁寄存服務是指向客戶提供一個網頁空間,讓客戶存放網頁內容(包括HTML檔/CSS/圖片等等,甚至是程式語言檔例:*.php, *.asp等等)。 以下一小段是由維基百科對於網頁寄存服務之簡介: 網頁寄存服務公司利用數據中心的電腦群和貯存裝置為用戶提供免費或收費服務。寄存公司通常會提供一個界面,讓用戶遠程上載網頁內容,然後其他人就可以透過公司來存取用戶所寄取的網頁。 簡言之Web Hosting即是網頁寄存的英文叫法而已,而此Blog早已解釋了什麼是網頁寄存公司?

後追究

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

2014年8月13日星期三

檔案傳輸協定之一

FTP是什麼? 好像就算不是IT界的朋友也會常常說出這個字。 FTP是指File Transfer Protocol,是網絡上比較常見的檔案傳輸協定之一。 一般什麼人用到? 或者能做什麼? FTP一般會被網頁寄存(即Web Hosting)公司使用,讓客戶經由FTP軟件,登入FTP伺服器,將檔案傳送到網頁寄存公司。 又或者會有人在自己的電腦中可以建議FTP伺服器,將檔案分享給朋友。

不需要被冠上

不管是網頁寄存服務的使用者還是程式開發員,甚至論壇管理員,管理自己的論壇空間,都需要使用FTP軟件。 在此,我推薦一個免費軟件,FileZilla,這軟件更有中文界面,可以讓你更輕易的管理你的ftp。 香港亦有不少web hosting公司推薦客戶使用這個軟件,因為畢竟這是個真真正正的免費軟件,網頁寄存商不需要被冠上【推薦使用翻版軟件】的惡名 下載 FileZilla:點擊下載 FileZilla Client 。 安裝FileZilla: 第2還是第3,4個步驟時,會問你安裝什麼套件,這時一定要保留Language files, 這樣才能安裝中文語言包。 中文化FileZilla: Edit->Settings->Language-> 選擇Chinese(zh_TW) 這樣就能完安裝並完成中文化的界面,大力建議使用網頁寄存服務的網友,使用這個軟件。

[商業登記證]

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

穩定

我們之前已經介紹過很多有關Web Hosting的資料,這篇文章會說說主機租用網頁寄存比較之下何差別。 網頁寄存(Web Hosting) 收費比較便宜,適合一般個人網站使用,一般都只會接受使用較少的系統資源的客戶。 網頁寄存服務收費比較便宜是因為一台伺服器有多個客戶在使用,所以成本低,相對下收費也比主機租用低 安全性及穩定性一般也比主機租用服務低,因為同一台伺服器其他的客戶如果使用不當影響了伺服器,你也應該會受到影響。 主機租用服務 收費比較貴,因為一台伺服器只有你一個人使用,所以才稱之為主機租用,也有不少網頁寄存公司會稱之為獨立主機服務。 安全性及穩性也應該是同類型服務中最高的,因為整台伺服器只有你/你公司一個使用者(但可以會運作多個網站或服務),所以只要你自己不作出令伺服器產生當機的行為、或者不運作危險的代碼,一般也不會發生故障。

2014年8月12日星期二

前途

最近為兩個規模不大的企業建了兩個網站,總體感覺老闆們對通過網路管道,宣傳展示自己的企業都很重視。這確實是該重視的,在電腦、網頁設計已經被應用到各行各業的今天,如果一個企業,還不知道從互聯網上獲取資訊、瞭解行業動態,通過自己企業的網站向現客戶展示自己的企業,是很不與時俱進的。 在某種意義上講,一個企業有沒有自己的網站,關係到的不僅僅是幾千元的建站費上,而是,關係到自己企業的前途。特別對中小企業來說更是這樣。很多中小企業的老闆們,很在乎自己的名片。因為,這是一個門面問題。但是,他們卻忽視了為自己的企業建一個網站。在網路時代的今天,一個企業有沒有自己的網站和一個公司的領導有沒有名片一樣重要。 為自己的企業建立一個網站這是很必要的。但是,現在有很多的老闆們,也陷入了一個誤區。什麼網上訂購啊,線上訂單啊,都是他們在建立網站的時候,都提出要做的。其實,這根本沒有必要。中國的社會發展還沒有達到那麼的和協,客戶是不可能只通過在網上看一下你的商品介紹就買你的商品,就給你提交一個訂單。至少,他們會打電話諮詢一下,才會決定要不要買你的東西。 網站建設,其實就是一個網路版的公司說明書,它的作用只是通過它讓大家知道你、認識你,然後才進一步的進行其他合作。

1.什麼是Web Design,什麼是超文本語言(html)。 
2.會使用Dreamweaver等常用的網頁編輯器。 
Dreamweaver 是現今最好的網站編輯工具之一,而Dreamweaver8增加的對CSS的支援更是你容易得來使用CSS,用它來給製作網頁的CSS樣式表會更簡單、更方便。本教程教你如何利用Dreamweaver8在頁面中加入CSS,你不用死記硬背的記代碼標記,也不用去看很厚的CSS手冊,你就可以輕鬆自如的在網頁中運用CSS。不過首先你要對CSS有一定的瞭解。因此,本教程的前面4章為CSS理論知識,主要是對CSS的全面介紹,希望讀者看後對CSS的語法、結構、應用有一個全面的瞭解;後面4章為DW實戰,主要是教你如何利用Dreamweaver8靈活運用CSS在網頁中。閱讀此文前,你需要對 HTML有一定的瞭解,並會使用Dreamweaver。 

二.認識CSS


CSS就是Cascading Style Sheets,中文翻譯為“層疊樣式表”,簡稱樣式表,它是一種網站建設的新技術。 
網頁設計最初是用HTML標記來定義頁面文檔及格式,例如標題<h1>、段落<p>、表格<table>、鏈結<a>等,但這些標記不能滿足更多的文檔樣式需求,為了解決這個問題,在1997年W3C(The World Wide Web Consortium)頒佈HTML4標準的同時也公佈了有關樣式表的第一個標準CSS1, 自CSS1的版本之後,又在1998年5月發佈了CSS2版本,樣式表得到了更多的充實。W3C把DHTML(Dynamic HTML)分為三個部分來實現:腳本語言(包括JavaScript、Vbscript等)、支援動態效果的流覽器(包括Internet Explorer、Netscape Navigator等)和CSS樣式表。 
注意:CSS需要IE4(Internet Explorer 4.0)和NC4(Netscape 4.0)以上的流覽器支援,有些效果需要更高版本的流覽器支持。  

一、頁面結構 韓國網站的頁面結構相對來說比較簡單,可以說幾乎是統一的Web Design風格,頂部的左邊是網站的logo,右邊就是它的導航欄,和國內網站不一樣的地方它甚少採用下拉功能表的樣式,而是把各級欄目的下級內容放在導航欄的下面。然後下面是個大大的Flash條,再往下就是各個小欄目的主要內容: 二、色彩運用 韓國設計師很多都是科班出生,對色彩的運用非常得當,在我們看來有些非常難看的顏色到了他們的手裏很輕易的就搭配出一種很另類或和諧的美感,給人的感覺要麼淡雅迷人,要麼另類大膽,讓人覺得欣賞他們的網站是一個非常愉悅的過程。在我看來,韓國的設計師真是深得Windows xp的設計精髓,漸變色以及透明水晶效果用得非常恰當,而不像很多網站動不動就濫用仿蘋果按鈕,和整體風格不協調,看起來顯得很突兀。韓國網站的各個欄目一般都比較喜歡採用不同的色調來表達不同欄目的主題,灰色是他們最愛用的顏色,因為灰色比較中庸,能和任何色彩搭配,大大的改變色彩的韻味,使對比更強烈,正文文字也大都採用灰色。而局部則喜歡用色彩絢麗的色條或色塊來區分不同的欄目。 下面這兩個網站建設運用漸變色很出色,圖3一看顏色就知道是個女性的時尚站點,它把幾個欄目做成晶瑩剔透的泡泡球放在頂部的大Flash條裏,非常醒目。整個站點顯得異常優雅迷人。 三、Flash動畫及圖片的運用 韓國的寬頻普及率很高,所以設計設計起頁面來完全毫無顧忌,大量的圖片、flash得到很好的運用,網站裏的圖片動不動就是40、50K的大圖,網頁圖片多的頁面大小通常都是幾百K,這在我們國內是根本不敢想像的。韓國的flash banner大都以橫幅廣告條出現在頁面的導航欄下面,採用的都是精美的圖片或者是手繪風格的向量插圖。國內很多網站也採用大幅的flash廣告條,但是通常都是著眼於如何去表現flash動畫的酷、炫的感覺,使得流覽者過於關注flash而忽視了頁面的其他內容。而韓國的flash則更好的服務於網站的主題,和整個頁面搭配起來看得很舒服而不搶眼,他們的關鍵就在於整個flash不是全部變化,而只是局部在動,以及文字和背景的巧妙配合。韓國網頁設計師的手繪能力很強,頁面中大量採用手繪的向量圖片,使得整個網站顯得精緻而與眾不同。 圖5是個很養眼的網頁設計模板,顏色採用類似色調搭配,看起來很舒服。最欣賞的就是flash的右邊的樹葉,有幾片葉子在輕輕飄動,左邊的圖片淡淡地消失、出現,文字緩緩出現,真的是非常有意境,整個網站看起來生機盎然。 最近在雜誌界開始吹起了復古風,六、七十年代的手繪插圖又開始流行,雜誌書籍中大量使用向量時尚插圖取代以前的照片,這股流行勢力很快也蔓延到了網路上,韓國網站緊隨其後,在時尚站點和兒童站點中大量運用手繪的插圖,如圖6 、圖7所示。

2014年8月11日星期一

超連結有四種狀態

深以為然。在網站設計中,處理好越多的網頁設計細節,給用戶的體驗就越完善。這段時間在設計潮汕風情網的圖庫欄目(http://newsbook.com.cn/index.htm),越發體會到處理好細節的重要性。 其實網頁設計中涉及到的細節問題,歸納起來也不回太多,下面試列舉出我處理過的一些細節: 鏈結狀態處理。超連結有四種狀態,包括link,visited,hover,active,給這四種狀態設計不同的樣式,可以幫助用戶方便的區分鏈結與普通文本、訪問過的、每訪問過的等鏈結狀態。有一種連接樣式我非產讚賞,就是給外部網站設計鏈結加上一個小圖示,指示“這是一個連接到站外的鏈結”。 圖片縮放。圖片在網頁中的運用佔有較大的比例。在頁面上顯示圖片,有時圖片會超出容器的規格,如果不加限制,就會破壞整個頁面的結構和美觀。此時最好的處理辦法是控制圖片的規格,讓圖片上傳之際就被壓縮成合適的規格。另外一種替代方案就是運用JavaScript進行同比例縮放,這樣可以避免圖片變形,但是載入速度可能會受影響(圖片本身太大)。至於使用css設置一個規定的長度和寬度,雖然也能避免破壞頁面佈局和美觀,但是會造成網頁寄存圖片變形。

王先生說

“網上創業有何項目?”“傳統銷售如何與網上銷售結合?”昨日,“河青大講堂”第7課有關電子商務的話題開始徵集後,數十名讀者給本報打來電話報名並提出疑問。 王先生是一個自由職業者,業餘時間比較充裕,看身邊不少朋友網上淘金,他也躍躍欲試。“考察了很久,不知道該賣什麼,或者哪些項目前途比較好。”王先生說,他希望將這次網上開店當作互聯網推廣創業的一個開始。 劉先生是石市某公司的經理,受金融危機的影響,他的傳統經營受到影響。一些朋友開始勸他轉向網路銷售。劉先生開始困惑:“目前這種背景下,電子商務創業商機是否也存在風險?應該如何規避這些風險?” “您想聽的,就是我們要講的。”“河青大講堂”將繼續為您兌現“定單”。隨著網路時代的進步,電子商務成為時尚名詞。網上開店應該做哪些準備?網上開店如何才能賺錢......您是否也有這些想法和疑問,如果有的話,告訴我們。您的中小企業創富困惑,“河青大講堂”將邀請專家為您解開。 “河青大講堂”活動完全公益舉辦,市民聽課不收取任何網上創業費用。因場地有限,讀者聽講需提前報名。電話報名者均可獲得個人專屬“河青大講堂”會員編號,每次聽課只需說出您的會員編號即可得

世界充斥著

當人們訪問你的站點時,他們都會立即下意識地判斷:這個站點怎麼樣?值不值的當回事兒?是否值的把他加入到我的bookmark中去,要知道,在網路資訊的虛擬世界裏,互聯網提供了天下大同的機會,同時也讓這個虛擬世界充斥著數不清的商業站點、垃圾站點,大多數站點缺乏靈魂、主旨,東一榔頭西一棒子,鬆散、混亂,原因就在於缺乏策劃設計。因此要想使你的網站從那些數不清的站點中脫穎而出,就必須對整個站點作好統籌安排,規劃,對所有的內容進行細意斟酌,把所有的意念合情合理的組織起來設計一個合理的頁面樣式。下面我們就具體的來探討一下網站策劃設計網頁設計.

2014年8月10日星期日

這是歸功於台灣的電子商務環境

中國大陸的網絡購物自創品牌出來了,這表示已經摸到了竅門。 女性網民比例是指標 筆者在2008年初的時候對很多朋友說,主機租用08年是中國的電子商務元年。因為從周圍很多跡象顯示,08年的累積將會在09年爆發出來。當時,筆者對幾個台灣的朋友說,要進入大陸市場要趕快,現在是時機了。而,電子商務是台灣在互聯網領域裡唯一還領先大陸發展的。 情況果然一如所料。服務器託管大陸近幾年興起的電子商務網站「京東商城」號稱要做網上家電零售商,08年的營業額已達14億人民幣。這個數字已經與台灣知名的電子商務網站PCHome在08年的營業數字相當。可以想見,09年,PCHome的營業額將會被京東商城極速的超越過去。 為什麼會在08年初就下這樣的判斷呢?這是歸功於台灣的電子商務環境成熟比較早的緣故。伺服器託管從台灣的電子商務發展歷程來看,有一個指標是筆者發現,並用來衡量一個國家或地區的B2C 電子商務是否即將起飛的指標,即:女性網民的比例是否突然大幅提升。 筆者在05年出版的書「當科技變身時尚:16% 的科技營銷密碼」就提過這觀點。電郵服務女性代表龐大消費實力,只要女性網民比例大增,B2C 電子商務大潮就會來臨。這觀點在中國互聯網市場再度得到印證,08 年女性網民比例從年初的 42.8%到年底的 47.5%暴增近 5個百分點。 網購的基礎建設已經成熟 或許有人會問,稱為「元年」未免也太誇張了,域名空間大陸的知名購物網站當當跟卓越也是好多年前就在經營了呢。而,這正是筆者之所以稱呼 08年為元年的原因,因為其實當當跟卓越過去那幾年的時間所累積起來的競爭壁壘,是很容易被超越的。數據中心他們,很遺憾,來得太早了。 過去幾年,在大陸做B2C 電子商務(以下簡稱為網絡購物,或網購)所遇到的物流問題(國家幅員廣大,遞送體系不發達),金流問題(信用卡不普及,或者對網上信用卡消費不信任)等,這些在06年以來就早已經不是問題,網絡購物所需的基礎建設已經完備。 正如台灣人網絡購物喜歡選擇便利超商取貨一樣,大陸的網絡購物很習慣貨到付款。由於人工便宜,貨物遞送到家裡的成本極低。而目前最流行的網上支付工具「支付寶」,其用戶數已在09年初突破 1.5億(大陸網民人數是 3億)。使用支付寶交易成為信用卡交易的替代品。 06年筆者問公司同事,網上購物都去哪買?絕大部分人回答淘寶;再問,除了淘寶還有哪裡?大部分人回答不出。淘寶身為大陸最大 C2C 網絡拍賣平台,就跟台灣雅虎奇摩拍賣一樣,域名代理教育成萬上億的中國網民習慣網絡購物。當08年一切條件成熟,B2C網絡購物自然順勢而起。 ◎大量網店湧現 除了用戶需求,習慣以及基礎條件成熟以外,供應端的發展也異常熱絡。由於國際金融風暴的關係,產生了下列效應,網頁設計使得更多的人投身於開設B2C 電子商務網站(以下簡稱網店):1)Web 2.0 泡沫破滅; 2)中國大陸的各式代工廠從外貿轉做內貿。 Web 2.0 經過四五年的發展,激烈的淘汰賽已經使得檯面上僅存少數的倖存者,目前正努力的想辦法要營利,因為要再拿到投資很困難。而被淘汰出局的更多,這些人其實已經沒辦法再靠著做虛擬的網絡服務找到投資,而電子商務看起來是個很實在的出路。 另一方面,原本身為世界工廠的中國大陸,面臨到歐美採購商縮減單量或延長票期,感覺做外貿越來越艱困,於是紛紛轉回內貿市場。網站建設然而,這些做外貿的工廠公司在國內並沒有根基(例如,沒有遍及全國的自營店面與品牌知名度),而網絡購物是最快可以切入市場的方法。 而在網上銷售男性襯衣的自創品牌Yes PPG 與Vancl 凡客誠品猶如神話般興起,則是筆者看到的最後一個訊息。在台灣,我們對於B2C 電子商務的經驗是,賣別人的產品將面臨激烈的價格競爭以至於毛利很低,因此唯一的出路就是賣自創品牌的商品。

不簡單

網站的定位往往就是一句話的事情,但就是簡單的一句話卻來之不易。為了這簡單的一句話,很多網站花了很長的時間,走了不少的曲折之路。 網站的定位跟網站的目標用戶群,域名註冊市場的潛力和競爭對手都相關,所以,它也不簡單。 時,首先要解決兩個問題:一是網站有沒有定位,二是網站定位是不是合適。如果一個互聯網公司不能夠用一句話來概括網站是做什麼的,主機託管​那麼網站就沒有清晰的定位,沒有清晰的網頁設計定位則說明沒有想好,沒有想好就是說明對目標用戶群、對市場環境、對競爭對手都沒有一個明確的認識。 網站有定位也不一定是對的,定位於一個競爭激烈的市場或者已經飽和的市場,這樣的定位跟沒有定位是沒有差別的。 所以,一個網站的不僅要有定位,主機代管而且要有一個差異化的定位。不是為了差異化而差異化,而是為目標用戶群的需求的差異化,為了市場空間的不同而差異化。 有清晰而合適的定位,本身就是一種競爭的優勢,能夠比對手少走網站設計彎路,以更少的資源做更多的正確的事,所以也比競爭對手跑得更快,走得更遠。 從實際的操作看,在書寫網站策劃案過程中,首先要確定並牢記網站的定位。因為它是進行下一步的網站構架設計、Web Design內容策劃、運營策劃和市場策劃的基石。

下劃線

1. 導航區域,主機代管潛意識網頁寄存我會去點擊。   即便有下劃線也是個“古老形式”的擺設,網頁寄存所以一般沒有下劃線;好的設計不僅滿足點擊,服務器托管還滿足視覺的層級關係。   2. 整頁全是鏈結,服務器租用下劃線成了可有可無的網頁建設表現。   象新浪、搜狐首頁都是可以點擊的,伺服器托管所以下劃線的有無意義也就不大,伺服器租用貓撲在首頁設計中就去掉了可有可無的下劃線。(下圖自上而下依次為:新浪、搜狐、貓撲。)   3. 可以點擊嗎?虛擬主機別讓我去猜!   看下面的設計抓圖,只有Google和百度的設計我沒有疑惑,主機寄存其他兩個CMS的設計我要自己去猜。   4. 在超鏈結和文本混排的情況下,下劃線更容易讓我們去點擊。   5. 獨立超鏈結,不加下劃線不足以“明示”。   6. 需要特別突出顯示的鏈結,必要的時候網頁設計公司使用“偽按鈕”。

2014年8月7日星期四

DIY

談如何選擇最好的網站建設公司 建一個網站是網路行銷的基本元素。過去很多小公司要麼請專業網路公司,要麼找一個會做網頁的網路小青年代勞,再就是自己學習做。主機託管今天的網站建設越來越精密,要求越來越高,因此應該找專業網路公司還是運用自助建站工具自己建設公司網站,成為目前不少小企業主考慮的問題。 DIY自助建站工具,主要是通過使用範本和內容管理系統來建設及更新網站。使得網站建設與維護及網頁設計都變得容易起來。許多主機服務提供商都提供自助建站產品,與主機服務捆綁銷售。 自助建站,就是這裏點點滑鼠,那裏敲敲鍵盤,然後諸如表單、搜索、網站地圖、留言薄、日曆等等之類網站構成的諸多基本元素就表現出來了。而且,許多主機服務提供商不僅將網頁寄存工具與功能變數名稱主機服務捆綁,還往往與網站推廣、Email行銷、搜索引擎優化和流量統計等後繼推廣工作都連帶打包銷售,這不僅為普通企業提供了專業、系統的服務,解決了他們作為不懂網路行銷的企業實施網路行銷的實際困難,域名註冊從網站運營過程來看,一個很吸引人的地方就是長期成本較低,打包費用為了促銷逐年遞減,而且不用每年再分別交納功能變數名稱、主機、推廣等費用,因此,自助建站的相對低成本進入也是吸引客戶的一個重要原因。 既然自助建站有以上種種好處,人們為什麼還要專門請網路公司來做網站?實際上,自助建站缺乏設計和佈局上的靈活性。比如,如果一個模版是頂端一條 banner廣告,左邊一條垂直菜單,而你想讓導航條放在頂端,下邊再放banner廣告,這個模版就沒法提供這樣的選擇。主機託管因此,不同的模版系統擁有不同的板式和功能,要仔細選擇適合自己網站性質、特色和功能的自助建站系統。 某些自助建站系統還在你的網站上顯示他們的品牌資訊,免費自助建站尤其如此。如果你的網站是商業網站,網站建設最好不要使用這種免費工具。 使用自助建站還有一個最大的反差,就是號稱只要會打字就可以實現的網站建設實際上並非所稱那麼方便。通常學習如何使用好該工具就已經夠麻煩了。實際上,自助建站工具越富有特色,個性化功能越多,網站效果越精美,往往使用起來就越麻煩。你需要學習大量知識:色彩運用、排版樣式、資訊搭建、佈局與設計等。如果用錯了這些知識,主機託管將給網站帶來適得其反的效果。因此,即使你早已熟知相關知識,以及電腦和網路運用熟練,完成一個自助建站也遠非想像那麼輕鬆簡單。 對於一個小企業主來說,考慮建設、維護一個網站的第一步,是先想好自己總體上計畫投入多長時間、多少資金、人力、耐心以及已有的電腦網路知識等,有了這些結論,才有助於判斷是要採用自助建站還是聘請專業網站建設隊伍。