FrontPage網(wǎng)頁制作手冊_第1頁
FrontPage網(wǎng)頁制作手冊_第2頁
FrontPage網(wǎng)頁制作手冊_第3頁
FrontPage網(wǎng)頁制作手冊_第4頁
FrontPage網(wǎng)頁制作手冊_第5頁
已閱讀5頁,還剩29頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、FrontPage網(wǎng)頁制作手冊如何翻開FrontPage了解主界面單擊任務欄“開始按鈕,選擇“程序選項,單擊FrontPage就可以進入。進入后你會發(fā)現(xiàn)PRONTPAGE界面和WORD很相似圖一,這是因為編輯WEB頁面和編輯WORD文檔有很多同樣的設置,這些設置所用的圖標和WORD中的是一樣的。圖一ProntPage2000 界面視圖中的組框是用來切換視圖的,單擊里面的小圖標就可以切換到不同的視圖。FRONTPAGE共有6種視圖如左,使用不同的視圖可以從不同的側面查看設計的WEB站點。對一個WEB站點而言,不斷更新是很重要的。隨著站點的成長,維護站點的工作量會越來越大。建立站點可能很快,但是如

2、果沒有這6種視圖的幫助,維護起來就很困難了。這些視圖的使用不用一下就全部掌握,只要知道有這些視圖就可以了。下面看一看同一個WEB站點在不同視圖中是怎樣顯示的。單擊“網(wǎng)頁按鈕,切換到網(wǎng)頁視圖,再單擊工具欄上的“文件夾列表按鈕,窗口中增加了一個文件夾列表框圖一。網(wǎng)頁視圖是用來顯示選中的網(wǎng)頁的,雙擊文件夾列表中的某一個HTM文件,在最右方的工作區(qū)中就會顯示該網(wǎng)頁的內容。圖一網(wǎng)頁視圖注意,此時工作區(qū)的左下角有三個切換顯示模式的選項卡圖二。單擊“普通選項卡,就切換到了普通模式。在普通模式可以編輯網(wǎng)頁的內容以及設置各種格式。單擊“預覽選項卡就到了預覽模式。如果要看一看當前編輯的文件在瀏覽器中的顯示情況,就

3、使用預覽模式,在預覽模式下,是不能編輯網(wǎng)頁的。單擊“HTML,有的時候,也可以切換到HTML模式直接對網(wǎng)頁對應的HTML文本文件進行編輯,從而為網(wǎng)頁作一些特殊的設置。圖二工作區(qū)的三個切換模式文件夾視圖以列表的形式給出了當前WEB站點的文件夾和文件夾里包含的文件圖三。由于一個WEB站點要涉及到許多文件,因此將這些文件分類并分別放到不同的文件夾就很有必要。比方,可以把所有的圖形文件放入IMAGE文件夾。FRONTPAGE還提供了一個_PRIVATE文件夾,用來存放一些對網(wǎng)絡瀏覽者不可見的信息。下面為當前站點再添加一個SOUND文件夾,用來存放WEB站點用到的聲音文件:選中站點的根目錄,然后單擊“文

4、件菜單的“新建項,在彈出的子菜單中選擇“文件夾命令。在輸入SOUND,新文件夾就建立好了圖四。圖三文件列表圖四文件列表其實一個站點實際上就是一個目錄,在這個目錄下可以建立許多子目錄,并將站點的各種文件放在這些目錄里。任務視圖里放著關于站點維護的任務列表,如果站點大到由許多人共同維護,他們就可以通過任務列表知道工作的進展情況了。報表視圖給出了當前站點的一些統(tǒng)計信息。這里可以知道在站點的目錄中哪些文件被鏈接進站點了,哪些沒有。導航視圖可以方便地組織站點中各網(wǎng)頁的層次關系,在本視圖中,每一個頁框代表一個網(wǎng)頁。如果站點設置了導航功能,就可以先在這里設置好各網(wǎng)頁的層次關系,然后用導航欄把這種層次關系表現(xiàn)

