《Adobe Certified Associate(ACA)國際認證-Adobe Dreamweaver CS5網站視覺設計與網頁製作》介紹與內容勘誤

Adobe Certified Associate(ACA)國際認證-Adobe Dreamweaver CS5網站視覺設計與網頁製作

作者:趙英傑
出版社:碁峰資訊

書本內容大綱

本書內容依據Adobe ACA認證教學課程綱要與考核項目編撰而成,除了介紹平面設計、專案規劃與色彩原理之外,也鉅細靡遺地介紹Dreamweaver CS5軟體的各項功能,讓您能活用Dreamweaver CS5創作網頁。

本書每個章節後皆附有模擬試題,您能藉此評量自己是否明白該章談及的概念與功能,並對於考題的方向能更有所了解。而書後亦附上180題擬真模擬試題練習,供您在完成全書練習後,做一統整測驗,讓您對於ACA考試能更加的得心應手。

章節內容說明

本書共十三章,第一章到第八章包含網頁設計的核心基礎概念:

  1. 第一章「專案管理、平面設計基礎與著作權概念
  2. 第二章「HTML與Web標準入門
  3. 第三章「使用Dreamweaver編輯網頁
  4. 第四章「網頁色彩與圖像處理
  5. 第五章「超連結
  6. 第六章「表格與頁框
  7. 第七章「CSS樣式表入門
  8. 第八章「運用AP Div元素編排網頁

筆者刪除Dreamweaver CS3書籍當中,說明使用Fireworks軟體切版的單元,因為「在影像處理軟體中完稿、切版並輸出成以表格編排的網頁」,這樣的作法不符合Web標準。第四章的最佳化影像的功能示範,改用Dreamweaver內建的功能,不再透過Fireworks處理。

本書也將表格和頁框合併成一個章節,因為除了iframe之外,頁框已在HTML 4.0.1的嚴謹(strict)語法規範中除名,不建議使用(deprecated)。像GoogleAndroidSDK工具的開發人員指南網站,以及蘋果的iOS開發人員指南網站,都是採用<div>加上CSS來呈現類似頁框組的切割版面效果。

Web標準三劍客

採用頁框組的網頁越來越少,ACA考題的出現機率也不高,若學習時間有限,可跳讀頁框單元。為了和iframe的內容連貫,並介紹連結頁框窗格的目標(target)屬性,所以筆者還是保留了「頁框製作」的單元,但是刪除了一些瑣碎的操作練習部分。

第九章「運用JavaScript與Widget製作動態網頁」介紹的JavaScript程式語言,比較不屬於網頁設計的核心領域(註:較偏向於網頁開發),因此應該不會出現JavaScript程式設計或者語法說明之類的考題。但是,讀者要對JavaScript要有基本的認識,至少也得知道JavaScript程式碼放在網頁的哪個部分,以及如何剪貼現成的原始碼,也要會套用與編輯行為指令。

Widget是結合了UI和互動程式的懶人開發組合包,書本中介紹的「線上相簿LightBox藝廊」,我覺得很實用(和考試沒有必然關係),讀者還可以透過Widget Browser下載Twitter和 Facebook相關的Widget。

至於Adobe Spry程式庫,如本書9-30頁所言,它的目標用戶是網頁設計師(web designer)而非網頁開發人員(web developer),強調只要設計師了解HTML,即可透過編輯幾個HTML標籤和屬性,輕易地產生如折疊式版面、收合式面板、選單列…等介面。

然而,在當今美術設計和程式設計各司其職的專業分工環境下,Spry並未獲得多數網頁設計人員的青睞。而且在需要調整Spry的樣式或者微調某些功能的時候,免不了要瞭解它的JavaScript原始碼,不是每次都只要改改HTML屬性就能交差了事。

