導航:首頁 > 萬維百科 > 網頁設計翻轉

網頁設計翻轉

發布時間:2020-08-02 20:14:44

1、網頁頁面文字翻轉

那是字體樣式的問題,可以把樣式中:font-family:"宋體";(設置為宋體試試,其它字體去掉)

2、網頁設計中如何把超鏈接做成當滑鼠放上去時文字會旋轉放大?

可以參考一下,看看行不行。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3旋轉</title>
<style>
.rotate {
width: 100px;
height: 100px;
background: #92B901;
-webkit-transition: -webkit-transform 2s;
}
.rotate:hover {
-webkit-transform: rotate(360deg);
}
</style>
</head>
<body>
<div class="rotate">rotate</div>
</body>
</html>

3、網頁製作考試的翻轉圖像的設計題步驟要怎麼寫

您好,看到您的問題一直是零回答問題且將要被新提的問題從問題列表中擠出,問題無 人回答過期後會被扣分並且懸賞分也將被沒收! 我也找了好久您所需要的答案。但是很遺憾,一直找不到。 您的問題難度太大了 所以。我覺得做事還是須由自己的聰明才智來解決的,別人不可能代勞!就算別人給你代 勞,最後也不屬於你的,只有自己做了才是真正屬 於自己的,別人只能給你提供指導和建議,最終靠自己。所以, 祝願你 可以憑借自己的努力找到最終自己想要的結果!你是最棒的! 您可以不採納我的答案,但請你一定採納我的建議哦! 雖然我的答案很可能不能 解決你的問題,但一定可以使你更 好地使用問問

採納哦

4、網頁設計css怎麼設置圖片翻轉

transform屬性,方法有很多,可以設置不同的翻轉

5、如何用DREAMWEAVER完成網頁製作多張圖片的翻轉效果

應用flash 元素----圖象查看器

1.新建一個HTML文件

2.選擇[插入記錄]->[媒體]->[圖象查看器]命令,彈出"保存flash 元素"對話框.在"文件名"文本框中輸入要保存的文件名,然後單擊保存按紐.

3.這時,"文檔編輯區"出現一個灰色的圖象查看器佔位符,並且面板組中展開了一個"flash 元素"面板.在"flash 元素"面板中可以設置相關的參數,以實現需要的功能和效果(如顏色等,也可不設置)

4.在"flash 元素"面板中,單擊選擇"imageURLs"參數項,然後單擊這個參數項右邊的按鈕,彈出"編輯imageURLs數組"對話框.
5.單擊"image1.jpg",然後單擊它右側的按鈕,彈出"選擇文件"對話框,在其中選擇一個圖象文件,然後單擊"確定"

6.按照同樣的方法,再設置幾個圖象文件
7.單擊"確定"按鈕,完成要展示的圖象的設置

6、網頁製作中如何做翻轉圖片

<!--以下是新聞圖片代碼-->
<SCRIPT language=JavaScript>
var IMGArray = new Array(5);
var TXTArray = new Array(5);
var TheIMGIndex=0;
var garTransitions = new Array(10);
var speed = 5000;
garTransitions[0] = "RandomDissolve()";
garTransitions[1] = "Iris(irisStyle='star', motion='out')";
garTransitions[2] = "Iris(irisStyle='diamond', motion='in')";
garTransitions[3] = "Iris(irisStyle='cross', motion='out')";
garTransitions[4] = "Iris(irisStyle='circle', motion='in')";
garTransitions[5] = "Iris(irisStyle='plus', motion='in')";
garTransitions[6] = "Barn(orientation='vertical', motion='in')";
garTransitions[7] = "Barn(orientation='vertical', motion='out')";
garTransitions[8] = "Barn(orientation='horizontal', motion='in')";
garTransitions[9] = "Barn(orientation='horizontal', motion='out')";
function IMGTXTChange(INC_Index)
{
var INCAOBJ,NCTDOBJ;
for(var I=0;I<5;I++)
{
INCAOBJ=eval("document.all.ChangeA" + I);
INCTDOBJ=eval("document.all.ChangeTD" + I);
if (INC_Index==I)
{
TheIMGIndex=I;
INCTDOBJ.style.backgroundColor='#0066ff';
INCAOBJ.style.color='#ffffff';
}
else
{
INCTDOBJ.style.backgroundColor='#333333';
INCAOBJ.style.color='#ffffff';
}
}

var INCImage=document.all.TheChangeIMG;
var FilterStr="progid:DXImageTransform.Microsoft." + garTransitions[INC_Index+1];
INCImage.style.filter = FilterStr;
INCImage.filters.item(0).Apply();
INCImage.filters.item(0).Play(2.0);
var TheTrunImage=new Image;TheTrunImage.src=IMGArray[INC_Index];
document.all.TheChangeIMG.src=TheTrunImage.src;
//document.all.ChangeTXTDIV.innerHTML=TXTArray[INC_Index];
}

