網頁設計

1. 網頁設計 負責人：張瑋庭、李育欣、徐慧敏

2. 步驟一 • 使用記事本將該負責的頁面之網站架構寫出來 • EX. lf4.html-----------------教學研究 j04_01.htm------教學研究>職場體驗/產學與建教合作 j04_02.htm------教學研究>學術研討會 注意：檔名須以英文或數字命名 備註：j04_03.htm(檔名)從系網備份中找，或直接到系網複製，藉由以上步驟先行了解整體網頁的架構。

3. 步驟二 • 開啟我的電腦→打上ftp://1.34.117.136/ • →開啟newsite→開啟html • 找到該負責頁面 EX.lf4 • 將所要連結的網頁放進來 • 接下來將要進行網頁的美化及修改工作

4. 步驟三：無超連結 • 開啟Frontpage(先將檔案複製到桌面) →開啟舊檔(EX. j04_01.html) 開啟後如圖↓

5. 步驟四 • 將美化後的網頁在存回j04_01.html 備註：存新檔案前請先將原檔刪除，以免造成無法預覽及過多的檔案 • 在往http://www.knu.edu.tw/tan/index1.html查看網頁是否有放上去 • 其餘的網頁也是遵照這些流程

6. 步驟五：有超連結(www…) • 開啟Frontpage(先將檔案複製到桌面) →開啟舊檔(EX. j04_02.html) 開啟後如圖↓

7. 步驟六 • 若超連結的是網頁，直接將title反白→超連結內容→打上網址→點選目標框架→開新視窗→確定後存檔→按步驟四存回j04_02.html • 如圖↓

8. 步驟七：有超連結(ex.pdf) • 若超連結的是文件(EX.pdf)，須先從系網備份找或從網路下載→開啟我的電腦→ 打上網址ftp://1.34.117.136→ newsite→data • 打開data後，找到該負責頁面EX.lf5 • 將每個文件按照j05_01_01.pdf格式存檔 注意：檔名須以英文或數字表示 所有檔案找齊後： • 開啟Frontpage(先將檔案複製到桌面) →開啟舊檔(EX . j05_01.html) • 將title反白→超連結內容→打上../../data/lf5/j05_01_01.pdf→點選目標框架→開新視窗→確定後存檔→按步驟四存回lf5 • 備註:../ 代表的是上一層並非上一頁

9. 步驟八：圖片修改 • 首先須找出系上代表性照片EX.新生座談會、職場經驗分享、國際發表論壇 • 從小畫家開啟舊檔，接著按Ctrl+A全選再按“調整大小”點選”像素”調整 • 必須知道網頁上照片設定的像素大小 • 因為調整後照片不一定放得下整個畫面所以要兩張接在一起，最後再設計邊框上色!

10. 步驟九：插入表格 • 先設定大小(__列 跟 __欄)，接著”指定寬度”分兩部分 • 像素→是隨數字而放大縮小 • 百分比→是隨個人電腦螢幕而放大縮小 • 最後調整”框線”大小，依各人喜好選擇亮或暗的框線跟“背景”色彩

11. THE END