顯示具有 網頁設計觀念 標籤的文章。 顯示所有文章
顯示具有 網頁設計觀念 標籤的文章。 顯示所有文章

2009年12月27日 星期日

IE6滾回家吧!不再使用IE6啦~!

這是一張畫風可愛但譏諷意味濃厚的插畫,是國外插畫家 John Martz所繪製,主要是調侃還在用IE6瀏覽器所帶來的的相容性問題,國外也有不少網站也一直在提倡不要再使用IE6(還要去顧到IE6真的是網頁設計師的夢靨),我覺得這張圖還蠻有趣的,確實點出了網頁設計師的心聲,因此把它放到部落格上跟大家分享。

原本的出處網址:http://www.robotjohnny.com/blog/ie6-denial-message-for-momentilecom/
底下這張圖是原圖:

底下這張圖是有熱心網友翻譯成中文:


IE6:你們為什麼總不讓我一起玩?
SAFARI:IE6!你給我滾回家去吧!
OPERA:對啊,你經常把我們最酷的玩意兒弄壞!
FIREFOX(轉頭跟IE7說):我真不敢相信那是你兄弟。
IE7:不要再提醒我了.....


2009年8月29日 星期六

透過IE8瀏覽器做本機端檔案上傳時會產生錯誤的調整方式

最近開始可能有些人會發現,到很多網站的前後台使用檔案上傳時,或者是到自家原有的網站系統做檔案上傳的功能,都會出現錯誤變成無法使用,如果您有出現這樣的問題,請先確認一下是否瀏覽器有使用或升級到Internet Explorer8,如果是使用IE8,則很有可能是因為IE8考量安全性之類的問題,而將使用瀏覽器把本機端檔案上傳到網站的功能預設成關閉,所以造成的狀況,如何解決請參考下列步驟。

1

開啟IE8瀏覽器,在功能表列上選擇「工具」/「網際網路選項」
2

在「安全性」的頁面標籤裡,選擇「網際網路」,按下「自定等級」按鈕。
3

在「雜項」裡,把「將檔案上載到伺服器時包含本機目錄路徑」由原本的停用狀態改選擇成「啟用」,並按下「確定」鈕。
4

上述設定完成後,記得要將IE8瀏覽器關閉後再重新開啟原本系統的檔案上傳功能做測試,應該上傳功能就可以順利使用了。

補充說明,最近發現好像作業系統有做更新修補後,連IE7都會發生檔案上傳的問題,修正方式跟上面的IE8修正步驟一樣,都是把「將檔案上載到伺服器時包含本機目錄路徑」由停用狀態改選擇成「啟用」即可解決!


2009年5月12日 星期二

好書推薦:小丸的SOHO創業寶典--網路資訊業私房接案密技

先說明一下這本書不是站長自己寫的,是站長的好友小丸寫的(寫了很久的精華呦!),不但寫的很好且排版也精美,對於已經在資訊設計業或有志於這方面行業的人來說,很具有參考研習的價值,所以站長仍是要貼上來給他大力的友情支持啦~!


‧作者: 小丸 ‧書號: ACU052500 ‧出版日: 2009/04/29
‧價格: 390 ‧類別: 網頁設計 ‧開數: 18K ‧頁數: 292
‧色彩: 彩色 ‧附件: CD*1
‧ISBN: 9789861816562
‧EAN: 9789861816562

本書SOHO接案交流論壇:http://soho.toyou.tw/






本書簡介:
兼差打敗不景氣,當個SOHO創業去!
超值光碟大方送,新手SOHO輕鬆上路!
接案管道 → 成功提案 → 專案管理 → 企劃執行 → 順利結案

◎成功的SOHO族提供你最實在的建議,讓你在接案路上少走點冤枉路!
◎快速接案法寶–文字商標常用十招、網頁視覺配置與色彩運用。
◎價值萬元小丸寶盒大方送– 接案常用文件、素材、簡報、網頁版型,再加折價卷全部送給你!

內容特色:
不景氣?無薪假?被裁員?空有一身好功夫卻不知怎麼接案?
小丸累積了十多年的設計與接案經驗,不論是接案前的準備、執行專案時會碰到的各種疑難雜症到如何順利收款結案,就算冒著被客戶追殺的危險,也要告訴你這個中祕訣,讓你一圓SOHO 創業夢!

