5.31.2010

網頁設計師如何使用GOOGLE在線字體

為了讓網頁設計更加靈活,Google從2010年5月19日啟動了網頁在線字體服務,並一口氣發布了十八字體族。但與 Monotype Web Fonts、FontShop 等字體商不同,Google 這次開放的字體與它其他很多服務一樣,完全免費

目前網頁上使用的字體都是常見的幾種,如’Lucida Grande’, Verdana, Arial, Sans-Serif,中文常見的有宋體。

要想用比較個性的字體就比較麻煩了,因為你不能保證客戶端是否支持這種字體,常用的方法是用Photoshop把文字制作成圖片。

為了讓網頁設計更加靈活,Google從2010年5月19日啟動了網頁在線字體服務,並一口氣發布了十八字體族。但與 Monotype Web Fonts、FontShop 等字體商不同,Google 這次開放的字體與它其他很多服務一樣,完全免費。

Google 目前提供的字體共有十八種,均為目前比較流行的免費字體,包括為 Android 而開發的 Droid 系列,被稱為“Fonts for Scholars”的 Cardo,為代碼印刷而設計的 Inconsolata,業余之作而不脛走紅的 Yanone Kaffeesatz 等等,其中最能引人注目的是字體師 John Fell 設計的 IM Fell 字體。

我想每個網頁設計師都會覺得這是個好消息,又一個來自Google的福音吧!

想使用它們嗎?使用這些字體無需付費,也不必注冊,只需要做簡單的幾步,舉個例子,如果你想在你的網頁中使用“Tangerine”這種字體:

1.在網頁頭部加入代碼

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">

2.在你的CSS樣式表中加入

body {
font-family: 'Tangerine', serif;
font-size: 48px;
}

(注:這是讓頁面所有元素的字體都變成Tangerine,如果只想局部Tangerine字體只要改變CSS選擇器就可以了!)

3.刷新查看效果!

好了簡單嗎?

如果想詳細的了解Google在線字體的話,請到官方主頁http://code.google.com/webfonts

詳細使用方法http://code.google.com/apis/webfonts/docs/getting_started.html

5.30.2010

Google API提供的網頁設計常用字體

我們在設計網頁時會使用一些常用的字體,對於一些並不常用的字體則會通過圖片來代替,通過Google API提供的字體我們可以不需要任何圖片,而使用一些並不常用的字體,當用戶打開網頁時會通過Google服務器鏈接到這些字體,從而讓網頁顯示出來,過程中用戶不會感到任何不適。

對很多糾結於字體的 Web 設計與開發者而言,昨天有關 Google Font API 的新聞着實讓他們高興了一回,這個非常簡單實用的 API 包含了一套字體庫預覽工具,結合 Google 與 TypeKit 聯合開發的開源 WebFont 加載工具,Web 設計者們在自己的站點中引用個性字體變得輕而易舉。

Google Web 字體 API 的使用非常簡單,只需從 Google 那裡鏈接一個 CSS 文件並在你自己的 CSS 定義中引用字體名即可,這裡有一個演示可以參考。事實上,Google Web 字體 API 就是 @font-face,你自己也可以實現,但 Google 的方法有有很多優勢:

  1. 帶寬(帶寬由 Google 承擔)
  2. 緩存(相同的字體必將在很多站點中已有緩存,瀏覽器可以直接從緩存中獲取)
  3. 速度(Google CDN 加速網絡比絕大多數人的網站速度更快)

當然,加載 Google 的 CSS 文件是個額外的負擔,不過你可以直接鏈接字體文件本身,甚至將字體下載到站點制作你自己的 SVG 版。另外,Google Web 字體 API 暫不支持 iPhone 和 iPad

關於 WebFont 加載器,那是一段 JavaScript 腳本,用來加載字體,可以不用,但使用的話會帶來額外的好處。比如,Firefox 在加載 Google Web 字體的時候,在 @font-face 加載完成之前,會先顯示一個代用字體,等 @font-face 完全加載後,真正的字體會取代那個代用字體,這會引起頁面閃爍,且讓人費解,WebFont 加載器可以解決這個問題

Raph Levien 是一個字體設計師,設計了 Inconsolata 字體。Raph 也是 Google Web 字體 API 團隊的成員,本文是對 Raph 的一次訪談。

Chris:

Google 為 Web 設計者們做了很多好東西,包括一些會占用他們大量帶寬的東西,比如,使用他們的 CDN 網絡托管 JavaScript 庫,允許我刻薄一點,這樣做對 Google 到底有什麼好處?當然,這會讓 web 字體更快,但一個更快的 Web 對 Google 有什麼好處?是為了從中分析對 Google 有用的數據信息嗎?

Raph:

不過是為了讓 Web 更快,更豐富。我們不收集任何個人信息,我們的 Log 記錄也僅僅是為了統計性能狀況,並統計哪些字體受歡迎。這個服務最好的地方是,就像我們托管 Ajax 庫那樣,由於很多站點都在使用這些服務,瀏覽器很容易從緩存中找到已經加載過的東西,不必每次都重新加載。

Chris:

最壞的情況,假如你們托管的字體宕機,那些引用這些字體的站點會怎麼樣?會使用替代字體,還是別的?

Raph:

是的,會使用替代字體,這只是個 CSS,設計者可以完全控制使用什麼字體。另外,如果你想有更好的控制,可以使用 WebFont 加載器,比如,當字體加載失敗的時候,你可以使用 JavaScript 改變 CSS,我們還會和所有主流瀏覽器開發商合作,改善 Web 字體體驗。

Chris:

你們和 TypeKit 的合作很讓人感興趣,能說一說嗎?

Raph:

TypeKit 在 Web 字體方面走得最遠,我們很早就知道他們(事實上,Jeff Veen 曾在 Google 幹過)。因此,很自然地,我們就談到了一起。我們的開放字體是很好的東西,但仍想有更多的字體可以讓用戶使用,除此之外,我們還和其他主要字體商合作,包括 Ascender。

Chris:

一些免費或開源字體一般是為它們的設計商充當廣告的,對 Google 字體庫而言,這是否一個障礙?最終這些字體庫收藏的都是受限制的字體。

Raph:

目前為止,我們收到了很好的反響。人們有各種各樣的理由向我們貢獻字體,其中一個確切無疑的原因是,這會給他們帶來更多流量來幫助他們賣更多收費字體。還有很多人,僅僅是喜歡設計字體,不管怎麼樣,我們很有信心看到我們的開源字庫越來越強大。不過,在任何時候,那些專業字體商擁有更高質量的字體。

5.29.2010

30秒內對網頁設計好壞進行評價的技巧

這裡有幾個簡單的技巧能幫助你在30秒或更短的時間內對你的網頁進行評價,幫你撥開雲霧,看清你的網頁上那些部分的設計是好的,那些部分不夠好。

當你已經做好准備要開發一個網站時,你一定希望你開發出的網站能給用戶最好的用戶體驗。 能夠准確快速的評價一個網站是一門藝術,也是一門科學,但這種藝術或科學是可以很快學會的。這裡有幾個簡單的技巧能幫助你在30秒或更短的時間內對你的網頁進行評價,幫你撥開雲霧,看清你的網頁上那些部分的設計是好的,那些部分不夠好。

 

clip_image001

注意你的視線的第一落點 – 打開網站,但在網站沒有完全加載完成前不要睜開眼睛。 而當你睜開眼睛時首先看到的是什麼?它是否立即告訴了你這個網頁關於什麼的?還是你需要再花幾分鐘的瀏覽才能搞清楚它的內容?

clip_image002 眯着眼睛看 – 對着屏幕慢慢閉上你的眼睛,但不要閉死,頁面上的內容會慢慢變的模糊。 注意你眼睛的視點的移動軌跡,注意你現在的大腦活動,它正在根據現在捕捉到的有限的信息要做出一些直覺反應。你有沒有發現頁面的各個區域間有什麼變化?你的大腦正在對頁面各個區域做對比,你的眼睛本能的捕捉到了頁面上各區域間對比最明顯的那一部分。

clip_image003

沿對角線從左上角到右下角掃描整個頁面 – 這個是你的眼睛的自覺的閱讀方向(當然,在某些文化習慣下這點正好相反)。因為人類的大腦是按這種順序來接收信息的,所以你的頁面內容就要按照從左上角到右下角的順序、清晰、有條理的展現出來。

clip_image004

關於 “五樣東西” 的技巧 – 轉到你的網站首頁,瀏覽五秒鐘,然後說出你能記住的這個首頁上的五樣東西。 只看五秒鐘,然後讓你的大腦回憶出這個頁面上的五樣東西。如果你做到了,請把你回憶到的五樣事情和你希望你的網站用戶能在這個網頁獲得的信息的前五條進行對比。 人類的大腦在這麼短的時間內只能注意到這麼多信息,而且大部分的瀏覽用戶也沒有耐心去瀏覽更多的頁面內容,他們此時就開 始點擊鏈接進入詳細頁面了。用戶的這些反應是你的頁面給他們的用戶體驗的第一步,所以一定要讓這最值得注意的五樣東西體現出它們的價值。
clip_image005 找出相交線 – 找到頁面各模塊部分之間的相交線,努力讓你的眼睛盯住它們。 你的眼睛不自主的落到了屏幕上最重要的那一塊裡?一個好的網頁設計能夠巧妙的把你的眼球吸引到能在最短的時間裡—通常是幾秒鐘的時間—采集到最多的信息的區域裡。

學會用批評的眼光去審視一個網站是一項重要的需要磨練的技能。它需要你以一個用戶的視角去看問題,這樣的角色轉換的越好,你越能發現更好的用戶體驗方式。

有太多的公司寧願把大量的時間浪費在爭論網站的某個細節上,而卻忽略了這更重要的前提工作。這將會把你的用戶,最終是你公司的業務置於不利的狀況下,因為這“更重要的前提”是:是什麼東西讓用戶對你的服務或網站有了感覺。