IMGArray[0]="image/1.JPG";
IMGArray[1]="image/2.JPG";
IMGArray[2]="image/3.JPG";
IMGArray[3]="image/4.JPG";
IMGArray[4]="image/5.JPG";

function SwitchPiture()
{
TheIMGIndex++;
if (TheIMGIndex>4){TheIMGIndex=0}
IMGTXTChange(TheIMGIndex);
TimeTurn=setTimeout("SwitchPiture()",speed);
}

function MouseOver(INC_OBJ)
{
INC_OBJ.style.color='#990000';
INC_OBJ.style.textDecoration='underline';
}

function MouseOut(INC_OBJ)
{
INC_OBJ.style.color='#000000';
INC_OBJ.style.textDecoration='none';
}

// - 控制自動播放
function AutoPlay() {
speed = 3000;
SwitchPiture();
}
// - \控制自動播放

window.onload = function() {
AutoPlay();
}
</SCRIPT>
放到<head>之間

<DIV
style="BORDER-RIGHT: #0066ff 1px solid; BORDER-TOP: #0066ff 1px solid; BORDER-LEFT: #0066ff 1px solid; WIDTH: 307px; BORDER-BOTTOM: #0066ff 1px solid; POSITION: relative; HEIGHT: 100%; BACKGROUND-COLOR: #ffffff">
<DIV
style="BORDER-RIGHT: #ff0000 0px solid; BORDER-TOP: #ff0000 0px solid; BORDER-LEFT: #ff0000 0px solid; WIDTH: 307px; BORDER-BOTTOM: #ff0000 0px solid; HEIGHT: 173px; BACKGROUND-COLOR: #0000ff"><img
id=TheChangeIMG height=220 src="image/0.jpg"
width=307 name=TheChangeIMG></DIV>
<DIV
style="LEFT: 0px; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; HEIGHT: 18px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: right">
<TABLE style="FONT-SIZE: 12px; HEIGHT: 18px; TEXT-ALIGN: center"
cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD id=ChangeTD0 style="BACKGROUND-COLOR: #000000" width=22
name="ChangeTD0"><A id=ChangeA0
style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: underline"
onclick=IMGTXTChange(0) name=ChangeA0>1</A></TD>
<TD style="BACKGROUND-COLOR: #ffffff" width=1></TD>
<TD id=ChangeTD1 style="BACKGROUND-COLOR: #000000" width=22
name="ChangeTD1"><A id=ChangeA1
style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: underline"
onclick=IMGTXTChange(1) name=ChangeA1>2</A></TD>
<TD style="BACKGROUND-COLOR: #ffffff" width=1></TD>
<TD id=ChangeTD2 style="BACKGROUND-COLOR: #000000" width=22
name="ChangeTD2"><A id=ChangeA2
style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: underline"
onclick=IMGTXTChange(2) name=ChangeA2>3</A></TD>
<TD style="BACKGROUND-COLOR: #ffffff" width=1></TD>
<TD id=ChangeTD3 style="BACKGROUND-COLOR: #000000" width=22
name="ChangeTD3"><A id=ChangeA3
style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: underline"
onclick=IMGTXTChange(3) name=ChangeA3>4</A></TD>
<TD style="BACKGROUND-COLOR: #ffffff" width=1></TD>
<TD id=ChangeTD4 style="BACKGROUND-COLOR: #000000" width=22
name="ChangeTD4"><A id=ChangeA4
style="FONT-WEIGHT: bold; CURSOR: hand; COLOR: #ffffff; TEXT-DECORATION: underline"
onclick=IMGTXTChange(4)
name=ChangeA4>5</A></TD></TR></TBODY></TABLE></DIV></DIV>
放到表格中;自己再修改一下圖片路徑!