◎接案管道:勇敢的掃街、努力盯著發案訊息、善用SEO排序…不用花大錢也能讓客戶發現你的存在。
◎成功提案:好的企劃書及專業的簡報是成功接案的第一步,良好的互動及溝通也不可少。
◎專案管理:如何有技巧的溝通,善用各式文件與表格,掌控自己與客戶的時間,才算是成功的專案管理。
◎企劃執行:設計和程式人員的合作無間,是執行的重要關鍵,
設計、業務、程式接案不能不說的秘密,請看本書一一道來。
◎順利結案:努力了半天,最重要的還是要結案收款,但偏偏越想結案越是做不完,從規格報價到案件跟催,每個環節都不可馬虎,才能收到辛苦錢!
◎設計撇步:Logo設計常用十招讓你打遍天下無敵手,作品先配個好看的顏色就成功了一大半,小丸獨家撇步無私好康分享!
◎設計甘苦談:如何開始創業、成本的精打細算、案子接與不接的掙扎、如何與同行合作…都是成功的關鍵因素

別當個SOHO便利貼,別把自己的身價搞爛了,跟著小丸來場SOHO復興運動!

◎小丸寶盒大方送
◎快速建立網站:提供五款價值上萬元的網頁版型素材,不同風格、好用好套的版型設計原始檔以及html檔案。
◎漂亮圖庫分享:業界資深設計師分享親自拍攝的圖片,別怕找不到圖可用了。
◎專業簡報格式:同風格底圖及PowerPoint範本,只要打字和插入圖片就可快速提案。
◎接案常用檔案:大方分享設計報價單/制式合約書/新增製作費用表/網站建置提案…等接案相關文件檔案。
◎法律文件書函:案件討債討不到?送份給客戶吧!
◎優惠折價卷:捕夢網數位科技-主機租借優惠/CJob接案人專案外包或CJob人力網 8折特惠卷

章節目錄:
1. 接案人快速入門
2. 設計經驗分享
3. 網頁設計的視覺配置與色彩選用
4. 平面設計與商標設計
5. 接案經驗分享
6. 創業的模式
7. 接案血淚秘辛
8. 設計資源篇

光碟說明:
◎漂亮圖庫分享
◎專業簡報格式
◎接案常用檔案
◎法律文件書函
◎優惠折價卷


2009年3月15日 星期日

網頁製作流程與優勢

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

網頁製作流程:

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


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


2009年3月1日 星期日

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

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

企業網站建置的種類:


網路服務的構成:


2009年2月22日 星期日

網頁設計軟體列表分析

筆者將網頁設計軟體的屬性與學習方向,以表格的方式條列出來,希望有助於有志於學習此方面的朋友觀看與理解....

簡單來講,最好在網站設計領域裡能如下表學完一直列會比較有幫助(例如會網頁編輯設計軟體、又會點陣式影像處理軟體、又會點陣式動畫軟體…),而如果能橫向發展(例如同時會三種網頁編輯設計軟體),則是遇到問題時能夠思考用哪一套軟體去設計比較便捷,可以較為快速解決問題(其實同類型軟體大部分原理與發展都類似,學第二套同類軟體時多半可以較快上手),以一般網頁視覺美術設計的需求,多半要會Dreamweaver(偏網頁設計功能)、Photoshop(不過網頁用圖其實用Fireworks就夠了)、Flash,若有需要繪製較複雜的向量圖才會用到Illustrator,筆者自己個人喜好比較特殊,習慣用Expression Web2、Ulead PhotoImpactX3、SWiSH、CorelDRAW為主,其他的軟體搭配為輔,而微軟的Silverlight動畫目前尚未成為主流可以先不用去學。