看一看你的網站,花上30秒,用這些技巧去評價一下它們。畢竟,這些都是你的主要潛在用戶在輸入了你的網址後將會做的事情 — 不管他們是否意識到了自己會有這樣的思考方式和瀏覽習慣。

來源:外刊IT評論

5.28.2010

錯誤安裝網卡導致IP地址衝突

在許多人眼中安裝網卡是一項十分簡單的操作,就是打開主機機箱、簡單地插拔一下而已!事實上,安裝網卡必須按照一定的順序進行,如果順序搞錯了,很有可能出現無法為新網卡設備分配IP地址,最終導致計算機無法上網的故障現象。
IP地址分配衝突
辦公室有一台計算機的10M舊網卡為了跟上形勢,准備升級到100M的網卡設備。在安裝新網卡設備時,為了圖省事、方便,就直接將計算機電源先關閉了,然後打開計算機機箱外殼,拔掉舊網卡設備,重新插上新的網卡設備,最後安裝好計算機機箱外殼並接通電源,待計算機系統啟動成功後,又按常規方法安裝好網卡的驅動程序,並為網卡設置好IP地址。
但是讓人感到意想不到的是,IP地址分配完畢後,系統竟然彈出類似相同地址不能同時分配給兩個網絡適配器的故障提示,出現這樣的故障提示計算機當然是不能上網了。
遇到這樣的故障提示時,筆者起初感到很納悶,自己明明已經將舊網卡設備從計算機中移除出去了,而且此時計算機中確實只安裝了一塊網卡設備,那為什麼系統會出現兩個網絡適配器的故障提示呢?
後來到網上搜索這一故障現象時,自己才明白怎麼一回事,原來筆者在安裝新網卡之前,沒有按照正確的順序先進入系統設備管理器窗口,將舊網卡設備的驅動程序從系統中卸載出去,原先分配給舊網卡的IP地址仍然被沒有完全被卸載出去的虛擬網卡占用着,所以當筆者再將以前的IP地址分配給新網卡設備時,系統自然就出現類似相同地址不能同時分配給兩個網絡適配器的故障提示了。
故障解決方法一
要解決無法為新網卡分配IP地址的故障時,我們唯一能做的就是想辦法先將原先沒有完全卸載的虛擬網卡從系統中刪除掉,之後重新為新網卡設備分配IP地址就可以了。
在安裝有Windows XP系統的計算機中,系統的控制面板窗口沒有Windows 2000系統所提供“添加/刪除硬件”功能,取而代之的是“添加硬件”功能,盡管Windows XP系統的設備管理器窗口中提供有“顯示隱藏的設備”功能,可是該功能並不能將已經刪除了的舊網卡設備顯示出來,這樣的話我們自然也就無法通過這個功能將虛擬網卡設備從系統中卸載掉。
考慮到Windows 2000系統中的“添加/刪除硬件”功能是通過“system32”文件夾下面的“hdwwiz.cpl”文件來實現的,而Windows XP系統使用的系統內核幾乎與Windows 2000系統相同,那麼我們能否借用Windows 2000系統中的“hdwwiz.cpl”文件,來在Windows XP系統中實現“添加/刪除硬件”功能呢?
於是筆者先登錄進一台安裝了Windows 2000系統的計算機中,打開該系統的資源管理器窗口,進入到“Windows”/“system32”子文件夾窗口中,找到其中的“hdwwiz.cpl”文件,粘貼到Windows XP系統的“Windows”/“system32”子文件夾窗口中,最後重新啟動了一下Windows XP計算機系統。待Windows XP系統重啟成功後,筆者打開了該系統的控制面板窗口,果然發現“添加/刪除硬件”功能圖標出現了。
用鼠標雙擊“添加/刪除硬件”圖標,發現系統很正常地彈出添加/刪除硬件向導對話框,單擊其中的“下一步”按鈕,當系統彈出選擇一個硬件任務的提示時,我們必須將向導提示界面中的“卸載/拔掉設備”項目選中,之後依次選中“卸載設備”/“顯示隱藏設備”選項,這樣我們就能在向導窗口中看到沒有被卸載幹淨的虛擬網卡設備了,接下來再將舊的虛擬網卡設備選中,並單擊“下一步”按鈕,最後單擊“是”按鈕,這樣就能將舊的虛擬網卡設備完全刪除掉了。
一旦舊的網卡設備被刪除掉後,那麼原先被該設備占用的IP地址就被釋放出來了,此時筆者迅速打開新網卡設備的屬性設置窗口,並進入到對應的TCP/IP參數設置界面,在其中將釋放出來的IP地址重新分配給你新網卡設備,分配好IP地址後,必須立即嘗試了網絡訪問,結果發現計算機能夠正常上網了,這說明無法分配IP地址的故障現象已經被順利解決了。
故障解決方法二
此外,還有一種簡單的方法可以讓Windows XP系統快速地將隱藏的虛擬網卡設備刪除掉,下面就是該方法的具體實現步驟:
首先依次單擊Windows XP系統桌面中的“開始”/“運行”命令,從彈出的系統運行對話框中,輸入字符串命令“set devmgr_show_nonpresent_devices=1”,單擊“確定”按鈕後,再在系統運行對話框中執行“start devmgmt.msc”命令,進入到系統的設備管理器窗口中。
其次單擊該窗口菜單欄中的“查看”菜單項,從彈出的下拉菜單中執行“顯示隱藏設備”命令,隨後用鼠標展開網絡適配器選項,從該選項分支下面我們就能看到隱藏起來的舊網卡設備了,此時選中該虛擬網卡設備,並用鼠標右鍵單擊之,從彈出的快捷菜單中執行“卸載”命令,這樣就能將舊網卡設備從系統中徹底刪除掉了。

來源:網頁教學網

5.27.2010

Windows7小技巧:實現開機自動連網

現在win7進入了我們的視野,一開始難免有些不熟,雖然它加入了右下角的連網圖標,不過每次點擊它還是麻煩不少,現在我們有一種簡單的方法,來實現開機自動連網。很easy的哦!
首先,我們新建一個寬帶連接(建寬帶連接不會?那你開始》控制面板》網絡和Internet》查看網絡狀態和任務》設置新的連接或網絡》連接到Internet》接下來一步一步做就行了),我這兒建的名為“寬帶連接 2”,然後在屬性裡找到選項,把裡面的連接時顯示進度和提示名稱,密碼和證書等前的對號都去掉,確定
然後,win+r(調出運行對話框),我們輸入regedit,確定,這樣就打開了注冊表,注冊表打開後,找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run 然後在右邊的窗口中新建一個字符串鍵,名字任取,雙擊此鍵輸入鍵值為c:\Windows\System32\rasphone -d "寬帶連接 2"(注:我的寬帶連接名為“寬帶連接 2”,這兒要輸入你的寬帶連接的名稱哦),這樣你可以在運行裡輸入msconfig找啟動項看一下是不是加入了一個windows啟動項,而它的命令裡就是我們的c:\Windows\System32\rasphone -d "寬帶連接 2“,這樣就可以開機連網了
如果不信的話可以重啟一下看看了,一定有用的。

來源:網頁教學網

5.26.2010

4款國外流行的windows7系統優化工具

1. windows7 Manager

這款軟件之前都已經向不少windows7系統用戶推薦過,windows7 Manager是一款界面簡潔但功能強大的系統工具,基本上可以滿足用戶對windows7系統設置的方方面面需求。而且首次使用還有簡單實用的向導幫助,即使是初級電腦用戶也不必擔心,一樣能快速上手,通常使用這款軟件可以優化、清理系統和安全設置調整系統參數。該軟件是共享軟件,同時提供32位和64位系統版本,可以免費試用15天。

32位中文版下载:下載

64位中文版下载:下載

By SkySea Design 天海設計
windows7 Manager軟件界面

2. EnhanceMySe7en

正如所有用戶都了解的,windows7操作系統已經比Vista和XP系統都快了不少,性能明顯提高,但是有了EnhanceMySe7en這個軟件的幫助,你的windows7系統將運行得更快。該軟件能夠幫助用戶最大限度地掌控系統的每一方面,提供了注冊表優化、磁盤空間和碎片整理工具,以及硬盤溫度監測器,方便用戶了解windows7系統的健康狀態,確保系統流暢運行。

By SkySea Design 天海設計

EnhanceMySe7en軟件界面

EnhanceMySe7en操作界面也十分簡單美觀,用戶可以很方便地找到自己想使用的系統工具,界面上信息一目了然,該軟件提供一個功能簡易的免費版,如果你覺得功能不夠強大,還有付費專業版可以選擇,絕對專業!

3. Giga Tweaker

Giga Tweaker也是一個免費小巧的系統工具,用於優化和設置windows7操作系統,並且同時提供了32位和64位版本,該軟件提供了一個windows7系統優化輕量級地簡單解決方案。Giga Tweaker的界面清晰,所有功能都能快速從主界面找到,不僅可以優化管理系統,甚至連顯示效果等都可以調整,也能便捷地控制系統啟動程序和卸載不需要的應用軟件,基本上可以替代系統控制面板。

By SkySea Design 天海設計
Giga Tweaker軟件界面

4. Ultimate Windows Tweaker

這個軟件體積更是極致小巧僅有345KB,但卻不能小看這個工具,它提供了 超過150項設置選項,包括系統信息檢測、系統個性化設置、系統優化、網絡設置等全部囊括,因為分類較細致,所以推薦高級用戶使用,Ultimate Windows Tweaker是免費軟件不僅windows7系統可以使用,Vista系統也能用,支持32位和64位版本。

By SkySea Design 天海設計

Ultimate Windows Tweaker軟件界面

5.25.2010

Zend Framework和Struts2

POJ是我們實驗室的項目,現在的POJ基本上還沿用了2003年時的Serverlet代碼結構,沒有任何框架,視圖和控制器都混在一起。這個學期打算要重構POJ,於是我就開始糾結到底用什麼MVC框架。

擺在我面前的選擇有這麼幾個:

  • asp.net
  • php, Zend Framework框架
  • Java, Struts2框架
  • Python, Pylons或者Django框架

