個人相片
色.忌 網頁設計工作室
100一義02 王麗雅發表於2011年 10月 29日(六.) 17:27

我有查到一些資料喔

可是我不太確定一定要有什麼 有沒有人家裡有相關書籍

免費網頁設計軟體
這面主要收集一些免費的網頁設計相關軟件,Photoshop又或者Dreamweaver雖然強大,可是未必每一間公司也擁有它們,在沒有強大軟件的協助處理網頁設計工作會變得相當地困難,而現在的免費軟件如比較出名的Open Office也愈來愈成熟,網絡上還有不少這類沒有名氣的工具存在。

圖像處理軟件
GIMP GNU Image Manipulation Program (GNU圖像處理程式) 的縮寫,是一款跨平台的點陣圖像處理軟體,可以進行相片潤飾、圖像合成和創建圖像等工作。GIMP 可以在 GNU/Linux MS Windows Mac OS X等平台下運行。

Inkscape. Draw Freely. 是一套向量圖形編輯器,以自由軟體授權發佈與使用。該軟體的開發目標是成為一套強力的繪圖工具軟體,且能完全遵循與支援XMLSVGCSS等開放性的標準格式。此外Inkscape同時也是一套跨平台性的應用程式,針對不同的作業系統它都有能搭配對應執行的版本,如Windows版、Mac OS X版、Linux版、以及類UNIX版等作業系統,不過主要仍是以Linux為開發平台。

AZPainter 是一套日式(Azsky)的免費點陣圖繪圖軟件,它和PainterSAI之類比較接近,是專門用作電腦繪圖的自由軟體。作者網頁中有AzPainter講座,對於初學者十分體貼。Azsky還有其他圖像處理軟件,當然都是日文軟件。

Blender 是一套三維繪圖及絢染軟體。它具有跨平台的特性,支持FreeBSDIRIXGNU/LinuxMicrosoft WindowsMac OS XSolaris,及SkyOS

Live Brush 與其他繪圖軟體不同。首先他並不是一個編輯圖像軟件,他主要功能是運算藝術性筆觸(如墨水,剪影花紋)。你將很容易描繪出獨特美術風格的花紋 / 圖案。
You Tube - Livebrush Feature Demo

HTML編輯器
CoffeeCup Free HTML Editor 是一個只需使用拖放的方式來製作漂亮的網頁製作軟體,它還可以上傳網頁,對新手來說這是十分適合。你可以不用學html代碼,就能製作你的網頁了。

Ico制作工具

Greenfish Icon Editor Pro 是個專業的圖示編輯程式,對於建立圖示、游標和其他小型的像素圖是個容易使用的工具。

favicon.ico Generator 一套免安裝的ico生產器。你的Photoshop預設是沒有ico export的功能,對於制作bookmark書籤的icon也好,我的電腦的自制icon也好。沒有plugin和其他工具是作不出ico。而這個網頁就 是一套制作ico的網上瀏覽器軟件。

FTP上傳軟件

File Zilla 它不但跨平台、內建多國語系,而且功能可一點也不遜色於付費軟體。有方便的雙視窗,支援拖曳功能、快速連線、路徑複製等。

圖檔預覽工具
IrfanView是一套用來取代Windows內建的超爛圖檔預覽功能,你以前也許會使用ACDSee這類看圖軟體,可是新版ACDSee功能比較以往複雜、很多不必的功能反應令圖檔預覽變得更慢更不穩定,相反IrfanView對於針對圖檔的處理較ACDSee更好更快捷。

線上工具
Special Characters in HTML
特殊符號列表,除了Dreamweaver也很易找到的copyright © registered trademark ® 外。比較常用的如 division sign ÷ , multiplication sign ×, degree sign °, plus or minus ±等。

Real-time HTML Editor
Real-time HTML Editor
是一個網上即時Preview的編寫html工具
在上方寫下html code,下方的頁面便即時演算其結果

FCK Editor demo
FCK
是一個普及並擁有基本功能的編寫程式,即是不會編寫任何HTML Code的人,利用它類似Word的介面也能寫出HTML Code

eWeb Editor demo
eWeb Editor
FCK功能相若,而eWeb擁有更大量的工具來協助用家編寫HTML。其Demo版本可以說是簡易的網上版本Dreamweaver

文件處理工具
OpenOffice.org
非常著名的免費文件處理文具,新的版本亦對應DOCX檔案,對於只有舊版Office的人這個可以免去找尋更新檔的時間,而Openoffice能簡單地把文字文件轉存為PDF (MS Word亦沒有的功能)

Notepad2 純文字編輯器
Notepad2
是個免費使用的、開放原始碼的記事本軟體,他的最大特色就是開啟速度極快,當然各項編輯功能與自訂設定的細節都相當完整豐富。

PDF處理工具
PrimoPDF
想要將文件轉成PDF檔嗎?這套PrimoPDF可以「偽裝」自己是一台印表機,然後把所有可以列印的文件都用PDF格式輸出,所以不論是werdhtmlexceljpg檔等等,只要是可以列印的文件,全部都可以轉成PDF格式!

doPDF6.2 free PDF converter
doPDF
是一個免費的PDF轉換器,可同時運用於商業和個人,它把自己安裝為一個打印機驅動,允許從任意一個有打印輸出的Windows程序中打印,還包含縮放,質量定義和頁面大小定義。

影片格式轉換
MediaConverter.org
線上轉換多種影片格式 -

 

免費網頁設計軟體
這面主要收集一些免費的網頁設計相關軟件,Photoshop又或者Dreamweaver雖然強大,可是未必每一間公司也擁有它們,在沒有強大軟件的協助處理網頁設計工作會變得相當地困難,而現在的免費軟件如比較出名的Open Office也愈來愈成熟,網絡上還有不少這類沒有名氣的工具存在。