Adobe解決方案Microsoft解決方案其他解決方案
網頁編輯設計軟體(HTML、XHTML、CSS、SCRIPT)Dreamweaver、GoLive(已淡出市場)Expression Web、SharePoint Designer、FrontPage(已淡出市場)…Namo WebEditor、NetObjects Fusion(已淡出市場)…
點陣式影像處理軟體Photoshop、FireworksExpression DesignUlead PhotoImpact、Corel Paint Shop Pro、Corel PHOTO-PAINT…
點陣式動畫軟體(GIF動畫)Photoshop、FireworksMicrosoft GIF AnimatorUlead GIF Animator、Ulead COOL 3D…
向量式繪圖軟體Illustrator、FreeHand(已淡出市場)Expression DesignCorelDRAW…
向量式動畫軟體Flash(Swf動畫)、LiveMotion(已淡出市場)Expression Blend(Silverlight動畫)SWiSH(Swf動畫)…
網站程式設計軟體DreamweaverExpression Web、Visual Studio .NET、Visual InterDev(已淡出市場)UltraEdit…

備註一:上表指的是偏網站建置,如果要平面設計則要比較偏重Photoshop(可以處理CMYK)、Illustrator或CorelDRAW及InDesign或QuarkXPress以及Adobe Acrobat,還有印刷實務方面。

備註二:上表沒有列出音效方面的編輯軟體,例如Goldwave、Sound Forge,也沒有列出多媒體編輯軟體,例如Adobe After Effects、Microsoft Expression Encoder。

備註三:網站程式設計程式設計其實還分有許多語法以及功能規格,例如Ajax、ASP、ASP.NET、PHP、JSP、ColdFusion…,向量式動畫軟體內也可以撰寫程式(例如ActionScript),細節不再本篇討論範圍內。

各種軟體的操作筆者一直覺得只是一個工具的運用(設計的本質主要賣的還是您的創意與美學素養),只要先選定要用的軟體(軟體各有其優缺點,並沒有絕對是哪套最好,只要自己使用習慣順手就好),這方面的書可以自己去書局翻閱,找幾本您自己覺得比較看得懂與合您學習口味的作者即可(例如有些人習慣用指令式功能教學,有些人習慣用範例帶入指令式的教學)。


網頁設計好書推薦

推薦一些關於網頁設計類型的書供您參考,這些都是筆者曾經閱讀過的覺得不錯的書....

網頁設計的一些基礎觀念,建議您可以看下面兩本書,這兩本是日本作者翻譯成中文的,日式的寫法觀念很清楚易於閱讀。
★快速掌握Web設計技法,博碩文化出版
★速習!網站設計達人講座,旗標出版

基礎的HTML的觀念與架構是需要認識的(含XHTML),CSS的架構也要清楚,這本是工具字典書,不是要你全背,簡單基本的知道就好,一般還是用網頁編輯器產生碼,但要知道網頁編輯器產生的碼大概是再做什麼的,有需要手動細節修改時才會改,需要時再翻找本書語法與應用就好!
★CSS‧HTML‧XHTML精緻範例辭典,旗標出版

在新型態網頁設計都需要用CSS做版面編排,早點學會比較好,用表格做主要編排會逐漸落伍,但CSS也有其複雜處,而且要會學會靈活應用是要花時間去試與學的。
★Web CSS 網頁設計大全,博碩文化出版
★無師自通的Web設計-CSS的12大類網站設計專題製作,博碩文化出版

關於配色與版面設計,這不是短時間內可以速成的,如果不是原本視覺設計相關科系的人(我自己也不是學這方面科技背景的),自然要多辛苦自己進修充實,還有要多看與多做(一開始可以從找好的樣板模仿去做),一般說來網頁設計主流大約可以分成歐美式(極簡、絢麗、商業、搞怪)、日式(樸實嚴謹、溫馨、可愛、保守)、韓式(配色大膽、鮮明凸顯),配色也可以由這個網站預設主要的瀏覽族群去思維,或是由企業商標配色去做延伸(這是比較保險的作法),也可以搭配相近或相同色系不同深淺的顏色,還有要注意的是網頁版面設計不比平面設計可能內容尺寸都是固定範圍,必須要去考量這個版型若是搭配程式資料庫動態塞入資料進來時,會不會造成版面破掉等問題,要怎要去避免與銜接延伸版面等也需要多練習才能獲得較好的經驗。
★配色王-最能激發創意與觸動人心的配色技法,博碩文化出版
★e-project創意網站經典,碁峰出版
★WEB LAYOUT設計的美學,旗標出版
★Web Better Design設計師談精彩網頁設計,松崗出版
★企業形象網頁設計,藝風堂出版
或者可以購買一些版型配色方面的書籍例如到:
http://www.sungoodbooks.com/sungood/index-categories.php?cPath=70
http://www.yftpublisher.com.tw/DP-3.htm