5、出來。超鏈接視圖是用來觀察選中網(wǎng)頁中設置的超鏈接的。通過它可以方便地知道在網(wǎng)頁中設置了多少超級鏈接,以及是什么類型的鏈接。任務視圖里放著關于站點維護的任務列表,如果站點大到由許多人共同維護,他們就可以通過任務列表知道工作的進展情況了。創(chuàng)立網(wǎng)頁這一節(jié)我們討論怎樣創(chuàng)立頁面。創(chuàng)立頁面最簡單的方法就是單擊FRONTPAGE“常用工具欄的“新建按鈕。它的右方有一個向下的小箭頭,它是用來選擇要新建什么,可以用“新建按鈕新建網(wǎng)頁、站點、文件夾和任務。默認狀態(tài)下是新建網(wǎng)頁。如果要新建網(wǎng)頁,可以不用向下箭頭鍵選擇,而直接單擊“新建按鈕。不過使用文件菜單的“新建命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建

6、命令,選擇“新建網(wǎng)頁,在“新建對話框里,可以看到FRONTPAGE提供的許多網(wǎng)頁模板圖一,我們可以用這些模板來建立相應的網(wǎng)頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文網(wǎng)頁,這樣就創(chuàng)立了一個新的分為兩欄的網(wǎng)頁了。然后點確定。圖一新建網(wǎng)頁對話框使用模板可以不用總是從空白網(wǎng)頁開始編輯,這樣就省力很多。參加文字FrontPage中對于文字與圖像的處理與word很相似,用過word的人對于FrontPage中這局部的操作很容易上手的。不過,畢竟是網(wǎng)頁制作軟件,在Web的根底上,又增加了很實用的功能,也能做出復雜而且高級的網(wǎng)頁文字與圖像。FrontPage中對于文字以及圖像的處理根本集中在

7、這三個菜單欄里:編輯、插入、格式。編輯:包括用于處理文字的復制、粘貼等操作,調整網(wǎng)頁內容包括文字、圖像、控件等等的多少以及安排。是最根底的工具,經(jīng)常使用其對應的快捷鍵。插入:用于網(wǎng)頁各種部件及其組成局部的創(chuàng)立,很多項選擇項都能創(chuàng)立既復雜又實用的部件,這方面較Dreamwaver更容易被初學者接受。圖2.1 圖2.1格式:對于文字的處理大多集中在這里,這里的選項是用來協(xié)調整個網(wǎng)頁以及整個網(wǎng)站的內容編制,也是個較常用到的菜單欄。圖2.2 圖2.2一創(chuàng)立文字:在FrontPage中創(chuàng)立文字的方法大致分兩種:輸入和導入。1、新建一個網(wǎng)頁,之后輸入的文字就會在光標所在位置出現(xiàn),根本得不能再根本的方法,說

8、白了就是打字。只要光標能到的地方都可以正常輸入文字。2、通過【粘貼】能將之前在任何程序中復制或者剪切的文字創(chuàng)立到當前編輯網(wǎng)頁中,【編輯】菜單欄中的選項與之有關。還可以通過【插入】中【文件】的形式導入文字,包括txt、doc、htm等純文本或者包含文字的文件。二處理文字字體:選擇【格式】菜單欄中的【字體】選項,出現(xiàn)字體對話框如圖2.3。 圖2.3字體:框中選擇想應用的字體。字體文件都保存在windows目錄中的fonts子目錄中,可以自行刪改添加。字形:有常規(guī)、傾斜、加粗和加粗傾斜四個選項。一般來說正文選用保持常規(guī),加粗用于標題,傾斜那么用于突出正文中的內容以及使文字美觀。字號:可以直接在輸入框

