FrontPage2003_教程

1、.FrontPage2003 教程 輕松布局網(wǎng)頁用FrontPage2003的“布局表格和單元格功能布局網(wǎng)頁時，需要通過兩部分來完成。首先通過“布局表格功能來為網(wǎng)頁布局創(chuàng)立一個框架，然后通過“布局單元格功能為該框架填充包含有網(wǎng)頁內(nèi)容包括文本、圖像、Web部件和其他元素的區(qū)域，也就是單元格。下面我們就以設(shè)置一個單位網(wǎng)站首頁為例來理解一下用布局表格給網(wǎng)頁布局的過程。 一、創(chuàng)立布局表格 1.創(chuàng)立布局表格 翻開一個空白網(wǎng)頁，并切換到“設(shè)計視圖下，單擊“表格菜單中的“布局表格和單元格命令，隨后在右側(cè)彈出一個任務(wù)窗口圖1，在該任務(wù)窗口下面程序提供了多種表格布局模板，在此單擊其中需要的模板即可將該模板添加到

2、網(wǎng)頁中。2.繪制布局表格 假設(shè)你對模板中提供的布局表格不太滿意，還可以用手工繪制的方法創(chuàng)立一個布局表格。創(chuàng)立時首先在“新建表格和單元格項中單擊“繪制布局表格，隨后將指針移到操作窗口最下。3.設(shè)置表格屬性 插入表格后，還需對表格屬性進展設(shè)置。在“表格屬性項中設(shè)置該表格所需的屬性。 提示：在設(shè)置表格時，假設(shè)要想覆蓋網(wǎng)頁的默認(rèn)邊距，并讓布局表格跨到文檔窗口的邊緣，可以將表格中的各個邊距的屬性都設(shè)置為0。 在設(shè)計框架時經(jīng)常需要調(diào)整某一行或列的屬性，這時可以通過表格中列寬和行高的標(biāo)簽來完成。在操作窗口中單擊布局表格需要調(diào)整的邊框，每一側(cè)都會出現(xiàn)顯示列寬和行高的標(biāo)簽。每個標(biāo)簽都包括一個下拉箭頭，如更改行高

3、度時，單擊此下拉箭頭彈出一個下拉菜單，選擇“更改行高命令，在彈出的“行屬性對話框中重新輸入該行高度值即可。FrontPage2003還提供了一個表格自動功能，它可以按照比例自動伸縮，調(diào)整表格的寬度和高度，使用時在邊距標(biāo)簽下拉菜單中選擇“自動伸縮命令即可快速地對表格的尺寸進展調(diào)整，非常方便。二、單元格的添加和設(shè)置 1.添加單元格 布局表格創(chuàng)立了網(wǎng)頁框架后，還要向表格中添加單元格。添加時單擊“新建表格和單元格項下的“繪制布局單元格，隨后按照繪制表格的方式來繪制單元格。假設(shè)我們需要繪制連續(xù)的單元格時，單擊“繪制布局單元格后，按住Ctrl鍵同時拖動鼠標(biāo)即可。 2.設(shè)置單元格 由于首頁中需要添加的鏈接和

4、按鈕較多，因此該頁面中的單元格比較復(fù)雜。為了美觀，在該頁面中還需要對單元格進展相關(guān)的設(shè)置。 1單元格屬性設(shè)置 在“單元格屬性設(shè)置任務(wù)窗口中單擊“單元格屬性和邊框命令，隨后可以對選中單元格的高度、寬度、背景顏色、邊框、邊距等項進展相應(yīng)的設(shè)置。設(shè)置方法與表格的設(shè)置相似。 2設(shè)置單元格角部屬性 為了美觀，在制作網(wǎng)頁時還需要添加一些圓角圖片來修飾網(wǎng)頁，如導(dǎo)航工具條邊緣等。以前在網(wǎng)頁中添加這些圖片非常費事，而在FrontPage2003中我們可以通過對單元格角部屬性的設(shè)置輕松解決這一問題。首先在“單元格格式窗口中單擊“單元格角部和陰影，隨后在下面出現(xiàn)了“角部和“陰影的設(shè)置窗口。在“角部項中點選“使用默認(rèn)

5、圖像選項，隨后設(shè)置好該角部的寬度和高度，并在下面的顏色中設(shè)置好該角部的顏色。設(shè)置后在“應(yīng)用中選擇一種角部款式，即可將該角部添加到單元格中。此外，我們可以通過“使用自定義圖像來添加一個自制的圖片款式圖2。 3設(shè)置單元格的陰影屬性 在“陰影項中首先對陰影的寬度進展設(shè)置，隨后在“柔和度框中鍵入所需的值。單擊“顏色下拉菜單可以為該陰影選擇一種顏色，在“應(yīng)用項中輸入一種陰影款式，即可將設(shè)置好的陰影添加到網(wǎng)頁單元格中。FrontPage2003 教程設(shè)計網(wǎng)站部分    1. “拆分視圖2.改進的圖形支持3.多編輯器配置4.Macromedia Flash 支持5.行為右圖所示

6、6.交互式按鈕7.快速標(biāo)記工具8.智能感知9.鍵入幫助10.代碼段11.經(jīng)過改進的工作環(huán)境和更大的設(shè)計區(qū)域。12.布局表格和單元格布局表格工具位于可以方便訪問的任務(wù)窗格中?？梢允褂眠@些工具應(yīng)用附加格式，如圓角、邊框、自動伸縮和其他視覺效果。 自動伸縮：圓角： 陰影：邊框：實例中是一條豎線。 表頭和表尾：     “表格布局模板：13.圖像描摹 14.動態(tài) Web 模板可以在網(wǎng)站中使用任何數(shù)目的動態(tài) Web 模板，并且可以將動態(tài) Web 模板添加到任意數(shù)目的網(wǎng)頁中。還可以將動態(tài) Web 模板 .dwt 文件保存到任意位置。15.網(wǎng)頁標(biāo)尺和布局網(wǎng)格16.設(shè)計階段層。1

7、7.遠程網(wǎng)站視圖Microsoft Office FrontPage 2003 中的遠程網(wǎng)站視圖可以幫助您將整個網(wǎng)站和單獨的文件和文件夾發(fā)布到任何位置：擴展的 Web 效勞器、支持文件傳輸協(xié)議 FTP 或基于 Web 的分布式創(chuàng)作和版本控制 WebDAV 的 Web 效勞器、或文件系統(tǒng)中的某個位置。    遠程網(wǎng)站視圖同時顯示本地網(wǎng)站和遠程網(wǎng)站中的文件。圖標(biāo)和說明性文本會指示文件和文件夾的狀態(tài)，同步功能有助于確保不會意外地覆蓋任何文件或文件夾。18.連接到遠程網(wǎng)站通過新的遠程網(wǎng)站對話框可以指定連接設(shè)置，并有助于您管理連接類型和協(xié)議 包括平安套接字層 SSL 或被動 FTP。19.優(yōu)化HTML在本地網(wǎng)站上或?qū)⒕W(wǎng)頁發(fā)布到遠程網(wǎng)站時，可以在文件和文件夾中生成干凈的 HTML 代碼。這