2009年2月21日 星期六

給要走網頁美編設計的初學者一些建議(三)

不少設計公司常常不願意花時間成本培養新手(萬一快培養好結果就離職走人,對設計公司來說是很傷的),所以設計助理或新手設計師薪資很低但工時長(且希望要會的東西還是不少),這樣還不見得容易應徵上,大部分設計公司都會希望來應徵者是即戰力可以立即上火線的(若你是設計公司老闆的角色大概也會這想)。

以設計業普遍來講算是比較少重視學歷,大部分都是以經歷(例如你待過哪一家知名的設計公司幾年)或作品,尤其是作品,因為很現實的層面,如果一個學歷是博士一個學歷是大學,基本上設計公司不太會因為學歷高而錄用(因為常常是理論過多實做不強,應徵主管又不夠,有點不上不下,會覺得點貴又不好用),相反的如果學歷沒那麼高但作品好有時反而會受歡迎(因為薪資要求也會比較適中合理)。

您可以把設計當做是第二專長(畢竟平時興趣與短期的訓練,在大部分設計公司眼裡並不討喜),先把您學校主專長顧好(很多人常常覺得在學校那麼久沒學到東西,其實只是自己沒發掘,即使是理論或者是多聽幾次專有名詞還是多少會有潛移默化的效果),第二、第三專長也會有加分的效果,,但相對的一下子要把第二與第三專長拿來當做第一專長主力確實是太過沈重,如果您真的對設計這樣行有興趣,除了偶而能接些案件充實自己的作品集之外(如果兼職接些案件,我覺得價錢低一些沒關係,但不要接太趕的,要有充裕時間完成把一些很作品先磨出來),要是有段時間沒有好的兼職案件,建議您可以去參加一些比賽(很多設計論壇網站常有這類訊息),至少他會有些主軸與方向讓你去設計,雖然一開始大概是拿不到很名次等於是花時間做白工,但您可以藉由這樣的設計經驗,去看看那些得獎者的作品是怎樣(通常設計比賽應該都會公布得獎作品),這樣您可以多少知道別人得獎的作品設計思維與展現方法與技巧,因為您自己也有做過所以感觸會比較深,也可以累積您的作品集,經由這樣的經驗也會有利於較快速的學習,之後若能有因此獲得一些獎,除了自己履歷上好看之外,對於找這方面工作上也會有加分效果!

筆者自己很多年以前(快十年前了吧)曾經參加過PCHome的網頁設計比賽(某個藝人的,承辦單位有準備文字與照片素材),雖然沒得獎,但可以看到其他得獎者用一樣的基本素材做出來的成品,確實是比我做得好,但就可以去觀摩別人怎樣做的(尤其自己有做過再去看印象很深,幫助比較大),若您沒有自己做過而去看得獎者的作品其實感覺這不會那樣深(只是走馬看花看過去而已)。

之後筆者有參加過國稅局的網頁設計比賽,可能有點幸運有得到第二名(在一樣的素材下這次比較有經驗先研究比較久才下手做),那個比較正式還有得到獎狀,也算一次還蠻難得的經驗,後來就因為做比較商業與業務客服系統分析等事情,就沒有再參賽了!

關於本文第一段提到的新手到企業任職的事情,或許常見的觀點是會認為企業很不願意栽培人,,除了新人任職往往穩定性不夠,或者是學完後沒多久就離職對企業是造成很大傷害(因為新人前幾個月的產值是很低,反倒是企業必須花費很多額外人物力與時間去培養),底下這一段文字是引用節錄自邱文福先生的部落格全文請參考,我覺得有闡述出中小企業主的觀點思維:

