述文老師學習網

404 協尋兒少專案： http://404page.missingkids.org.tw/ 相信大家在網站上找資料，一定有碰過這樣的情形，只要指定的網頁無法找到，伺服器就會出現如下圖的「404錯訊網頁」告知所搜尋的網頁不存在！ 如果你是網站的管理者，那麼現在可以透過以下的「404 協尋兒少專案」網站，依網站上的方式，只要輸入你的網址後，就會產生一個HTML語法，請將此語法加入伺服器所指定無法找到網頁時所要顯示的頁面中就可以囉！

因為不同 IE 版本瀏覽器對於網頁支援的程度不同，對於網頁設計而言，必須考量到不同版本的使用者瀏覽的情形，以往只能透過 IE Tester 之類軟體進行測試！ 從 IE 8 開始，微軟已將此功能內建在瀏覽器中，稱為「開發者工具列」，只要進入要測試的網站後，按下「F12」或是由「工具 / F12 開發者工具列」開啟，就能在網頁下方看到下圖，並選擇想要測試的不同瀏覽器版本囉！ 關於「瀏覽器模式」與「文件模式」的說明，各位可以參考以下這篇文章中的概略解釋！ 「 IE9/10的相容性機制-瀏覽器模式和文件模式 」

以下文章來自： Desiring Clicks 產品開發的分工是一件挑戰團隊合作技巧的事情，以網頁開發來說，由於網頁的特性，單純的網頁視覺設計師很少能夠直接掌握產品最終的外觀，往往是在繪圖軟體裡面將視覺部分定稿，再由前端工程師根據設計來將產品的視覺部分實現出來。舉凡圖片的尺寸、位置，元件的效果、色彩的 RGB 值、文字的尺寸等等，都必須清楚的傳達才能夠完整的重現原本的設計。先前我們曾經介紹過一些方便網頁製作時的溝通技巧跟工具，有興趣的讀者可以參考 【替網頁打造好用的藍圖】 。 而在開發 APP 的時候，這些問題一樣存在。在大部分的時候，我們都使用像素來做繪製以及開發 App 的單位，這沒什麼問題，尤其是 iOS 系統目前的螢幕尺寸還算單純，使用像素作為溝通的單位基本上不會有什麼太大的誤會產生。需要的時候頂多是視覺設計師準備一台手持裝置，透過 xScope、Screenshots 之類的工具即時在手機上檢視設計稿，增加工作的效率。 但是文字的尺寸則會出現問題，實際上遇到的狀況就是設計師提供的字體尺寸不對，開發人員如果按照設計師的數值，則製作出來的文字會比設計稿來得變小：

【2013年 5 月 10 日，台北訊】全球軟體大廠奧多比今日宣布推出Adobe© Creative Cloud™，將為台灣創意工作人員首度開啟體驗Adobe指標性工具與服務的前所未有機會。Adobe Creative Cloud是一項訂閱式服務，其中包含超過30項不同的工具與服務，能帶來專業級的內容創作能力，完整涵蓋平面、網頁、行動App、影片及攝影領域，同時提供個人、團隊及企業版本選擇。 同時，在本周於美國洛杉磯舉行的Adobe MAX創意大會中，奧多比也同時宣布了Creative Cloud的重大更新，在會中隆重引薦Adobe新一代的桌面應用程式，包括Adobe Photoshop® CC、InDesign® CC、Illustrator® CC、Dreamweaver® CC 及Premiere® Pro CC。一直為人所熟悉的奧多比桌面工具Creative Suite（CS）則改名為CC，表示整合為Creative Cloud的一部分，同時重新研發以支援更具直覺與連結性的創作方式。此外，全球領導線上創意社群Behance也已整合加入Creative Cloud，讓用戶們得以展示作品、取得專案的意見回饋、吸引全球的目光。 奧多比香港暨台灣區總經理鍾欣彤表示：「Adobe Creative Cloud的多樣先進功能，已經在全球創意社群引發熱烈迴響：自2012年4月發表以來，已經擁有超過50萬付費會員及超過200萬的免費會員登錄Creative Cloud。Creative Cloud大幅改變了專業創意人士及企業發表作品的方式，提供多樣進階功能來開發並強化網頁、手機應用程式、平板電腦刊物、網路作品集及各項媒介與裝置。」

