期末作業

毛慶禎
輔仁大學圖書資訊學系

製作

• 以學生為主體的個人網頁, 或
• 為特定的公司行號製作網頁

姓名、學號與系級需明標示, 其他的資料, 請自行斟酌其真實性, 尤其是照片、地址與電話不可以是真實的, 以免有其他負面影響。

請以你的求學生活為背景, 進入大學以來的課業、社團、社交為主體, 特別建議把各種作業連接進來。社團的活動、親友的網頁也可以一併連結。

先決定畫面的架構:

• 多個網頁結合成一個網站內容時, 先考慮排版樣本
• 再考慮多窗框的應用
• 與使用者的互動
• 多媒體呈現

應將本課程學過的所有標籤置入, 須從學校提供的網頁進入; 在網頁內提供下列資訊

1. 工具: 編輯器、檔案傳輸軟體、免費網頁、免費電子郵件
2. 標頭
3. 文字
4. 段落
5. 項目清單
6. 表格
7. 超鏈結
8. 圖片
9. 多窗框
10. 嵌入程式
11. 排版樣式

工具

1. 編輯器
2. 檔案傳輸軟體
3. 免費網頁
4. 電子郵件
5. 計數器

標頭

1. 指定中文內碼 , charset=big5
2. 自動切換
3. 以標題表示網頁的內容

文字

1. 字型、大小、顏色
2. 邏輯字與實體字

段落

1. 水平線
2. 分段
3. 跳列
4. 縮格
5. 連絡信箱

項目清單

1. 有序號的清單, 1, a, A, i, I,
2. 無序號的清單,
3. 術語定義

表格

1. 長寬: 相對法與絕對值
2. 設定框線及間隙
3. 位置與顏色

4. 標題, 上下與左右

5. 欄位之高度、寬度與顏色

6. 資料的位置, 靠左、靠右或置中

7. 表格內的表格

超鏈結

1. 相對路徑與絕對路徑
2. 指定網頁的特定段落
3. 設定超鏈結的顏色

圖片

1. 大小與邊框之設定
2. 與文字的關係, 上中下
3. 圖片的位置, 靠左、靠右, 空隙
4. 圖片超鏈結
5. 地圖索引

多窗框

1. 大小、邊界(顏色與粗細)
2. 巢狀窗框

嵌入程式

1. CGI與填表的配合
2. JavaScript
3. JAVA

排版樣式

1. STYLE
2. CLASS
3. ID