網(wǎng)頁制作技巧

1、網(wǎng)頁制作網(wǎng)頁制作 9.1 網(wǎng)頁與網(wǎng)站網(wǎng)頁與網(wǎng)站 9.2 frontpage 2002的基礎(chǔ)知識的基礎(chǔ)知識 9.3 制作一張簡單的網(wǎng)頁制作一張簡單的網(wǎng)頁 9.4 建立一個完整的網(wǎng)站建立一個完整的網(wǎng)站 9.5 在網(wǎng)頁中插入基本元素在網(wǎng)頁中插入基本元素 9.6 在網(wǎng)頁中添加其它元素在網(wǎng)頁中添加其它元素 9.7 框架網(wǎng)頁的使用框架網(wǎng)頁的使用 9.8 發(fā)布站點(diǎn)發(fā)布站點(diǎn)9.1 網(wǎng)頁與網(wǎng)站網(wǎng)頁與網(wǎng)站 上網(wǎng)時，大家看到的每一個頁面都稱為一張上網(wǎng)時，大家看到的每一個頁面都稱為一張“網(wǎng)網(wǎng)頁頁”。一張網(wǎng)頁其實(shí)就是一個文本文件，一般采。一張網(wǎng)頁其實(shí)就是一個文本文件，一般采用用html語言來編寫，后綴名通常為語言來編寫

2、，后綴名通常為“.htm”或或“.html”等。等。 網(wǎng)站就是一系列網(wǎng)頁文件和其它相關(guān)文件的集合，網(wǎng)站就是一系列網(wǎng)頁文件和其它相關(guān)文件的集合，這些網(wǎng)頁和文件通常存儲在一個總文件夾內(nèi)，在這些網(wǎng)頁和文件通常存儲在一個總文件夾內(nèi)，在文件夾內(nèi)部再把網(wǎng)頁和其它文件按照網(wǎng)頁之間的文件夾內(nèi)部再把網(wǎng)頁和其它文件按照網(wǎng)頁之間的邏輯關(guān)系分門別類的存儲在各個子文件夾內(nèi)，以邏輯關(guān)系分門別類的存儲在各個子文件夾內(nèi)，以便于整個網(wǎng)站的組織和管理。便于整個網(wǎng)站的組織和管理。 9.2 frontpage 2002 簡介簡介9.3 制作一張簡單的網(wǎng)頁制作一張簡單的網(wǎng)頁 9.3.1 準(zhǔn)備工作準(zhǔn)備工作 9.3.2 制作一張簡單的網(wǎng)頁

3、制作一張簡單的網(wǎng)頁 9.3.3 瀏覽自己制作的網(wǎng)頁瀏覽自己制作的網(wǎng)頁9.3.1 準(zhǔn)備工作準(zhǔn)備工作 新建一個文件夾用來儲存網(wǎng)站的網(wǎng)頁文件新建一個文件夾用來儲存網(wǎng)站的網(wǎng)頁文件和所有相關(guān)文件和所有相關(guān)文件 在“我的文檔”文件夾下新建一個名為“my webs”的文件夾作為網(wǎng)站的根目錄 在根目錄下創(chuàng)建一個名為“images”的文件夾用來儲存網(wǎng)站中用到的圖片、動畫、聲音等文件。 在制作網(wǎng)頁的過程中，如果用到了網(wǎng)站根在制作網(wǎng)頁的過程中，如果用到了網(wǎng)站根目錄以外的其它文件，最好事先將其復(fù)制目錄以外的其它文件，最好事先將其復(fù)制到到“my webs”文件夾之下，以免出錯。文件夾之下，以免出錯。9.3.2 制作一張

4、簡單的網(wǎng)頁制作一張簡單的網(wǎng)頁 啟動啟動frontpage時，會自動創(chuàng)建一張新網(wǎng)時，會自動創(chuàng)建一張新網(wǎng)頁頁“new_page_1.htm” 單擊【新建】按鈕也可新建網(wǎng)頁單擊【新建】按鈕也可新建網(wǎng)頁 單擊【保存】按鈕即可保存文件單擊【保存】按鈕即可保存文件9.3.3 瀏覽自己制作的網(wǎng)頁瀏覽自己制作的網(wǎng)頁三種瀏覽自己制作的網(wǎng)頁的方法：三種瀏覽自己制作的網(wǎng)頁的方法：單擊【預(yù)覽】按鈕可以預(yù)覽實(shí)際效果；選擇【文件】【用瀏覽器預(yù)覽】命令，在資源管理器或我的電腦中找到該網(wǎng)頁文件，雙擊該文件即可用瀏覽器打開網(wǎng)頁。9.4 建立一個完整的網(wǎng)站建立一個完整的網(wǎng)站 9.4.1 新建一個站點(diǎn)新建一個站點(diǎn) 9.4.2 站點(diǎn)