Google Trends關鍵字趨勢分析網站中輸入:jquery,yui,adobe spry(註:關鍵字之間用逗號分開),結果是jQuery最受矚目,原因之一是Google和微軟也都在他們的專案中採用jQuery程式庫,像微軟的Visual Studio.NET開發工具所產生的網頁前端程式,就是引用jQuery程式庫。

分析jquery,yui,adobe spry的關鍵字搜尋趨勢

實際上,目前的adobe.com網頁也是用jQuery和jQuery UI來建立互動效果。此外,Dreamweaver CS5.5的行動裝置範本網頁,也是採用jQueryPhoneGap框架。因此,本書只是點綴性地提一下Spry,如果讀者對於JavaScript程式庫感興趣,建議您研讀jQuery。

話雖如此,Spry的相關考題曾經出現過數次,都是基本概念題,像是如何設定Spry的目錄,以及Spry提供的UI、導覽列類型…等等。

本書也涵蓋部分HTML5語法與Dreamweaver CS 5.5的功能,例如,第十一章「使用多媒體物件」介紹了HTML5中,嵌入視訊和聲音的<video><audio>標籤指令的用法;第十章「CSS樣式表案例實作」的「建立iPhone和Android等手機的CSS樣式」單元中,採用CSS的media query(直譯為「媒體查詢」)功能以及viewport設定,讓同一個網頁在手機上自動呈現符合小螢幕瀏覽的樣式,最後並透過Dreamweaver的多螢幕預覽(Multiscreen Preview)功能,同時顯示在不同尺寸螢幕的觀看效果。

上述內容出現在考題的機率不高,但是它們都是當今網頁製作的趨勢與重要課題,除了應付考試之外,多多研讀與練習CSS可以增加職場競爭力!

第十三章「驗證網頁、上傳與管理網站」單元也是必考重點,在一次測驗中,40題考題就有三題和這個單元相關。Dreamweaver從CS4版本開始,導入開放原始碼的Subversion(簡稱SVN)來控管網站的原始碼,雖然這部份的考題尚未出現,但SVN所提供的「追蹤修訂」功能在多人協作的工作環境下相當便利,有空建議讀者不妨在自己的電腦上安裝一個SVN伺服器,再按照書本的設定步驟,透過Dreamweaver連結體驗一下SVN操作。

內容∕題庫勘誤與說明

  • 第一章模擬試題第3題(1-34頁):題目有誤,正確是選擇兩個答案。
  • 第一章模擬試題第4題(1-34頁):正確答案是B。
  • 第五章模擬試題第3題(5-19頁):答案是A, B, D;原書第3題解答是第5題的答案。
  • 第五章模擬試題第4題(5-19頁):答案是B。
  • 第九章模擬試題第3題(9-42頁):題目有誤,正確是選擇四個答案。
  • 附錄A模擬試題第79題(A-15頁):正確是B, C。
  • 附錄A模擬試題第166題(A-32頁):正確是A, B, D。
  • 第十二章「活用資源和樣板」:「樣板(template)」在Dreamweaver中稱為「範本」;12-6頁的「產生隨機切換背景色的網站」,實際內容是「建立列印功能鈕」。

延伸閱讀