7、網頁製作 需要以一個旋轉球體為背景,前面是幾個字,不轉動, 這樣特效怎麼做

我知道你想要的效果到底什麼樣。不過如果是特效的話,就必須要使用javascript代碼,firework本身不能實現,如果是只修改背景的話,只要修改html代碼即可。加入css樣式就好了 呵呵

8、網頁中已經插入一張圖片pa,請設計樣式cs1,使其具有左右反轉效果

我建議你更加深入去學習front page,只要你把front page 玩精玩透了,其它的網頁設計軟體不在話下很快上手,下面提供一些技巧給你繼續提高

以下是筆者在自學FrontPage98設計個人網頁中遇到的好些問題及疑難,同時經過實踐找到了答案,現把問題整理如下,希能與眾電腦愛好者互相交流接搓。

1.我在一行後按下回車鍵就跳到隔一行的段落上,有辦法可以很好地控制行距嗎?

有,辦法是在一段落結束後先按著[Shift]鍵,再按回車就可以不隔行跳到下一個段落上,[Shift+Enter]是一個很好控制一段與段落關系的快捷鍵。

2.如何給我的一段文字加上背景?

先把游標移到要定義的段落(若果段與段之間沒有硬回車,表示都給這幾個段落加上同一個背景),按滑鼠右鍵,選擇[段落屬性]中的[樣式],在[顏色]項我們可以看到背景與前景顏色,還有[背景圖象]選擇。註:硬回車表示在一段後直接按下回車到達另一行(隔一行),利用1的方法我們可以控制段與段落。

3.如何使一個框架中的幾個頁面之間沒有邊界?

選擇總菜單[框架]中的[框架頁面屬性],在最後一個我們看到的是選項[框架],把[顯示邊界]項的鉤去掉就可以實現,當用瀏覽器瀏覽時就會看不到各頁面間有任何的痕跡了。

4.如何使兩幅圖片重疊?

一種方法是如上所講,先給段或段落加上背景,再在段上插入圖片就行了。第二種方法是先畫一個表格,把圖片或文字放進去,游標移到表格里,按下滑鼠右鍵選擇[表格屬性],把[布局]中的[邊框線寬度]、[單元格邊、間距]改成[0],在[自定義背景]項選擇[使用背景圖象]就可以使兩幅以上的圖片重疊了。

5.FrontPage98的標題廣告管理器有什麼作用?

FrontPage98的[標題廣告管理器]作用是把好幾幅圖片安排成輪流播放,還可以做成一個超級連接模式,連接到另一個網頁。

6.為什麼我使用了[標題廣告管理器]後頁面沒有反應?

這其實是一個Java程式的應用,在FrontPage98的[瀏覽]狀態下我們可以觀看到效果,但實際上我們存了檔就會發覺頁面不能正常瀏覽顯示,使頁面處於[HTML]的狀態,會看到有這樣一句文字<applet code="fprotate.class" codebase="_fpclass"......>,這是臨時狀態產生的文件,需要把fprotate.class此文件copy到你存檔的網頁目錄下(文件在x:\Program Files\Microsoft FrontPage\fpclass目錄下,亦可以通過Windows的查找功能查找),同時把這句codebase="_fpclass"刪除存檔,頁面就可正常瀏覽了。

7.為什麼我的搜索表單等上載後沒有什麼作用?