由下方連結進入Adobe網站下載時，需先輸入 Adobe 會員帳號、密碼，若沒有可以免費註冊喔！ Creative Suite 6 was released  earlier this month with much that’s new  across the product line, and some other important changes like upgrades now being available (only)  from Adobe direct . Last week we posted on nearly 18 hours of  free video tutorials for CS6 … But printed materials are also nice, to use side-by-side at your own pace. How about some free new e-books to go along with those, which you can instantly download and learn from whenever you want? There are 169 chapters in total with over 1,000 pages for most CS6 products. Some tools receive more coverage than others, but the basics are reviewed for all. You can download in the ebooks in  PDF  format after signing in with your Adobe ID (which is  easy to create  if you don’t already have one). If you don’t have the software yet, just download a free working trial  for any CS6 product for Windows or Mac – then install, ru...

以下文章來自「 http://prodesigntools.com/adobe-cs6-upgrade-overview-whats-new-each-product.html 」 Last week Adobe launched  Creative Suite 6  and we took a high-level look at  how CS6 is different from CS5.5  – and so now here we’ll step through the significant new features at an individual product level, product-by-product… The upgraded applications and their key new functionalities are detailed below. If you’re coming from further back and would like to know the differences between older versions – like an upgrade from Adobe CS5.0 to CS6, from CS4 to CS6, or from CS3 to CS6 – the last section will also help. Major Changes to the Creative Suite Products What’s New in Photoshop CS6? What’s New in Illustrator CS6? What’s New in InDesign CS6? What’s New in Dreamweaver CS6? What’s New in Fireworks CS6? What’s New in Flash Professional CS6? What’s New in Premiere Pro CS6? What’s New in After Effects CS6? What’s New in Audition CS6? What’s New in Encore CS6?...

以前Adobe在軟體銷售時都會附上紙本的使用手冊，後來為了節能省碳，改為提供PDF檔案下載，這幾年又改為網頁形態可以方便更新內容，如果你想尋找每個Creative Suite軟體的使用說明，請參考下列網頁。 繁體中文 Photoshop-  http://help.adobe.com/zh_TW/photoshop/cs/using/index.html Illustrator-  http://help.adobe.com/zh_TW/illustrator/cs/using/index.html InDesign-  http://help.adobe.com/zh_TW/indesign/cs/using/index.html Dreamweaver-  http://help.adobe.com/zh_TW/dreamweaver/cs/using/index.html Flash-  http://help.adobe.com/zh_TW/flash/cs/using/index.html Fireworks-  http://help.adobe.com/zh_TW/fireworks/cs/using/index.html Media Encoder-  http://help.adobe.com/zh_TW/mediaencoder/cs/using/index.html InCopy-  http://help.adobe.com/zh_TW/incopy/cs/using/index.html CS相關軟體 (Bridge, CS Reivew)-  http://help.adobe.com/zh_TW/creativesuite/cs/using/index.html 英文 Premiere Pro-  http://help.adobe.com/en_US/premierepro/cs/using/index.html After Effects-  http://help.adobe.com/en_US/aftereffects/cs/using/index.html Audition-  http...

以下文章來自「 Best Web Designz 」 ------------------------------------------------------------------------------------------------------ This entry is part 1 of 20 in the series  Dreamweaver CS5 Tutorial In this Dreamweaver CS5 tutorial you will learn how to build a website using Dreamweaver CS5. Download a trial version of Dreamweaver CS5 In case you have Dreamweaver CS4 you can use the  Dreamweaver CS4 tutorial . Before building the pages using Dreamweaver it is a common practice to design the layout of the pages in an image editing software like Fireworks or Photoshop. You can learn how to create a website layout using Fireworks with our  Fireworks CS5 tutorial . You will also create and optimize any required images  to be used in the website in Fireworks. Preview the website your will create at the end of this tutorial Download final files Dreamweaver Cs5 Tutorial Define Site Dreamweaver CS5 Template Dreamweaver Website Layout CSS Layout – Drea...