5、的管理站點(diǎn)的管理9.4.1 新建一個站點(diǎn)新建一個站點(diǎn) 選擇【文件】選擇【文件】【新建】【新建】【網(wǎng)頁或站點(diǎn)】菜單【網(wǎng)頁或站點(diǎn)】菜單命令命令 9.4.2 站點(diǎn)的管理站點(diǎn)的管理 利用文件夾列表進(jìn)行站點(diǎn)管理利用文件夾列表進(jìn)行站點(diǎn)管理 新建網(wǎng)頁 新建文件夾 關(guān)閉站點(diǎn) 打開站點(diǎn)9.5 在網(wǎng)頁中插入基本元素在網(wǎng)頁中插入基本元素 9.5.1 在網(wǎng)頁中添加文字在網(wǎng)頁中添加文字 9.5.2 在網(wǎng)頁中添加圖片在網(wǎng)頁中添加圖片 9.5.3 在網(wǎng)頁中添加超鏈接在網(wǎng)頁中添加超鏈接 9.5.4 在網(wǎng)頁中使用表格在網(wǎng)頁中使用表格 9.5.5 在網(wǎng)頁中添加背景圖片在網(wǎng)頁中添加背景圖片 9.5.6 在網(wǎng)頁中添加背景音樂在網(wǎng)頁中

6、添加背景音樂 9.5.7 應(yīng)用模板和主題應(yīng)用模板和主題9.5.1 在網(wǎng)頁中添加文字在網(wǎng)頁中添加文字 同同word中基本類似中基本類似 可以直接利用鍵盤輸入各種文本可以直接利用鍵盤輸入各種文本 可以利用格式工具欄和字體、段落對話框可以利用格式工具欄和字體、段落對話框來進(jìn)行文本的格式設(shè)置來進(jìn)行文本的格式設(shè)置9.5.2 在網(wǎng)頁中添加圖片在網(wǎng)頁中添加圖片 同同word中操作類似中操作類似 設(shè)置環(huán)繞方式等格式設(shè)置環(huán)繞方式等格式 插入來自根目錄之外的圖片插入來自根目錄之外的圖片9.5.3 在網(wǎng)頁中添加超鏈接在網(wǎng)頁中添加超鏈接 1. 鏈接到另一個網(wǎng)頁鏈接到另一個網(wǎng)頁 2. 鏈接到一個網(wǎng)址鏈接到一個網(wǎng)址 3.

7、 鏈接到電子郵箱鏈接到電子郵箱9.5.4 在網(wǎng)頁中使用表格在網(wǎng)頁中使用表格 1插入表格插入表格 選擇【表格】【插入】【表格】菜單命令 2對表格的操作對表格的操作 合并單元格 拆分單元格 3表格的設(shè)置表格的設(shè)置 設(shè)置表格屬性 設(shè)置單元格屬性9.5.5 在網(wǎng)頁中添加背景圖片在網(wǎng)頁中添加背景圖片 選擇【格式】選擇【格式】【背景】菜單命令【背景】菜單命令 9.5.6 在網(wǎng)頁中添加背景音樂在網(wǎng)頁中添加背景音樂9.5.7 應(yīng)用模板和主題應(yīng)用模板和主題 1. 網(wǎng)頁模板網(wǎng)頁模板 選擇【視圖】【任務(wù)窗格】菜單命令 在任務(wù)窗格中選擇【網(wǎng)頁模板】命令 2. 站點(diǎn)模板站點(diǎn)模板 選擇【視圖】【任務(wù)窗格】菜單命令 在任務(wù)

8、窗格中選擇【web站點(diǎn)模板】命令 3. 應(yīng)用主題應(yīng)用主題 選擇【格式】【主題】菜單命令 9.6 在網(wǎng)頁中添加其它元素在網(wǎng)頁中添加其它元素 9.6.1 插入滾動字幕插入滾動字幕 9.6.2 插入懸停按鈕插入懸停按鈕 9.6.3 插入視頻插入視頻 9.6.4 使用圖像映射使用圖像映射 9.6.5 應(yīng)用網(wǎng)頁過渡應(yīng)用網(wǎng)頁過渡 9.6.6 應(yīng)用動態(tài)應(yīng)用動態(tài)html效果效果9.6.1 插入滾動字幕插入滾動字幕 選擇【插入】選擇【插入】【web組件】菜單命令組件】菜單命令 在在“組件類型組件類型”中選擇動態(tài)效果，并在右側(cè)效果列表中選中選擇動態(tài)效果，并在右側(cè)效果列表中選擇擇“字幕字幕”效果效果 9.6.2 插