9、中輸入想使用的字號,也可以在選項中選取。一般來說在瀏覽器中9磅和10.5磅看起來最美觀最舒服。字符間距:這個分頁中的選項是用來進行行距設置以及文字定位的。預覽:無論在【字體】中進行什么操作,都可以在預覽框中看到樣品,方便選取適宜的搭配。三處理文字段落:選擇【格式】菜單欄中的【段落】選項,出現(xiàn)段落對話框如圖2.4 圖2.4對齊方式:設置整個段落在頁面中的位置。常用的為居中??s進:調整段落與左右邊界的距離。首行縮進是用來設置各段第一行。段落間距:設置段落與段落之間的距離。對段落的操作和字體一樣,可以在預覽框中觀察。當然,以上這些操作都可以在工具欄中對應圖標按鈕實現(xiàn)。如圖2 圖2還有【格式】菜單欄中

10、的【工程符號與編號】選項,也可以用來設置文字段落的排列,根本上文字的一般處理都與word相似。四處理動態(tài)文字: 圖2.5 選擇【插入】菜單欄中的【W(wǎng)eb組件】選項,在出現(xiàn)的對話框中選擇動態(tài)效果中的“字幕如圖2.5。在出現(xiàn)的對話框中首先在文本框中輸入文字,而后對速度、大小進行調整。這里值得說明的是左下角的樣式按鈕,點擊之后出現(xiàn)的新窗口中可以進行樣式的調用等,在新窗口的左下角有一個格式按鈕,在這里可以進行文字格式的一般處理即上文所述的。這在以后的文字相關處理中都用這種按鈕后的按鈕情況。如圖2.6回到字幕對話框后按“確定,這樣一個網(wǎng)頁中的滾動字幕就制作好了。 圖2.6 選擇【格式】菜單欄中的【動態(tài)H

11、TML效果】選項,出現(xiàn)相應浮動選項框如圖2.7。只有當你在網(wǎng)頁中選擇了文字或者圖像,浮動框中的選項才會啟動。這里我們先在網(wǎng)頁中輸入文字處理一下,把鼠標移到文字行,在浮動框中依次選擇“網(wǎng)頁加載、“逐字放入。DHTML效果在FrontPage中以淡藍色方框表示。如圖2.8 圖2.7圖2.8五創(chuàng)立圖像:在FrontPage中創(chuàng)立圖像是在【插入】菜單欄里的【圖片】選項。剪貼畫:會啟動剪貼畫尋找器。在這里你可以方便地在本機或者在互聯(lián)網(wǎng)上搜索到剪貼畫用來裝點你的頁面。來自文件:導入本機或者局域網(wǎng)中的圖片,相比擬剪貼畫,獲得圖像的質量、類型和格式都很豐富,是最常用的導入圖像方式。新建圖片庫:主要用于制作排列

12、眾多圖片的頁面,針對樣品列舉、圖片欣賞等。在翻開的對話框中,點擊添加導入所需要的圖片,設置好縮略圖的大小后,在四種布局中選擇一種適合用戶的如圖2.9。簡單點擊后,按確定,一張布滿圖像的頁面就生成了。 圖2.9繪制新圖形:選擇后在頁面中插入一塊類似畫板的藍色區(qū)域,可以在上面自由作畫。一般不用到。自選圖形:在眾多簡單后實用的線圖中選擇插入。 圖2.10藝術字:用過word的人應該都很了解這個了,就是方便的創(chuàng)立含有文字特效的圖片文件。知道保存頁面后才會以圖片形式導出。點擊后選擇一種適宜的文字藝術效果,再輸入文字就行了如圖2.10。藝術字生成后可以修改,有藝術字浮動框如圖2.11??梢赃M行藝術效果的重

13、新選擇,文字內容的重新輸入,樣式的調整等等。 圖2.11六處理圖片:在已經(jīng)創(chuàng)立的圖片上點擊左鍵,出現(xiàn)圖片浮動框如圖2.12。這里的所有圖標按鈕都可對圖像進行操作處理,從左到右依次是: 圖2.12插入文件中的圖片:插入新圖像替代選中的圖像。文本:在圖像上參加文字,這可是Dreamweaver很難做到的哦。不過它會幫你自動轉換文件格式到gif。自動縮略圖:十分方便,輕輕一點就可創(chuàng)立縮略圖。以前版本沒有的功能。絕對定位:鎖定圖片在網(wǎng)頁中的位置。上移、下移一層:類似于Fireworks中的排列,點擊后,圖像可以在網(wǎng)頁中任意拖動確定位置,很好用的功能。翻轉:共上下左右四種。比照度以及亮度的處理:這是Dr

