網頁設計術科檢定

7
網網網網網網網網 林林林

description

網頁設計術科檢定. 林玉貞. 考題題型分析. 共有 10 題 ( 五大題型 ). 題型解析步驟. 電子相簿旅遊網重點解析. 電子相簿旅遊網重點解析. 電子相簿旅遊網重點解析. Examples of default styles. Text and lines are like this Hyperlinks like this Visited hyperlinks like this. Text box. Text box With shadow. - PowerPoint PPT Presentation

Transcript of 網頁設計術科檢定

Page 1: 網頁設計術科檢定

網頁設計術科檢定林玉貞

Page 2: 網頁設計術科檢定

考題題型分析考題題型分析

共有 10題 ( 五大題

型 )題型 試題

校園社團介紹網 第 1 題、第 6 題

運動廣場連結網 第 2 題、第 7 題

國家公園介紹網 第 3 題、第 8 題

網路行銷購物網 第 4 題、第 9 題

電子相簿旅遊網 第 5 題、第 10 題

Page 3: 網頁設計術科檢定

題型解析步驟題型解析步驟網站建立 放於 D:\

框架設定 index

資料夾設定與資料匯入 原始資料匯入

網頁背景內容 背景顏色、圖片、聲音

動畫製作 Photoimpact

建立表單 先建表格再建表單

建立超連結 網外、網內書籤

電子相簿製作

Page 4: 網頁設計術科檢定

電子相簿旅遊網重點解析電子相簿旅遊網重點解析閃圖製作 ( 替代文字 ) 這裏要細心!

1 、大小 300*300( 只是為了選取方便用比較大 )

2 、按 T 輸入文字 ( 要把工具屬性呼叫出來 ) 字型 14

3 、複製 (Ctrl+C) 貼上 (Ctrl+V) 做 6 次4 、文字要打散5 、選字做特效 ( 連續選取要按著 Ctrl) ( 文字取斜線 )   ( 霓虹、外框、5)

6 、 F4( 要小心存成 GIF 檔才行 ) 0501~0507

7 、做 0508 閃題圖 ( 透明 -125*20 這裏寬高要和題目一樣 )

Page 5: 網頁設計術科檢定

電子相簿旅遊網重點解析電子相簿旅遊網重點解析Album2 馬祖相簿 ( 用照相機相簿軟體製作網頁 )

1 、呼叫程式要從程式集2 、選取照片要從後面3 、記得匯出4 、最後要回頭改第 1 張和第 5 張的顏色

Page 6: 網頁設計術科檢定

電子相簿旅遊網重點解析電子相簿旅遊網重點解析Album5 蘭嶼相簿  ( 用照相機相簿軟體製作網頁 ) 這裏要用了解的不難!!

和馬祖製作相同最後要回頭改第 1 張和第 5 張的顏色

方法一:改程式碼方法二:用框架頁插入

Page 7: 網頁設計術科檢定

Examples of default styles

• Text and lines are like this

• Hyperlinks like this• Visited hyperlinks like

this

Table

Text box Text boxWith shadow

Text boxWith shadow