網頁輕鬆做

網頁製作(一)

鄭炳煌

| 回上頁 |

壹、做網頁之前:

  1. 在桌面新增一個資料夾,並輸入一個英文檔名
  2. 將所需圖片放入資料夾中,爾後有.htm檔都要放入此資料夾中。

貳、開始編輯(開啟FrontPage Express):

  1. 裝飾標題Heading 1按enter 主標題按Heading 2按enter 副標題按Heading 3按enter
  2. 表格選擇表格→表格→表格內容→輸入或貼入文字→縮排→加粗
  3. 插入圖片→瀏覽→開啟圖片→在圖片上 點兩下→輸入圖像名稱輸入圖像位置及與文字間距。
  4. 檔案→另存新檔→存成檔案(F)→找出最先設的檔案夾→輸入檔名→存檔

參、加入CSS(樣式表)及重整測試:

  1. (開啟Internet瀏覽器)→找到鄭炳煌的網頁範例→copy .css(Ctrl+C)→在本瀏覽器上的檔案→開啟舊檔→瀏覽→找到自己的檔案夾→開啟剛剛的檔案→按右鍵→檢視原始檔
  2. (此時會跳出記事本)在</title>後按enter→Ctrl+V→檔案→貯存
  3. (回到瀏覽器)→按重新整理

注意:當完成後第一次再回到編輯器FrontPage Express時,記得先關掉先前所做的檔案(右上角下二打×的位置),然後再重新開啟舊檔,如此才能保證剛剛加入CSS的動作不會被消掉。爾後只要有在記事本修改東西時,回到編輯器一定要重覆這個動作。

肆、做一個漂亮的表格:看看結果

  1. 按格數拉出一張表格→表格選擇表格→表格→表格內容→輸入或貼入文字(也可以到各處室去找表格來練習,可以省去輸入的時間。)→表格選擇貯存格指定為表頭→下一列→表格選擇貯存格指定顏色→如此同理指定其他列的顏色→貯存→測試。