我是Linux愛好者,所以首先排除asp.net。Python其實是一門很優秀的語言,面向對象做得很徹底,可以和各種其他語言粘合,兩個熱門框架也很不錯。但是一方面我對python非常不熟悉,另一方面python的框架更新速度非常緩慢,近一年只更新了0.0.1,我對它的發展前景表示擔憂,再加上中文資料太少,所以遺憾的排除。真正讓我糾結的是Zend Framework和Struts2這兩個框架。這兩個框架我都使用過,感覺各有利弊。POJ本來的代碼基於Java,因此重構的時候可以省一些事情。而圖蟲整個項目都是用Zend Framework,我對php和Zend Framework了如指掌,可以省卻許多學習過程。但這都不足以說服我做出選擇,還是比較一下框架之間的特性吧。

  1. php是動態腳本語言,在許多時候更加靈活。
  2. php是弱類型的,在變量處理的時候省卻許多類型轉換的麻煩。
  3. php不需要聲明變量,大大減少代碼量
  4. Zend Framework更加靈活,可以按需取用(use as wish),對於效率低下的部分,可以自己寫代碼替換。而Struts的框架核心代碼則相對封閉
  5. Zend Framework自己就提供了功能庫,方便調用各種Web Service。
  6. apache + php的結構更加便於熱部署,只需要在服務器上svn update就可以了;而Java必須編譯一下。這同時也有利於調試過程。
  7. php在任何地方都可以得到所需要的變量,在任何地方都可以執行任何函數或方法
  8. php有大量的開源項目,可以參考他們的代碼,比如wordpress, joomla, phpBB, drupal, discuz, mediawiki;而Java的開源web項目,我一個都不知道
  9. php有許多超大規模網站的成功案例,比如:facebook,yahoo,wikipedia,baidu等;而Java,除了一個從網,我就不知道別的了
  10. struts2需要外加數據模型庫,比如hibernate,非常不喜歡hibernate生成代碼的方式,我認為hql完全沒有必要;而zend Framework自己就提供了數據接口
  11. struts2的標簽庫完全是雞肋
  12. struts2的布局系統需要外加別的模板庫,比如sitemesh。而Zend Framework自己就能搞定
  13. php更加輕量,執行速度更快。而且很魯棒。不會像JVM,因為一個Servelet掛掉而當機
  14. Java 的代碼過於複雜,大量無聊的getter和setter簡直是一場噩夢。做一件簡單的事情也必須牽涉到幾個對象和函數
  15. Zend Framework很年輕,開發遠比Struts活躍。Zend Framework在一年內,從1.5升級到了1.9,期間包括近30個小版本,而Struts2在一年內僅僅從2.1.6升級到了2.1.8
  16. php今年來發展勢頭非常好,遠比Java更活躍;Java在Sun被收購之後,各種改進明顯受到影響

總結起來,我們就能發現。php是為web而生的,各種特性都是為web而設計,web需要小巧,輕量,敏捷開發,php都能滿足。而Zend Framework的誕生則讓php的生命力在企業級應用上得以延續。而Java本來並不是為web而設計的,它過於笨重,在J2EE開發上有明顯優勢,但是對於web項目,未免有些殺雞用牛刀。所以,最終我還是選擇了Zend Framework。

來源:沈二鋪子

5.24.2010

網站開發人員常去的10個網站

1、MySQL Format Date

MySQL Format Date 幫助你更好地使用 MySQL DATE_FORMAT 函數。只需選擇通用的日期格式,然後將其更改為滿足你需求的格式。MySQL DATE_FORMAT 代碼將會在頁面底部生成,你可以直接複制這段查詢語句。

點擊訪問:http://www.mysqlformatdate.com

2、Script Src

作為網站開發人員,天天一個一個站點打開查看 JavaScript 框架和庫的最新版本是不是很麻煩?ScriptSrc.net 匯集了所有框架和庫的最新版本,以獨立頁面的形式展現,只要一鍵點擊就可以複制種子文件的引用路徑。

點擊訪問:http://scriptsrc.net

3、Em Chart

我並不喜歡 CSS 文件中的 em 單位,但有時候又不得不面對它。在這種情況下,Em Chart 會將 em 單位轉換為像素值,讓你節省時間和麻煩。

點擊訪問:http://aloestudios.com/tools/emchart

4、Twitter API Explorer

如果你在自己的應用中使用了 Twitter API,你肯定會喜歡 Twitter API Explorer。這個網站很方便的讓你通過 Twitter API 進行搜索。更妙的是,該網站可以生成可直接使用的代碼片段。即時生成即時獲取!

點擊訪問:http://twitapi.com/explore

5、Browser Sandbox

跨瀏覽器兼容性肯定是 Web 開發人員日常工作中所要面對的大問題。Browser Sandbox 允許在網絡上運行任何 Windows 瀏覽器。唯一的不足是,你必須運行 Windows 系統:該應用程序不支持 Mac 和 Linux 操作系統。

點擊訪問:http://spoon.net/browsers

6、PHP Forms

Web 表單是網站重要的組成部分,但創造他們也很費時。那麼是否有一個可以免費快速生成表單的工具呢?PHP forms 允許你創建可擴展的、適用於大部分網站需求的表單。

點擊訪問:http://www.phpform.org

7、.htaccess editor

.htaccess 文件是網站(尤其是 WordPress 博客)必須具備的。不知道怎麼寫?沒問題,只要訪問這個網站,即可通過使用向導來創建 .htaccess文件。也許它並不是非常完美,但基本能滿足大部分需求。

點擊訪問:http://www.htaccesseditor.com/en.shtml

8、Smush it!

圖片可能勝過千言萬語,但同時也占用了大量帶寬。圖像可以通過 Photoshop 等處理軟件優化,以滿足網站使用。但如果你沒有這些臃腫不堪的桌面軟件,你也不會束手無策,Smush.it 可以完全滿足你。由雅虎開發者網絡開發的在線圖片優化工具 Smush.it,能有效減少圖像大小而不降低其質量。對於 WordPress 用戶,更有方便強大的 WP-Smush.it 插件可以使用。

點擊訪問:http://developer.yahoo.com/yslow/smushit/
可在線上傳版本:http://www.mangguo.org/smush-it-hidden-online-image-optimizer/

9、CSS Compressor

特別是在有許多不同頁面布局的網站,CSS 文件往往非常龐大,占用大量的服務器帶寬。這個名為 CSS Compressor 的壓縮工具,可通過去除注釋、空白等不必要的字節占用以減少 CSS 文件尺寸。更妙的是,壓縮等級可以隨心配置以滿足你的需求。

點擊訪問:http://www.csscompressor.com

10、Test everything

這個網站是必須具備的書簽:正如其名,一切都可以用它來測試,例如 XHTML 和 CSS 標記、PageRank、反向鏈接和其他更多的測試內容。

點擊訪問:http://tester.jonasjohn.de

英文原稿:10 sites developers should have in their bookmarks | CatsWhoCode
翻譯整理:值得網站開發人員收藏的 10 個網站 | 芒果

版權所有,轉載請注明出處。

來源:芒果

購買域名時應該及不應該做的注意事項

通過優化搜索引擎技術戰略來提高域名買賣價值在業內已經不是什麼秘密了。現在的事實是,您找到了一個域名,並且排名在您的理想範圍之內,於是您決定買下她,然後將她重定向至您的域名。換句話說,您也可以購買此域名,利用其現有的排名及網站流量繼續建設她。

下面是購買域名時,應該及不應該做的注意事項。

應做的是:

1、查看現有的排名

2、研究現有網站的鏈接。他們都是指向網站的首頁面呢,還是內部網頁指向的鏈接?

3、檢查網站中已經存在的內容;這麼多的鏈接是否可以起到杠杆作用?

4、在購買前考慮域名年齡/權威專家的估值

5、花時間來確定域名的價值要遠超建站的內容和建設的鏈接。

6、確認是否已有針對該域名的懲罰。

7、為您的網站制定出內頁鏈接。

8、查找與您的主題相關的網站。

9、檢查進入您網站的鏈接,看看他們是否針對您的特定關鍵詞。

10、確定這個域名的鏈接停靠,哪怕是被重定向的。

11、請密切留意雅虎,在DMOZ,business.com的目錄鏈接是最好的。

12、看看反向鏈接是否來自其它網站,當前站點的所有人也有可能是該站點的所有人。因為有很大的機率會表明,在交易結束之後這些鏈接就會消失。

13、檢查網站的通訊量,如果可能的話最好能夠驗證它。

14、檢查已存在鏈接的域名的年齡。

15、尋找鏈接至該域名的權威新聞網站的鏈接。

不應做的是:

1、購買一個基於以穀歌網頁排名為基礎的域名。

2、購買一個只有低質量和垃圾郵件的鏈接的域名。

3、放置了過多的與域名匹配的關鍵詞。(這個可以從帶有連字符號的URL中看出來)

4、整個網站重定向到您的主頁。

5、購買一個不被搜索引擎收錄的網站。

6、購買的域名不在您的主題範圍之內。

7、使用301重定向之外的任意其它重定向。

8、以購買多域名的形式來創建有機鏈接。

8、購買的一個域名,她所有的鏈接都是從少量的域名過來的。

9、立即使用301 重定向新購買過來的幾個域名,這可能會導致向Google發送紅色的信號。

當您購買額外的域名的時候,這些域名購買“行為規範”希望能引導您找到正確的方向。有很多的騙子會企圖以很高的價格向您出售低價值的網站。這也是為什麼您應該在選購域名之前做些家庭作業的原因。如果您依照上述基本知識,那一些都將順利!

文章來源:我想網英文原文

5.22.2010

認識已成為主流的Blog平台WordPress