談到憲法保障,人民生存權、工作權與財產權都是保障範圍,勞基法是否過度保障勞工?蔑視資方造成經濟發展殺手?如果中間出現不平衡保障,也是人民的資方,能提出憲法層次的抗議嗎? 例如說,我們年輕時的學徒制度,一個從不會到會的過程,常常就是企業新人的傷害,資方為了進用新人,於社會發展本是正向價值與意義的,但是在進用新人時,企業的風險除了新人勘用與否,還要施與培訓,其代價與付出之高,若不是此人足以長期擔任伙伴關係,根本是企業生存的一大殺手;然而,當新人在磨合期尚且無法勝任,勞基法卻給予完全保障,完全忽略企業新人適應問題對資方可能造成的巨大傷害。 這中間因此出現的不平等生存權其實就非常清楚了。政府、法院的執事者或傳統的非理性主觀意識,從來都認為資方屬於強勢一方,勞方則為弱勢,事實上這是非常錯誤的觀念。


給要走網頁美編設計的初學者一些建議(二)

當有一天興趣成為賺錢謀生的壓力時,的確有時候會變得不那麼美好,不過現實生活往往是如此,社會上是形形色色各種客戶都有,這也就是實務的經驗與歷練的重要了,其實筆者自己也一直不斷的學新知識,資訊&設計類的東西很多真的只是聞道有先後、術業有專攻而已,很多跟年齡無關,只是要不要去用心與有耐心去學以及留意業界的一些趨勢潮流而已!

若您有做短期進修課程,需提醒您要了解上的課程只是速成引領入門,後續還是要靠自己有心去持續學習,且這類進修課程,說實在的講師與教育機構其實都會有默契只要不缺課太誇張,基本上都會給不錯的分數與順利結業的,畢竟講師也都不想自找麻煩,甚至有些講師自己也想要混過去教完就好,而教育機構主要也是留意學員能否符合補助資格規定與有繳費或學員對課程的反應等,加上是學習的環境講師一般也不會太苛求學員(免得導致學員向教育機構反應不良),並且一些範例講師都會挑過比較容易做讓學員有學習成就感,所以實際上跟外面客戶的要求難免會有一段不小的落差,這些等您後面有到一些業界任職時大概就比較能體會了,不過設計公司多半規模都不大,所以大會希望是即戰力,設計類的職務薪水不高但工作時間不短,或許您也可以找一些較大型公司有缺設計美工、企劃人員之類的職缺發展看看,或是一些小型但非資訊設計行業的職缺,有一些經驗與作品後,再往一些比較知名專業的設計公司求職。

不過設計在某些層面來看是一件很主觀的事情,例如您設計了一個畫面,A君覺得很棒有90分,可能B君覺得還好只有70分,像筆者也蠻常遇到客戶承辦窗口覺得不好,但客戶老闆覺得很好(或者是情形相反),所以設計有時候要做出的不是設計師自我為中心認為最好的,而是要做出符合客戶決定關鍵人物的角度口味,並且讓大部分人看了都有一個水平之上的分數就可以了,很難達到完美的,且還要去考量先期詢問、導引客戶、成本、時間等因素,盡可能在預定的時程預算內把結案才行!


2009年2月8日 星期日

給要走網頁美編設計的初學者一些建議(一)

因為前一陣子友人的親戚不是本美術相關科系,但有去做幾個月的短期進修學了一些相關的課程,有詢問筆者一些要到這一行發展的建議,我把一些回覆的資料整理一下,也貼上來給有興趣的人參考看看(因為以前也常被問到這類問題,或許這些建議對有些人會有些許幫助).....


非美術科系要走這行的人,常常對於未來要發展的路不是很清晰,建議要去思考一下要怎樣走,除了一些天份之外,有心、有毅力、要學習與自我鞭策是很重要的,我並不是歧視非本科系的人來學習與進入這樣行(事實上我自己也不是美係相關科系出身的,所以何來歧視?),但的確有不少人是因為自己有點興趣或是覺得美術設計好像比較容易上手,所以才來做這一行,但往往都做不久。

