by Mr.Wuli | 10 月 2, 2017 | 網站經營 |
最近生活步調稍微有些改變,想說空出來的時間就順手修改一下網頁;但真的太久沒有製作網頁了,乾脆在正式開始做之前複習一下製作網站流程。
又那麼剛好..最近 udemy 在特價,隨手就買了一些教學影片來看看別人都怎麼教的?然後順便整理一下寫寫筆記
本篇目錄 :
關於製作網頁的技能與軟體面
Photo Shop or Affinity Photo
illustrator or Affinity Desitner
HTML & CSS
Deramweaver or Coda
關於製作網頁的技能與軟體面:
說到做網頁大家會想到什麼呢?「那麼難的東西我才學不會呢!」、「感覺需要英文很強?」.. 其實一開始我也是這樣覺得的,對於英文很爛的自己來說,要學會寫語法這件事,一直是我遲遲不敢去學寫程式的一個障礙。
但是好加在剛開始學製作做網頁的時候 Adobe 有個叫 Dreamweaver 的軟體,在界面上有中文的選單,在製作時也可以省去很多網頁語法的編輯,即使是不會英文的人,也可以輕鬆的製作一個簡單的網站。
但一但深入接觸網頁製作後,才發現… 原來做網頁不是只要學會一套軟體就夠了!在一個網站裡其實有很多元素,包含照片、文字、還有排版的美感要注意、以及按鈕功能性還有規劃便利的選單導覽 .. 等等。真的是一門很深的學問啊!(但幸運的事.. 做網頁與設計,比製作音樂省多了!)
今天這篇文章想跟大家簡單的分享一下,自己在學習網頁製作的這段時間以來,關於製作網頁技能的想法以及工具軟體的介紹。
Photo Shop or Affinity Photo
對於多數的人來說,一個網頁中如果只有文字是一件很無聊的事!因此不管是商品相片還是背景圖示的點綴可以說是在所難免的。(但如果文字間距與排版顧好的話,還是很有質感的~ ;關於這一點日本人真的很厲害!)
在製作網頁的時候你可能會需要一些相片以及圖像的素材,幸運的話,你可以在網路上找到一些免費授權又符合你需求的圖片。但多數免費的圖片可能都不符合你的需求;而且真的要購買的話.. 又要花很多時間去挑選照片><
所以這個時候…還是自己照最快對吧!
雖然說自己照的照片是比較符合原本的概念,但如果照片一不小心沒有拍好的話,難免還是會需要用到像 Photo Shop 或是 Affinity Photo 這樣的軟體來進行編修。不論時構圖的重新剪裁也好、或是色調的調整,上述的兩套軟體都是很好的工具。
修圖軟體可以辦到的事
把不需要的元素去除(例如不小心拍到的路人)
調整相片的亮度與對比 (把陰天修成大晴天)
將平凡的照片加上個性特效 (如 Instagram 的相片特效)
在相片上添加文字或製作文字特效 (例如海報的製作)
適合學習繪圖軟體的人
攝影師 or 對攝影有興趣的人
網頁設計師 or 部落客
一般使用者 (喜歡學習新技能的人)
ILLUSTRATOR or Affinity Designer or Cocoo
Illustrator 跟 Affinity Designer 等軟體比較偏向「向量檔案」的編輯,經常應用在 插畫 、 網站架構草考製作、平面雜誌、文宣等設計上。如果你想製作一些教學文章、或是影片,也可以用 Illustrator 以及 Affinity Designer 來做一些設計上的輔助。
但如果你覺得這類軟體太難上手,也可以試著用 Word 或是 Excel 來製作網站的草稿。雖然在功能的精細度、活用度上比不上 Illustrator 跟 Affinity Desinger ,但卻適合新手在電腦上製作簡單的網頁草稿。
另外還有一套線上的網站草稿製作網站 ”Cocoo”,頁面設計得非常簡單,有興趣的人可以嘗試看看。(它是有收費的唷!)
HTML & CSS
等你製作好網站草稿後,差不多就可以開始著手進行網站內部的程式語法撰寫了(也是就是 Coding 的部分)。
HTML 與 CSS 是作為一個網頁製作新手,必須要了解的其中兩種基礎語法.. 雖然說第一次接觸時,可能會覺得有點頭暈、想放棄;但只要有心,人人都可以是網頁設計師!(想想周星馳說過話.. 燃燒你的小宇宙吧)
註:英文好不好,跟會不會編寫程式碼,其實並沒有你想像的影響那麼大,現在很多軟體都可以協助你去記那些編碼、甚至是幫你輸入,你只要還沒有瞎、看得懂英文字母就沒有可以了!
Dreamweaver or Coda
如果你跟我一樣英文不好的話,可以考慮使用 Dreamweaver 或是 Coda 這兩套網頁製作軟體。Dreamweaver 是 Adobe 旗下的產品,使用的人多、網路上的教學與資源也多;價格的部分採月租制度,長期下來製作成本會稍微高一點。Cada 的話可以買斷,適合打算深度研究、又想節省軟體費用的人。
另外,有些人研究了一陣子後,可能就會比較偏向使用「程式編碼」來製作網站,不需要 Dreamweaver 或是 Coda 這樣的輔助軟體。
Cafe Time
以上就是關於網頁製作入門的一些基礎知識,希望幫助大家對於網頁製作的基本常識、以及所需的工具,能有一個初步的了解。未來我也會繼續持續整理、撰寫一些有關於網站製作的資訊。歡迎一起學習的人與我交流~
那就 … 下次見。
by Mr.Wuli | 7 月 20, 2017 | 網站經營 , 軟體推薦 |
HELLO 大家好我今天想要跟大家介紹一下如何用這一套 Affinity Designer 來製作妳的部落格的網誌封面圖片。在早期呢..我使用的是一套 aodobe 的 Illustrator .. 那後來呢 ”因為 adobe 改成月費制的.. ㄜ..一個月就要繳1千多塊;所以一年下來你就要繳1萬多塊,如果你沒有..光靠設計接案的話..這樣子的資金投入會比較沒有那麼高的投資報酬率。
所以後來我就找到這一套軟體然後它只要台幣 1490 塊你就可以永久使用、並且更新。剛開始的時候它只有在 Mac 的電腦上可以使用;之後呢…它也開發了 Windows 的版本所以你只要花 1490塊就可以用這套非常高階的高階的軟體來製作網站上的圖片。
在我的這個網站上有介紹關於 Mac 好用的一些軟體、以及一些我自己在使用的一些工具。在我網站上、網誌上呢.. 你可以看到有很多的圖片,這些圖片呢,都是我使用 Affinity Designer 這套軟體來製作的。那我今天想要分享的如何讓你的照片能夠呈現在 iphone 或著是 Mac 電腦裡面,使用 Affinity Designer 這套軟體製作這樣子的圖片的時候其實非常非常的簡單。
製作流程
Step.1
首先你要有一個你的載具..比如說是相框拉.. 或著是電腦啊、手機之類等等。然後你就可以在這個圖片上面呢,用矩形工具畫一個方匡繪出一個區域,再拉一張圖片到你的工作視窗中。
Step.2
接著你可以看到在右邊的圖層概念裡面呢,這張照片在這方框的上層。然後我們只要透過滑鼠拖移的方式呢,將相片拉到方框的下層的時候,就可以看到它已經跑到那個方匡的後面了。這是一個快速的遮罩的應用!
附註:
那如果你想要調整這方框的大小的話,你可以再把這長方形的這個方框旁邊的三角形,把它點開..然後選擇長方形的這個圖層,你就可以去調整,這個方匡的內容大小。如此一來,你就可以很快的完成一個將照片放到 iphone 或著是 Mac 電腦的一張封面縮圖了。
是不是非常簡單?
影片介紹:
VIDEO
更多的相關應用
VIDEO
簡單的介紹一下關於 部落客 可能會經常用得到網誌封面製作教學分享。
雖然下載了Affinity Designer 有一段時間了,但幾乎都只是拿來製作網站的圖片;如果你也對這類的文章或是教學有興趣,歡迎留言給我。未來也許也可以再多拍一些這系列的影片~
總之喜歡我的影片的朋友,歡迎訂閱本頻道 ????
更多相關文章:
Affinity Designer 重點特色初解與摸索小心得~
部落客與小編的新選擇 Affinity Designer & Affinity Photo
WordPress 網誌更新、離線編輯軟體工具推薦
by Mr.Wuli | 2 月 26, 2017 | 軟體推薦 |
最近有點忙,所以又隔了好一陣子沒有更新網誌內容了。這次想跟大家分享一下 影片錄製軟體 (Mac 版) 「Movavi Screen Capture Studio 4」
當初會會接觸這套軟體是因為收到推薦的信件緣故..所以就大概摸了一下;也因為之前就有使用過 Mac 的 Final Cut Pro 的關係,所以感覺在操作上還蠻好上手的。
以下就是簡單的使用心得與介紹..
功能分析
Movavi 螢幕影片錄影軟體 操作畫面
螢幕錄影軟體
可儲存各種影像格式
影片轉檔軟體(MP4、AVI、WMV、DVD、VOB、AAC、FLAC、M4A、WAV、WMA)
剪輯影片
添加背景配樂
相片輪播
幻燈片
字幕編輯
轉場特效
螢幕截圖功能
試用版本的差異
螢幕錄影完成時的畫面
支援作業系統
Windows
Mac
實際操作狀況
稍微研究了一下以後,我找了自己的音樂課程教學的片段來做為基本的影片剪輯測試。( Facebook 直播影片 )
影片錄製軟體 (Mac 版 ) 測試影片:點我觀看
操作心得:
雖然在製作時軟體有時會無法停止播放,但其實我也不確定是不是我電腦空間不足的關係?( 大家可以自行下載試用版測試看看 )
Movavi 影片錄影(剪輯)軟體 支援的影片格式類型
在完全沒有看說明書的情況下,簡單的剪完一部教學螢幕錄影大概約花費了 30 分鐘的時間;如果你是第一次嘗試想要剪接影片,我會建議你可以試試看這套軟體。( 官方有試用版的下載連結!)
製作完成的影片範例
Movavi 影片剪輯完成影片範例:點我觀看
與 Final Cut Pro 的差異
有螢幕截圖功能 ( Mac 螢幕截圖快捷鍵 Command + Shift + 3)
有螢幕截圖編輯功能
中文說明( 用戶指南 )
螢幕錄影功能 ( 同 QuickTime Player )
操作簡單容易上手
不需要太多的專業知識、操作直覺化
螢幕錄影時可以設定錄音的介面與麥克風
官方網站介紹 & 連結
啟發家庭電影製片家的簡單高效影片編輯應用程式
• 在時間軸上編輯電影和音樂
• 輕鬆改善影片品質
• 加入特效、標題及淡化
• 探索幻燈片製作模式
• 將專案儲存為各種常用格式
免費下載連結:點我
工商服務時間
如果你想學習如何快速地製作自己的影片配樂(背景音樂),歡迎到我另一個網站參考 “音樂製作” 相關課程資訊。
璃思維音樂工作室:LiSWEi.com
by Mr.Wuli | 10 月 8, 2016 | Mac 小技巧 |
距離自己規定的更新時間已間隔兩週了…有點嚴重拖稿;總之今天想跟大家聊聊,最近在規劃的 “數位資料分類與管理”。
為什麼你必須要好好整理你的電腦資料?
不曉得你有沒有過幫別人重灌電腦的經驗呢?會這樣問..是因為在進入這次的主題之前,想先跟大家分享一個小故事… 以前我每次幫家人重灌 Windows 電腦時都有一個困擾,那就是被當事人詢問 “誒?啊我的某某檔案怎麼都不見了!” (阿溫丟咖雖小優????)
有經驗的人都知道,在重新安裝 Windows 作業系統之前,“一定要先備份好電腦裡的資料”,不然所有檔案就會在重灌後消失殆盡了????(除非你是非常厲害的工程師..或是使用 Mac 的 Time Machine 功能,才有可能將檔案救回來~)
定期使用 Mac 的 Time Machine 功能可以減少重灌後檔案遺失的風險!
但即使我每次都有問說 「你有什麼資料是要留著的?」,對方也說不清楚;為什麼說不清楚呢?因為很多人根本就沒有整理電腦資料的習慣,整個桌面都是滿滿的臨時檔案,想要的影片、圖片全部都抓下來,也不知道下次還會不會再打開來看,總之就先放在桌面吧~(你身邊是不是也有這樣的人呢?)
因為這樣的習慣,很容易導致再大的電腦空間都不夠用 的情況、想要備份的時候,分不清楚什麼檔案是需要留下的、或是電腦內留了一大堆垃圾而不自知… ????
為了避免上述的這些困擾,今天開始就一起好好整理一下電腦內的資料吧?
什麼樣的人需要定期整理電腦內的資料?
嚴格說起來,每個人都應該養成定期整理資料的習慣、即使不是天天整理、每隔一段時間也要稍微整理一下;就像家裡的環境…如果你一個人住,又不自己動手整理?那一年後應該會變成日本黃金傳奇節目中的垃圾堆吧 ????
自己的電腦、當然要自己整理啊!不會連電腦都要老媽幫忙整理吧?(這對男孩子來說…應該會有點尷尬吧????)
話說回來好像只要是主管、講師、或是頂尖的從業人員.. 都非常有一套自己整理方法…
雖然 Mac 電腦已經幫我們做好簡單的分類了,但在檔案越來越多的同時,確實還是需要定期整理的!
整理好電腦內的資料會帶來哪些好處?
有經過整理的資料、除了可以讓我們更有效率的工作外,也可以幫助我們的思緒變得更加清晰;在重灌電腦的時候不會忘記備份需要的資料、當需要調出相關檔案時,也可以快速地找出相對應的資料。
以我個人的情況來說,之前在教課時經常會有 … 「啊、我那個檔案忘記放在哪裡了.. 讓我找一下 .. 等我一下唷~」
為了避免這樣的情況一再的發生、浪費了寶貴的上課時間,因此開始有了想要好好整理檔案的想法..
上圖是我在教課時所使用的講義資料分類方式;除了依照領域的內容進行分類外,還有用編號的方式在修正資料夾的排列順序。
話雖如此… 但是該怎麼整理呢?
雖然下定決心想要好好整理電腦內的資料;但對於從來沒有整理資料的人來說…也許會有點難度? 所以才想說在這裡跟大家聊一下自己曾經使用過的一些方法..????
公司部門分類法
過去曾經看過一本關於設計的書,該書的作者是以公司的部門在分類電腦內的資料;比如說 企劃部門、研發部門、財務部門、廣告部門、檔案室 .. 等等。
於是我開始效仿這樣的方式在進行電腦的資料分類,在 ”企劃部門“ 中我放了大學的 PDF 報告、還有自己整理的筆記 與 MindMap 檔案。
”研發部門“ 內則放一些設計相關的參考資料、或是收集到的一些文字排版相關資訊..再延伸一點其實也可以放一些教學影片或是自學的講義。
”財務部門“ 裡放的當然就是一些金流相關的資料了;不過後來很多 ”房租收據“ 或是 ”管理費收據“ 以及 ”Apple 相關產品發票“ 我都會直接用 Evernote 掃描後,統一放在一個文件裡,文件名稱就分別命名為 ”房屋收據“、”管理費“、”發票“ .. 等等。
另外 ,”檔案室“ 裡面則是一些比較散亂的檔案 … 像是 “文書資料” 啦或是 “側錄音檔” 、”影像檔案“、”設計或音樂素材“ .. 等等。
用公司部門來分類還有一個小小的好處.. 那就是會有一種自己是大老闆的自我良好感????。(資料夾盡量不要超過 5 ~ 10 個)
不要依檔案的類型來分類資料
還有一點小小的心得是.. 「雖然照著上述的分類方式整理了好長一段時間,但似乎還是有點怪怪的?」
後來我發現 ”資料夾的分類,不應該根據檔案類型來分! “、也就是說,不應該分成這些檔案是用 Photoshop 開的、還是這些檔案是 Illustrator 檔..這樣的分類方式;而是根據檔案的領域來進行分類。
過去很長一段時間以來我曾經用檔案類型的方式來分類電腦繪圖的資料.. 但後來發現這樣的分類方式並不是很方便~
比如說如果是工作上的資料,可以按照客戶或廠商的名字來進行分類、而自己的筆記或是紀錄資料則可以依照相關的領域名稱來分,如:設計、音樂、或是英文、日語課程 .. 之類的資料夾名稱。
以我的案例來說,過去我會把電腦內的樂譜檔案分成 PDF 檔案或是 JPG 檔案,有一天突然驚覺這樣的分類很沒有意義???? ;因為當我要開啟樂譜檔案的時候, Mac 其實會自己幫我選擇要用什麼程式開啟…那幹嘛還要去分類檔案的格式呢? 而且在 Finder 裡也有依據檔案格式來排列的顯示模式、甚至可以搜尋特定檔案格式與名稱啊~ (真是傻傻的????)
後來我把所有的 PDF 都放到 iBook 來統一管理,再用藏書的方式來進行 PDF 的分類。
多使用跨資料夾的標籤來進行分類
在 Mac 裡還有一個很方便的標籤功能,可以讓我們進行掛資料夾的分類;也就是說如果你將資料以不同的客戶或是廠商進行分類時,也可以在相似的檔案中下一個相關的標籤… 例如:#合約 #請款單 #發票與收據 這樣的方式來進行跨資料夾的分類。
以我的案例來說,我有下過的標籤有包含 #客戶資料 #購買憑證 #報價單 #行銷策略 #套版素材 #音樂理論 .. 等等的跨資料夾標籤。????
利用標籤可以透過跨資料夾的方式來瀏覽檔案;標籤下的好真的很重要,我自己也還在學習如何下一個 “好標籤” ..
跨裝置的檔案整理方法
除了資料夾的分類外,現在的行動裝置越來越多了,甚至還有雲端的資料… 究竟什麼資料應該放桌機、什麼資料應該放筆電或是外接硬碟呢?
以我的案例來說.. 目前的裝置有一台 MacBook Pro、三顆外接硬碟(兩顆桌上型的 WD 2T 硬碟、一個隨身攜帶的 thunderbolt 2T 硬碟),在雲端空間服務中,目前有使用 iCloud、DropBox 、還有 Amazon Cloud。
MacBook Pro & iMac or Mac mini 應用
在 MacBook Pro 裡我會放經常使用的檔案、以及應用程式必須要用的相關資料;以及臨時性的檔案.. 例如:當週新增、尚未分類的檔案。
學會利用 Mac 的內建搜尋功能 Spotlight 功能搜尋檔案,可以挖出很多未分類、或是想不起來放在哪裡的資料。
隨身的外接硬碟應用
在 thunderbolt 硬碟中則是放置 ”備份檔案“ (像是 Time Machine 資料夾、或是需要備份的文件)以及需要跨不同電腦使用的檔案。
硬碟的類型有很多種,可以根據自己的預算來選擇合適的硬碟;想要享受超高速的快感可以選 SSD 、如果想要便宜又大碗可以選擇 HDD 的傳統外接硬碟!
雲端空間服務應用
關於雲端硬碟的部分… 過去曾經想過把它當作 “雲端備份” 用,但後來發現,即使使用光纖網路.. 要將全數的檔案上傳到雲端真的太花時間了,而且在整理資料夾時也不是很方便?(但如果你有更方便的整理方式也請告訴我 ????)
在所有的雲端空間服務中,我比較喜歡 DropBox 與 Amazno 的服務與介面,有興趣的話可以參考一下文末的連結文章:“懶人包:5 大雲端硬碟服務、價格總整理”
所以..後來我想還是把雲端硬碟定位在跨裝置應用服務比較假檔,例如把 ”需要隨時取用得資料“、或是 ”絕對不能遺失的檔案“ 先上傳到雲端硬碟中;如此一來即使沒有帶隨身碟出門,也可以透過網路下載、瀏覽需要隨時取用的資料、同時達到雙重備份的效果。
感謝你的閱讀與分享
以上就是我在資料分類的一點點小小心得,如果你剛好看到這篇文章,認為這些資訊有點幫助,歡迎你分享給身邊需要的朋友;如果你覺得有更好的資料分類方法,也歡迎你在下面留言跟我分享~
再次感謝你的閱讀 ~ 祝 平安 順心????
註:喔對了! 如果你對於電腦音樂的製作流程也感到興趣的話… 可以參考我另一個網站: LiSWEi.com ,在那有很多關於電腦音樂製作的相關文章????
相關文章連結
分享:如何讓 iBook 內的 PDF 檔案自動同步到 iPhone 與 iPad 中?
如何將 DVD 光碟的內容複製儲存到 Mac 電腦中
懶人包:5 大雲端硬碟服務、價格總整理
Finder 快速入門:更有效率的管理你的檔案!
身為 Mac 用戶,你不可不知道的 24 個 Spotlight 搜尋技巧!
by Mr.Wuli | 8 月 29, 2016 | 軟體推薦 |
今天這篇想要跟大家分享一下個人在撰寫部落格的一些流程、以及常用的軟體以及使用方法!雖然過去也曾使用 Sublime Text、Alternote、MultiMarkdown .. 等軟體來協助撰寫網誌 “文章” 與 ”語法”,但經過一段一段時間的磨合後、新歡舊愛之中總是有來有去…
近期使用的主力軟體
iThoughtsX
iThoughtsX 是一套 MindMap 的製圖軟體,也是目前使用過的 MindMap 軟體中介面設計最簡潔好用的。
最近在寫網誌文章前都會先使用 iThoughtsX 來整理該主題要寫的內容,透過繪製心智圖的方式來思考要從什麼切入點來寫這次的主題 、或是利用 iThoughtsX 整理收集一些相關資訊或是素材;讓寫作前的思緒能夠更集中,到了真的開始撰寫內文時也會更加流暢些。
iThoughtsX 也是目前使用過的所有的 “心智圖” 軟體中最簡潔、、美觀、快速的軟體。除了可以完全使用鍵盤快捷鍵來繪圖外 ,還可以自訂自己的 MindMap 主題套版 ,省去不少排版以及修改主題的時間。
除了 iThoughtsX 以外,SimlpeMind 算是用的最久的 MindMap 軟體了!其最大特色是 Map 彼此之間可以建立超連結、但如果該 Map 檔案被移除或遺失的話… 連接也會跟著出現錯誤,(當初也是因為檔案忘記備份遺失後才發現 iThoughtsX 的)
而且,使用 iThoughtsX 還有一個好處,那就是你可以直接使用 iCloud 同步到你的所有行動裝置上 ,例如 iPhone 或是 iPad ;當然你也可以把在通勤時繪製的 “心智圖” 同步到你的 “iMac” 桌機或是 ”MacBook Pro” 筆記型電腦上。
另外,如果有需要…你也可以將 iThoughtsX 繪製的 “心智圖” 透過 E-Mail 的方式傳送給你的同事或是朋友,iThoughtsX 會直接將該檔案轉換成 PDF 以及 文字,即使對方沒有安裝 iThoughtsX 也可以閱讀你繪製的心智圖。
Ulysses
在 Ulysses 裡你可以直接利用 # 字符號來區分標題級數、也可以直接坎入貼圖,甚至啟用 iCloud 同步資料。
如果時間允許的話,我通常會在撰寫網誌的前一個禮拜開始整理資料,等待繪製完成後再利用 Ulysses 來撰寫內容。
Ulysses 真的是一套非常方便好用的文字撰寫軟體,在 mrwuli.com 之前的文章中也曾經推薦過這套軟體。它的方便之處就是 “你可以直接使用快速標記語言( Multimarkdown)來進行文字排版;在不使用 HTML 的情況下,避免一些語法編輯上的錯誤。
不只是這樣,現在 Ulysses 也支援 WordPress 同步撰寫模式。只要在 Ulysses 軟體中登入你的 WordPress ,就可以將在 Ulysses 上撰寫完的文章,直接上傳到 WordPress 中;包含所有圖文格式以及資料,都會和你在 Ulysses 中所編排的相同。
另外、如果你會一些簡單的 Css 編碼的話,還可以將網站中的 CSS 編碼,直接寫入到 Ulysses 中的 Style 模式中;如此一來就可以在離線時 ”預覽文章在網站中的排版以及樣貌“! 非常方便。
Affinity Designer
Affinity Designer 是一套非常好用的向量繪圖軟體、幾乎可以取代 illustrator 在所有網頁製作、與數位編排的工作需求中(雖然早期只有 Mac 版本、但現在也出了 Windows 版本)。
過去 Affinity Designer 經常都是被我拿來做一般的上字啊..製作網誌插圖或是坎入 Logo 等工作;但近期我開始用它來統一網誌內的圖文大小比例、讓網誌文章內的編排看起來在清爽一點(雖然有時候還是會偷懶用舊圖)。
目前的做法是將檔案版面設定在 1080 x 534 ,再將每一張圖以圖層的方式個別編輯、並依造文章插圖順序給予編號;這樣一來輸出圖片的時候就會自動依造編號排列,在重新命名時檔案也不會亂掉(例如:mac-info-o1.png、mac-info-o2.png .. 依序命名)。
最後再將從新命名好的圖檔直接拖移到 Ulysses 中進行編排、Key 上圖片描述與連結。
Coda
Coda 是一套介面設計精美的 “編碼軟體” ,你可使用它來製作網頁、上傳 FTP 或是下載額外的 Plugin 加強軟體功能。(圖片為日文版說明書)
Coda 是一套程式撰寫軟體,而我現在則用它來取代 Adobe 的 Dreamweaver ,進行一些基本的網頁 CSS 編碼、以及圖床的 FTP 上傳工作。
個人覺得 Coda 不論在介面的設計或是使用上都還算是非常優秀的軟體,價格也不貴:只要 $99 美金 :大約新台幣 NT 3,000 左右。
基於考量 ”自己真正會用到的 Dreamweaver 功能並不多“;所以相較於整套 Adobe 的長期租用費用,買斷整套 Coda 軟體似乎划算許多。
但其實真正好用划算的編碼軟體也有很多,也不一定要使用 Coda ;像 Sublime Text 、ATOM、Brackets 都是非常不錯的免費程式撰寫軟體!
對了!你還可以將 Ulysses 中編輯好的文字直接用 Coda 開啟編輯唷;如果你和我一樣,有另外使用一個圖床的話…利用 Coda 來統一修改連結、編碼,還是比在 WordPress 或是 Ulysses 中來得方便許多。
感謝你的閱讀與分享
以上就是近幾個禮拜的網誌作業流程與主力軟體介紹,如果你也想試試看上述的這些軟體的話,都可以先下載試用版本的安裝檔來研究一下~
覺得軟體好用的話也請購買正版軟體,以實際行動來支持好的開發廠商,好讓我們的未來能有更好的軟體功能,進行更有效率的工作!
再次感謝你的閱讀與分享~
本篇所提及的軟體,在下方都有整理好連結,如有需要請自行點擊服用!
相關連結
Affinity 系列軟體官方網站介紹
免費下載 Affinity Designer Windows beta 版本
ATOM 官方網站介紹 & 軟體安裝檔下載
Brackets 官方網站介紹 & 軟體安裝檔按下載
iThoughtsX 官方網站介紹 /p>
Ulysses 官方網站介紹
Coda 官方網站介紹
近期留言