Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

5S06 LIU CHAK TIN 5S06 - 2019-ICT-SBA-Design CH2.pptx

Ad

香港中學文憑考試 資訊及通訊科技科
校本評核2020題目 課業二(應用)
5S廖澤田(6)

Ad

主頁/導覽系統部分

Ad

背景圖片
使用<table>標記(有系統地羅列資料)
使用<embed>標記(嵌入圖片)
尺寸(闊width)(長length)
使用<a href>標記
(連結網站)
滑鼠按下後
會執行指令
按鈕名為「確認」
選擇(一共三個選擇)
下拉式選框

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Ad

Próximo SlideShare
人生的意義.ppt
人生的意義.ppt
Cargando en…3
×

Eche un vistazo a continuación

1 de 32 Anuncio
1 de 32 Anuncio
Anuncio

Más Contenido Relacionado

Anuncio

5S06 LIU CHAK TIN 5S06 - 2019-ICT-SBA-Design CH2.pptx

  1. 1. 香港中學文憑考試 資訊及通訊科技科 校本評核2020題目 課業二(應用) 5S廖澤田(6)
  2. 2. 主頁/導覽系統部分
  3. 3. 背景圖片 使用<table>標記(有系統地羅列資料) 使用<embed>標記(嵌入圖片) 尺寸(闊width)(長length) 使用<a href>標記 (連結網站) 滑鼠按下後 會執行指令 按鈕名為「確認」 選擇(一共三個選擇) 下拉式選框
  4. 4. Javascript指令 windows.location: 轉移至某一指定的 網站位置 按下{確認/Confirm}然後執行指令 情況轉換: 對應用戶所選 擇的款項,作 出相應變更
  5. 5. 三個電影版面部分
  6. 6. 我在若瑟的日子電影封面.html (a) (b)
  7. 7. 樣衰衰奇兵電影版面.html (a) (b)
  8. 8. 沒有你的生日會電影版面.html (a) (b)
  9. 9. (a) 使用無框線的表格製作/嵌入影片
  10. 10. (b)
  11. 11. 電影更多資訊版面的部分
  12. 12. 整體使用<table>標記 影片配置 單選按鈕<radio>: 只容許選擇其中一個答案 文本區域:<textarea> 最多容納為200字符 作用:讓觀眾發表意見
  13. 13. 聯絡我們部分
  14. 14. 整體使用<table>標記
  15. 15. 常見問題部分
  16. 16. 用戶登入版面部分
  17. 17. 如果密碼的種類是密碼,按下應轉化為 可見的文字,否則不按下維持現狀 變更目前的URL為驗證碼網站 用<a href>引導用戶去登記版面
  18. 18. 用戶登記版面部分
  19. 19. <p align="center"></p><h1><font color="blue">用戶登記版面</font></h1> <p align="left"><font color="brown">成為我們戲院會員的一分子,你將會收到有 關的通知以及更多的優惠消息,還有絡繹不絕的豐富回贈! </font><blink><fontcolor="orange">立即登記,包保你「無甩拖」! </font></blink><marquee>初次登記的用戶請注意!請填以下欄位!若你是已登 記但遺失密碼的用戶,請你在登入版面上按下「忘記密碼」</marquee> </p> <font color="blue">帳戶名稱:</font><input type="text" name="username" size="40" id="account" required><font color="red">*必填</font><br> <font color="blue">電郵地址:</font> <input type="text" name="emailaddress" size="60" maxlength="100" id="email" required><br> <font color="blue">電話號碼:+<input type="text" name="tele_country" size="3">-</font> <input type="text" name="tele_number" size="8"><br> <form><font color="blue">輸入密碼:</font><input type="password" name="password" id="pw" required><br> <font color="blue">核對密碼:</font><input type="password" name="confirm_password" id="repeatpw" required><br> <input type="button" value="check password "onClick="check()"> <input type="button" value="聯絡我如果你忘記密碼" onClick="self.location.href='mailto:s141110@mossjss. edu.hk'"><font color="blue">性別:</font><input type="radio" name="sex" value="M">男<input type="radio" name="sex" value="W">女<br><input type="button" name="submit" value="遞交"><input type="reset" name="reset" value="重設"> function check(){ var x=document.getElementById("pw").value var y=document.getElementById("repeatpw").value if(x!=0&&y!=0&&x==y){ window.alert("Your password and confirm_password is right") } else{window.alert("Please check whether two password are the same")} if(x==0&&y==0&&x==y){ window.alert("You didn't input correct password.")} }
  20. 20. 電影(我在若瑟的日子)預告片
  21. 21. 顧客意見表部分
  22. 22. 購票買賣過程
  23. 23. <form><select id="DATE">請選擇觀看日子:(2019年7月4日至7月9日) <option value="04072019">4/7/2019(星期四)</option><option value="05072019">5/7/2019(星期五)</option> <option value="06072019">6/7/2019(星期六)</option><option value="07072019">7/7/2019(星期日)</option> <option value="08072019">8/7/2019(星期一)</option><option value="09072019">9/7/2019(星期二)</option> </select></form> <form><select id="TIME">請選擇班次:上午中午下午 <option value="0900">上午9:00 a.m</option><option value="1100">上午11:00a.m</option> <option value="1300">下午1:00</option><option value="1500">下午3:00</option> <option value="1700">下午5:00</option><option value="1900">下午7:00</option> </select></form> <form><select id="Place">請選擇班次: <option value="one">放映室1</option><option value="two">放映室2</option> <option value="three">放映室3</option><option value="four">放映室4</option> <option value="five">放映室5</option></select></form> <input type="button" name="submit" value="submit" onclick="window.open('seatingway22.html')">
  24. 24. 原先設計: 預期:顧客可以透過按下按鈕來選擇座位,節省時間,利用網上互動系統查看現今戲院售票情況 目前掌握的狀況:需要大量輸入時間,比較複雜,而且尚未能夠做到這樣的效果
  25. 25. 現今設計:
  26. 26. 易於辨認
  27. 27. <tr><td><input type="button" value="彈出視窗以查看輸 入項目" onclick="ShowValue()"></td> <form><select id="seatingaisle"> <option value="A">A(1至10,15至24)</option> <option value="B">B(1至10,15至24)</option> <option value="C">C(1至10,15至24)</option> <option value="D">D(1至10,15至24)</option> <option value="V">V(1至20)</option> <option value="S">S(11至14)</option> </select></form> <form><select id="seatingplace"> <option value="14">14(殘障人士座位,VIP專區適 用)</option> <option value="20">20(殘障人士座位不適 用)</option> <option value="24">24(殘障人士座位,VIP專區不適 用)</option></form> function ShowValue(){ var v=document.getElementById("seatingaisle").value; var x=document.getElementById("seatingplace").value; window.alert(v+x); } **document.getElementById=找回專屬Id

×