以下幾點建議:

  1. 最好還是有到一些業界任職的經驗或兼差累積經驗,尤其若有心磨技術,應該到比較偏純美術設計公司去任職發展(一開始先不要太去計較薪水,說實在的在沒經驗的情況下,有很多設計公司也不會輕易錄用),一開始學完就要出來自己或幾位同年齡同學獨立做,真的是會很吃力,尤其不景氣不管是專職或是接專案更是競爭非常激烈的!不建議一開始就自立門戶創業,最好還是先到業界任職取經學習,有較多經驗後面再評估是否創業為宜。
  2. 要學會練習做些商業類風格的東西當作品,畢竟商業類的設計仍是佔市場大宗,一些Q版、手繪等創意或個人商品在企業層面上運用相對來說是較低(我並不是說這類的不好,但若您是要做以企業網站設計為主,最好設計上要偏商業專業一些的風格導向會比較討好),若要走手繪或強烈設計風格的路線,或許可以看以下幾點。
  3. 這是我蠻欣賞的設計師T恤品牌網址http://www.sono.idv.tw/,其實設計後再印成T恤帽子等都有工廠可以配合這塊,主要是賣創意設計,也是很辛苦做了很多年,一開始還要自己送貨面交等,後來慢慢的有些服飾專櫃等通路覺得設計不錯,才有些專櫃有經銷賣,也是一路很辛苦過來,品牌與口碑打開後,目前的發展就相當不錯了!
  4. 阿里不達的家http://ng119.toyspa.net/02001.htm在設計界算蠻資深,有做個性化商品http://ng119.toyspa.net/2006.htm或是http://ng119.toyspa.net/w001.htm,算是老師級的強人,他的網站很用心寫了很多教學與下載(要花時間經營網站)。
  5. 魅剋設計http://www.justmd.com/知名的個人性質接案電子報美編設計,很有個性與堅持,也是有走出一條自己特色的路。
  6. 不然就要走像彎彎這種http://www.wretch.cc/blog/cwwany,其實他當初也是無心插柳,主要是自己有興趣畫與經營部落格,結果後面才出版書等算大賣而有其他商業行為,但這種除了畫風能被市場接受之外,其實內容很重要(都要想梗),不是畫得好就可以的!


前幾天報紙才有登,警方破獲一個詐騙集團,其中有一個車手原本職業是畫家(還是有參展得過獎次的),因為他已經兩年都賣不出去畫(大陸低價畫等因素導致的),所以為了生活才加入犯案,說這個好像是有點嚴重,但其實要走出一條路與有個方向與特色真的很重要,否則只靠低價絕對還是有人可以更低就賣(即使東西有一定品質),現實面往往很多情況是如此的!

做設計能夠堅持很久且能冒出頭紅的,其實機率還真是不大,現在看到這些檯面上的都有好幾把刷子,後面更多是一票失意或不被市場接受的人是沒被看到的(其實應該說絕大多數的行業都是如此,只是競爭激烈的程度有差而已),除了某個專長要專精之外,最好也能有第二或第三專長(且最好能跟原本專長能搭配得上),例如擅長繪圖的人除了持續精進之外,最好能有網站方面知識等,會更有加值加分的效果,在課堂上學的大多是講師已經整理好讓您好吸收的,即使有做專題作業畢竟是學習環境相信講師也不會太要求,只是要有個分數高低評比而已,跟實際接案上會面臨到形形色色的情形其實會有不小的落差的(有些並不一定是設計面的問題)。

像十年前網路還沒有那麼多人可以專精競爭時,筆者簡單寫些教學放到網站上就有點閱率與有人找接案,但現在如果您要這樣走一定是行不通(已經太多競爭者網站),聽比我更久之前的前輩說,他那個時代是簡單用HTML(那時候根本沒有網頁編輯軟體)寫靜態網頁每一頁可以賣到台幣4、5千元(會的人少自然物以稀為貴....),這個在目前來說簡直就是不可思議的天價,所以說每個年代有每個年代的環境與機運,不用想說短時間可以速成贏過很多前輩(畢竟人家有很多實務經驗與歷練),您只要先去想想看自己怎樣能比你們同輩勝出,其實就已經會很有競爭優勢了!

當然筆者自己也不敢說做到多好,但至少有在這個行業跌跌撞撞磨了些年,當興趣要成為賺錢的職業時,往往就會變得不那麼有趣了,但能把興趣轉化成對職業上衝力、動力以及有毅力的人,自然能提高成功的機率,希望這些經驗思維對您未來進入這一行發展上會有一點幫助與啟發!


2008年10月18日 星期六

網站建置好站介紹

介紹幾種建置網站時可能會用得到的好站,後面會再陸續更新擴充~!