14、eamweaver望塵莫及的。在加強了亮度以及比照度的圖片上插入文字,這種安排一定可以大大提高訪問量哦。裁剪、線性、填充色、設置透明色、顏色、凹凸效果都用于修改圖片的。最后幾個是添加熱區(qū),也就是圖片上的超鏈接的??梢钥闯?,F(xiàn)rontPage對于圖片的處理能力已經(jīng)遠在Dreamweaver之上了,只不過比起dw和fw的配合使用來說,還有一些距離。但它的簡單快捷非常省事省力,適合初學者。接著我們在圖像上點擊右鍵,選擇圖像屬性。這里常用的就是圖像的環(huán)繞樣式,以及一些其他設置如圖2.13。 圖2.13七處理動態(tài)圖像: 選擇【插入】菜單欄中的【W(wǎng)eb組件】選項,在出現(xiàn)的對話框中選擇動態(tài)效果中的“橫幅廣告

15、管理器就在上文說到的“字幕下。設置好廣告圖片的長和寬,選擇一種適宜的過渡效果,設置好時間后點擊添加。在完成了所需廣告圖片的添加后,設置連接頁面。最后點擊確定,這樣一個網(wǎng)頁中的橫幅廣告就制作好了。如圖2.14 圖2.14 選擇【插入】菜單欄中的【W(wǎng)eb組件】選項,在出現(xiàn)的對話框中選擇動態(tài)效果中的“懸停按鈕。通過與上文相仿的簡單設置就可以搞定一個動態(tài)按鈕,簡直可以和辛辛苦苦用Fireworks做出來的媲美呢。如何插入使用表格創(chuàng)立表格在FRONTPAGE的諸多功能中,制表功能也是一個很重要的方面。我們不僅利用表格顯示一些有規(guī)律的數(shù)據(jù),而且還經(jīng)常對表格中的單元格進行調整,在其中放入文本和圖形,到達對網(wǎng)

16、頁進行布局的目的。 我們來看看這個網(wǎng)頁,這是在普通模式里的效果。 文本被分成左右兩欄了。文本周圍有虛線包圍。這些虛線實際上就是表格的框線,我們利用表格把網(wǎng)頁分為了左右兩欄。 我們切換到預覽模式,框線沒有了。 在普通模式看到的虛線可以便于我們編輯。由于表格框線的寬度是0,所以它在普通模式里是虛線顯示的,而在瀏覽器里它就不顯示出來。也就是說用一個看不見的表格把文字分開。怎樣創(chuàng)立表格呢?首先把插入點調整到要插入表格的位置,單擊“常用工具欄“插入表格按鈕,拖動鼠標,直到高亮的格子的行列數(shù)與你要插入的表格相同為止。這里我們用3乘4的,也就是3行4列的。 實際上這種方法創(chuàng)立單元格只能將各單元格行高和列寬設

17、置為一樣的,如果要在創(chuàng)立表格時對表格進行設置,可以使用插入表格命令。 設置好插入點后,選擇“表格菜單的“插入命令,單擊“表格命令, 將行數(shù)設置為3,列數(shù)設置為4,將邊框粗細設置為5,將單元格間距設為3,確認指定寬度復選框選中,并選擇單位為百分比, 設置百分比為80,使表格寬度為瀏覽器寬度的80%,單擊“確定按鈕。 新建的表格邊框變粗了。這是因為我們剛剛設置了邊框的粗細為3,另外單元格之間的分割線也變寬了,這是因為我們設置了單元格間距的結果。我們的設置也自動變?yōu)榱讼乱淮蝿?chuàng)立表格的默認設置。 還有一種創(chuàng)立表格的方法,你可以直接把表格畫出來。 選擇“查看菜單的“工具欄命令,單擊其中的“表格選項,這時