55 thoughts on “《Adobe Certified Associate(ACA)國際認證-Adobe Dreamweaver CS5網站視覺設計與網頁製作》介紹與內容勘誤

  1. 附錄日A模擬試題第20題 那二個按鍵是肢體障礙人士常用的按鍵
    答案應是 A(TAB) D(ALT),可是課本光碟答案郤是 B(CTRL) D
    一般無障礙網頁的導盲磚最當用的快速鍵 即是TAB ALT.
    老師您認為呢?

    1. Hi James:

      謝謝您的指正。在Windows平台上,輔助鍵(access key)是由Alt鍵帶出的,而Tab則是在欄位和超連結之間移動的快速鍵。
      不過,在Mac OS平台上,輔助鍵(access key)卻是由Ctrl鍵帶出,請參閱維基百科的瀏覽器Access Key整理:

      http://en.wikipedia.org/wiki/Access_key

      坦白說,這一題我也很傷腦筋。就單一平台來看,我也會選擇Alt和Tab鍵這一組解答。

      thanks,
      jeffrey

  2. 可以再請教一下標籤是上標,原意是super-script,可是下標是,原意也是super-script嗎?為什麼跟縮寫的英文字都沒關聯啊? 且我覺得ACA在考專案管理這部分時,不曉得是不是翻譯關係,常常語意都很接近。

    1. 抱歉,第2-8頁的內文有錯,上標的英文是 “super”-script,下標則是 “sub”-script。至於考題的語意含糊或者拐彎抹角,其實不只是ACA,連ACE也是一樣(其他測驗應該也都會有這種陷阱題)。話說回來,我最近又去考一次Flash CS5和Dreamweaver CS5的ACA測驗,Flash CS5其中有兩道題目(非管理題)我也看不太懂,這幾天我會稍微整理一下心得。

      thanks,
      jeffrey

  3. 老師你好,
    請教一下

    模擬考題第29題,為什麼是C.設定margin:0 auto;樣式規則…幫我說明一下謝謝你

    第37題…順序是CDBEA…那個A的指標連結區域工具是什麼…怎麼找不到

    第46題…答案AC是同一種功能耶
    答案B是插入 –> 版面物件 –> Div標籤…
    我的Dremaweaver是CS5.5版…不知有沒有和CS5一樣…

    幫我看看,謝謝你~ 8O

    1. 第29題:請參閱書本10-28頁說明。
      第37題:「指標連結區域工具」就是影像地圖的「箭頭」工具,請參閱9-34頁說明。
      第46題:因為題目要求選擇兩個正確答案,有些答案會偽裝成正確解答,像是列舉根本不存在的選單指令,讓你落入陷阱。

      預祝 順利取得證照!
      jeffrey
      PS. 不要「死背」模擬題,模擬題的主要用意是讓考生知道測驗的內容取向,一定要理解試題和解答背後的原因才能熟悉HTML和Dreamweaver,進而輕鬆面對測驗。

  4. 哇~老師
    今天Flash CS5考過了
    但Dreamweaver CS5差20分沒考過
    Flash考題變三分之一以上
    Dreamweaver考題約有二分之一不一樣

    1. CS5版的ACA測驗題目有變動,不過我覺得修改幅度沒那麼大。試題的核心重點是相同的,有些考題類似CS3版,但描述方式不太一樣,畢竟軟體是新的版本,考題也會有對應的改變,而且官方也會陸續釋出新的題組。某些需要特別留意的部分,我已在網站上補充說明,若對某些考題內容感到不太容易理解,我們可以再討論。

      恭喜你取得Flash CS5 ACA證照,並預祝你順利取得Dreamweaver CS5 ACA證照!
      jeffrey

  5. 老師,請問在網站上提供另一家公司產品的使用手冊.pdf可下載檔案,算是「合理使用」嗎?

    1. 如果只擷取一小部分內容,並且註明來源,算是合理使用,但提供整份手冊下載就不是了。以前我曾在國外某個Nikon愛好者網站看到,Nikon要求對方移除不在當地銷售的相機使用手冊下載資源。雖然我認為大多數廠商都採開放態度(畢竟也算是一種宣傳),但使用手冊也受到著作權保護,嚴格來說是不可任意複製的。

      thanks,
      jeffrey

  6. 老師,請問一下認證模擬考題的第37題,為什麼不是CDBAE? 操作過程中似乎不用點指標連結區域工具,就可以完成了。

    1. 沒錯!但是因為題目有這個選項,要按照順序將它們排列出來,所以「指標連結區域工具」被放在最後。

      thanks,
      jeffrey

  7. 老師您好,想請問一下老師
    ACA既然重問題解答的”步驟”
    那有可能會連按下”重設問題”次數都算進去嗎? = =”
    如果解答都對但卻造成扣分這樣不就很冤?

  8. 請問一下,以DW來說,輔助鍵是 ALT CTRL 或是 TAB

    但如果是FLASH的部分呢?哪個是對於肢體障礙人士而言是最重要的?

    1. hi 康文:

      不管是Dreamweaver或Flash,方便操作的快捷鍵都是一樣的。只是這道題目我無法肯定正確解答,因為在一般網頁操作時,Tab、空白(用於選取或取消某個選項)和Enter鍵,也很常用。

      thanks,
      jeffrey

  9. 謝謝老師的回應,因為上禮拜報考ACA的時候,出現了這個題目,它給我的選項是ALT TAB CTRL ENTER..所以好模糊哦

  10. 想請問老師,在做實作題的時候
    是不是盡量用按按鈕的方式做出答案,而不要用熱鍵?
    例如:刪除一個物件的時候,點”刪除”按鈕而不要直接按Delete?
    我怕熱鍵它不計分,但是ACA原則上應該步驟是越少越好吧?!

    1. hi angel:

      假如實作題的模擬環境接受採用熱鍵(快捷鍵),而且操作結果也有反應在螢幕上,那兩種方法都可以。ACA重視的應該是最後的結果。

      thanks,
      jeffrey

  11. 請問:《Adobe Certified Associate(ACA)國際認證-Adobe Dreamweaver CS5網站視覺設計與網頁製作》增訂版內容勘誤有嗎?
    謝謝!!!

  12. 你好!有以下問題想確認:
    1.A-9頁第46題,答案為BC,為何A不是?A選項的「常用」工具列中的確有插入Div標籤鈕呢!
    2.A-11頁第59題,智慧型手機的CSS樣式媒體類型為何是screen而不是handheld?
    3.A-23頁第117題,答案為C,想請問那選項B與D的不同?
    4.A-27頁第140題,答案為AD,既然D選項的設計檢視模式也是為了能開啟程式碼導覽器,那為何答案不是CD?(C選項即是程式碼導覽器)
    以上,再煩請解惑,謝謝!!

    1. hi san:

      感謝您發現書本的錯誤。

      答案A確實也對(共三個解答)
      請參閱10-21與10-25頁說明
      請參閱10-10頁說明
      是的,答案C也行(共三個解答)

      thanks a lot!
      jeffrey

  13. 老師您好!非常感謝您的回覆,個人ACA CS5的Flash & Dreamweaver都買了您的書來看,也都在近日順利考取了;研讀這2本書很受用,資訊很新且實用,很謝謝!!

  14. 老師您好:
    想請教老師幾個問題,我上一個月開始在學DW CS5的網頁設計課程,對這個部分非常有興趣,我想請問若是想考ACA證照的話,應該選擇哪一本教材呢?
    1.ACA國際認證:Dreamweaver CS5網站視覺設計與網頁製作(附DVD)
    2.ACA國際認證:Dreamweaver CS5網站視覺設計與網頁製作(增訂版)
    請問這兩本書哪裡有不同呢?
    謝謝您=)

  15. 老師您好:
    謝謝您的回覆,我了解了!
    另外想再請問一些問題
    我第一次考這種型態的國際證照考,不太了解該從哪些方向去準備
    之前只考過Microsoft office2012的MOS證照
    在網路上搜尋了一下ACA國際證照的考試方向
    發現ACA的觀念概念題較實作題來的重要,實際考試時真的是這樣嗎?
    那我應該從何著手才好呢?
    心裡覺得好緊張唷!因為我有時間與金錢上的限制,
    必須在年底前一定要取得證照,且希望能全力以赴取得證照。
    還請老師給我一些幫助,謝謝!

    1. 我沒有考過MOS,但聽說MOS的考試不允許考生任意跳回到之前的考題作答,就這一點,ACA測驗比較人性,你可以隨時回到之前的任何題目重新作答。

      若是跟HTML及工具軟體相關的「概念題」,我倒覺得還好,畢竟只要瞭解HTML,又經常接觸網頁設計相關工作,或者常用Dreamweaver軟體編輯網頁,應該可以輕易過關。

      這也是測驗的目的之一。

      對一般考生來說,比較棘手的概念題,可能是專案管理方面的題目,我覺得考題多半側重於專案的前期階段,請參閱第一章說明以及書本後面的練習題。

      預祝 順利考取證照
      jeffrey

  16. 老師您好:
    我想請問一下
    附錄A的模擬考題裡的第46題
    為什麼A答案不行呢?
    在「插入」/「常用」的工具列中確實也有「插入Div標籤」的按鈕
    為何答案只能選擇B與C呢?
    還請老師解答,謝謝

  17. 老師您好
    想請問A-2O的第104題
    那個機器人是左右對稱的圖形
    答案卻是水平平衡
    該怎麼解釋這一題呢?
    謝謝

    1. hi josie:

      請請想像畫面上有一個天秤或蹺蹺板,當左右兩邊的物件重量一致時,天秤或蹺蹺板就會達到水平的平衡狀態。

      如果說成「左右對稱」或者「上下平衡」,比較不會產生誤解,但是我記得考題的講法是「水平」和「垂直」。

      thanks,
      jeffrey

  18. 老師你好
    我今天考試了
    考試的介面已經該書裡介紹的不一樣了
    他不需要每做完一提就按一次”提交答案”
    目前考試介面的按鈕只有:
    下一題
    上一題
    重設題目
    標為待檢視

    只有這四個

    我作答完時還有將近30分的時間
    所以我選擇重新檢查一遍
    我發現單選題複選題配合題都會顯示我先前做過的答案
    而實作題則是還原到原本尚未作答的樣子
    我不以為意,想說操作步驟應該有被記錄了
    所以我繼續按下一題,我都在檢查單選複選的部分

    最後分數竟然不及格,就差在使用介面的部分
    在使用介面的部分我竟然只有30%
    我嚇到了,我一直在想實作題的部分是不是因為重新檢查
    它還原成尚未作答的樣子
    而我卻沒有操作一次,導致分數根本沒有被記錄

    看老師的書練習,我很有信心,而且我本來就有在使用DW CS5
    所以我認為自己不能沒有通過認證

    只是在重新檢查實作題他為何會還原成尚未作答的部分
    這點讓我想不通,我是不是應該要重做才對

    1. 真是晴天霹靂!Certiport公司的人員曾告訴我,實作題並不需要重新作答,因為當你作答之後,答題記錄就會保存在伺服器。

      至於實作題會還原的問題,我想主要是為了減少程式設計的麻煩。

      good luck!
      jeffrey

  19. 老師你好!想請問你一些問題
    我在考試時遇到了以下兩題:
    第一題所謂的標頭區是指檔頭區嗎?所以解答是C和D嗎?
    1、可以在HTML文件的標頭項目中使用哪兩種HTML標籤?
    A.p B.h3 C.base D.meta
    第二題的我不太了解,著作權不是不管有無發表或公開與否都已經受到保護嗎?
    那這題該如何選擇是最正確的?
    2、哪一類型的著作內容可以在不需要授權的狀況下存取使用?
    A . 具著作權的素材 B. 未發表的素材 C. 具註冊商標的素材 D. 網站擁有者建立的素材

    1. hi josie:

      1. 題目的標頭區指的就是檔頭區,所以答案是C, D。
      2. 是的,但是在「不需要授權」的狀況下使用,最佳解答是D。

      thanks,
      jeffrey

  20. 非常謝謝老師替我解惑=)
    另外,想在請問老師以下這題
    書本裡有提到可以透過訪談或觀察員甚至是錄影裝置和螢幕錄製軟體紀綠操作過程來測試網站的易用性…
    但這題只能選擇兩個種方法,以BCE來說不都可以是答案嗎?
    下列哪兩種方法可用以執行可用性測試?
    A.偵錯工具 B.面談 C.觀察 D.網站驗證程式 E.檢查整個網站的連結

  21. 老師您好:
    又來跟你詢問一些問題了,不好意思
    1.收集”網站意見回饋”的三種最有效的方式為何?
    A.web表單
    B.網站報告
    C.調查信件
    D.電話訪問
    E.請求意見回饋的電子郵件連結
    我的答案是ACE
    想請問”D電話訪問”這個答案是否也可以選擇呢?

    1. hi josie:

      我覺得「訪談」是個好方法,因為和用戶真實互動,可以更加了解使用者的需求。如果可以選4個答案,我會選擇A, B, C, D;因為只能選3個,我會選A, C, D。

      thanks,
      jeffrey

  22. 老師你好:
    我還有一個疑問,謝謝

    哪一種在網站上的內容可視為合理使用:
    A在圖書館的新書評介中截取受評小說的一小段落
    B在音樂部落格中評介歌曲的.mp3可下載檔
    c用以作為網頁背景的有版權圖片
    D另一家公司產品的使用手冊.pdf可下載檔

    BD同樣都是供給下載檔
    A是擷取小說的小段落作為新書評介的內容,這樣是”引用”的意思嗎?若是的話就屬於”衍生著作”,該評論也會受到保護
    合理的使用的話正確答案該選擇何者最為恰當呢?

  23. 老師:
    謝謝你!我順利地拿到證照了

    不過,我真的覺得中文版的考試系統真的有不少問題出現。
    在考試時我遇到了兩個問題:
    1.題目要我新增文字在內容裡,當我新增時,每打出一個字,它就會多出現一個字,例如:圖片來源:Chuck圖片來源:Chuck圖片來源:Chuck,它會像這樣不停出現重複的文字。我都傻住了,重設題目好幾遍,最後求救監考人員,他也不知所措。
    2.題目要我刪除檔案面板中所指定的檔案,這個問題在老師的網站裡好像也有其他老生出現,不管我操作幾次,它最後都無法顯示我已作答完成的實心圓。監考人員最後是建議我先將這題標示為待檢視,然後再重設一次,最後完成作答它就變成實心圓了。

  24. 您好,最近去考了ACA,不及格=3=分數又調高了

    但在操作中有幾個問題

    他只會要答案,過程也會扣分嗎?
    例如課本有些實作題操作方式有多種,在上機時只操一種就可以嗎?
    多點幾下或是在輸入文字時多按了幾下按鍵會不會被扣分

    例如上機某題(憑印象)”

    請在”生日蛋糕”後加入Copyright

    請問是直接在文字後面加入那段字串就可以嗎?
    因為我嘗試加入©但說不再考題操作內

    另外一題是他要我幫圖片加入名稱”鸚鵡”,是我在ID輸入”鸚鵡”就可以了嗎?
    另外有題說可以讓電腦閱讀出圖片的訊息,是在代替文字加入他的需求嗎?

    因為我看了一下

    設定專案需求
    使用 Dreamweaver CS5 組織內容
    使用 Dreamweaver CS5 新增內容

    這三項都只有6X分,請問我該加強哪些部份呢?

    1. hi ghan:

      在ACA測驗過程中重複操作,並不會扣分,但如果有疑慮的話,可以按下「重設問題」鈕,再重做一次。

      模擬題只需要用任何一種方法完成即可。

      如果是要求你輸入文字,就按照題目的內容輸入即可,像”Copyright”,就直接輸入”Copyright”。

      沒錯!ID就是圖像的識別名稱,替代文字則是提供朗讀設備閱讀的文字。

      預祝

      順利取得證照!

      thanks,
      jeffrey

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *