2009年3月30日 星期一

Firefox瀏覽器裡加裝好用擴充套件Firebug

Firefox瀏覽器可以安裝一個很好用的擴充套件叫做Firebug,網頁設計師可以多加利用...

Firebug可以測試網頁上的速度、以及顯示html、JavaScript、CSS...等各種網頁程式碼的內容,可用來作為網頁設計上的除錯或改進速度上的參考,Firebug可以分門別類將網頁上的相關執行資訊顯示出來,讓您方便抓出錯誤以提昇運作效能。

請開啟Firefox瀏覽器,並用Firefox連到此網址下載,選擇「安裝到Firebug」,按下立即安裝鈕,安裝完成會顯示需要重新啟動以完成升級程序。

重新啟動Firefox瀏覽器後,請選擇「工具」/「Firebug」/「開啟Firebug」,Firefox底下即會出現Firebug的相關功能,您可以在主控台選擇Enable,然後選擇試一觀看全部資訊,或這是只看HTML、CSS、JS等個別部分資訊,也可以點選「網路」,可以觀看到這個網頁上的所有物件與程式碼運作的時間速度。


Frontpage與Expression Web

FrontPage沒有再出後續新版了嗎?沒錯!現在有了Expression Web....

FrontPage 網站製作工具已於2006下半年停止發行。為持續服務現有 FrontPage 客戶的廣泛需求,微軟將使用最新的技術提供這三項全新的應用程式建置與網站製作工具:適用於企業資訊工作者的 Microsoft Office SharePoint Designer、適用於專業網站設計者的Microsoft Expression Web Designer,以及適用於網站開發人員的 Microsoft Visual Studio。
參考網址

微軟網頁編輯器版本的演進:
FrontPage97 → FrontPage98 → FrontPage2000 → FrontPage2002 → FrontPage2003 → Expression Web1 → Expression Web2

微軟的FrontPage歷經了97、98、2000、2002、2003的五個版本後,已經進入尾聲,FrontPage將不會再推出更新的版本,往後將由Microsoft Expression Web Designer以及Microsoft Office SharePoint Designer來作為後續接力的新代號版本,其實這兩套軟體大部分的介面還是沿襲FrontPage的介面並已經推出繁體中文正式版一段時間了,所以如果熟悉FrontPage的朋友還是應該能很快的入手,Microsoft Office SharePoint Designer其實是比Expression Web Designer要多了可以與SharePoint Server協同整合的功能,不過必須有獨立主機與安裝另外付費的SharePoint Server,其他的功能則與Expression Web Designer相同。

其實Microsoft Expression Web Designer雖然乍看之下與原本FrontPage的操作介面近似,不過其軟體核心已經是以新架構重新改寫,它對於CSS2.X的支援度非常完整,產生的網頁Code碼也符合W3C公布的的網頁新架構標準,也對於ASP.NET支援度與整合性增強,這些特點也將是新型態網頁開發的主流。


2009年3月15日 星期日

網頁製作流程與優勢

本篇文章主要提供對於網頁製作有初步的概念,並比較跟紙本文宣相較之下,將資料網頁化的優點....

網頁製作流程:

  1. 主題架構:就是網站內容主題以及操作介面,先要想好。
  2. 取得工具:準備寫網頁的工具、圖片製作工具、網路工具。
  3. 編寫網頁:開始動工,編寫網頁,最累最有成就感的時候。
  4. 找個空間:寫好網頁就要放上網路,得找個免費空間來放。
  5. 上傳網頁:有了網頁空間,就將寫好的網頁上傳到網路上。
  6. 維護網頁:後續的維護網頁工作,保持網頁的新鮮度。


網頁相較於傳統紙本文宣DM的優勢:
  1. 方便即時修改,不用像傳統印刷紙張萬一大量印刷完要修改時,可能前面印刷的紙張都要被報廢,浪費印刷成本。
  2. 可使用超連結互相串連與說明。
  3. 可使用多媒體,包含聲音、影片、動畫等多媒體元素。
  4. 網頁資料放到網路上後,可隨時瀏覽查閱。
  5. 可搭配程式與資料庫撰寫前後台系統。


免費好用的流程圖繪製軟體

最近因為有課程之後可能需要用流程圖繪製,一般大部分用Microsoft Office Visio或是SmartDraw這類的付費軟體去繪製,不過我搜尋一下網路,發覺Dia這套免費的軟體也還蠻不錯的....

Dia下載後安裝起來,直接有繁體中文版的介面,以功能上來說,也算蠻簡易操作且功能也不差,可以用來繪製不同類型的流程圖與架構圖,安裝檔小巧(大約也才10幾MB),也可以將繪製的圖案匯出成20多種格式,以供其他軟體使用。