18、就會顯示“表格工具欄。 單擊“手繪表格按鈕,用拖動鼠標的方法畫一個表格。 雙擊鼠標退出畫表格狀態(tài)。 如果畫錯了就單擊“擦除按鈕,在要擦除的線條上拖動,這時線條會變紅, 放開鼠標,線條就被擦除了。 表格工具欄的其他按鈕都與表格菜單的各條命令相對應,它們的使用方法也是一樣的。 單元格的控制創(chuàng)立好表格后,就可以在表格里輸入文本了。一般情況下,直接輸入就可以了。當?shù)竭_單元格末尾時文字會自動換行的。 可是在沒有到達末尾時就要換行的話,不是按回車鍵不就可以了,因為這樣做就把文本分成了兩個段落,文本的行距就會變大。這就是使用回車鍵的效果。 應該這樣來做。按SHIFT+ENTER鍵,這樣文本就強制換行了。我們

19、再輸入換行文字,這時行距就正常了。 單元格里的文本與單元格的對齊方式有時也需要調整。我們可以用“格式工具欄的左對齊、居中對齊、右對齊進行設置。在這里還有專門的設置方式。首先單擊要調整格式的單元格,單擊鼠標右鍵,選擇“單元格屬性命令,在這里你不僅可以設置水平對齊方式還可以設置垂直對齊方式。 這里我們把水平對齊方式調整為“水平居中對齊。 單擊“確定按鈕,文本就水平居中對齊了。 我們還可以把水平和垂直對齊方式組合使用,這樣就可以任意的調整對齊方式了,也可以同時選中多個單元格,一起設置對齊方式。 首先要知道為什么要選中單元格。有時我們要對單元格進行某種操作,比方要刪除幾個單元格,首先就要把這些單元格先

20、選中。 現(xiàn)在我們來看一看怎么選中單元格:單擊要選中的單元格,插入點就在單元格中了, 選擇“表格菜單的“選定子菜單,單擊“單元格命令,單元格就選中了。 我們剛剛已經(jīng)選中了一個單元格,按住CTRL鍵,單擊其他單元格,這些單元格就選中了。 用這種方法可以選中不連續(xù)的單元格。從一個單元連續(xù)拖動鼠標可以選中連續(xù)的單元格。 選定單元格后就可以對單元格做操作了。我們可以把幾個連續(xù)單元格合成一個單元格:先把單元格一、單元格二選中,執(zhí)行“表格菜單的“合并單元格命令,兩個單元格就合并成為一個單元格了。 也可以把一個單元格分成幾個單元格:我們把插入點放到要拆分的單元格里,選擇“表格菜單的“拆分單元格命令, 在“拆分

21、單元格對話框里你可以設置是拆分成行還是列,這里我們選擇列,并將列數(shù)設置為2,單擊“確定按鈕,這樣一個單元格就被拆分為兩個單元格了。下面我們看看如何在表格里插入新的單元格:首先在要插入單元格的右側單元格內單擊,使插入點放在右側單元格內,選擇“表格菜單的“插入命令,單擊“單元格選項,一個新的單元格就放在指定位置了。 用這種方法也可以插入行和列,方法是一樣的,只要執(zhí)行插入命令時選擇行和列就可以了。 在“單元格屬性對話框里還有一些其他設置。我們先來看一下設置背景色:選中兩個單元格,單擊鼠標右鍵,選擇“單元格屬性命令,將背景色改為青色。 單元格邊框的顏色也也可以在“單元格屬性對話框里設置。你可以使用這些

