本次期中考將完成下列5大項工作,並將相關執行過程及結果呈現於期中報告。(下載期中報告樣板)
一、以個人的學號9碼為名稱於電腦D槽建立一工作目錄(資料夾),接著下載『行動電話使用意見調查表』程式存檔於工作目錄(資料夾),以Google Chrome執行此網頁程式,並將此網頁單獨呈現,如下圖(字型可能會不同),此為期中報告『圖1 意見調查表網頁初稿』。
二、將程式碼以notepad ++打開編輯,存檔為“Mid學號9碼.html”,請截圖為期中報告之『圖2 編輯網頁程式』。
三、預計完成之『行動電話使用意見調查表』如下,請修改所提供的原始程式,使網頁內容及呈現方式,與下圖相同(字型可能會有差異)。
修改程序如下:
1. 於網頁標題處的“初稿”文字刪除。
2. 於標題中加入製作人姓名(假設製作人為答題學生),並文字前加入空白符號,文字加入小字型<small>元素以及下標<sub>元素,程式碼如下。
<small><sub>製作人:何慶祥</sub></small>
3. 於表單欄位外框加上文字說明,程式碼如下。
<legend>個人資料</legend>
4. 於個人資料欄,加入性別選項,程式碼如下。
<p>性 別:
<input type="radio" name="gender" value="female" checked>女性
<input type="radio" name="gender" value="male">男性
</p>
5. 於業者選項少打了台灣大哥大,將選項中插入台灣大哥大,並將其預選,程式碼如下。
<option value="台灣大哥大" selected>台灣大哥大
以上每一程序所修改的程式請截圖(含新增或修改處及其前後各2行指令),故5處修改程序共有5圖分別為,『圖3-1 刪除標題“初稿”』『圖3-2 加入製作人姓名』『圖3-3 加入表單欄位外框文字』『圖3-4 加入性別選項』『圖3-5 下拉式選單增加項目』,最後將修正完成之網頁程式以Google Chrome執行,並將此網頁單獨呈現,如上圖(字型可能會不同),此為期中報告『圖4 行動電話使用意見調查表網頁』。
期中考繳交之文件說明如下:
1. 期中報告存檔名稱為"Mid學號9碼.docx"。
2. 行動電話使用意見調查表網頁之程式檔按名稱為"Mid學號9碼.html"。
3. 將以上2檔案,上傳GoogleClassroom期中報告作業繳交。
參考答案: