FrontPage网页设计制作

《FrontPage网页设计制作》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、WebdesignFrontPage網頁設計製作&網站規劃1大　綱(1)操作環境、功能表列(2)文字、圖片、表格製作與應用(3)網頁編輯軟體(4)網站設計的步驟(5)HTML語法&重要觀念(6)Frontpage2002(7)網頁/網站上傳2基本操作環境FrontPage20023FrontPage2002功能表列介紹功能表功能說明檔案在這個功能表中我們可以列印網頁、開啟、建立和發送Web網站，和導覽架構。編輯主要可以編輯複製、剪下、貼上、刪除及全選等指令。檢視共有六種檢視方式，可以切換顯示檢視列和資料夾清單或各種工具列。插入包含插入水

2、平線、Web元件、資料庫、表單、圖片、書籤和超連結等。格式網頁編輯時此功能主要可以設定字型、段落、框線、網底、樣式、布景主題、共用邊框和背景等格式設定。工具包含拼字檢查、同義字、重整超連結、Web設定和選項設定等。表格網頁上的表格編輯。框架框架頁編輯。視窗主要是顯示目前開啟並編輯的網頁清單，只要直接點選就可以直接切換至此網頁。說明說明MicrosoftFrontPage功能。4規劃網站架構－當我們在架設網站前，第一步驟就是要將網站的整個架構組織起來。接下來以一個實際的網頁來做例子。FrontPage20025FrontPage2002這

3、個網頁的主要架構如下：最新消息／幾米二三事／幾米Solo／幾米Café／JimmyShop／JimmyExpress／會員專區規劃網站架構依據以上的架構，網頁設計師把檔案資料分類(右圖)一般網站首頁的檔名預設為index.htm。可將資料夾命名和上面結構相似的檔名，以方便以後要修改這個檔案時。可建立一個img的資料夾，這個資料夾可用來專門存放首頁會用到的所有圖片。6文字、圖片、表格製作與應用FrontPage2002文字編輯－介紹「文字工具列」的功用及設定此下拉式選單可用以表示目前編輯區中的工作模式以及讓使用者選擇要工作的模式；共可做一

4、般、格式化、地址、標題1~6、編號清單、項目清單、目錄清單、功能表清單和定義清單等模式的選擇。此下拉式選單可用選擇字型的類型，若未對於字型類型做選擇則以預設的細明體字字型為輸入的字型。此下拉式選單用來選擇字體的大小，共有1~7種網頁製作標準字大小供可供選擇使用。Ｂ為設定黑體字；Ｉ設定為斜體字；Ｕ設定加底線。按鈕由左至右功能分別為向左靠齊、置中對齊、為向右靠、左右對齊。第一個按鈕是放大字型，第二個按鈕是縮小字型。(1)(2)(3)(4)(5)(6)(7)(8)(9)7文字、圖片、表格製作與應用FrontPage2002按鈕由左至右為編號、

5、項目符號、減少縮排、增加縮排。本按鈕為設定框線，向下箭頭可以叫出十一種框線。使用者在畫框線時，可以按照需要，選擇你要的框線。第一個按鈕是標示色彩，第二個按紐是設定文字色彩，當點選向下箭頭，都可以叫出色彩表(圖一)，如果覺得標準色彩裡沒有你要的話，可點選其他色彩，使用者可以再選擇更多的顏色(圖二)。(1)(2)(3)(4)(5)(6)(7)(8)(9)文字編輯8文字、圖片、表格製作與應用FrontPage2002圖片編輯－製作網頁時，加入一些圖片、動畫或背景圖片可以增加網頁的可讀性。插入圖片Step1.把游標放在你要插入的地方後，選「功能

6、表／插入／圖片」（如下圖）9FrontPage2002Step2.網頁製作的圖片來源可來自系統內建的美工圖案、存於外部的檔案。當選擇外部的檔案按確定後，即進入對話視窗，如圖三，如果選擇的是「美工圖案」，則會叫出存在於系統中的美工圖案檔的視窗供選擇，如圖四。文字、圖片、表格製作與應用圖片編輯10FrontPage2002文字、圖片、表格製作與應用插入背景圖片Step1.選擇「功能表／格式／背景」（如圖五），進入「網頁內容」視窗圖片編輯11FrontPage2002文字、圖片、表格製作與應用Step2.選背景再勾選背景圖片，開啟瀏覽，選取背

7、景圖片所在的檔案位置按確定即可（如圖六）。如果只是為了改變單純色彩，則於圖六中，開啟「色彩／背景」的下拉式選單中的顏色即可。圖片編輯12文字、圖片、表格製作與應用FrontPage2002表格製作與應用－以製作表格的方式做網頁內容的配置，可以讓網頁在畫面上比較整齊，可以更增加可看性。怎樣製作表格Step1.選擇「功能表／表格／插入／表格」（如圖七）13文字、圖片、表格製作與應用FrontPage2002表格製作與應用Step2.呼叫出如圖八的對話視窗，填入必要的設定即可。Step3.或是在工具列中選擇「插入表格」按鈕（如圖九），按滑鼠左

8、鍵不動扡曳出需要的表格中的欄與列的數量，就可以製作出所需的表格。14文字、圖片、表格製作與應用FrontPage2002欄或列儲存格的合併Step1.用滑鼠拖曳出表格(如圖十)(圖十)Step2.點選「功能