22、選項來調整單元格邊框的顏色; 你也可以為單元格加一個背景; 單元格的寬度和高度也可以指定; 選中不換行選項那么文本在單元格內不會換行,如果文本太長單元格的寬度會自動改變。 行列操作熟悉了單元格的操作,我們現(xiàn)在來學習表格的行列操作。 對表格的行列操作,除了提高效率之外,還有一些特別的操作。不過我們還是從行列的選擇學起吧。 我們可以用選擇單元格的方法選擇行和列,不過有更簡便的方法:把鼠標移到表格的左邊界處,這時鼠標光標會變?yōu)橄蛴业暮谏^,單擊鼠標就可以選中箭頭指向的行。把鼠標移到上邊界處就可以選中列。 我們在選中一行后,按住SHIFT鍵不放,接著選擇其他行,就可以選中連續(xù)的幾行, 如果按住CTR

23、L鍵,就可以選中間斷的幾行。也可以在按住SHIFT鍵不放的情況下,用鍵盤的上下左右鍵來選擇。這里我們看一下用“選擇命令選擇:單擊要選擇的行的任何一個單元格,執(zhí)行“表格菜單的“選定命令,單擊“行命令就可以選中該行。當然,對列的選擇也是類似的操作方法,選中之后可以把選中行或列刪除。 注意:用DELETE鍵刪除只能刪除單元格中的內容。只要選擇“表格菜單的“刪除單元格就可以了。 你看,這一個表格的各列寬度是不同的, 現(xiàn)在我們選中各列,選中后我們能對列進行均分。 選擇“表格菜單的“平均分配列寬命令,這樣各列的寬度就一樣了。 四表格設置如果我們把表格看作一個整體,它還有一些特殊的設置。 我們先來看看怎樣把

24、文本轉化為表格???,這兒有用逗號隔開的數(shù)字1到8,選中它們, 選擇“表格菜單的“轉換子菜單執(zhí)行“文本到表格命令, 選擇分隔符為逗號,單擊“確定按鈕,這樣,文本就轉換為表格了。這樣以后我們就可以先輸入文字再建立表格了。 再來看看怎樣為表格加一個標題。單擊要插入標題的單元格,選擇“表格菜單的“插入子菜單,單擊“標題,這時表格上方出現(xiàn)了一個插入點, 輸入表格的標題文字,標題就添加完成了。 我們提到過看不見的表格用來排版,這種看不見的表格又怎么設置呢? 我們單擊這個可見的表格,單擊鼠標右鍵,選擇“表格屬性,將邊框粗細設為0, 單擊“確定按鈕,切換到預覽模式。 表格不見了。因為邊框的粗細剛剛設為0了。

25、當然我們也可以設置表格的背景顏色 :切換到普通模式,在表格上單擊鼠標右鍵, 選擇“表格屬性命令, 在背景顏色下拉列表中選擇一種顏色,這里我們選擇綠色。下面還有使用背景的復選框,我們可以給表格添加背景。 現(xiàn)在我們單擊確定按鈕,整個表格的背景顏色就改變了。 作出立體效果也很簡單。在表格上單擊鼠標右鍵, 仍然選擇“表格屬性命令, 將邊框粗細設為5, 將亮邊框顏色和暗邊框顏色分別設為銀灰色和灰度, 單擊“確定按鈕。 看,表格的邊框變粗了,立體感也加強了。 在默認情況下,表格在網(wǎng)頁上是左對齊的,我們也可以改變這種對齊方式。 在表格上單擊鼠標右鍵,執(zhí)行“表格屬性命令,將對齊方式設置為水平居中。 這時表格就

26、放在網(wǎng)頁的中間了。這和設置單元格的對齊方式差不多。不過在默認情況下表格周圍是不能排列文字的, 為了讓文本與表格融為一體,我們使表格浮動對齊。 我們看一個例子:在表格上單擊鼠標右鍵,選擇“表格屬性,把浮動下拉列表設置為左對齊, 單擊“確定按鈕。你看,這時在表格下面的文本就移上來了。 學習了這么多內容,表格的操作還真不少。其實這些操作并不難,主要是對單元格、表格行列、整個表格三個方面的操作。只要經(jīng)常使用,就會很熟練的。 五、建立超級連接網(wǎng)頁的強大之處就在它的超鏈接,在瀏覽器中通過點擊網(wǎng)頁中的超鏈接,可以很方便地翻開另外一個網(wǎng)頁,或者是圖片、文件、郵件地址。一個網(wǎng)頁中的鏈接分成兩個局部:鏈接的載體和