WordPress,使用 PHP + MySQL 架構並基於 GPL(GNU開放許可協議)發布,是架構優良的開源、免費的 Blog(博客,網志)程序。其前身叫作 b2/cafelog。WordPress 是一個全新的軟件,但它的歷史可以上溯到2001年。這是一個成熟而穩定的產品。
2005年wordpress1.5 版本的發布引發了超過 900,000 次的下載量,從那時起,wordpress逐漸發展成為世界上使用最多的自助博客建站工具,用在數以十萬計的網站中,每天都有數以千萬的用戶在使用。
使用WordPress,用戶可以在支持 PHP 和 MySQL 數據庫的服務器上建立自己的 Blog。WordPress 是一個功能非常強大的博客系統,插件眾多,易於擴充功能。安裝和使用都非常方便。目前 WordPress 已經成為主流的Blog 搭建平台。
WordPress提供的功能包括:
1.文章發布、分類、歸檔。
2.提供文章、評論、分類等多種形式的RSS聚合。
3.提供鏈接的添加、歸類功能。
4.支持評論的管理,垃圾信息過濾功能。
5.支持對樣式CSS和PHP程序的直接編輯、修改。
6.在Blog系統外,方便的添加所需頁面。
7.通過對各種參數進行設置,使你的Blog更具個性化。
8.靜態html頁面生成。
9.通過選擇不同主題,方便地改變頁面的顯示效果。
10.通過添加插件,可提供多種特殊的功能。
11.支持Trackback和pingback。
12.支持針對某些其它blog軟件、平台的導入功能。
13.支持多用戶。
14.安裝最簡單。
15.Web標准支持非常好。
16.使用比較簡單。
17.擁有大量的主題與插件。 

WordPress的幾個特點:

  1. 免費、開源
  2. 安裝方便、快捷。
  3. 可定制性非常高
  4. 眾多的插件和主題
5.21.2010

微軟將全面支持基於H.264的HTML5網頁視頻

喬布斯:關於Flash的思考言猶在耳,微軟也正式表態: 網頁的未來是HTML5,H.264視頻格式的春天或許就要來臨。

本週五,微軟IE瀏覽器部門總經理迪恩·哈查莫奇(Dean Hachamovitch)在IE官方博客中寫道:

最近關於網頁視頻及其格式的討論有很多,藉此機會我們也想談談微軟對此的觀點。

網頁的未來是HTML5 。 微軟正與W3C (萬維網理事會)就深度支持HTML5而緊張工作。 HTML5 在推進交互式、富網頁應用,及網站設計方面將會非常重要。 HTML5 規範描述中對於視頻支持並沒有明確須採用指定視頻格式。 我們認為H.264 是非常好的格式。 在未來對HTML5 的支持中,IE9 將僅支持H.264 這一種格式。

H.264作為行業標準 ,將獲得極其廣泛而有力的硬件支持。 由於這一標準化,你可以輕鬆地將你用常規消費攝像機拍攝的視頻放到網頁上,它可以在任何操作系統或設備的任何瀏覽器裡播放,只要它支持H.264 (比如,安裝Windows 7的PC )。 最近我們公開展示了在IE9中播放來自YouTube的H.264編碼的視頻,你可以在這裡了解到它從硬件加速方面得到的好處,或者你也可以在這裡觀看一段演示。 基於以上原因,我們將對HTML5 的視頻支持專注到H.264 這一格式。

迪恩·哈查莫奇同時也承認,當前網頁上的視頻主要是基於Flash 格式,並表示微軟將繼續與Adobe 在Flash 方面合作,儘管後者可能會到來一些穩定性、安全性和性能方面的問題。

5.20.2010

完全卸載蘋果工具條的4個方法

有不少朋友都在尋找完全卸載“蘋果工具條”的方法,鑒於“蘋果工具條”的流氓特性,下面我們就來看看如何清理掉這個頑固的流氓軟件。
方法1:
點擊開始-程序-蘋果工具條-卸載蘋果工具條,運氣好的話,可以清理的比較幹淨。
方法2:
1、如果方法1無效,那麼試試看搜索“Macjie.exe”,並在在進程管理器中終止該進程。
2、查找並刪除以下文件:
C:\Program Files\avd\MacJie.dll
C:\Program Files\avd\MacJie.exe
C:\Program Files\avd\MacJie.ax
C:\WINDOWS\system32\mdrdsio.exe
C:\WINDOWS\system32\twain_32.dll
C:\windows\system32\makecsb.exe
C:\windows\system32\wmsyspr9.prx
C:\Documents and Settings\Administrator\Application Data\Microsoft\AddIns\mpdim.dll
3、修複注冊表:(點開始》運行》輸入regedit 進入注冊表)
“HKEY_CLASSES_ROOT\CLSID\{871C5380-42A0-1069-A2EA-08002B30309D}\shell\OpenHomePage\Command”,將右邊“open”的值中的網址部分刪除,注意:只刪除網址,“C:\Program Files\Internet Explorer\IEXPLORE.EXE”要保留;
“HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main”,將“Start Page”中的網址改為“about:blank”,即相當於在IE中(Internet選項)重置IE主頁;
“HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\Winlogon”,右邊找到“Userinit” ,將“C:\WINDOWS\system32\userinit.exe,C:\Program Files\MacJie.exe”修改為“C:\WINDOWS\system32\userinit.exe,”(注意最後的逗號要保留)
4、最後檢查桌面、快速啟動欄上的IE快捷方式的屬性中目標程序後是否有跟着365j網址,將網址刪除,或直接刪除快捷方式再重建它們

Google計畫以HTML5取代Gears

洛杉磯時報指出Google為了增加瀏覽器的性能計畫淘汰Gears換成HTML5,細節尚未明朗清,不過這樣的方向並不令人驚訝。

clip_image001

Google與Mozilla、Opera、蘋果(Apple)等都想讓瀏覽器與網路變成一個更強大的基礎,以強化網站與網路應用程式的功能,因此他們也設法進行一些新的變革,Gears是Google較早開發的軟體。

Gears在2007問世,比Google推出自己的瀏覽器更早,也比全球資訊網協(W3C)全力推動HTML5更早,這是在HTML5成為官方標準因而擁有強大的吸引力之前,也是在微軟(Microsoft)有興趣對該標準做出貢獻之前。

顯然局勢已經不同了,且Gears能解決的問題HTML5也能解決,現在業界中有一個活躍的協會在推動HTML5。

Google Chrome瀏覽器與 Chrome作業系統程式總監Linus Upson,他在星期二證實了Google雖會對Gears提供支援,但已經不把它當成一個開發的對象。

Upson表示:「自從2008年我們推出Chrome後就不再投資在Gears身上,我們努力專注於讓HTML5成為一個最成功的標準,不過在可預見的未來Gears的應用程式還是會運作良好」。

他說,包括Safari與Chrome在內的瀏覽器現在都使用Gears功能裡的HTML5版本,接著網路應用程式也會跟進,大概明年就會看到更多應用程式跟著這麼做。

Gears最讓人矚目的功能也許是它可以在個人電腦裡儲存資料讓網路應用程式在離線的時候也可以顯示網頁,Gmail與Google Docs就是最好的例子,不過現在被放入瀏覽器的HTML5透過當地資料庫也可提供這個功能。HTML5也提供可讓檔案上傳者的地理位置顯現供網站利用的檔案介面。

許多HTML5的元素正滲透網路瀏覽器,然而像Internet Explorer 6這類被廣泛使用的瀏覽器卻未提供任何支援。要讓人們安裝Gears或其他附加軟體的問難度意味著內建瀏覽器支援可能會比Gears容易傳到更多人們手裡。

Google顯然很願意將Gears的優點注入HTML5,去年5月它曾自豪地在Google I/O發展會議上展示了利用HTML5儲存方法顯示的Gmail離線內容,此外Google也有可加速瀏覽器裡3D與一般電腦處理程序之速度的O3D與 Native Client附加軟體,Google相關開發商認為這類技術應該內建在瀏覽器裡而不是另外做成附加軟體。

洛杉磯時報引述 Google方面的說法來形容它的官方地位:「我們很興奮Gears的大部分技術,包括離線支援與地理位置通報程式可以整合到成為瀏覽器標準的HTML5 裡,我們認為想在網站裡提供這些功能的程式開發者接著應該也會這麼做...我們會繼續為Gears提供支援,所以有使用它的網站不會出問題,但我們預期程式開發者們未來會改用HTML5來提供上述功能,因為未來所有的瀏覽器都會以HTML5為標準。

從Google I/O發展會議可看出Google認為它能成功推動網路技術的進步,當Gears被融入HTML5時也就是Google的勝利時刻。在我腦海裡唯一的問題是,HTML5成為全球標準的速度能滿足Google嗎?

Upson表示said Google會繼續在Chrome與Chrome OS裡加入功能,就那意味著有時會「脫離」標準。

Upson表示:「理想上我們希望所有的軟體(例如Native Client與O3D)都能符合標準,不過最終我們是無法控制微軟(或開發者團體)的Internet Explorer研發團隊或是Mozilla與蘋果的。我們都有一個共同的動機,就是不要使網路分崩離析,但永遠還是會有裂縫存在。」

5.19.2010

Sketchpad 不需要安裝 Flash 外掛的 HTML 5 線上繪圖工具

image

網路使用環境的標準技術與應用範圍,目前正走到了一個即將有大轉變的路口,例如各種原本只有在本機端出現的軟體工具,現在我們慢慢的可以透過網頁端的服務來解決需求,俗稱的雲端應用對於用戶端來說,其實就是擺脫單機電腦的工作束縛,以前需要擔心的軟體安裝、更新、維護、資料備份保存等等,現在都交給網站端來幫我們服務。

而下一代網頁標準HTML 5,可以說和這樣的雲端趨勢同步並進、互為輔助,其中一個最近很受關注的應用就是:讓我們在沒有安裝(不需安裝)Flash外掛的環境下,可以直接上網看影片、玩遊戲,甚至做多媒體編輯。例如今天看到一個有趣的實驗性線上繪圖工具:Sketchpad就是完全利用javascript和HTML 5技術來運作,不管是速度效能還是可以呈現的繪圖功能,都不輸給目前常見的Flash版本線上繪圖工具(例如:FotoFlexer、Picnik 修圖增效線上免費Photoshop),速度上可能還稍快一點。