9、入懸停按鈕插入懸停按鈕 選擇【插入】選擇【插入】【web組件】菜單命令組件】菜單命令 在在“組件類型組件類型”中選擇動態(tài)效果，并在右側(cè)效果中選擇動態(tài)效果，并在右側(cè)效果列表中選擇列表中選擇“懸停按鈕懸停按鈕”效果效果 9.6.3 插入視頻插入視頻 選擇【插入】選擇【插入】【圖片】【圖片】【視頻】菜單【視頻】菜單命令命令 9.6.4 使用圖像映射使用圖像映射 利用圖象映射可以為一張圖片的不同部分利用圖象映射可以為一張圖片的不同部分加上不同的加上不同的“熱點(diǎn)熱點(diǎn)”區(qū)域，為每個熱點(diǎn)加區(qū)域，為每個熱點(diǎn)加上不同的超鏈接，從而使得在網(wǎng)頁上點(diǎn)擊上不同的超鏈接，從而使得在網(wǎng)頁上點(diǎn)擊相應(yīng)熱點(diǎn)即可鏈接到相應(yīng)區(qū)域相應(yīng)

10、熱點(diǎn)即可鏈接到相應(yīng)區(qū)域 步驟：步驟： 選擇熱點(diǎn)繪制工具 繪制熱點(diǎn) 設(shè)置超鏈接9.6.5 應(yīng)用網(wǎng)頁過渡應(yīng)用網(wǎng)頁過渡 選擇【格式】選擇【格式】【網(wǎng)頁過渡】菜單命令【網(wǎng)頁過渡】菜單命令 9.6.6 應(yīng)用動態(tài)應(yīng)用動態(tài)html效果效果 選擇【格式】選擇【格式】【動態(tài)【動態(tài)html效果】菜單命令效果】菜單命令 9.7 框架網(wǎng)頁的使用框架網(wǎng)頁的使用 9.7.1 新建框架網(wǎng)頁新建框架網(wǎng)頁 9.7.2 保存框架網(wǎng)頁保存框架網(wǎng)頁 9.7.3 框架網(wǎng)頁中的超鏈接框架網(wǎng)頁中的超鏈接9.7.1 新建框架網(wǎng)頁新建框架網(wǎng)頁 選擇【視圖】選擇【視圖】【任務(wù)窗格】菜單命令【任務(wù)窗格】菜單命令 在任務(wù)窗格中選擇【網(wǎng)頁模板】命令在

11、任務(wù)窗格中選擇【網(wǎng)頁模板】命令 在對話框中選擇合適的框架網(wǎng)頁類型即可在對話框中選擇合適的框架網(wǎng)頁類型即可9.7.2 保存框架網(wǎng)頁保存框架網(wǎng)頁 選擇【文件】選擇【文件】【保存】命令【保存】命令 按照對話框所提示的步驟將框架網(wǎng)頁的各按照對話框所提示的步驟將框架網(wǎng)頁的各個部分逐個保存?zhèn)€部分逐個保存9.7.3 框架網(wǎng)頁中的超鏈接框架網(wǎng)頁中的超鏈接 在框架網(wǎng)頁中設(shè)置超在框架網(wǎng)頁中設(shè)置超鏈接的步驟同一般超鏈接的步驟同一般超鏈接的設(shè)置相同鏈接的設(shè)置相同 唯一有區(qū)別的是在唯一有區(qū)別的是在“編輯超鏈接編輯超鏈接”對話對話框中要單擊【目標(biāo)框框中要單擊【目標(biāo)框架】按鈕，在架】按鈕，在“目標(biāo)目標(biāo)框架框架”對話框中設(shè)置對話框中設(shè)置鏈接的目標(biāo)框架。鏈接的目標(biāo)框架。 9.8 發(fā)布站點(diǎn)發(fā)布站點(diǎn) 9.8.1 為什么要發(fā)布站點(diǎn)為什么要發(fā)布站點(diǎn) 9.8.2 發(fā)布站點(diǎn)的幾種方式發(fā)布站點(diǎn)的幾種方式9.8.1 為什么要發(fā)布站點(diǎn)為什么要發(fā)布站點(diǎn) 發(fā)布站點(diǎn)就是將網(wǎng)站中所有的文件及文件發(fā)布站點(diǎn)就是將網(wǎng)站中所有的文件及文件夾復(fù)制