因為它需要伺服器上CGI程序的支持。

8.怎樣設置計數器與留意本?

同樣需伺服器的CGI程序,通常有好些提供個人主頁空間的服務商有提供,例如網易,把提供的一段程序copy到網頁合適的位置,參照說明相應改成自己申請的名字,但要注意計數器只有網頁上載後才能顯示。其實現時很多提供免費個人空間的網路服務商都是用UNIX系統的,所以需要這樣的程序,Fp98下所提供的計數器設計是專為Windows NT所用的,在UNIX下不能用。

9.為什麼有些頁面在[瀏覽]狀態下,會顯示[該頁可能不能正常預覽,因為它的...]?

因為Microsoft在FrobtPage98中採用了自己獨有的動態HTML技術(Dynamic HTML),以至有可能使其它的網路瀏覽器不能很好地支持,導致不能正常瀏覽。

10.我可以將我的平面圖片變成立體嗎?(有圖,tools.gif)

可以,我們可以在總菜單[查看]選擇[圖象工具欄],會出現一個工具條,如下圖,我們可以對其實現圖象某一部分的超級連接,圖片亮度的調整、反轉,甚至某一部分的透明處理、圖象的淡化,營造一個清談的背景十分的有用,若果是其它如BMP格式的圖片,系統會自動轉換成GIF或者JPG格式的圖片,記得變換後將原圖片刪除,否則無謂地佔用空間,上載了也沒有用處,注意動態的GIF是不能進行處理的。
附:
動態的GIF圖象真的不能進行立體的處理嗎?辦法還是有的,在[圖象屬性]的[常規]項的右下角可看到[樣式],單擊它,出現含有[邊框線]的幾個選項,改變[邊框線]里的[樣式]、[顏色]、[寬度]就能實現到,若背景是透明的,改變[顏色]項的功能還能做出不同的效果。

11. FrontPage98的字體屬性中的特殊樣式有什麼用?

可以對一行中的文字進行上移、下移以及其它移位,做出一些不同的效果。

12.為什麼我在菜單的格式下設置了頁面特效,但還是沒有一點反應?

我試過有時第一次可以正常看到效果,以後就不能實現,以及從此頁面進入另一頁面時效果正常,還有用FrontPage98的[預覽]也能看到反應,不知為什麼。我想可能需要上載到伺服器上問題才不會出現吧!

13.為什麼使用插入動態按鈕後我的頁面沒有按鈕出現??

同樣需要Java的支持,使頁面處於[HTML]狀態下,可以看到以下這一段<applet code="fphover.class" codebase="_fpclass"......>,把="_fpclass"此句刪除,再把fphover.class文件copy到目標目錄下。

14.怎樣構造一幅背景透明且的會活動的圖片?

這需要一些圖形處理工具才可實現,這里介紹一個專門製作網頁中的動態GIF文件的好軟體:Paint Shop Pro 5中附送的Animation Shop就是一個好工具,它能很容易地實現除圖片中的某一圖形不透明外,其它變為透明。

15.我想把圖象按排在文字的旁邊,怎麼才能做到?

先選擇菜單[查看]下的[格式工具欄],可以看到以下的工具條有3個六條橫線的,作用分別為左對齊、居中、右對齊功能的工具項,我們知道這能在行中實現一段文字的居中、左右的對齊方式,倘若我們在一張圖片旁邊放有幾段文字,先點擊此圖片,再按左或右對齊鍵,文字就會乖乖地排在圖片的兩邊了。第二種方法是利用表格功能,先畫一個沒有邊界表格出來,再在其中插入單元格,把圖片放到其中一個單元格中,文字放到另一個格中,就可以做到了。

16.我用FrontPage98設計網頁,怎樣使文字字體自動適應瀏覽器,而不會導致亂碼?

如果你裝的是簡體Windows,FrontPage98會自動對其進行編碼,我們可以單擊滑鼠右鍵選[頁面屬性]的[語言],就可以看到系統已經自動地採用簡體、自動的編碼方式了。

