英文系西洋文學概論
2000年3月7日
基本網頁製作步驟介紹及實例
1.為什麼要製作網頁
2.網頁的主題及架構
3.網頁內容之蒐集
4.網頁製作所需工具軟體

如何使用WORD製作網頁

利用Web畫面精靈製作

利用空白Web畫面製作

製作超連結(hyperlink)

使用表格框線配置版面

使用圖片背景圖美化版面

 

 

 


1

為什麼要製作網頁? [回頁首]

2.

網頁的主題及架構 [回頁首]

a.
線上教學 / 專業網站 / 休閒 / 個人
b.
主題 / 索引 / 內容 /連結
3.
網頁內容蒐集[回頁首]
a.
文字 (txt / htm / html <超文字程式語言)
b.
圖像 (jpg/jpeg / gif (gif animation )
c.
多媒體資源--影像、聲音、動畫( wav、mid、mov).
d.
網路資源 (網站連結)
4.
網頁製作所需工具軟體 [回頁首]
a.
網頁製作軟體
Word97, Word2000, Frontpage, IE Frontpage Express,
Netscape Composer
b.
影像處理編輯軟體
Photo Impact, Photo Shop, GIF Animator
c.
網頁瀏覽器 IE, Netscape
d.
檔案 / 網頁上傳軟體 WS_FTP Pro, Cute FTP

 
1.
如何使用WORD製作網頁[回頁首]
a.
直接將編寫好的Word文件存成HTML檔案格式
檔案功能表的存成 HTML檔案 (htm)
b.
使用Web畫面精靈空白頁建立製作網頁
   
2.
利用Web畫面精靈製作網頁 : 實例及操作步驟 [回頁首]
a.
開啟WORD97後,選檔案功能表的開新檔案 (Ctrl+N)
選取WEB畫面,在其對話框中點取WEB畫面精靈,再按確定
b.
由web畫面選單中選擇範本
舉例 ; 選擇個人畫面 再按下一頁 。
再由選單中選擇所需要的樣式,再按確定
c.
將滑鼠左鍵點選欲編輯之區域
直接編輯所需文字 ( 使用方法同Word)
d.
儲存為htm檔案格式
使用預覽網頁 (檔案功能表的 Web畫面預覽 )
   
3.
利用Web空白畫面製作網頁[回頁首]
a.
檔案功能表的開新檔案 (Ctrl+N) ,選取WEB畫面
在其對話框中點取空白WEB畫面精靈,再按確定
b.
將滑鼠左鍵點選欲編輯之區域
  直接編輯所需文字 ( 使用方法同Word)
c.
使用水平線 編排網頁( 插入功能表 選取水平線 )
d.
使用項目符號和編號 編排網頁( 格式功能表 選取項目符號和編號 )
將文字區段反白選取項目符號和編號,再按確定
   
e.
製作超連結(hyperlink) [回頁首]
e1
鍵入書籤 ( 插入功能表 選取書籤 )
將滑鼠左鍵點選欲編輯之區域
鍵入書籤名稱 (!!! 不可以數字為首 -- 記號 ),再按新增
e2.
同頁間之連結
  點選一段文字(將文字反白) ( 插入功能表 選取超連結 )
  檔案中的位置欄位點取瀏覽選取連結書籤位置
  書籤此對話框中選取其中的書籤再按確定
e3.
多頁(不同頁 )間之連結
點選一段文字(將文字反白) ( 插入功能表 選取超連結 )
  連接至檔案或URL欄位點取瀏覽選取連結檔案
  (檔案 為已製作好網頁 )URL(uniform resource locator 或是 網址)
  輸入後,再按確定
 
f.
使用表格框線配置版面[回頁首]
  將滑鼠左鍵移至欲編輯之區域 ( 表格功能表 選取插入表格 )
  將滑鼠左鍵選擇所須之欄數列數 (使用方法如WORD一樣)
  直接編輯所需文字
   
g.
使用圖片背景美化版面 [回頁首]
g1
變換背景顏色 ( 格式功能表 選取 背景 )
若無有需要之顏色選取其他 顏色 自訂填滿效果
g2
使用圖片( 插入功能表 選取 圖片)
   
h.
儲存為htm檔案格式
  預覽網頁 ( 檔案功能表的,選取Web畫面預覽 )

 

    [回上頁]