萬盛學電腦網

 萬盛學電腦網 >> 媒體工具 >> Frontpage XP玩特效

Frontpage XP玩特效

   會使用Frontpage XP設計網頁嗎?會,相信不少人會脫口而出!的確,Frontpage XP可視化的操作界面,直觀明了的操作向導,會讓菜鳥網友設計網頁輕松快捷的。不過,要是讓你用Frontpage XP,玩出一些只有專業圖象才能生成的特效,你能行嗎?看看下面的內容,相信你會說“行”的!

  一、表格立體特效

  提到“立體特效”,相信許多人都以為必須借助Photoshop之類的專業工具才能實現;其實,也不全是這樣。這不,本文要設計的立體表格,可是在Frontpage XP中玩出來的喲!這裡的設計可不需要太多的圖象軟件使用經驗,你只需簡單地輕點鼠標,一幅漂亮的、具有立體特效的表格就能生成喽!好了,還是請大家一起來看看,如何在Frontpage XP中,一步一步設計表格的立體特效吧。

  1、啟動Frontpage XP程序,打開其編輯界面,執行菜單欄中的“文件”/“新建”/“網頁”命令,來重新創建一個空白網頁;

  2、將鼠標移動到需要插入表格的位置處,再用鼠標依次單擊菜單欄中的“表格”菜單項,從打開的下拉菜單中,執行“插入表格”命令,在隨後出現的圖1界面中,將表格的行數和列數均設置為“2”;

Frontpage XP玩特效 三聯

  3、同時將表格的“寬度”設置為200象素,再分別將邊框粗細、單元格邊距設置為0,而單元格間距設置為1;

  4、用鼠標選中插入後的表格,並單擊鼠標右鍵,從打開的右鍵菜單中,執行“表格屬性”命令,這樣就能打開如圖2所示的參數設置界面;

Frontpage XP玩特效

  5、在該界面中,我們可以將表格的背景顏色設置為“黑色”,同時選中“指定高度”選項,將表格的高度也設置為200象素;設置好後單擊“應用”按鈕使設置生效,再單擊“確定”按鈕返回到主編輯區域;

  6、再選中表格的某一單元格,並單擊鼠標右鍵,從打開的快捷菜單中,執行“單元格屬性”命令,在隨後出現的屬性窗口中將表格中的單元格背景顏色設置為“白色”,再單擊“確定”按鈕後,我們就能看到如圖3所示的表格的黑色邊框特效了;

Frontpage XP玩特效

  7、要生成表格的立體特效,其實就是讓表格在右邊框和下邊框產生淺黑色的陰影就可以了,因此我們下面的任務就是為表格的右邊框和下邊框設計陰影效果,此時我們可以借助Frontpage XP中內置的樣式功能來輕松實現;

  8、返回到圖2所示的表格屬性界面,用鼠標點擊該界面中的“樣式”按鈕,這樣就能打開一個修改樣式的設置界面,在這裡我們繼續單擊“格式”按鈕,從打開的下拉列表中選中“邊框”選項,隨後我們就能看到如圖4所示的“邊框與陰影”設置窗口了;

Frontpage XP玩特效

  9、在該窗口的“樣式”設置項處,我們將“實線”選項選中;在“顏色”設置項處將“灰色”選項選中;接著在該界面的“預覽”設置項處,分別在表格的下邊框應用按鈕上以及右邊框應用按鈕上單擊一下,這樣就能將設置好的樣式作用在表格的右邊框和下邊框上了;

  10、完成上面的設置後退出樣式設置界面,返回到Frontpage XP程序界面的編輯狀態下,再用鼠標點擊一下“預覽”按鈕,將界面切換到網頁預覽狀態下,此時我們就能看到一個具有立體效果的表格出現了。

  二、字幕上下移動特效

  文字按左右方向移動的效果,在許多普通的網頁中但能看到,但文字按上下方向滾動的效果卻很少看到;這種效果設計起來是不是很難呢?其實,這種特效的設計思路與文字左右移動的設計方法幾乎一致,只不過是略微修改一下代碼就可以了,下面就是具體設計步驟:

  1、打開FrontPage XP的編輯界面,將鼠標移動到需要插入文字滾動特效的位置處,再輸入需要滾動顯示的具體文字內容,比方說“各位網友歡迎你”;

  2、再用鼠標將這個要滾動顯示的文字選中,然後在菜單欄中用鼠標單擊“插入”菜單項,並從中下拉菜單中依次執行“組件”/“字幕”命令,隨後我們將看到一個標題為“字幕屬性”的對話框,如圖6所示;

Frontpage XP玩特效

  3、在該對話框中,我們在“方向”設置項處將文字滾動的方向先設置為從“右”開始滾動;在“文本對齊”設置欄處,將“垂直居中”選項選中;此外,根據滾動的要求,我們還可以設置好滾動條滾動的延遲時間、是否重復滾動等;

  4、完成上面設置後,單擊確定按鈕返回到FrontPage XP的網頁編輯狀態,再單擊一下該界面下面的“html”標簽,將界面切換到源代碼狀態,並在其中找到“< marquee direction="right" >各位網友歡迎你< /marquee >”,在這裡我們只要將其中的“right”重新改為“up”或“down”,再單擊“預覽”標簽,就能看到文字上下滾動的特效了。

  三、圖象合成特效

  圖象合成功能並不是圖象工具的“專利”,使用FrontPage XP我們也能快速地實現圖象簡單合成的特效,具體步驟為:

  1、在FrontPage XP的編輯區域中,將鼠標移動到需要插入圖象的位置,並執行菜單欄中的“插入”/“表格”命令,來先插一個一行一列的表格,表格大小可以根據插入圖象的大小進行確定;

  2、將鼠標移動到該表格內,執行菜單欄中的“插入”/“圖象”/“來自文件”,在隨後打開的文件選擇對話框中,選中需要作為前景內容的圖像放置到該表格裡,當然為了保證合成的效果,我們要求插入的圖象最好應處理成透明背景的動畫,這樣可以使圖象合成的效果更活潑一些;

  3、下面,我們用鼠標選中表格,並單擊右鍵,在隨後打開的快捷菜單中,執行“表格屬性”命令,這樣就能打開一個表格屬性參數設置界面,在這裡我們可以將“單元格間距”、“單元格邊距”以及“邊框”中的“粗細”參數都設置成“0”;

  4、再在圖7所示的設置框中,將“背景”設置欄處的“使用背景圖片”項選中,並用鼠標單擊右側“浏覽”按鈕,在打開的文件選擇框中,將自己滿意的圖像作為表格的背景,這樣動畫就和背景圖象合成在一起了。

Frontpage XP玩特效8
copyright © 萬盛學電腦網 all rights reserved