17.怎樣實現頁面中不同位置到另一位置的跳轉?

方法很簡單,這是利用菜單下[編輯]的[書簽]功能實現的。我們假如想從頁面的始端的超級連接[開始],跳到頁面末端的[結尾],先定義開始兩字,按下[ctrl+k](即菜單[編輯]下的[超級連接]),在[選項]可看到[書簽],在空白位置輸入結尾兩字,第二步是定義頁面的末端結尾兩字,選擇菜單[編輯]的[書簽],在[書簽名]項輸入結尾兩字,確定後即可。其實書簽的名字可以隨便改名,但都是改為方便表達跳轉到的位置的意思直觀好。用此方法同樣可以做到一頁面跳轉到不同頁面的不同位置,只不過是先選[選項]里的[目標框架],再製作[書簽]罷了。

18.我可以在自己的網頁上設計一個點歌的菜單嗎?

可以,方法是利用菜單[插入]中[高級]項的[插件]功能,在[數據源]瀏覽選擇已放好的mid或wav文件就行了。

19.為什麼我用FP98中的頁面屬性方式放置背景音樂,在Netscape的較低版本瀏覽器卻沒有聲音?音樂的循環次數是怎樣控制的?

雖然現在已有統一的HTML語言標准,IE與FP98同是微軟的大作,但由於IE與NC是不同的公司製作的,所以大家的源代碼不可能相同,對HTML語言有認識者,可發覺其支持背景標記的代碼是完全不同的,但這在高版本的NC瀏覽器已得到解決,若果你想用FP98的插入背景而又想令一些
低版本的瀏覽器能有背景音樂,解決的辦法如下:使頁面處於[HTML]狀態下,可看到有這樣其中類似的一句:<bgsound src="midi/sound.mid" loop="-1">,這是IE可以接受的源代碼標記,loop="-1"是無限循環的意思,當用插件形式放置背景音樂時,源代碼是:src="file:///sound.wav" align="absmiddle" hidden autostart="true">,hidden是[插件屬性]的[隱藏插件],而在後面加入的autostart="true"是表示自動播放,但這樣只能播放一次,再在後面加入一句loop="infinite"或者loop="true"都可以,那麼這樣就可使較低版本的不同瀏覽器支持無限播放背景音樂。若果你同時使用這兩種方式放置背景音樂,你會發覺IE4下這兩種聲音竟可以同時播放,如果用循環次數來控制其中一段音樂,另一段無限循環......。

20.怎樣用好FP98的各種功能?

可以把菜單[查看]的各種工具欄選項放到桌面上,然後把每一種功能都試試,你會發覺,其實用FP98編輯網頁就象排版那樣容易,你不需懂得任何HTML語言。

21.我可以使自己的網頁在不同的解析度下大小自動適應嗎?

不能,但有種方法可以試試看,我是在640X480解析度設計自己的網頁,對於文字-不想離行的段落,可以用功能鍵[Shift+Enter]來設置控制長度。對於圖文混排的,如想在兩段文字之間插入圖片(沒有用[Shift+Enter]鍵控制段落),可用[段落]中[段落屬性],選擇[樣式]的選項[顏色]-[背景圖象],這樣做會使本來不大的一張圖片鋪滿整段,在不同的解析度就能自動適應,若果你只想在不滿一整行的文字添加背景,不想令到這行的餘下空白位置亦整行鋪滿,方法是先定義這行,按滑鼠右鍵選擇[字體屬性]中的[字體]選項[樣式],在[顏色]項里放入圖片或者背景顏色就行了,這樣做的好處是靈活度大大高於用段落的形式控制文字的背景,縱使用了[Shift+Enter]來安排段落文字亦無所謂。如果是幾個頁面在一個框架中,而又想在其中一個頁面的圖片或文字處於中間位置的,可把頁面中的內容放在一個無邊界的框框裡面,用[表格屬性]的選項[布局]-[對齊方式],選擇[居中],那麼內容就會安排在指定的這個表格里,沒有邊界的表格可把除了[漂浮]外餘下的三個選項設為[0]。

