Page 17 - eFG11203_丙級網頁設計含資訊類題庫工作項目解析學術科通關寶典_課本PDF
P. 17

術科解題基本知識
                         3. 重複步驟 1、2,建立另外的空白頁面,並儲存之(如 104301 題中的 guitar_

                            history.html、guitar_event.html 及 guitar_learning.html)。




                                                                                       共有三個新增空白頁面檔案







                       (八)網頁設計軟體 Dreamweaver 的版面及屬性


                               《說明》 本檢定場地機具設備表有關網頁製作軟體有:Dreamweaver CS6、
                                         SharePoint 2010、Google Web Designer 1.2(含)以上或其它相容
                                         軟體之使用權。本書以 Dreamweaver CS6 為示範軟體。


                          解題操作

                         1. 版面:有程式碼、分割、設計、即時四種。



                                            1














                                                                                程式碼模式


                            (1) 程式碼:以 HTML 標籤語法來設計網頁內容。
                            (2) 設計:以實際顯示結果、所見即所得方式來設計網頁內容。
                            (3) 即時:網頁執行的即時畫面,可以檢視執行結果。
                            (4) 分割:以垂直或水平分割,同時顯示程式碼及設計兩種版面。

                         2. 屬性視窗:每一個圖、表、文字或任一物件都有其對應的屬性設定視窗。
                            (1) HTML 屬性:如下圖為一文字超連結的 HTML 屬性窗格。



                                 1






                            (2) CSS 屬性:如下圖為一文字的 CSS 屬性窗格。





                                  1


                                                                                                                      0-9






          '(     @ஔ߅     ਿ͉ٝᗆ 1IPUP*NQBDU  JOEE                                                                               ɨʹ
   12   13   14   15   16   17   18   19   20   21   22