當然,你必須使用符合最新網路趨勢的瀏覽器才能順利操作這類網站,目前支援HTML 5的瀏覽器有:FirefoxGoogle ChromeOpera、Safari。看來我們應該不用擔心今年底可能推出的Google Chrome OS沒有離線繪圖工具(HTML 5支援離線功能),也可以在不支援Flash的iPhone等手機、平板電腦上使用這類HTML 5多媒體功能。

這是一個值得關注的網路技術與應用趨勢,所以即使Sketchpad還只是一個「展示」、「實驗」用的工具,不過還是推薦給大家來玩玩看,也想想看以後網路的可能性。

5.18.2010

HTML5並不是簡單的HTML標簽的升級

技術的發展已經不再是靠單一的某項技術來推動,如同HTML5一樣,其實並不是簡單的HTML標簽的升級,而是涵蓋CSS3、JS APIs、視頻解碼等各種技術的大集合。近些年AJAX、WEB2.0、SNS之類的發展越來越表現出這種組合拳和大聯招的趨勢。在這種情況下還象以前一樣靠個人力量單幹將會越來越難,團隊合作共同發展才是王道。

穀歌的兩位工程師做了一個展示HTML5的PPT項目 html5-slides 來展示HTML5的各種特性,看後感慨頗多,推薦大家也看一看。
http://apirocks.com/html5/html5.html (需翻牆)
http://directguo.com/html5/ (中文版)

最近,喬大爺挑戰FLASH,微軟、穀歌也想趁火打劫,各方人馬都看到了HTML5發展所帶來的機遇來拼個你死我活,未來可能導致HTML5會涵蓋更多的技術,對我們開發者來說,這是一個挑戰!

5.16.2010

馬雲否認淘寶將納入阿裡巴巴上市公司

5月14日,阿裡巴巴店舉辦2010年全球股東大會。在回答股東提問時,馬雲否認淘寶將納入阿裡巴巴上市公司中,同時,他也承諾,阿裡巴巴將於2012年全面打通旗下所有公司的數據平台。

根據阿裡巴巴目前的戰略,淘寶是集團最重要的戰略,而阿裡巴巴B2B上市公司則主要承擔提供資金的任務。對此阿裡巴巴的股東表達了不滿,有股東建議稱,阿裡巴巴集團應當把淘寶納入阿裡巴巴上市公司中,這樣才能讓股東獲得最大化的收益,而不應該讓淘寶單獨上市。

馬雲則認為,將淘寶納入阿裡巴巴上市公司是不合適的,阿裡巴巴和淘寶目前還都太小,將兩者合並上市將不利於雙方發展。不過,他也並未披露淘寶獨立上市的時間表。

在回應股東對阿裡巴巴集團阿裡巴巴網絡上市公司不夠重視而偏心淘寶的不滿時,馬雲表示,B2B上市公司如果只考慮自己,那麼未來也不會有很好的發展。他認為,B2B公司應當考慮整體,當未來淘寶強勢起來並與B2B接入之後,B2B公司一定會獲得收益。

另外,馬雲披露,阿裡巴巴旗下B2B公司、淘寶、支付寶以及阿裡雲的所有數據平台將於2012年全部打通。

今日,全阿裡巴巴公司在深圳華僑城洲際大酒店舉辦2010年全球股東大會。大會由阿裡巴巴集團董事局主席馬雲及阿裡巴巴公司CEO衛哲主持,吸引了包括摩根士丹利、摩根大通等國際知名投行前來。值得一提的是,去年曾獲贈每人100 股阿裡巴巴股票80 名香港中文大學和香港大學商學院的學生也受邀參加了大會。

5.15.2010

Web界面設計:Web可讀性的三個層次

可讀性(Readability)是web用戶體驗的的重要指標,因為訪客上網很大程度就是為了獲取信息,用戶習慣“掃視”而不是閱讀。同時,發生交互行為之前,也必須有個獲取信息引導“交互”的前提。所以,可讀性的重要顯而易見,且毋庸置疑。

具體分析web可讀性的構成,首先我認為一部分是信息本身的質量,寫的好不好或者用的對不對;還有一部分是信息與設計結合的附加值,可以通過展示的design來提升。前者應該是各行各業內容工作者需要掌握的基礎,而後者則需要web設計師來優化提升。比如一部小說的可讀性如何,首先是內容層面的小說結構、章節段落組織、遣詞造句是否可讀,其次才是排版和印刷質量等表現層是否可讀。也就是說,文學和文化功底會影響可讀性,但與design關系不大,他們之間完全可以從技術層面分離。所以,我認為研究Web可讀性不必深究內容質量本身的“可讀性”問題。

繼續總結我發現,各種語言這麼多年在“信息本身的質量”話題上已經積累了很多研究,並且都形成固定規範。另外,互聯網上的Web界面有個特點,語言和字符構成複雜,中文、英文、數字和各種符號經常混合在一起。因此,我認為可以把Web可讀性分三個層次來理解:

  1. 完全用錯了
  2. 沒有符合既定規範
  3. 表現形式欠佳

2007年10月UCDChina群博曾寫過注意界面上的文字這個專題,雖然內容比較散亂,但複習總結還是大部分都有關可讀性。已經積累了很多有關可讀性的案例,現在面臨個分類整理的問題,毫無頭緒,具體下文分情況來探討。

完全用錯了

涵蓋內容比較廣,錯誤語法、錯誤字和詞語、錯誤標點、錯誤符號等等都包括在內。

錯誤語法主要表現在一些文案上,某些規劃不嚴謹的頁面裡,很多文案都是工程師隨手加的。還有些過度修飾和搞怪風格的語言,用戶也不一定喜歡。另外,翻譯的文案也是問題熱點,因為很多做翻譯的同事並不懂專業領域知識,難免在遣詞造句上有欠缺。

錯誤字(錯別字)和詞語在界面上也很多,比較典型的是“登錄”還是“登陸”的案例(“登錄”正確),類似的還有“帳號”和“賬號”(“帳號”正確)。現在已經很少能找到產品證明,但討論時還是很容易誤錄入。

錯誤標點太常見了,尤其在與朋友的聊天,以及郵件中。我認為在網絡上最常見的問題是中英文標點混用,也許是大家懶得切換輸入法。對於成年人來說,絕大多數標點符號的使用正確與否,都不會給表達造成大誤解,網絡上加標點減標點的文字遊戲段子都是笑談。用好標點主要是加強溝通,免得多費口舌解釋,有利於雙方。

錯誤符號也有很好的例子,比如當年經常有人分不清楚@和©(@是郵件分隔符,©指版權所有的意思)。甚至有內容上把星號“*”用成了乘號“×”,或者用小寫字母“x”來代替。還有關於¥和¥的爭論,總的來說,字符都受字體定義的嚴重影響,有時候在某種環境下看起來差不多,但本質上卻有根本的不同。

沒有符合既定規範

以中文語境為例,主要包括漢語書寫規範、英文書寫規範、數字書寫規範。

漢語書寫規範可能比較陌生,難道每天用的語言還有規範?估計我們這些經常寫blog的網友能意識到,專有術語縮寫詞在文章首次出現時,應該寫全稱並括號說明。中國幹支紀年和夏歷月日,應該使用漢字;相鄰的兩個數字並列連用表示概數,應該使用漢字等等。

英文書寫規範主要是大小寫問題,除句首字母、人物姓名、稱呼頭銜、國家地名、年月日等單詞都需要大寫首字母,而特殊縮寫詞字母都需要大寫,比如CSS或HTML。還有中英文地址書寫習慣正好相反,先是門牌號,最後是國家。

數字書寫規範相對簡單,大家能分的比較清楚,但有些問題還是容易忽略。比如年份是不能簡寫的,98年能明白,2012年不能簡稱12年吧?另表達如2010.5.11的公歷年月日時,正確應該給一位數加“0”成為“2010.05.11”。數字的特殊造型,通常在中文傳達中占盡優勢,但也不能隨便用。比如表達約數的“30多種”並不規範,正確應該為“三十多種”。

表現形式欠佳

表現指用戶能夠直觀看到的效果,具體情況具體分析,但我們能夠以用戶習慣為基准,總結出部分通用准則。歐美學術界已經有了不少研究成果,通過科學的定量分析能夠用軟件計算出大概可讀性參考數。

應該說鋪墊了這麼多,最後才進入本文核心主題,也就是屬於web design可控範圍之內的“表現層”可讀性影響因素。基本只涉及web的結構和表現,相對改進提升用戶體驗的成本較低。大概總結為字符、鏈接、表格、表單四部分,具體細則和案例以後陸續調整補充。

5.13.2010

百度首頁專題設計思路的具體分析

新年為百度設計的春節專題系統,因為專題是為春節回家購物等提供幫助和信息,怎樣將信息表現得易用和友好是最重要的。所以對此類專題設計思路進行了具體分析。

春節前接到了制作春節專題的,這次制作,希望能新年展現在百度首頁的春節專題具有百度風格,也就是說我們理解的新年熱鬧氣氛的專題風格需要做改變。因為專題是為春節回家購物等提供幫助和信息,怎樣將信息表現得易用和友好是最重要的。所以對此類專題設計思路進行了具體分析。感謝錢夫人、blueui、rainbowowo、紅豆派給予的建議和幫助,專題最終通過並獲得了大家的認可。

引言:“讓人們最便捷地獲取信息,找到所求。”

現在我將設計思路總結了如下幾點:

1.頭圖設計是為內容服務的

(頭圖設計修飾和內容使用上需要把握一個度,需要了解此專題的側重,是需要華麗的氣氛吸引用戶興趣,還是提供內容要用戶參與使用,很明顯春運專題是後者,所以盡量將頭圖可發揮的視覺元素做簡)

2.頭圖的設計效果目的是要為內容加分