27、鏈接的目標地址。鏈接的載體就是在網(wǎng)頁中文字和圖片,但凡包含鏈接的文字和圖片都稱為超鏈接。操作設置文字的超鏈接:翻開網(wǎng)頁文件,用鼠標反白選擇要超鏈接的文字,然后按鼠標右鍵。在彈出菜單中選擇超鏈接。彈出超鏈接設置窗口,然后在列表中選擇要超連接網(wǎng)頁文件,確定后,就可以看到超級鏈接已建立好了。注意,在網(wǎng)頁編輯窗口,可以按住“Ctrl鍵,點擊超鏈接就可以翻開超鏈接指向的網(wǎng)頁。操作設置圖片的超鏈接:鼠標右鍵點擊要設置超鏈接的圖片,在右鍵菜單中選擇超鏈接屬性,然后設置要鏈接的文件,也可以鏈接圖片、EMail地址等。操作管理超鏈接:一個網(wǎng)站的超鏈接就像一張網(wǎng)一樣,網(wǎng)住了網(wǎng)站的所有文件。在“視圖窗口中點擊“超鏈

28、接,翻開超鏈接的管理窗口,在這個窗口中,我們可以看到各個文件相互間的鏈接情況,文件中鏈接了哪些文件,又被哪些文件鏈接,可以在旁邊的文件夾窗口中選擇該文件,然后即可在鏈接示意窗口中查看了。也可以在超鏈接的示意窗口直接展開某個文件的上、下超鏈接。操作設置同一頁面中的書簽。選中文字或者圖片,選擇插入里的書簽。輸入書簽名。然后在任何地方插入超鏈接,在選擇屬性框中的左側的本文檔中的內容按鈕。然后選擇欲指向的書簽名即可。還可以進行其他設置。 圖4.1操作在圖片上添加熱區(qū)。選中圖片,在圖片工具欄中選擇插入熱區(qū)按鈕,可以插入矩形熱區(qū)、圓形熱區(qū)、多邊形熱區(qū)。方法和插入超鏈接類似,不過熱區(qū)比起超鏈接,可以在同一圖

29、片完成多個連接,附圖插入的是圓形熱區(qū)。 六、增加網(wǎng)頁的效果一使用字幕想把網(wǎng)頁中的文字變得更生動可是又一時不知道如何下手。 這種滾動文字我們稱為字幕。它特別醒目,我們經(jīng)常使用它來發(fā)布一些站點的通知或提示信息。 其實創(chuàng)立字幕很簡單。我們把插入點放到要使用字幕的位置,選擇“插入菜單的“組件命令,單擊“字幕選項, 在文本框中輸入要滾動的文字,單擊“確定按鈕。字幕不動,這是因為我們現(xiàn)在是在普通模式下,我們單擊“預覽選項卡切換到預覽視圖,字幕的滾動效果就呈現(xiàn)出來了。 字幕的字體、字號、字顏色是可以調整的。我們在要調整字體字體、字號或字顏色的字幕上單擊鼠標右鍵,選擇“字體命令進入“字體對話框, 把字大小改為

30、5,字顏色改為綠色。當然在這里你也可以選擇“字符間距選項卡改變字符的間距,單擊“確定按鈕。這時字符的外觀就改變了。 其實,對字幕的字符串外觀進行設置和對普通字符串的設置是一樣的。只不過字幕字符串是一個整體罷了。 除了可以調整字幕的外觀外,字幕的背景顏色、滾動速度等都是可以調整的。 我們在字幕上單擊鼠標右鍵,選擇“字幕屬性命令,進入“字幕屬性對話框。 下面,我一項項給您介紹:“方向組框用來指定字幕是向哪個方向滾動,現(xiàn)在的設置表示從右向左滾動; “速度組框用來調整字幕滾動的速度; “延遲表示字幕每滾動一步的時間間隔是多少毫秒;“數(shù)量表示字幕每滾動一步的距離是多少像素;“表現(xiàn)方式是調整字幕滾動的具體