類別站名與網址說明
網頁設計網站:網站建置百寶箱學習各類網頁設計觀念時非常值得來觀看的好網站,裡面有許多不錯的教學文章。
FLASH論壇-Flash之神魂顛倒有免費加入會員的論壇討論式網站,各版面人氣都很高,值得時常前往瀏覽挖寶!
【卜維丰】HTML - CSS - JavaScript知名的電腦圖書作者,對於網頁設計有許多獨到的見解與原創性文章。
OECSPACEOECSPACE是一個綜合性的網頁製作教學網站,包含了CSS教學、Perl教學、Flash教學、網頁素材、游標等等主題,內容皆由站長親自撰寫與設計,整體而言是個非常細心且適合閱讀的教學網站。
織夢平台加強版介紹Dreamweaver等多種類類型教學!
麻辣學園站長出過很多類型的電腦書籍,裡面資料蠻多元化的!
程式設計網站:藍色小舖 BlueShop由專業團隊長期經營IT知識社群,提供優質服務,協助會員累積知識,創造專業價值!
可以說是寫程式的人必來的網站,尤其是撰寫微軟相關程式的工程師常會需要上來觀看此站才對。
程式設計俱樂部是一個由程式設計師/系統分析師/資訊專業人員所組成的社群網站。為國內資訊專業人員及學生族群提供一個交流的園地。
Hot Scripts國外很知名的各類程式範例分享的網站。
CoolASP.COM主要為各類程式教學!
網址討論:網域名稱俱樂部裡面有許多關於網址域名的討論與相關的文章。
多媒體資源網站:曾小兔主題遊樂園-小兔MIDI總匯歷史悠久的MIDI音樂檔下載網站,但須留意檔案不要做商業用途!
教育部創用CC資訊網-創用CC素材Creative Commons 所提供的公眾授權條款,台灣稱為「創用 CC 」授權條款,取其授權方式便於著作的「創」作與使「用」之意。
Content Directories - CC Wiki裡面列出了很多可以下載多媒體資源的網站!
Flash Kit國外很知名的多媒體資源下載網站,有詳細的分類與各種影音檔案可供觀看、試聽與下載。
SWiSHzone這是很好用的SWiSHmax這套軟體的國外官網,裡面也有提供不少免費多媒體資源下載。
檔案下載:教育部校園自由軟體應用諮詢中心裡面的自由軟體專區/應用軟體/網路應用,有提供一些免費軟體下載與教學資源介紹。


2008年3月9日 星期日

網頁製作未來的走向規範

W3C是制訂網頁設計規格發展裡最重要的國際性組織,新的瀏覽器與網頁編輯軟體都會去注重W3C規範的網頁裡必須加上DOCTYPE標示,並且逐漸由過渡性的(Transitional)演進成嚴謹的(Strict)的標示與寫法,傳統網頁寫法將會逐漸被淘汰。

過渡性的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

嚴謹的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

在未來網頁設計裡,遵循W3C國際組織的訂定的相關網頁規範是勢必的發展潮流,遲早都必須面對!但仍有不少業者與網站經營者仍是採用舊的網站製作技術與軟體,其實產生出來的網站會降低其競爭力!


瀏覽器版本與現況

根據W3schools這個國外知名網頁設計資源網站的統計http://http//w3schools.com/browsers/browsers_stats.asp,Firefox在瀏覽器市場的佔有率正逐步提升,在歐美等國外地區近半年使用Firefox的比率超過三成,後續發展頗有點像前幾年瀏覽器市場上IE與Netscape兩強競爭的態勢,在目前台灣的市場雖沒像國外使用Firefox的比率這樣高,但保守估計市佔率至少仍有一、兩成, 而且台灣市場的特色是往往相關網路資訊使用慢國外半年到一年左右才會發酵,未來如果您設計的網站不能有在Firefox瀏覽器觀看,將會逐漸喪失競爭力,但網頁美編與程式設計要同時在IE與Firefox瀏覽器執行皆無誤,其實需要相當的設計技巧與技術的。

Firefox瀏覽器說明與下載:http://www.moztw.org/firefox/

另一個需要注意的是新版的IE7跟舊的IE6部分解析也有不同,之前在IE6可以正常執行無誤的網頁,在IE7上執行仍有可能會有不相容的情形,但IE7絕對是未來市場的主流,設計的網頁能否因應提升相容,仍是需多注意測試的。