22.我想使多頁面框架中的頁面可以由瀏覽者自由選擇寬度可以嗎?

在框架的指定頁面按下滑鼠右鍵,選擇[框架屬性],[選項]的[在瀏覽器中調整大小]就是可讓較長的頁面讓瀏覽者自由選擇寬度,而[顯示滾動條]可設置瀏覽屏幕是否需要滾動條。

23.為什麼我用FrontPage98設計的超級連接在[普通]與[預覽]狀態下看到屏幕左下角顯示的是flie:///d:/......?

這其實是沒有關系的,當你把網頁上載之後,它就會自動地改為你在伺服器上的路徑。

24.FP98的瀏覽器有什麼作用?

FrontPage98除了編輯器有這么強大的功能外,利用FP98的瀏覽器對於管理整個網站是非常有用處的,例如它帶有一個檢驗網頁超級連接、製作預訂的頻道等的功能,如果你只個是初學者,請慎用FP98瀏覽器的這些功能,因為它會當你按了某一個不知有什麼用的鍵,就很容易改變它的超級連接路徑以及其它方面的東西,你可先隨便設計一個網頁來試試這些功能,那麼就可百戰百勝。

25.使頁面在幾秒鍾之後自動跳轉到另一頁是怎樣做到的?

我是這樣做的:單擊滑鼠右鍵,選擇[頁面屬性]的選項[自定義],在[系統變數]處單擊[添加],[名稱]項添上refresh,[值]項添上2;url=1.htm。2表示要等待的時間(2秒),可以自由更改,url=1.htm表示要跳轉的另一超文本文件名。

26.如何使使用了超級連接的圖象不會出現一個藍色的邊框?

用滑鼠右鍵單擊圖象,選擇[圖象屬性],選擇選項[外觀],使[布局]里的[邊框線寬度]為[0]即可,而[對齊方式]里的功能可以控制圖象與文字的關系。

27.怎樣使當圖象不能正常顯示出來時,顯示出圖象的作用的文字?

在圖象上單擊滑鼠右鍵選擇[圖象屬性],可看到[可替換的表示方式]有[文字]這個選項,填上圖象表示的作用文字就行了。

28.我經常看見一些網頁能使一張圖片在頁面上任意飛行或者一進入頁面就會有歡迎的頁面出現,退出又有再見的畫面,還有提示別人逗留本網頁的時間等等,這又是怎樣實現的呢?

這是因為這些網頁應用了Java script或者Java Applet,由於這些程序較長,所以不能一一列出,下面僅給出退出頁面說再見的Java程序:<body ONUNLOAD="alert(' 小平向你道別:\n\n 朋友,茫茫網海中,能與你相遇相遇!\n\n 我們總算有緣吧!\n\n 希望你有空常來坐坐!">

以上均在FrontPage98編輯器的[普通]狀態下實現。其實使用改變頁面、表格、單元格、字體、圖象等屬性里的各種功能,是能很好地安排頁面文字的位置,甚至可使頁面上的文字在不同的解析度下自動地適應,創造出很多的變化等等,靈活運用FrontPage98,不懂HTML編程語言,照樣能能設計出一個人見人愛網頁。注意有些功能的實現可能需要FP98的補丁程序,可到筆者的網頁中Download,有興趣與作者交流網頁設計心得的朋友請光臨pingnet.yeah.net。
如何用FrontPage98製作動態按鈕

動態按鈕?難道你不知道動態按鈕嗎,如果你從沒見過,那麼你去過的站點就太少了。動態按鈕能使你的頁面奕奕生輝,充滿活力,現在幾乎每個個人主頁頁面上都用上了動態按鈕。當滑鼠拂過鏈接下頁的圖片時,圖片一下就換了顏色、或變了形狀、或動了起來,不是很妙嗎?