(頭圖的目的其實是一個視覺氣氛或者說是情感引導,視覺元素過多會影響使用內容,過少會顯得引導無力,此類專題的定位應是要用戶很清晰的來操作內容區,頭圖設計作為輔助調節氣氛的功能,做到無頭圖可用,有頭圖更有趣。)

3.直接從用戶的角度思考,考慮體驗細節

(設計師本身也是用戶,需要將完成的作品做自我審核體驗,流程內容在使用上是否易用清晰先過自己這一關,其中要加入自己積累的經驗來優化,還可以找不同用戶做體驗調查。)

4.設計的情感化,新意的融入,生活中的點滴積累。

(以春運回家路和百度全球拜年為例- 春運回家 應該具有一種淡淡遊子思鄉的情感,夾雜這一點點迫切,一點點思鄉情,從自身的親身體驗出發,才能設計的貼切主題有人情味。)(百度全球拜年-除了世界各地代表建築外,需要一個點睛元素將畫面做貫穿,這個元素不是簡單的無意義的曲線或直線,使所選元素加上去能否貼切主題並生動,並不簡單。記得百度搬遷慶典視頻中的紅色紙飛機吧…)

5.內容區目的協調於整個頁面,力求簡潔大方

(標題簡單塊狀形式,欄目以簡單的直線做分割,簡潔明了不求修飾,體現百度性格)

部分效果展示:
圖1:

天海設計

圖2:

天海設計

圖3:

天海設計

圖4:

天海設計

圖5:

天海設計

圖6:

天海設計

5.12.2010

GOOGLE新的設計界面四款淘汰的設計原型

Google網站新的設計界面已經面世,這次Google的設計師要將一個數百萬人已經熟悉的東西重新設計一番,這自然是一項充滿挑戰的工作。此外Google還放出了之前四款淘汰的設計原型。

天海設計

Google當然想提供更強大更好的搜索服務,所以他們在測試了長達半年之後,終於全面“變臉”了。這次變化的目的主要是要實現更強的技術、更快的結果,突出簡潔性、趣味性和古怪精靈的個性化體驗。Google的設計師要將一個數百萬人已經熟悉的東西重新設計一番,這自然是一項充滿挑戰的工作。

增加靈活性的常用方法就是在頁面左側加入一串鏈接,也就是左側導航,Google從2006年開始就不斷在搜索主頁上做着各種瘋狂的實驗,目的就是要找出即不會分散注意力又能提供強大導航的方式,即要很強大又要很簡潔。

Google在去年5月邁出了第一步,也就是“搜索百寶箱”(Search Options)的發布,但它是可以展開/關閉的,這可以使用戶快速嘗試新的搜索工具,比如對時間和內容類型做詳細的定義。通過“搜索百寶箱”,設計師、研究員和工程師們通力合作,以期找出各種永久打開搜索工具的可能性,Google做了上百種原型,同時收集用戶對新界面進行學習後的反饋,再加上有史以來最大規模的視覺測試,最終Google設計出了與搜索相關的動態工具側欄,並加以美化,也就是大家現在看到的新的搜索界面(上圖)。

Google想到一旦增加左側邊欄勢必會導致搜索結果頁面比重的傾斜,所以又設計了新的無陰影的更明亮的Google logo(下圖),以使新的設計感覺更輕快。

天海設計 - google

相應的,搜索結果界面的底部也做了輕量化處理,去掉了淺藍色的背景和鏈接的下劃線,整體顏色也更淡雅,同時擴大了搜索框(下圖):

天海設計

最後Google還展示了四幅之前設計的原型(以對比現在的設計比這些還是強不少的?):

  1. 藍色主頁:Google對藍色情有獨鐘──畢竟藍色通常都是鏈接的顏色,是藍色連接了網絡,所以藍色也成了Google很多設計的基礎顏色
  2. 藍色按鈕:大藍色按鈕是最初的實驗,不過它馬上被用戶給罵瘋了
  3. 通用搜索的分割線:這個設計將不同搜索類型分成不同部分展示出來
  4. 藍色結果頁:這個是Google最後的一個設計,其中把Web的網頁搜索叫做了Everything,以顯示Google要組織全球所有信息的目的

天海設計

天海設計

天海設計

天海設計

5.11.2010

CSS3設計實例:12個優秀的按鈕和菜單

CSS3 正在改變我們建立網站的方式。盡管由於在一些瀏覽器缺乏支持,許多人仍不願開始使用 CSS3 技術。但仍有一些人正在使用 CSS3 嘗試做一些很酷的新功能和令人稱奇的案例。利用 CSS3 創造按鈕和菜單導航等美觀的效果時,再也不會有這麼多對 JavaScript 和圖片的依賴。因此為了鼓勵開始試驗 CSS3,芒果整理收集了 12 個優秀的 CSS3 按鈕和菜單技巧。

純 CSS 實現 Google 按鈕

clip_image001

CSS3 Tab 選項卡

clip_image002

放射形狀按鈕

clip_image003

純 CSS 實現蘋果網站導航欄效果

clip_image004

使用 CSS Image Sprites 創建一個簡單的按鈕

clip_image005

使用 CSS3 創建動態按鈕

clip_image006

純 CSS3 實現創建深度漂亮的 3D 絲帶效果

clip_image007

大塊厚實的 CSS3 菜單

clip_image008

CSS3 下拉菜單

clip_image009

漂亮的 CSS 按鈕

clip_image010

CSS3 模擬 jQuery 菜單效果

clip_image011

基於 CSS3 的橫向下拉菜單選項卡

clip_image012

英文原稿:12 Excellent CSS3 Button and Menu Techniques | Web Designer Ledger

5.09.2010

Alipay UED推出網站代碼分析插件:Monster

Monster 是 Alipay UED 推出的網站代碼分析、質量檢測及評分的瀏覽器擴展,它能智能分析CSS、JS、HTML內容並生動形象展示網頁得分情況(類似YSlow)。它是一個開源項目,您可以在GoogleCode中心檢出MonsterForChrome項目源代碼。不久會推出Firefox版擴展。

Monster主要檢測規則:

  1. 檢測是否有重複ID的標簽;
  2. 檢測是否使用內聯標簽嵌套塊級標簽,如a嵌套div;
  3. 檢測https協議頁面,是否使用了http協議的圖片、JS、CSS等;
  4. 檢測compatMode、doctype是否出錯;
  5. 檢測是否使用了HTML5不再支持的標記,如font,s,u等;
  6. 檢測標簽是否正確關閉;
  7. 檢測CSS、JS、background-image文件是否為404;
  8. 檢測CSS、JS文件是否重複調用;
  9. 檢測是否引用過多外部JS、CSS文件;
  10. 檢測CSS、JS、HTML是否壓縮;
  11. 檢測CSS樣式表是否使用了CSS expression;
  12. 檢測Cookie是否超過30KB;
  13. 檢測是否有form標簽嵌套form標簽;
  14. 檢測是否直接在標簽裡定義JS事件,如<a href=http://www.google.org.cn/posts/”#” onclick=”…”>link</a>;
  15. 檢測<meta charset=”utf-8″ />是否為<head>第一個子標簽;
  16. 檢測一個<form>標簽內部是否出現二個input[type=submit]標簽;
  17. 檢測是否在<form>標簽中使用了 id=”submit” 的標簽;
  18. 檢測是否將<style>塊放置在</head>前面;
  19. 檢測是否將<script>塊放置在</body>前面;
  20. 檢測<img>標簽是否指定alt屬性;
  21. 檢測是否為input[text]指定label;
  22. 檢測網頁編碼是否為gbk或utf-8;
  23. 檢測是否使用了@import導入樣式表;
  24. 如果CSS、JS指定 類似於“?t=20100405”時間戳,則自動輸出最後修改時間,方便對比;
  25. 如果background-image超過6個,則提示所有背景圖片及大小,超過30KB,標紅顯示;

Monster評分規則:

Monster是根據問題解決難易程度、性能提升程度、可用性提升程度以及維護性提升程度來綜合評分的。具體,請下載 Monster評分算法.xls

下載Monster

文章來源:http://ued.alipay.com/2010/05/monster-for-chrome/

5.08.2010

PHP語言的創始人加盟團體支付公司WePay

北京時間4月28日上午消息,據國外媒體報道,PHP語言的創始人雷斯莫斯·勒道夫(Rasmus Lerdorf)近日加盟團體支付新興公司WePay,領導該網站的應用程序接口(API)的研發工作。

Rasmus Lerdorf

PHP語言的創始人雷斯莫斯·勒道夫(Rasmus Lerdorf)

WePay的平台用於便利團體支付情況,例如公司常常要向眾多員工支付工資。WePay創始人比爾·克萊裡科(Bill Clerico)表示目前為止該服務在各種聯誼會中最受歡迎,經常需要分擔費用的室友也注意到這種服務。他透露,該網站推出的一個月以來,每個星期的交易量都增長50%。

WePay最近也推出了一個訂票功能,但是不如訂票網站Eventbrite般正式。克萊裡科稱聯誼會可以使用該功能向會員售票,俱樂部也可以使用這個功能銷售特別活動的門票。

WePay得到了許多知名投資公司和個人投資者的注資,包括創業孵化公司Y Combinator、天使投資人Dave McClure等。

5.07.2010

新的視角和觀點:喬布斯炮轟Flash

導讀:這是喬布斯 2010 年 4 月 29 日發表在蘋果網站上的文章。跟三年前炮轟 DRM 的「關於音樂的思考」一樣,這也是一篇檄文,聲討對象是與蘋果多年來亦敵亦友的 Adobe 門下的 Flash 技術。近幾個月來,業界就 Flash vs. HTML5 的問題討論得熱火朝天,本文並未帶來新的視角與觀點,但喬布斯的身份無疑令它具備了別家不可企及的重要性