不過在使用上,筆者試過安裝Dia的v0.961版本,發覺有一個地方有點不方便,就是選擇圖形與連接線條的工具箱,軟體預設值是會讓工具箱被其他視窗遮住,變成常常要去找工作箱視窗(會浪費時間對工作效率上不好),其實可以做個小設定,在工具箱上選擇「檔案」/「偏好設定」,在「使用者介面」的頁面標籤上,勾選「令工具箱不會被任何圖表視窗遮蔽」的選項,再按下確定鈕,這樣再使用上就會變得便利多了!


您可以到教育部校園自由軟體應用諮詢中心下載與觀看教學,或是直接到原廠網站下載此軟體!

後續補充說明:
筆者後來發現新版的Dia 0.97.1-1 的安裝版裡,反而預設的語系沒有繁體中文版(只有簡中版),但反而是Dia 網站上有提供另外一個可安裝在USB隨身碟上版本叫做 Dia Portable 0.97.1 ,裡面則預設有繁體中文語系可選用(真奇怪...),所以建議您改下載安裝Portable 0.97.1版應該對使用上會比較好!


2009年3月2日 星期一

.com(.net)與.com.tw的網址以及前面有無加上www有何差別?

一般企業的網址申請,目前雖然可供選擇的網址(域名)種類很多,但一般還是會優先考慮.com(.net)或.com.tw這兩種網址,主要是大家好像比較習慣覺得這兩種網址比較"正統正式"一些...

簡單來說,.com(.net)這類的國際網址因為發展較早,所以差不多英文字典裡可以查得到的單字都被申請走了,大部分只能用諧音、兩個以上的單字拼字組合、自創字詞或加上數字或-_符號搭配...等的方式去申請,.com(.net)任何人都可以申請,沒有條件限制,.com(.net)的網址價格也比較便宜(相較於.com.tw的網址來說),若要走比較有國際觀或同時有多個語系,申請.com(.net)網址是不錯的選擇!

其實國際網址還有.org、.info、.biz、.us、.name...等很多種,價格上大多相同,但這些網址屬性因為大家比較不習慣,所以使用率上比較低。

.com.tw的網址必須要是公司行號身分才能申請(個人無登記立案等證明文件是無法申請這類的網址),以前必須要送相關證件紙本(例如營登、編配書、設立許可證、營業稅藉資料等)才行,現在雖可直接申請不用送紙本證明,但原申請資格條件仍在,也就是說如果沒有公司行號身分而去申請.com.tw雖然可以成功,但如果之後被檢舉填其資料不實而提不出證明,網址機構是有權依註冊管理辦法取消此網址,所以申請.com.tw的網址,在一般認知上是比較輕易可以辨識出來這是一家在台灣的企業,但由於.com.tw的推出與發展比較晚,一方面也是網址機構的規定與訂價問題,所以.com.tw的網址年費一定都會比.com(.net)來的貴。

至於很多網址前面會加上www,www是全球資訊網(World Wide Web)縮寫的意思,其實並不一定要加上(只是大家習慣有點變成約定俗成都習慣有加上,其實現在也有很多網址是沒有www,或是有加www或沒打www也一樣可以對應連線的),在跟網址機構申請網址時是不用填入www,之後若需要則是需要在主機端DNS(這牽扯到比較深的網路技術就不討論了)去設定成www即可!

網域名稱的命名規定:
63個以內的英文或數字
可以是A~Z的英文字母或0~9的數字
可包含「-」短線
網址的第一個字或最後一個字必須是英文或數字,不可以是「-」短線


2009年3月1日 星期日

企業網站建置的種類與服務的構成

本文的兩張圖,為筆者認為的企業網站建置的型態,以及構成一個網站該有的網路服務要素。

企業網站建置的種類:


網路服務的構成:


Photoimpact教學好站分享

介紹幾個筆者覺得有Photoimpact教學的不錯網站...

PhotoImpact官方網站教學課程
http://www.corel.com/servlet/Satellite/tw/ct/Content/1200587370858
Corel原廠官方網站上有放了不少的教學,還有之前的友立產品用戶討論區也可以去看看。

楊比比‧楊 三十七度半
http://www.wretch.cc/blog/mscraft
Photoimpact的教學大概在這個部落格是最多最猛的了,我很多年前曾經上過楊姁老師的課(不過不是Photoimpact而是AutoCAD),後來在研討會聽到楊姁老師的Photoimpact課程,覺得楊老師講話變得很幽默呦!楊老師出的Photoimpact的書我覺得都不錯:http://musecraft.myweb.hinet.net/

瀟灑
http://www.wretch.cc/blog/jackiewu7
瀟灑老師的部落格,裡面也有Photoimpact的教學,在研討會聽到瀟灑老師的Photoimpact課程,覺得瀟灑老師的鄉土風格還蠻可愛的!