在未來網站建置的市場裡,相同瀏覽器不同版本間的差異性與不同瀏覽器之間的相容性,這些支援技術的研發仍是需要注重的,畢竟瀏覽者只有靠著瀏覽器來觀看網站,瀏覽者不會去注意這些問題,不能被瀏覽者所觀看的網站將會遭到放棄。


何謂CSS技術?

CSS(Cascading Style Sheets)中文翻譯是「串接樣式表」,是W3C組織所擬定出的一套網頁標準格式,以往CSS大多只常被用來做一些超連結文字的樣式設定,而網頁排版則是使用框線為零的表格做編排,事實上表格拿來做排版運用,在W3C 裡被認為是錯誤的作法,正確的作法應該使用CSS做版面編排配置,但由於需考量相容性、網頁編輯人員的舊習慣等技術操作問題,所以導致在台灣的網頁設計頁裡仍大多是使用表格做排版,隨著CSS的語法架構演進越來越成熟,舊的表格排版作法會慢慢逐漸被淘汰,台灣的市場反應通常都會比國外慢上半年到一年左右的腳步,但目前台灣一些知名的大型網站其實已經都悄悄採用CSS做排版了,例如Yahoo!奇摩、 MSN台灣、 Yam天空……,由此得知CSS版面編排架構未來在台灣一定會更普及。

CSS語法可達成的功能眾多,所產生的好處也非常多,不只是運用在網頁排版上,善用CSS幾乎可以達成美編語法跟傳統HTML語法以及其他程式語法完全分離,除了方便維護之外,對於網頁美編人員與程式開發人員的分工也可以更為明確,較少產生以前美編人員與程式人員彼此修改後去動到對方的語法的缺陷,如果能做成系統讓一般客戶修改,基本上可以讓客戶自行編修豐富的美編效果,未來一般企業網站對CSS可以有較大控制度的需求應也是會逐步增加。


2008年2月13日 星期三

網站鑑賞電視錄影教學

Jerry受邀到國立空中大學教學頻道電視課程影音錄影,以網站鑑賞為一系列主題教授播放在空大電視訊道與華視超高頻,播出時間為從93年9月中旬至94年1月中旬每週五晚間8~9點。

第一段錄影:


第二段錄影:


2002年10月18日 星期五

優質好站設計鑑賞Ⅰ

l201 書名:優質好站設計鑑賞Ⅰ
作者:創意之眼工作室 蘇東偉
書號:L201
價格:680
類別:網頁設計
出版日期:2002/10/18
頁數:336
印色: 彩色書
對象:入門→進階
尺寸:16K

簡介:
‧其實網頁設計還蠻容易入門的,除了事先要有詳盡的規劃之外,並且要選定適當的開發工具,明確定義網站的屬性以決定呈現方式,更重要的是將心目中的理念完美轉化成可供人瀏覽的網頁,才能成功塑造出一個優質好站,觀摩優秀網站是一個有效提升能力的方式。現今,華文網站第一設計參考指南~優質好站設計鑑賞,已經為您闢好通往優質網站設計的蹊徑,只等您盡情欣賞名家的美與好……

‧經分類整理後,容易尋找該類別知名網站設計方式。
‧觀摩各家網站之所長,激發更多創作與設計靈感。
‧明瞭某種設計路線能有的優勢與缺點,藉此多方衡量要採用的技術與限制。
‧網頁設計師、SOHO族承接專案對客戶說明版型的輔助書。
‧資訊、企劃部門人員對上級講解規劃網站時的範本書。
‧總缺臨門一腳的創意,需要臨摹練習時的參考書。

‧值回票價的書附光碟及讀者獨享優惠(速翻附錄)。
章節介紹:
本書分四個類型的網站評鑑分析, 內容如下:
A 金融、保險相關產業類
B 線上購物商店、書店
C 學校類
D 美術設計類
附錄.好用小工具
Hi-AD丹尼斯精彩圖庫
ImageDJ典匠精彩圖庫
Coreldraw網路藝廊範例檔
好用小工具
本書好站網址介紹


Related Posts Plugin for WordPress, Blogger...

訂閱RSS