會使用Frontpage XP設(shè)計網(wǎng)頁嗎?會,相信不少人會脫口而出!的確,F(xiàn)rontpage XP可視化的操作界面,直觀明了的操作向?qū)В瑫尣锁B網(wǎng)友設(shè)計網(wǎng)頁輕松快捷的。不過,要是讓你用Frontpage XP,玩出一些只有專業(yè)圖象才能生成的特效,你能行嗎?看看下面的內(nèi)容,相信你會說“行”的!
一、表格立體特效
提到“立體特效”,相信許多人都以為必須借助photoshop之類的專業(yè)工具才能實現(xiàn);其實,也不全是這樣。這不,本文要設(shè)計的立體表格,可是在Frontpage XP中玩出來的喲!這里的設(shè)計可不需要太多的圖象軟件使用經(jīng)驗,你只需簡單地輕點鼠標(biāo),一幅漂亮的、具有立體特效的表格就能生成嘍!好了,還是請大家一起來看看,如何在Frontpage XP中,一步一步設(shè)計表格的立體特效吧。
1、啟動Frontpage XP程序,打開其編輯界面,執(zhí)行菜單欄中的“文件”/“新建”/“網(wǎng)頁”命令,來重新創(chuàng)建一個空白網(wǎng)頁;
2、將鼠標(biāo)移動到需要插入表格的位置處,再用鼠標(biāo)依次單擊菜單欄中的“表格”菜單項,從打開的下拉菜單中,執(zhí)行“插入表格”命令,在隨后出現(xiàn)的圖1界面中,將表格的行數(shù)和列數(shù)均設(shè)置為“2”;
3、同時將表格的“寬度”設(shè)置為200象素,再分別將邊框粗細(xì)、單元格邊距設(shè)置為0,而單元格間距設(shè)置為1;
4、用鼠標(biāo)選中插入后的表格,并單擊鼠標(biāo)右鍵,從打開的右鍵菜單中,執(zhí)行“表格屬性”命令,這樣就能打開如圖2所示的參數(shù)設(shè)置界面;
5、在該界面中,我們可以將表格的背景顏色設(shè)置為“黑色”,同時選中“指定高度”選項,將表格的高度也設(shè)置為200象素;設(shè)置好后單擊“應(yīng)用”按鈕使設(shè)置生效,再單擊“確定”按鈕返回到主編輯區(qū)域;
6、再選中表格的某一單元格,并單擊鼠標(biāo)右鍵,從打開的快捷菜單中,執(zhí)行“單元格屬性”命令,在隨后出現(xiàn)的屬性窗口中將表格中的單元格背景顏色設(shè)置為“白色”,再單擊“確定”按鈕后,我們就能看到如圖3所示的表格的黑色邊框特效了;
7、要生成表格的立體特效,其實就是讓表格在右邊框和下邊框產(chǎn)生淺黑色的陰影就可以了,因此我們下面的任務(wù)就是為表格的右邊框和下邊框設(shè)計陰影效果,此時我們可以借助Frontpage XP中內(nèi)置的樣式功能來輕松實現(xiàn);
8、返回到圖2所示的表格屬性界面,用鼠標(biāo)點擊該界面中的“樣式”按鈕,這樣就能打開一個修改樣式的設(shè)置界面,在這里我們繼續(xù)單擊“格式”按鈕,從打開的下拉列表中選中“邊框”選項,隨后我們就能看到如圖4所示的“邊框與陰影”設(shè)置窗口了;
9、在該窗口的“樣式”設(shè)置項處,我們將“實線”選項選中;在“顏色”設(shè)置項處將“灰色”選項選中;接著在該界面的“預(yù)覽”設(shè)置項處,分別在表格的下邊框應(yīng)用按鈕上以及右邊框應(yīng)用按鈕上單擊一下,這樣就能將設(shè)置好的樣式作用在表格的右邊框和下邊框上了;
10、完成上面的設(shè)置后退出樣式設(shè)置界面,返回到Frontpage XP程序界面的編輯狀態(tài)下,再用鼠標(biāo)點擊一下“預(yù)覽”按鈕,將界面切換到網(wǎng)頁預(yù)覽狀態(tài)下,此時我們就能看到一個具有立體效果的表格出現(xiàn)了。
二、字幕上下移動特效
文字按左右方向移動的效果,在許多普通的網(wǎng)頁中但能看到,但文字按上下方向滾動的效果卻很少看到;這種效果設(shè)計起來是不是很難呢?其實,這種特效的設(shè)計思路與文字左右移動的設(shè)計方法幾乎一致,只不過是略微修改一下代碼就可以了,下面就是具體設(shè)計步驟:
1、打開FrontPage XP的編輯界面,將鼠標(biāo)移動到需要插入文字滾動特效的位置處,再輸入需要滾動顯示的具體文字內(nèi)容,比方說“各位網(wǎng)友歡迎你”;
2、再用鼠標(biāo)將這個要滾動顯示的文字選中,然后在菜單欄中用鼠標(biāo)單擊“插入”菜單項,并從中下拉菜單中依次執(zhí)行“組件”/“字幕”命令,隨后我們將看到一個標(biāo)題為“字幕屬性”的對話框,如圖6所示;
3、在該對話框中,我們在“方向”設(shè)置項處將文字滾動的方向先設(shè)置為從“右”開始滾動;在“文本對齊”設(shè)置欄處,將“垂直居中”選項選中;此外,根據(jù)滾動的要求,我們還可以設(shè)置好滾動條滾動的延遲時間、是否重復(fù)滾動等;
4、完成上面設(shè)置后,單擊確定按鈕返回到FrontPage XP的網(wǎng)頁編輯狀態(tài),再單擊一下該界面下面的“html”標(biāo)簽,將界面切換到源代碼狀態(tài),并在其中找到“< marquee direction="right" >各位網(wǎng)友歡迎你< /marquee >”,在這里我們只要將其中的“right”重新改為“up”或“down”,再單擊“預(yù)覽”標(biāo)簽,就能看到文字上下滾動的特效了。
三、圖象合成特效
圖象合成功能并不是圖象工具的“專利”,使用FrontPage XP我們也能快速地實現(xiàn)圖象簡單合成的特效,具體步驟為:
1、在FrontPage XP的編輯區(qū)域中,將鼠標(biāo)移動到需要插入圖象的位置,并執(zhí)行菜單欄中的“插入”/“表格”命令,來先插一個一行一列的表格,表格大小可以根據(jù)插入圖象的大小進行確定;
2、將鼠標(biāo)移動到該表格內(nèi),執(zhí)行菜單欄中的“插入”/“圖象”/“來自文件”,在隨后打開的文件選擇對話框中,選中需要作為前景內(nèi)容的圖像放置到該表格里,當(dāng)然為了保證合成的效果,我們要求插入的圖象最好應(yīng)處理成透明背景的動畫,這樣可以使圖象合成的效果更活潑一些;
3、下面,我們用鼠標(biāo)選中表格,并單擊右鍵,在隨后打開的快捷菜單中,執(zhí)行“表格屬性”命令,這樣就能打開一個表格屬性參數(shù)設(shè)置界面,在這里我們可以將“單元格間距”、“單元格邊距”以及“邊框”中的“粗細(xì)”參數(shù)都設(shè)置成“0”;
4、再在圖7所示的設(shè)置框中,將“背景”設(shè)置欄處的“使用背景圖片”項選中,并用鼠標(biāo)單擊右側(cè)“瀏覽”按鈕,在打開的文件選擇框中,將自己滿意的圖像作為表格的背景,這樣動畫就和背景圖象合成在一起了。
新聞熱點
疑難解答