陳尚斌之 PhotoImpact 教學網站
http://www.hccvs.hc.edu.tw/Pipi/PI/Index.htm


其他語系知名的搜尋引擎

除了台灣的搜尋引擎之外,將其他語系的知名搜尋引擎列表出來供您參考...

大陸
1.搜狐 http://www.sohu.com/
2.百度 http://tw.baidu.com/
3.網易 http://www.163.com/
4.中國網址黃頁 http://www.114.com.cn/
5.搜搜網頁 http://www.soso.com/
6.北極星 http://www.beijixing.com.cn/
7.名捕 http://www.mingbu.com/

香港1.添達香港搜索器 http://timway.com/
2.Y28.com威易發 http://www.y28.com/index.php

日文1.goo http://www.goo.ne.jp/
2.infoseek http://www.infoseek.co.jp/
3.freshEYE http://www.fresheye.com/
4.excite http://www.excite.co.jp/

英文1.Google http://www.google.com/
2.Yahoo http://www.yahoo.com/
3.MSN http://www.msn.com/
4.LYCOS http://www.lycos.com/
5.altavista http://www.altavista.com/
6.lyGO Visual Search http://www.lygo.com/
7.Excite http://www.excite.com/
8.looksmart http://www.looksmart.com/
9.dmoz http://dmoz.org/
10.A9 http://a9.com/
11.Clusty the clustering search engine http://clusty.com/
12.Gigablast http://gigablast.com/
13.Ask_com Search Engine http://www.ask.com/
14.Alltheweb http://www.alltheweb.com/
15.whatuseek http://whatuseek.com/


繁體中文搜尋引擎基本登錄

做好網站然後去登錄搜尋引擎是基本動作!介紹在台灣幾個主要搜尋引擎的免費登錄網址位置...

Google

世界級的Google有著相當驚人的蜘蛛程式自動搜尋資料技術,所以往往您不需要特別將網站去Google做登錄資料也常會被找到。
如果您想手動到Google登錄您的網址,可以到 https://www.google.com/webmasters/tools/submit-url?hl=zh-TW&continue=/addurl&pli=1 登錄(需登錄Google帳號)。

Google Blog 網誌搜尋
Google另外還有一個專門搜尋部落格的服務,若您的網站是部落格型態,您也可以到 http://blogsearch.google.com/ping 去新增索引,增加曝光的機會。

Bing(以前為MSN 台灣,目前Yahoo!奇摩的搜尋已經改使用Bing技術)
軟體大廠微軟公司成立的搜尋入口網站,隨著MSN Messenger即時通訊軟體的普及,連帶也使得MSN搜尋網站的知名度與使用率大增。
不過現在MSN網站的搜尋已經改成Bing,您可以到 https://ssl.bing.com/webmaster/legacy/submitsitepage.aspx 進行登錄。

hiPage 中華黃頁網路電話簿
可免費加入會員登錄,請由http://hipage.hinet.net/frmMeIdvUpdForm.asp進入。


得知有無被搜尋引擎登錄索引記錄

介紹兩個指令語法小技巧,讓您搜尋引擎裡究竟有無記錄到您的網站資料...

site:
網站沒有出現在搜尋結果頁的主要原因是搜尋引擎並沒有索引到您的網站,而要如何知道網站有沒有被索引呢?
可以在搜尋引擎(Google、Yahoo、Bing等)網站的搜尋欄中,輸入指令"site:www.mysite.com" ,指令內的網址請輸入您自己的網站網址, 將會顯示出此網址有被搜尋引擎索引到的網頁。

link:若您希望知道搜尋引擎裡有紀錄哪些網站有連結您的網站網址,可以在搜尋引擎(Google、Yahoo、Bing等)網站的搜尋欄中,輸入"link:www.mysite.com" ,指令內的網址請輸入您自己的網站網址, 將會顯示出此網址有被搜尋引擎關連到的所有網頁。


SEO的禁忌

介紹幾個做SEO優化時該注意的事項與盡量避免的事情...

不要過度使用SEO作弊手法
不要過度使用SEO作弊手法,例如大量相同關鍵字重覆在meta裡、註解作弊、同底色隱形字作弊、迷你字作弊、轉移首頁作弊等方式,因為這些方式已經逐漸被各搜尋引擎防範抵制,亦有可能用了這些方式反而導致被列入搜尋引擎的禁止收錄的黑名單。

不要炒短線,要有時間耐心SEO並非即時可生效的,需要有一段時間才能生效,甚至有可能要花很多時間觀察與調整,所以有耐心與細心才行。

每個頁面關鍵字不宜過多
不要想在一頁內容裡塞滿各方向的關鍵字,這樣會得到反效果,應該挑出幾個關鍵字,平均分布在文章裡。


Related Posts Plugin for WordPress, Blogger...

訂閱RSS