從動態按鈕開始出現到現在,總結起來一共有兩大類:一是用 Javascript,二是用 JavaApplet;兩者分別又有幾段不同的語句寫成,大多數業余主頁製作者在自己的個人主頁上用的都是 Javascript 。你可以根據自己的喜歡,選擇不同的方法和效果。但無論你用哪一種方法,都不如用 FrontPage98 帶有的動態按鈕特性來得容易。不信嗎?就跟隨我們的介紹,做一做看便知道了。 FrontPage98 使用的是簡短的 Java 小應用程序。

不管你用哪一種方法,萬變不離其宗的是都要用到一前一後的兩張相關圖片,以產生動態效果。你可以預先做好滑鼠移過一前一後的兩張圖片,那你就可以跳過以下頭幾步。

創建這么Cool的動態按鈕首先一步是選擇一張普通的圖片。

圖片的來源可以是通過掃描儀,數字相機或其他數字輸入設備。你也可以用桌面上的圖片,用 FrontPage98 圖片庫,或從其他網頁上得到圖片。選擇好適當的圖片後,用 FrontPage Explorer 的導入(Import)命令,將其加入你的頁面,並用工具欄上的插入圖片(Insert Image)按鈕將其定位在適當的位置。

定位好後,點中這張圖片文件。 FrontPage98 提供了新的圖片編輯工作來提高圖片質量。比如,可自動做出淡化效果、坡度效果、旋轉效果、裁剪大小等等。這個例子中我們用坡度效果將圖片邊框做出坡度的效果。

在你做好坡度效果後,可通過 Explorer 中的 File 菜單下的保存命令,將修飾好的圖片存入 FrontPage Web 中,你可以選擇原先的圖片文件稍作改動,以表示兩幅圖片的關聯,另存下來。

下一步,再次選擇頁面上做好了坡度效果的圖片,選擇圖片工具欄上的「淡化」(Washout)工具做出暗淡圖片的效果...

再選擇保存按鈕,再次保存「淡化」了的圖片的頁面及「淡化」的圖片,另存一個名字以免覆蓋了原來的坡度效果圖片。

下一步,刪除不用的圖片文件。如果你已准備好前後兩張圖片,可以直接從下一步開始。

要在你的頁面創建動態按鈕,選擇插入(Insert)動態元素(Active Elements) :動態按鈕(Hover Button)。第一步,鍵入你要這組動態按鈕鏈接至的地址,然後定義圖片在頁面中出現的高度和寬度。然後單擊自定義(Custom)按鈕繼續創建動態按鈕。

在自定義對話框中,輸入滑鼠移過之前的圖片文件名和之後的圖片文件名,同時還可選地作出滑鼠移過該圖片時及點擊時的音響,也可以不用音響,填完後單擊 OK。

這樣你就輕而易舉地完成了第一組動態按鈕!單擊 FrontPage Editor 窗口底部的預覽標簽就可以欣賞自己創建的動態按鈕奇妙的效果了。

用FrontPage輕松製作反饋表單

網上的信息反饋通常使用交互表單來完成。表單主要用於信息調查、收集統計數字等方面。在電子商務流行的今天,表單的作用更是不容忽視,我們可以利用表單來輕松完成各種數據的收集、獲得用戶定單等。對於不懂資料庫的我們,還是先學學FrontPage 2000(以下簡稱FP)中的表單製作方法吧。

第一步:

首先打開「文件」菜單,選擇「新建」,在子菜單中選擇「網頁」命令。在彈出的對話框中點擊「常規」選項卡,然後選擇「表單網頁向導」,並單擊「確定」按鈕。彈出「表單製作向導」對話框後,單擊下一步按鈕,當我們第一次使用表單網頁向導的時候,需要單擊「添加」按鈕來添加問題。彈出對話框後,我們可以在「選擇此問題要收集的輸入類型」列表框中選擇要添加的類型。

單擊「下一步」按鈕後,會出現關於個人信息的對應項目,對各項內容做好選擇後,單擊「下一步」按鈕。

