1 / 16

97 年丙網改題說明

97 年丙網改題說明. 萬能科大 國際企業系 助理教授 林文恭. 註：各位老師好，這是研習的相關資料，請您參考， ※ 內文中 ” 綠色 ” 字體的是研習時補充的內容 ※http://203.68.83.3/wkl/ 內有網丙的相關資料，. 最新版本. 題型. 延續. 延續. 延續. 延續. 新增. 題目結構調整. 10 個題目結構一致 ( 一 ) 網站架構 ( 二 ) 框架首頁定義 ( 三 ) ～ ( 八 ) 網頁要求 題目說明嚴謹 置左、置中、置右 水平置中對齊、 垂直置中對齊 ( 一律要放表格 ) 顏色：字體、框線、背景

brent-barnett
Download Presentation

97 年丙網改題說明

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 97年丙網改題說明 萬能科大 國際企業系 助理教授 林文恭 註：各位老師好，這是研習的相關資料，請您參考， ※內文中”綠色”字體的是研習時補充的內容 ※http://203.68.83.3/wkl/內有網丙的相關資料，

  2. 最新版本

  3. 題型 延續 延續 延續 延續 新增

  4. 題目結構調整 • 10個題目結構一致 • (一)網站架構 • (二)框架首頁定義 • (三)～(八)網頁要求 • 題目說明嚴謹 • 置左、置中、置右 • 水平置中對齊、垂直置中對齊(一律要放表格) • 顏色：字體、框線、背景 • 取消文字「字體」規範 • 目標框架規範明確：_top、_self、_blank

  5. 校園社團介紹網：01、06 (三)-5. p:2-7當開啟網頁時，圖片及文字需以動態效果呈現，水平置中對齊、垂直置中對齊。 (四)-10 p:2-8表格下方分別輸入(要問監評，是否分成兩列)文字「最近更新日期：」與應檢日期「YYYY/MM/DD」，顏色#0000FF，水平置中對齊。 (七)-8 p:2-10表格下方再製作一個1×4（一列四欄）表格，框線0 像素，水平置中對齊，每一欄儲存格內分別依序匯入檔案「0102.txt」內含之日期，並且以書籤的方式設定連結到該活動日期之段落，使其能移到最上方呈現(在文件的最下方放空白)。 (七)-10 p:2-10表格第二欄每列儲存格輸入文字「TOP」，顏色自訂，並且設定使其能跳回此網頁最上方。

  6. 運動廣場連結網：02、07 (三)-3. p:2-35將圖片「0204.gif」製作具動態效果的新圖片「0204A.gif」，大小維持不變，左右兩側的球需呈現「順時針」之原地自轉效果，旋轉角度變化為18 度，原始圖片「0204.gif」中的「運動廣場」四字之動態效果需完全保留於新的圖片「0204A.gif」中。 (八)-9 p:2-38表單第四列第一欄輸入文字「性別」，水平置中對齊、垂直置中對齊；表單第四列第二欄為「男」、「女」等二選項按鈕，預設值為「男」，水平置左對齊、垂直置中對齊。 • Sfm網頁由5頁改為3頁：sfm1~sfm3。

  7. 國家公園介紹網：03、08 (四)-3. p:2-63表格第一、三、五、七列分別插入0305.jpg、0306.jpg、0304.jpg、0303.jpg(這四張圖要先另存新檔成副名為*.jpg,再做處理，否則有的IE會看不到圖)等四張圖片，每張圖片寬120 像素、高40 像素，水平置中對齊，當滑鼠移過時需呈現同樣圖片、不同顏色的動態效果。。 (五)-3 p:2-64網頁內以跑馬燈動態方式呈現文字「歡迎進入國家公園介紹網，本網站有詳細的國家公園介紹哦！」，跑馬燈需水平置中(林文恭老師只做置中)對齊。 (五)-5 p:2-64 圖片中文字圖像「陽明山國家公園」上建立矩形影像地圖，並設定超連結到動作要求(六)中的aa.htm 網頁，且在main 框架頁中開啟。

  8. 網路行銷購物網：04、09 (三)-5. p:2-85網頁內插入圖片「0401.jpg」，圖片右邊緊接著輸入文字「大家來購物網—回首頁」，字型大小size＝4、顏色#0000FF，圖片及文字皆垂直置中對齊。 (四)-9. p:2-86表格第三列第一欄插入三個表單的選項按鈕，由左到右名稱依序為「購買」、「不購買」、「考慮中」等三個同一個群組的選項按鈕，預設值為「購買」，水平置中對齊、垂直置中對齊。 (六)-4. p:2-87文字末尾輸入文字「TOP」，顏色自訂，並且以書籤的方式設定連結，使其能回到原網頁最上方。

  9. 電子相簿旅遊網：05、10 (二)-3. p:2-107首頁需設定為框架式網頁，分割為三個框架（無框架線），分別連結到三個子網頁，檔案名稱及框架頁名稱規定如下表。 (三)-5 p:2-108網頁內以跑馬燈動態方式，方向由右到左呈現「歡迎來到書曼的電子相簿旅遊網，本網站有我的旅遊影像紀錄介紹耶！」，字型大小size＝3、標楷體、粗體、顏色#FF0000，垂直置中對齊。 (八)-5 P:2-115 先設好顏色為#0000FF，再回到(八)-2 P:2-114改超連結前、中、後的顏色

  10. 圓球自轉動畫 • 題目明確規範旋轉角度：18度 • 解題策略：p:2-45 • 圓周360度，一次轉18度，總共轉20次，第2張畫格開始每一張轉18度 • 原始圖片中共21張畫格，因此第1畫格與第21畫格是同一張都不需轉動 • 圓球是左右對稱的，第11張轉了180度與因此與第1張是相同的圖片，第12張與第2張相同，類推如下，因此球的轉動只需要做9次。

  11. 國家公園圖片 • 題目要求：相同圖片，不同顏色 • 解題策略：p:2-73 • Photoimpact ：調整→色相與彩度 • DHTML：交換圖片

  12. 書曼相簿動畫 黑 紅 黃 綠 青 藍 紫 • 題目要求：文字顏色輪替的動態效果 • 解題策略：白色字加外框、分割文字:p:2-125

  13. 電子相簿 • 題目要求：電子相簿製作 • 解題策略：Photoimpact：檔案→匯出→Web相簿 • 關鍵點：更改框架頁HTML程式碼 p:2-148 • 欄框架→列框架、取消：框架線 <FRAMESET ROWS="*"> <FRAMESET COLS="100%,*"> <FRAME NAME="image" SRC="page\image1.html" MARGINHEIGHT="10" MARGINWIDTH=0 SCROLLING=AUTO FRAMEBORDER="yes"> <FRAMESET COLS="100%"> <FRAME NAME="thumbnail" SRC="index1.html" MARGINHEIGHT=5 MARGINWIDTH=5 SCROLLING=AUTO FRAMEBORDER="yes"> </FRAMESET> <FRAMESET ROWS="*"> <FRAMESET ROWS="80%,*"> <FRAME NAME="image" SRC="page\image1.html" MARGINHEIGHT="10" MARGINWIDTH=0 SCROLLING=AUTO FRAMEBORDER="no"> <FRAMESET ROWS="20%"> <FRAME NAME="thumbnail" SRC="index1.html" MARGINHEIGHT=5 MARGINWIDTH=5 SCROLLING=AUTO FRAMEBORDER="no"> </FRAMESET>

  14. 實作解說

  15. 疑難雜症 • 題組960301(p:2-25)(※)3. 網頁內插入合成圖片「0106.jpg」，寬100 像素、高126 像素，水平置中對齊，替代文字為「校長玉照」；圖片右邊輸入校長的話(文字資料如下) ，字型大小size＝3、標楷體、粗體、斜體、顏色#FF00FF，水平置中對齊。 • 題組960303(p:2-74) • 圖片0303、0304、0306副檔名為jpg實際上為gif，完成圖片可能無法顯示。

  16. Q & A

More Related