蘋果與 Adobe 的關系由來已久。Adobe 的創始人還在那如今已成傳說的車庫中工作時,我們就已經認識了。蘋果是他們的第一個大客戶,將他們的 Postscript 語言改為我們當時新推出的 Laserwriter 打印機所用。在很多年裡,蘋果都是 Adobe 的股東之一,擁有其 20% 的股權。兩家公司通力合作,開創了桌面電腦出版業,其中有不少快樂的時光,但那段黃金時代一過,我們便分道揚鑣了。蘋果經歷了瀕死的過程,Adobe 憑其 Acrobat 產品進入了企業市場。今天,兩家公司仍然同心協力為創意產業的客戶服務——Adobe 的 Creative Suite 軟件的顧客裡,有大約一半是蘋果電腦用家。但除此之外,我們幾乎沒有別的共同利益了。

我想在這裡記下自己關於 Adobe 的 Flash 的一些想法,希望我們的顧客以及批評家們能夠更好地理解為什麼我們不允許 Flash 在 iPhone, iPod 和 iPad 上運行。在 Adobe 口中,我們這一決定背後主要的驅動力是商業上的考量。他們說,我們是為了保護自己的 App Store。但事實上,這裡的問題主要是技術問題。Adobe 說,蘋果是一個封閉系統,Flash 則是開放的,但他們恰恰說反了。我來解釋一下吧。

首先,談談「開放」

Adobe 的 Flash 是 100% 的私有軟件。你只能從 Adobe 處獲取 Flash,並且 Flash 在未來的改進、定價等等,完全受到 Adobe 一家的左右。盡管 Flash 和相關產品的應用十分廣泛,但這並不等於說它們是開放的,因為它們完全處於 Adobe 的控制之下,並且你也只能從 Adobe 那裡獲得它們。無論怎麼定義,Flash 都是一個封閉系統。

蘋果也有很多專有性的產品。雖然 iPhone、iPod 和 iPad 的操作系統是私有的,但我們完全相信與萬維網相關的所有標准都應該開放。我們沒有用 Flash,而是選擇了 HTML5, CSS 和 JavaScript,它們全都是開放標准。蘋果的所有移動設備都與生俱來地對這些開放標准有着良好的支持:運行速度快,用電量低。HTML5 是萬維網上的新標准,為蘋果、穀歌以及很多其他公司所采用。網頁開發者利用 HTML5 就能做出高級的圖像、字體、動畫以及過渡效果,而不必倚賴第三方插件(例如 Flash)。HTML5 完全開放,並受一個標准委員會控制。蘋果是該委員會的成員之一。

蘋果甚至還為萬維網創造了一些開放標准。例如,我們從一個小型開源項目出發,做出了 WebKit。WebKit 是一個完全開源的 HTML5 頁面轉譯引擎,我們所有產品中的 Safari 瀏覽器的內核用的都是它。WebKit 也廣泛被別家公司所采用。穀歌在其 Android 系統的瀏覽器裡用它,Palm 用它,諾基亞用它,RIM(黑莓)最近也宣布將會改用它。除了微軟以外,幾乎所有智能手機裡的瀏覽器用的都是 WebKit。蘋果通過開放自己的 WebKit 技術,為移動網頁瀏覽器訂下了標准。

第二,談談「完整的互聯網」

Adobe 反複說蘋果的移動設備無法訪問「完整的互聯網」,因為網上 75% 的視頻用的是 Flash。他們沒有提及的是,幾乎所有這些視頻,同時也以一種更加摩登的格式——H.264——存在於網上,用 iPhone、iPod 和 iPad 都能看。YouTube 占有線上視頻大約 40% 的份額,它在蘋果所有的移動設備中都以一個軟件的形式華麗地存在着。其中,iPad 上的 YouTube 所提供的搜尋及觀看視頻的體驗或許可以算作各家之冠。除此之外,還有 Vimeo、Netflix、Facebook、ABC、CBS、CNN、MSNBC、Fox News、ESPN、NPR、《時代》、《紐約時報》、《華爾街日報》、《體育畫報》、《人物》、《國家地理》(美國),以及很多很多。沒有多少線上視頻是 iPhone, iPod 和 iPad 的用戶看不到的。

Adobe 還宣稱說,蘋果的設備玩不了 Flash 遊戲。這不假。所幸,在 App Store 裡有五萬多款遊戲和娛樂軟件,其中很多都是免費的。iPhone、iPod 和 iPad 上的遊戲和娛樂軟件之數量也居於世界上眾多平台之冠。

第三,談談可靠性、安全性和性能

賽門鐵克最近指出,Flash 是 2009 年最不安全的系統之一。我們有第一手資料表明,蘋果電腦死機的罪魁禍首就是 Flash。我們一直在和 Adobe 合作,試圖解決這些問題,但幾年過去了,效果不彰。如果說,為 iPhone、iPod 和 iPad 加了 Flash 之後,會導致它們的可靠性與安全性下降,這是我們不願看到的。

此外,Flash 在移動設備上的性能也有問題。過去幾年裡,我們經常請 Adobe 用移動設備——任何移動設備——示範 Flash 的性能,希望看到好的表現,但至今未能如願。Adobe 曾公開說 Flash 會於 2009 年初出現在智能手機上,後來又推遲到 2009 年下半年,然後又變成了 2010 年上半年,現在又說是 2010 年下半年了。我們相信它遲早會出現,但我們也慶幸自己沒有一路等待。誰知道它到時性能會怎麼樣呢?

第四,談談電池續航力

為了在播放視頻時保持良好的電池續航力,移動設備必須用硬件來對視頻進行解碼;軟件解碼太費電。如今的許多移動設備中的芯片組裡都包含名為 H.264 的解碼器。H.264 是業界標准,每一台藍光 DVD 播放器都用它。蘋果、穀歌(YouTube)、Vimeo、Netflix 和許多其他公司也都有用。

雖然 Flash 最近增加了對 H.264 的支持,但目前幾乎所有 Flash 網站都需要用舊一代的解碼器:移動設備裡的芯片不支持它們,因此只能通過軟件解碼。區別是巨大的。例如,在 iPhone 上,H.264 視頻可以連續播長達十小時,但通過軟件解碼的視頻播不到五小時,電池就會用光。

第五,談談觸屏

Flash 是為個人電腦和鼠標設計的,並不適合觸屏和手指。舉例來說,許多 Flash 網站都用到了「光標懸停」:當用戶把光標移動到某個點時,彈出菜單或其他元素。蘋果革命性的多點觸控介面不用鼠標,也沒有光標懸停的概念。如果要支持觸屏設備,大部分 Flash 網站都要重寫。而如果開發者要重寫 Flash 網站,為什麼不用較為摩登的技術,例如 HTML5、CSS 和 JavaScript 呢?

就算 iPhone、iPod 和 iPad 支持 Flash,還是不能解決大多數 Flash 網站需要重寫,以便支持觸屏設備的問題。

第六個是最重要的問題

Flash 封閉、私有、有重大技術問題、不支持觸屏技術。除此之外,還有一個更加重要的理由,讓我們決定不讓它在 iPhone、iPod 和 iPad 上跑。我們剛才談過了用 Flash 播放視頻與展示網站上的互動內容的弊病,但 Adobe 還希望開發者用 Flash 來編寫跑在我們的移動設備上的軟件。

過去的痛苦經歷讓我們了解到,在平台和開發者之間加多一層第三方軟件層,最終會導致大量不夠水准的軟件,並對整個平台的進步與發展起到負面作用。如果開發者開始依賴於第三方的庫與工具,那麼他們將受制於這個第三方:只有當第三方采納了整個平台引進的新特性之後,開發者才能夠利用它們。我們自己的平台的改善何時能夠傳遞到開發者手中,不能由一個第三方來決定。

當這個第三方提供的是一個跨平台開發工具時,情況會變得更糟。某一個平台上的功能改善,第三方未必會立即采納,而是可能會等到這些改善在自己支持的所有平台上出現時,才開始支持它們。因此,開發者就只有最基本的功能可用。同樣,蘋果無法接受這樣的結果:開發者無緣接觸我們的創新與功能改進,而原因卻是這些創新與改進在我們的競爭對手的平台上還不存在。

Flash 是一個跨平台的開發工具。Adobe 的目標不是幫助開發者寫出最好的 iPhone、iPod 和 iPad 軟件,他們的目標是幫助開發者寫跨平台軟件。在過去,Adobe 在采納蘋果的平台的改進上可謂遲緩之至。例如,Mac OS X 推出已有十年之久,但 Adobe 直到兩周前發布 CS5 時才將其完全 Mac OS X 化(Cocoa 化)。在所有的重要第三方開發者裡,Adobe 是最後一個完整支持 Mac OS X 的。

我們的動機很簡單:提供最先進、最創新的平台給開發者,希望他們能夠直接站在這一平台的肩膀上,創造出前無古人的優質軟件。我們希望持續改進這一平台,以便開發者們可以寫出更棒、更強大、更好玩、更有用的應用程序。人人都是贏家——蘋果會因為有了最好的軟件而賣出更多設備,開發者會有越來越多的用戶,而面對最好的、選擇最廣泛的軟件平台,用戶也會感到開心愉悅。

結論

Flash 是個人電腦時代的產物,它是為個人電腦與鼠標發明的。Flash 對於 Adobe 來說是一盤成功的生意,我們也明白他們為什麼希望將它延伸到個人電腦以外的領域。但在移動時代,重要的是低能耗、觸控介面和開放的萬維網標准。所有這些都並非 Flash 的強項。

各家媒體爭先恐後地為蘋果的移動設備提供內容,這說明 Flash 已經不是看視頻或消費任何類型的網頁內容所不可或缺的了。蘋果的 App Store 裡的二十多萬個軟件證明,對於數以萬計的開發者來說,編寫視覺效果豐富的程序——包括遊戲——並不一定要用 Flash。

HTML5 等移動時代的新標准會在移動設備上(以及個人電腦上)取得勝利。或許,與其忙於批評蘋果義無反顧地大步向前,Adobe 更應該專注於為未來打造優質的 HTML5 工具。

來源:網頁教學網

5.06.2010

微軟證實瀏覽器IE9將不支持Flash