31、效果,你可以自己試試;“重復組框用來對滾動效果的循環(huán)次數(shù)進行選擇;“背景顏色用來調整字幕的背景顏色;“大小用來設置字幕的寬度與高度。你可以使用像素來控制字幕的實際大小,也可以使用百分比來設置字幕的寬度,這時字幕的實際大小是根據(jù)瀏覽器窗口大小的百分比來計算的;“文本對齊方式組框是用來調整字幕和它所在行文字的對齊方式的。里面有三種對齊方式的效果。 象字幕效果是動態(tài)HTML的一種功能,它是制作網(wǎng)頁的一種標準。不過動態(tài)HTML并不是所有版本的瀏覽器都支持。比方字幕效果只有在Internet Explorer 4.0與Netscape Communicator 4.0以上版本才能看出來,而在低版本的瀏覽

32、器上它們不過是普通文本罷了。 二動態(tài)效果在網(wǎng)頁中特殊的效果大大加強了網(wǎng)頁的吸引力,用FRONTPAGE是很容易實現(xiàn)的。 首先,我們看一下,制作這些特效需要設置些什么。我們在普通模式下查看剛剛的網(wǎng)頁。 選擇“格式菜單的“動態(tài)HTML效果。這時就會彈出“DHTML效果工具欄。 我們就是用這一個工具欄來設置動態(tài)效果的?,F(xiàn)在我們按下工具欄上的“突出顯示動態(tài)HTML效果按鈕。 網(wǎng)頁中有許多文字被高亮了。這些高亮的地方就是設置了動態(tài)效果的地方?,F(xiàn)在我們單擊“用鼠標單擊我,我就飛了!注意DHTML效果工具欄這時就列出了該文字的動態(tài)效果的設置。 在“開啟下拉列表中顯示的是單擊,這表示在鼠標單擊文字時就會產(chǎn)生動

33、態(tài)效果,我們把這種單擊叫做事件。 開啟下拉列表中可以設置四種事件,它們是:單擊、雙擊、鼠標懸停和網(wǎng)頁加載。在這四種事件發(fā)生時我們都可以讓設置的內容產(chǎn)生動態(tài)效果。 “鼠標懸停事件在鼠標進入設置的內容時發(fā)生,而“網(wǎng)頁加載是在我們切換到設置的內容所在的網(wǎng)頁時發(fā)生,它們都能夠觸發(fā)動態(tài)效果?,F(xiàn)在我們接著看“應用下拉列表, 這里顯示的是“飛出,說明在“單擊事件發(fā)生時,要做一個飛出效果。在應用下拉列表中具體的設置了用的是向右上方飛出。FORNTPAGE2000共提供了八種飛出效果,對應選項下拉你可以自己一個個試一試。 給“靠近我加動態(tài)邊框又是怎么做的呢?我們翻開“應用下拉列表,除了“飛出類動態(tài)效果外,還有“格式類效果,現(xiàn)在我們就來做一個格式類效果:選中“制作格式類效果文字,在“開啟下拉列表中選擇“鼠標懸停, 在“應用下拉列表中選擇“格式, 在“效果列表框中選取“選擇字體項, 在彈出的“字體對話框中,設置斜體字,設置文字顏色, 單擊“確定按鈕;在“效果列表框中選取“選擇邊框項, 彈出“邊框與陰影對話框, 在“邊框選項卡中選擇“方框項,給方框設置適宜的顏色,再設置適宜的樣式,單擊“陰影選項卡, 設置適宜的背景色。對話框下部的幾個選項是設

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論