這樣,問題就添加到列表中,如果不想再添加問題,直接單擊「下一步」按鈕繼續製作。在「如何顯示問題列表」下有4個單選鈕,是用來調整問題的顯示方式,我們在這里採用「顯示為普通段落」的顯示方式,然後對其他選項不作改動,單擊「下一步」按鈕。在輸出選項中也有3個單選鈕供我們選擇,我們這里按照系統默認的「將結果保存到Web頁」,然後在「輸入結果文件的基本名稱」後輸入Web頁的名字。

單擊「下一步「按鈕,然後單擊「完成」按鈕。

第二步:

然後我們就可以利用所學的網頁製作基礎知識,對這個表單的頁面進行修飾。

做好這些之後,我們就要設置一下表單的屬性了。右鍵單擊表單的任意一處,在彈出的快捷菜單中選擇「表單屬性」命令,在彈出的對話框中的「發送到」單選鈕後設置填寫發送的地址。在文件名稱後輸入保存表單結果的文件名稱,在這里要輸入一個對應的網頁地址,單擊「瀏覽」按鈕,選擇一個已經存在的網頁的話,會將表單結果附加在該網頁的最後。如果還希望瀏覽者提交的表單能通過E-mail反饋到自己的信箱,就在「電子郵件地址」後的文本框中填寫好自己的電子郵件地址,然後單擊確定按鈕。(在完成好這些設置之後,如果你沒有安裝FrontPage伺服器擴展,系統會自動提示你安裝該擴展。注意:如果沒安裝伺服器擴展功能的話,我們所設置的這些表單也將起不到任何作用。)

接下來設置按鈕。在表單中我們經常用到的按鈕功能就是提交和清除功能,如果我們不想對按鈕的名稱進行修改,利用系統默認的設置即可。如果想對它進行修改,就雙擊該按鈕,彈出對話框後進行設置。在「名稱」後輸入這個按鈕的名稱;在「值/標簽」後輸入按鈕標簽,也就是在瀏覽器中顯示的按鈕字樣。按鈕類型包括三種(選擇「提交」單選鈕,則規定該按鈕的作用為提交表單;選擇「重置」按鈕,規定按鈕的作用為清除填寫內容;如果選擇「普通」單選鈕,就可以自己設置該按鈕的作用了,如加上超鏈接等),完成按鈕設置後,單擊「確定」按鈕。

做好以上這些之後,一個最簡單的信息反饋表單就製作完成了。在跟著我們做好這些之後,可能讀者們對FP的伺服器擴展功能還不是很了解,在以後筆者將專門對FP的伺服器擴展功能進行講解。

9、網頁設計中怎麼實現圖片旋轉

css3 的transform屬性允許我們旋轉、縮放和移動元素。 可以通過給它傳遞一個 rotate(度數) 值來旋轉一個元素,正值表示順時針方向旋轉,負值表示逆時針方向旋轉,旋轉的中心點為元素的中心。   

CSS代碼如下:

.rotate{

    -ms-transform:rotate(90deg); /* IE 9 */

    -moz-transform:rotate(90deg); /* Firefox */

    -webkit-transform:rotate(90deg); /* Safari and Chrome */

    -o-transform:rotate(90deg); /* Opera */

}

瀏覽器支持:Firefox 4+、Oprea 10+、Safari 3.1+、Chrome 8+、IE 9+

10、如何製作正反都有的圖片 就是那種網頁上滑鼠懸停會翻轉的圖片

首先用像素好一點的手機把你的證件照正面反面都照一張,要清晰哦;

展開長圖
2/10
用QQ上的「我的設備」把你的照片傳到你的電腦上;

3/10
把它們另存到桌面上來;

查看剩餘1張圖
4/10
在你的電腦上下載一個美圖秀秀;

5/10
打開美圖秀秀,找到拼圖;

6/10
選擇我們放在桌面上的圖片;

7/10
這樣拼起來不正確怎麼辦,點擊版式;

8/10
找到上下均等的版式;

9/10
點擊圖片,為圖片調整位置

查看剩餘1張圖
10/10
為圖片調整好位置,保存到電腦上就好了。

與網頁設計翻轉相關的知識