圖像處理軟件
GIMP GNU Image Manipulation Program (GNU圖像處理程式) 的縮寫,是一款跨平台的點陣圖像處理軟體,可以進行相片潤飾、圖像合成和創建圖像等工作。GIMP 可以在 GNU/Linux MS Windows Mac OS X等平台下運行。

Inkscape. Draw Freely. 是一套向量圖形編輯器,以自由軟體授權發佈與使用。該軟體的開發目標是成為一套強力的繪圖工具軟體,且能完全遵循與支援XMLSVGCSS等開放性的標準格式。此外Inkscape同時也是一套跨平台性的應用程式,針對不同的作業系統它都有能搭配對應執行的版本,如Windows版、Mac OS X版、Linux版、以及類UNIX版等作業系統,不過主要仍是以Linux為開發平台。

AZPainter 是一套日式(Azsky)的免費點陣圖繪圖軟件,它和PainterSAI之類比較接近,是專門用作電腦繪圖的自由軟體。作者網頁中有AzPainter講座,對於初學者十分體貼。Azsky還有其他圖像處理軟件,當然都是日文軟件。

Blender 是一套三維繪圖及絢染軟體。它具有跨平台的特性,支持FreeBSDIRIXGNU/LinuxMicrosoft WindowsMac OS XSolaris,及SkyOS

Live Brush 與其他繪圖軟體不同。首先他並不是一個編輯圖像軟件,他主要功能是運算藝術性筆觸(如墨水,剪影花紋)。你將很容易描繪出獨特美術風格的花紋 / 圖案。
You Tube - Livebrush Feature Demo

HTML編輯器
CoffeeCup Free HTML Editor 是一個只需使用拖放的方式來製作漂亮的網頁製作軟體,它還可以上傳網頁,對新手來說這是十分適合。你可以不用學html代碼,就能製作你的網頁了。

Ico
制作工具
Greenfish Icon Editor Pro 是個專業的圖示編輯程式,對於建立圖示、游標和其他小型的像素圖是個容易使用的工具。

favicon.ico Generator 一套免安裝的ico生產器。你的Photoshop預設是沒有ico export的功能,對於制作bookmark書籤的icon也好,我的電腦的自制icon也好。沒有plugin和其他工具是作不出ico。而這個網頁就 是一套制作ico的網上瀏覽器軟件。

FTP
上傳軟件

個人相片
回應: 色.忌 網頁設計工作室
Anny chen發表於2011年 11月 6日(日.) 15:27
 
網頁設計工作室會需要用到什麼工具呢?
個人相片
回應: 色.忌 網頁設計工作室
100一義01 王元婷發表於2011年 11月 7日(一.) 21:53

網頁設計硬體應該沒有很特別的限定吧?

妳們有想到應該加甚麼特別的硬體嗎?

是不是要手繪板之類的東西,因為可能網頁設計需要一些背景插圖需要用畫的

個人相片
回應: 色.忌 網頁設計工作室
102三善11 邱凱蓉發表於2011年 11月 9日(三.) 08:53
手繪板是有個人負責化嗎?
要大到整個工作版面嗎??

語法→http://lthung.org/
我不知道能不能用

硬體比較→http://technet.microsoft.com/zh-tw/library/cc816844%28WS.10%29.aspx
→http://www.tomshardware.tw/theme,77.html
個人相片
回應: 色.忌 網頁設計工作室
100一義01 王元婷發表於2011年 11月 16日(三.) 08:27

其實不用手繪板xD

硬體很買很普通的就好

主要是軟體的部分

硬體就買大螢幕的就好

個人相片
回應: 色.忌 網頁設計工作室
100一義02 王麗雅發表於2011年 11月 9日(三.) 08:59
網頁設計說穿了只是使用了HTML語法,經過編譯器轉換成適當格式顯示在瀏覽器上。
要製作網頁,只需要使用類似記事本的功能將HTML語法打上去就可以了。
由於使用記事本來寫網頁是具有一定困難度的,因此有許多廠商開發出簡單易用的軟體,簡化了開發的困難度。
OFFICE有提供將文件轉換成網頁HTML的功能,許多軟體也都有提供類似的功能,但那只能說是附加功能,並不是專為網頁設計所開發的,也就是說,OFFICE不是專門用來設計網頁的軟體,這方面的功能少之又少。

據了解,針對網頁設計所開發的軟體工具不計其數,較為著名的公司及軟體有:

Microsoft 的 Frontpage
Macromedia 的 Dreamweaver

由於網頁設計牽涉到
1.客戶端介面設計(User Interface, UI)
2.共通閘道介面設計(CGI)
3.資料庫設計(Database)
4.伺服器架設

等許多領域,因此各家大廠也提出了各種整合的網頁設計解決方案:
例如目前較為著名的Macromedia推出的多媒體解決方案包含了許多軟體協同作業
Dreamweaver + Flash + Fireworks + FreeHand + .......

以上包含了網頁html語法自動產生、網頁多媒體動畫製作、向量圖繪製、網頁樣式排版等功能.

而目前新一代的解決方案則是推出了Flex 2.0
這是一個將 Flash ActionScript 整合到 後端資料庫的部份.
使得未來網頁製作只需要一個軟體就能搞定以上功能

市面上業界使用的解決方案,有太多種型式了
Dreamweaver + Flash + ASP + MySQL
或是
Dreamweaver + Flash + PHP + MySQL
或是
FrontPage + GIF Animator + ASP.NET + SQL Server
或是
Flash + Java
或是
Flash

都可以是解決方案,這要看專案規模的大小以及成本設備來決定.
術科測驗,可以看參考資料的網址,或到行政院勞工委員會中部辦公室網站查詢。