據國外媒體報道,微軟日前證實其下一代瀏覽器Internet Explorer 9IE 9)將不支持Flash,視頻格式將僅支持H.264標准。

微軟公司IE瀏覽器項目負責人迪恩·哈查莫奇(Dean Hachamovitch)在其博客中表示,“未來的網絡將屬於HTML5 ”,它將推動交互式互聯網應用的發展,為視頻提供最好的選擇,“HTML5標准的視頻部分沒有指定具體的視頻格式,我們認為H.264是一種優秀的視頻格式,IE9將只支持H.264視頻的回放。H.264是一種工業標准,得到了硬件廠商的廣泛支持。用戶可以通過普通的攝像機拍攝H.264視頻,並將視頻上傳到互聯網上、通過瀏覽器或支持H.264的設備播放”。

哈查莫奇表示,盡管當前網絡視頻主要采用Flash技術,普通消費者拍攝、播放Flash視頻仍然相當困難。他說,微軟正在與Adobe討論這些問題,“Flash確實存在一些問題,特別是在可靠性、安全和性能方面。我們正在與Adobe的工程師討論這些問題”。

這一消息對Adobe無疑是一大打擊。Adobe此前已經就是否支持Flash在與蘋果大打口水仗。


--------------------------------------------------------------------------------

現在就放上 Internet Explorer 9 來源轉載互聯網

http://skysea-design.blogspot.com/2010/05/internet-explorer-v9-pre-2.html

Internet Explorer v9 Pre 2

現在就放上 Internet Explorer 9 來源轉載互聯網

image

Internet Explorer v9 Pre 2 | 14 MB

Windows Internet Explorer - Is another version of the most common web browser in the world, created for the convenience of users on the Internet. IE is faster, easier and safer to work and optimizes the possibility of developers and users when dealing with Web services. In addition, new features Internet Explorer offers a faster, simpler and safer ways to navigate Web pages.

Features:
- It is safer than their predecessors
- Independent tabs - Crash on one of them will not hang the browser as a whole
- Supports the advanced technology Web Slices
- Optimized internal search
- Support for standards
- Integration with OS

Features Available:

· IE9 User Agent String
· GetElementsByClassName
· CharacterSet
· CSS3 Media Queries
· HTML5 Events
· DOMContentLoaded
· DOM Core
· DocumentType, ProcessingInstruction, createDocument
· DOM Traversal
· DOM L3 Events
· DOMAttrModified, Composition events

Features Partially Implemented:

· DataURI
· Support in script source
· Developer Tools
Features Available:
· - User Agent String Picker
· A new tool that can be used to change the user agent string that IE sends with every request. The tool comes with some built in presets and new custom user agent strings can be added.
· - Console Tab
· The console window is now a full tab and has been expanded to include the logging of diagnostic information from IE.
· - Network inspection improvements
· Shortened URL
· Color coding for errors
· Scaling units (eg. 500 ms becomes 0.5 s)

Operating system: Windows ® Vista / 7
Language: English
Released: 2010
Size: 14.3 MB

Download from Hotfile:  LINK

from Uploading:  LINK

建設網站價格為什麼那麼便宜?

很多人問到為什麼有的網站制作要收幾萬元,甚至幾十萬元,可是很多網站建設公司的報價卻很便宜,一千多塊,甚至幾百塊,為什麼一個網站有如此懸殊的報價,便宜的到底便宜在哪裡?一般來說,網站要求的功能不同價格自然也不同,功能相對複雜的價格自然較高,功能簡單的自然就低。然而同一類功能複雜程度的網站建設(如企業產品展示型網站)為什麼有些公司報的價格那麼便宜,到底便宜在哪裡?

一、便宜在沒有營銷策劃

專業的網站建設都是基於企業的營銷戰略的,只有了解企業所處的行業、客戶使用習慣、競爭對手的情況才可以有針對性地規劃網站,做到網站符合企業發展戰略,反映行業特點、迎合客戶、區別於競爭對手的要求。

便宜的網站建設制作就不要指望有這樣的流程,甚至很多建網站的公司自己都不知道有這樣的流程,但恰恰是這一步的缺失,導致80%以上的網站根本不能為企業實現盈利。企業投資建網站的錢,不管花了多少也是浪費了。

二、便宜在網站設計水平

聘請一個會使用網頁編輯軟件的工人工資和聘請一個專業的網站設計師的工資差異是巨大的,一般來說專業的設計師月薪都在6000以上,而一個會PHOTOSHOP的所謂美工,月薪基本在3000多一些,軟件只是工具,會用軟件畫個圖並不代表就具有某種專業資質!

三、便宜在使用通用網站模板

網上有很多免費的網站程序源代碼和網頁模板,花上幾分鐘的時間找一些類似行業的網站模板代碼,改些圖片,甚至只改個名稱、地址就交貨,收個800,一定會讓你感覺到超級便宜,直到某一天你發現網站上還有一大批網站和你的網站很相似的時候你才知道便宜在哪裡。

四、便宜在沒有做任何網站優化

便宜的網站是不會幫你設搜索關鍵字的,甚至有時你會驚訝地發現你網站關鍵字居然是別人公司的名稱(用了別人公司網站模板的結果),至於網站內鏈、圖片的替代關鍵字等一系列的優化,那更是一省了之,這樣的網站就算被搜索引擎收錄也不會有很好的排名結果。甚至你打算做百度和GOOGLE的競價推廣時,百度和GOOGLE會因為你的網站質量太差從而調高你的最低出價,那麼你所浪費的錢可能就不止建一個網站的錢了。

五、便宜在編程技術水平

好的程序員他可以保證網站建設程序的運作速度和運作穩定,還得保障客戶資料、產品價格等商業機密的安全性。如果一旦你的網站存在安全漏洞,那麼一旦有人利用這個漏洞上傳了木馬,就可能使瀏覽者的電腦中毒,可能大家都有這樣的經歷,你登錄一家正規的企業網,殺毒軟件卻提示網頁有病毒,其實這類情況都不是企業的行為,而是企業網站存在漏洞被黑客利用來傳播木馬,可是不知情的人哪曉得那麼多道道,最終企業只能為自己貪圖一時便宜而買單,損失的絕對不是你花錢就可以買回來的。

六、便宜在沒有考慮不同瀏覽器之間的兼容性

不要指望便宜的網站會對網站進行兼容性測試,IE瀏覽器能打開就好了,至於國外客戶大半使用量的Netscape、FireFox瀏覽器瀏覽,網頁有沒有四分五裂、有沒有錯位變形那就是你自己的事了。

七、便宜在使用廉價的域名空間

如果你聽說域名空間都是白送給你的,肯定覺得好像很超值,且不說這樣的域名空間的穩定性和速度會不會對你的客戶瀏覽造成幹擾困惑和不耐煩。

如果你的網站做了競價,而客戶進來發現網站打不開,點擊費浪費是事小,客戶會認為你的公司是什麼樣的公司呢?

等你第二年被做網站的公司通知你空間域名要續費時你還會知道免費的午餐可不好吃的。至於多少錢,天知道是不是一個天價,你還別嫌貴,到時你不給都不行,不給你的網站就等着關閉吧。

八、便宜在沒有良好的售後服務

便宜的網站為了更多的節約成本,是不會有很好的售後服務的,甚至根本沒有。

九、便宜在其它的細節

這些細節都可能給你的網站帶來這樣那樣或大或小的損失,形象方面的、效率方面的、安全性的、還有減少銷售的等等,但任何一個細節所帶來的損失,都可能足夠建N個營銷型網站了。

總而言之,網站便宜是不可能真正便宜的,虧本買賣誰都不會做,企業建網站省來省去最後壓縮的還是網站的質量,最終損失的還是企業自己。而真正劃算的,應該是企業根據自身戰略,找專業的網站建設公司做一個適合企業自身情況的網站,功能夠用就好,不必要追求所謂的功能全面。做一個網站容易;做一個好看的網站也不難;但做一個能為你賺錢的網站是要花費你和設計師很多心思的!由於網站建設的公司很多,網站建設行業進入門檻低,網站建設行業惡性競爭導至這樣的情況仍將長期存在,而客戶卻不知如何選擇是好。所以企業在網站建設的時候一定要選擇一家正規並且有一定實力的公司是很重要的。

網頁教學網最後提醒一句:錢是賺來的,不是省來的!如果你打算在網站上賺到一百萬,那麼該投資多少去搭建這個營銷平台,相信作為每一位企業家心裡都有數。

來源:網絡營銷顧問羅賢清

5.05.2010

Webjx收集10個漂亮的Joomla!網站設計實例

Joomla!是一套在國外相當知名的內容管理系統(Content Management System, CMS),它屬於Portal(企業入口網站)類型,顧名思義,就是比較適合作為商業類型的網站程序。一般人對這類型的內容管理系統可能會有以下的別名來稱呼:

■ 架站程序(或軟件)
■ 快速架站程序(或軟件)
■ 整站程序

Joomla!是使用PHP語言加上MySQL數據庫所開發的軟件系統,可以在Linux、 Windows、MacOSX等各種不同的平台上執行。目前是由Open Source Matters (www.opensourcematters.org)這個開放源碼組織進行開發與支持,這個組織的成員來自全世界各地,小組成員約有150人,包含了開發者、設計者、系統管理者、文件撰寫者,以及超過2萬名的參與會員。目前,Joomla!最新的版本是1.58多國語言版。

Festivais

clip_image001

Vig Tees

clip_image002

Grubor Design Factory

clip_image003

Pixelosaurus World Design

clip_image004

Killer Web Directory

clip_image005

The Porchlight Community

clip_image006

CAWOOD

clip_image007

Asociación Cultural El Recreo Literario

clip_image008

Christine Lu

clip_image009

Singapore Mozaic

clip_image010

Raffles College of Design and Commerce

clip_image011

Vanilla Live Games

clip_image012

Magenta

clip_image013

Astia

clip_image014

FABRYKANCKA

clip_image015

來源:網頁教學網