壹、做網頁之前:
- 在桌面新增一個資料夾,並輸入一個英文檔名。
- 將所需圖片放入資料夾中,爾後有.htm檔都要放入此資料夾中。
|
貳、開始編輯(開啟FrontPage Express):
- 裝飾標題按Heading 1按enter
主標題按Heading 2按enter 副標題按Heading
3按enter
- →表格→選擇表格→→表格→表格內容→輸入或貼入文字→縮排→加粗
- 插入圖片→瀏覽→開啟圖片→在圖片上
點兩下→輸入圖像名稱→輸入圖像位置及與文字間距。
- 檔案→另存新檔→存成檔案(F)→找出最先設的檔案夾→輸入檔名→存檔
|
參、加入CSS(樣式表)及重整測試:
- (開啟Internet瀏覽器)→找到鄭炳煌的網頁範例→copy
.css(Ctrl+C)→在本瀏覽器上的檔案→開啟舊檔→瀏覽→找到自己的檔案夾→開啟剛剛的檔案→按右鍵→檢視原始檔
- (此時會跳出記事本)在</title>後按enter→Ctrl+V→檔案→貯存
- (回到瀏覽器)→按重新整理
|
注意:當完成後第一次再回到編輯器FrontPage Express時,記得先關掉先前所做的檔案(右上角下二打×的位置),然後再重新開啟舊檔,如此才能保證剛剛加入CSS的動作不會被消掉。爾後只要有在記事本修改東西時,回到編輯器一定要重覆這個動作。
|
肆、做一個漂亮的表格:看看結果
- 按格數拉出一張表格→表格→選擇表格→→表格→表格內容→輸入或貼入文字(也可以到各處室去找表格來練習,可以省去輸入的時間。)→表格→選擇貯存格指定為表頭→下一列→表格→選擇貯存格指定顏色→如此同理指定其他列的顏色→貯存→測試。
|