“網(wǎng)蟲”們上網(wǎng)時(shí)經(jīng)常會見到一些自己很喜歡的網(wǎng)頁,常想:如果自己的網(wǎng)站也能做成這樣就好了。其實(shí),這并不難,F(xiàn)rontPage 2000就能幫你完成。不知道大家注意到了沒有,在FrontPage 2000的站點(diǎn)模板選擇窗口中有這樣一個(gè)選項(xiàng)——“導(dǎo)入站點(diǎn)向?qū)?#8221;,通過這個(gè)向?qū)?,用戶可以從一個(gè)站點(diǎn)服務(wù)器或從Internet上直接導(dǎo)入一個(gè)站點(diǎn)至自己的計(jì)算機(jī),并且不是簡單的鏈接,而是將整個(gè)站點(diǎn)按照向?qū)У脑O(shè)置整個(gè)兒地復(fù)制下來。這樣用戶既可以模仿站點(diǎn)的格式建立自己的站點(diǎn),也可以達(dá)到離線瀏覽的目的。其具體的操作過程如下:
src="http://www.it.com.cn/f/edu/0410/14/Img153894251.jpg">
圖1
啟動FrontPage 2000,點(diǎn)擊菜單“文件/新建/站點(diǎn)”打開站點(diǎn)模板選擇窗口(如圖1),選擇“導(dǎo)入站點(diǎn)向?qū)?#8221;,然后在右邊的“指定新站點(diǎn)位置”選擇導(dǎo)入站點(diǎn)的目標(biāo)文件夾。最后點(diǎn)擊“確定”按鈕即可打開“站點(diǎn)導(dǎo)入向?qū)?選擇源”窗口(如圖2)。
src="http://www.it.com.cn/f/edu/0410/14/Img153894272.jpg">
圖2
在選擇源窗口中,選擇用戶想要導(dǎo)入的站點(diǎn)的位置:“從本地計(jì)算機(jī)或網(wǎng)絡(luò)上源文件所在的目錄”或者“從全球廣域網(wǎng)站點(diǎn)”。如果要導(dǎo)入本地計(jì)算機(jī)或網(wǎng)絡(luò)上的一個(gè)源目錄里的文件,則單擊 “從本地計(jì)算機(jī)或網(wǎng)絡(luò)上源文件所在的目錄”,然后在 “位置” 框中輸入路徑目錄,或者單擊“瀏覽”按鈕確定所在的目錄,然后單擊 “確定”。值得注意的是:如果想要導(dǎo)入全部的目錄,包括任何子文件夾或子站點(diǎn) ,則勾選“包含子文件夾”復(fù)選框。然后點(diǎn)擊“下一步”,進(jìn)入“編輯文件列表框”,顯示該目錄及子目錄下的所有文件,用戶可以選擇不需要的文件,然后點(diǎn)擊“排除”按鈕排除,設(shè)置完后,點(diǎn)擊“下一步”按鈕進(jìn)入完成窗口,點(diǎn)擊“完成”即可導(dǎo)入。
如果是從Internet上導(dǎo)入站點(diǎn)則選擇 “從全球廣域網(wǎng)站點(diǎn)”, 然后在 “位置”框里輸入想要導(dǎo)入的起始頁的URL,如導(dǎo)入賽迪網(wǎng)站,則輸入“www.ccidnet.com”。起始網(wǎng)頁可以是站點(diǎn)上的任何網(wǎng)頁,而不僅僅是主頁。如果還想要導(dǎo)入一個(gè)使用安全套接層(SSL)的站點(diǎn),則勾選“需要安全的連接 (SSL)”復(fù)選框,然后點(diǎn)擊“下一步”,進(jìn)入下載數(shù)量設(shè)置窗口(如圖3),在這里可以指定對文件導(dǎo)入的限制,要導(dǎo)入起始網(wǎng)頁下特定超鏈接層次內(nèi)的所有網(wǎng)頁,選擇 “限此頁和x層之內(nèi)的頁”復(fù)選框,然后在“層次”框中輸入您要導(dǎo)入層次的數(shù)目。假設(shè)指定層次為“0” ,則FrongPage導(dǎo)入在步驟2中選擇的起始網(wǎng)頁,以及網(wǎng)頁中的任何圖像、組件、Java小程潁?pplets)或其他文件。如果指定層次為“1”,F(xiàn)rontPage則導(dǎo)入起始網(wǎng)頁的內(nèi)容,加上所有起始網(wǎng)頁中的超鏈接指向的文件(包括包含在這些文件中的任何圖像、組件、Java小程序和其他網(wǎng)頁元素)。要限制導(dǎo)入文件占用的硬盤空間 (例如500KB),選擇“限制為” 復(fù)選框,然后在“KB” 框中輸入500。要想只導(dǎo)入文本和圖像文件,而不包含任何組件、Java小程序(Applets)和其他相關(guān)文件,則勾選 “限制于文本和圖像文件” 復(fù)選框。
src="http://www.it.com.cn/f/edu/0410/14/Img153894263.jpg">
圖3
設(shè)置完成后,點(diǎn)擊“下一步”按鈕即可進(jìn)入完成窗口,點(diǎn)擊“完成”按鈕則開始導(dǎo)入(如圖4)。
src="http://www.it.com.cn/f/edu/0410/14/Img153894284.jpg">
圖4
導(dǎo)入完成后,進(jìn)入FrontPage 2000編輯窗口,用戶可以對網(wǎng)頁進(jìn)行瀏覽或按自己的需要重新編輯。
單擊“完成”。
注意:
如果您導(dǎo)入一個(gè)基于磁盤的站點(diǎn)到另一個(gè)現(xiàn)有的基于磁盤的站點(diǎn),F(xiàn)rontPage會添加文件和文件夾到當(dāng)前基于磁盤的站點(diǎn) 。它不會在當(dāng)前站點(diǎn)中創(chuàng)建一個(gè)新的基于磁盤的子站點(diǎn)。
若您導(dǎo)入的是Microsoft Access數(shù)據(jù)庫(.mdb文件)計(jì)算機(jī)會提示您創(chuàng)建一個(gè)數(shù)據(jù)庫鏈接。
其實(shí)要在FrontPage 2000中插入Flash動畫,簡單的很,下面就慢慢道來
點(diǎn)擊“插入”菜單,然后選“高級”中的“插件”(如圖1),這時(shí)會出現(xiàn)“插件屬性”對話框,這里的設(shè)置就容易多了(如圖2):
src="http://www.it.com.cn/f/edu/0410/14/img153960391.jpg">
圖1
src="http://www.it.com.cn/f/edu/0410/14/img153960392.jpg">
圖1
在“數(shù)據(jù)源”中填入待插入的Flash動畫所在的路徑,然后在“大小”中填入該動畫的尺寸,其他都用默認(rèn)的就行了,按“確定”就一切搞定啦。
這時(shí)頁面中會出現(xiàn)一個(gè)大大的“插頭”,看上去怪怪的,點(diǎn)一下預(yù)覽看看,一切正常!
其實(shí)你還可以直接將〈p align=“center”〉〈embed width=“400”height=“400”src=“ccc2.swf”〉〈/p〉這段代碼插入你網(wǎng)頁的源代碼中,注意“width”和“height”是你Flash動畫的實(shí)際尺寸,“src”是你的Flash動畫所在的路徑,別搞錯(cuò)了哦!
src="http://www.it.com.cn/f/edu/0410/14/img153960383.jpg">
圖2
怎么樣,再也不愁如何在FrontPage 2000中插入Flash動畫了吧?
編后:“條條大路通羅馬”,但是既可以沿大路走,也可以獨(dú)辟新徑,正因?yàn)橛辛烁倪M(jìn)和挑戰(zhàn),才有了人類的進(jìn)步,聰明的你是否也有自己的一條羅馬之路呢?何不把你的足跡記錄下來與我們一起分享呢?獨(dú)樂樂不如與眾樂樂,你說是嗎?
前言:微軟終于推出了FrontPage的新版本FrontPage 2002,屆時(shí)它將會取代了微軟兩年前推出的FrontPage 2000,在FrontPage 2002中新增加了許多的附件、工具,在各方面都有改進(jìn)。但要掌握這些功能需要一定的時(shí)間,為了能夠更快地掌握這個(gè)微軟推出的網(wǎng)頁制作軟件,也許你需要一些幫助。在這里,我在微軟官方網(wǎng)站上摘譯了十個(gè)FrontPage 2002的新增功能及其使用方法,如果大家英文水平可以的話,可以到http://www.microsoft.com/frontpage/上面學(xué)習(xí)更多實(shí)用的技巧。
資料來源:http://www.microsoft.com/frontpage/
一、訪問狀況分析報(bào)表的功能
訪問狀況分析報(bào)表(Usage Analysis Reports)這項(xiàng)功能能夠根據(jù)網(wǎng)站的訪問情況自動生成每日,每周或者每月的報(bào)表,讓你迅速知道網(wǎng)站中頁面內(nèi)容的瀏覽情況,并且通過來源頁面的URL分析來幫助了解訪客們是如何進(jìn)入到你的網(wǎng)站的。你也可以過濾或者以圖表的方式顯示這些資料,幫助你更精確地出網(wǎng)站的客流信息?!妇W(wǎng)站管理(Site Administration)」頁面可以讓你啟用或者停止收集頁面使用相關(guān)信息,或者設(shè)定使用狀況信息的收集與保存方式。
在設(shè)定并且使用使用狀況分析報(bào)表功能之前請先確認(rèn)該網(wǎng)站的服務(wù)器上面已經(jīng)安裝并且運(yùn)行了微軟公司的 SharePoint Team Service,或者安裝了FrontPage 2002 服務(wù)器延伸組件(FrontPage 2002 Server Extensions)。
1. 用 FrontPage 2002來打開一個(gè)網(wǎng)站,進(jìn)入”工具/服務(wù)器/首頁管理工具”。
2. 在網(wǎng)站管理(Site Administration)頁面,請檢查”使用狀況分析”是否已經(jīng)被啟動了(此項(xiàng)信息位于”使用狀況分析設(shè)定(Configure Usage Analysis Settings)”這個(gè)項(xiàng)目下面)。如果使用狀況分析功能已經(jīng)被啟動,請略過接3、4兩個(gè)步驟(請注意:如果你找不到”使用狀況分析設(shè)定”這個(gè)項(xiàng)目,請先確認(rèn)你打開的是一個(gè)主要網(wǎng)站(root Web site),這項(xiàng)功能在次網(wǎng)站(subwebs)里面是不提供的)。
3. 要啟用使用狀況分析功能,請選擇”修改使用狀況分析設(shè)定(Change Usage Analysis Settings)”。
4. 在使用狀況分析區(qū)域里面,選擇”啟用”來開始啟動使用狀況分析。
5. 按下”確定”按鈕,離開”網(wǎng)站管理”頁面。
6. 要觀看使用狀況分析報(bào)表(Usage Analysis Reports),請?jiān)?FrontPage 程序命令列里面選擇”視圖(View)/報(bào)表(Reports)”,然后選擇你想執(zhí)行的報(bào)表種類。
注意:如果你在”網(wǎng)站管理”頁面選擇了使用狀況分析設(shè)定,但是服務(wù)器上面并沒有啟動使用狀況分析,那么你在 FrontPage 的報(bào)表檢視頁面是無法瀏覽使用狀況資料的。
二、數(shù)據(jù)庫接口向?qū)?/b>
FrontPage 2002 提供的數(shù)據(jù)庫接口向?qū)В―atabase Interface wizard)功能可以替你產(chǎn)生在線數(shù)據(jù)庫所需要的一切功能,包含數(shù)據(jù)庫的建立,窗體以及所需的各種頁面。一旦你為你的資料建立了一個(gè)網(wǎng)頁接口, 你便可以讓特定的使用者通過瀏覽器來編輯或者刪除數(shù)據(jù)庫中的紀(jì)錄。除此以外,你也可以讓使用者在數(shù)據(jù)庫中新增記錄,查看已有的資料,或者套用過濾條件來更快速地尋找所需的資料。
1. 在”文件(File)”功能表里面選擇”新建(New)”,然后選擇建立新頁面或者新的網(wǎng)站。
2. 在”任務(wù)(Task)”窗格里面,選擇”網(wǎng)站模式(Web Site Template)”。
3. 選取”數(shù)據(jù)庫接口向?qū)В―atabase Interface Wizard)”。
4. 選取”添加到目前網(wǎng)站”然后選擇”確定”按鈕。接下來請依照向?qū)У闹甘疽徊揭徊酵瓿蓴?shù)據(jù)庫與頁面的建立步驟。
注意:在完成數(shù)據(jù)庫接口向?qū)У乃胁襟E以后,你必須將網(wǎng)站上傳到符合下列條件的服務(wù)器上面才可以正確地通過瀏覽器瀏覽資料:
?。?) 服務(wù)器必須支持 Active Server Pages(ASP)
(2) 該服務(wù)器必須支持 ActiveX Data Objects (ADO)
?。?) 該服務(wù)器必須支持 Microsoft FrontPage 2000 Server Extensions(或者更新版本)或者 SharePoint Team Services。
三、智能卷標(biāo)
智能卷標(biāo)(Smart Tags)會在每當(dāng)你執(zhí)行某種特殊工作(例如插入圖片)的時(shí)候出現(xiàn)在畫面上。如果你選擇這些智能卷標(biāo),屏幕上便會出現(xiàn)一些選項(xiàng)讓你更方便地執(zhí)行相關(guān)的其它功能。 FrontPage 2002提供一種稱為”粘貼選項(xiàng)(Paste Options)”的智能卷標(biāo),每當(dāng)你在 FrontPage 2002里面貼上文字或者圖片的時(shí)候,「粘貼選項(xiàng)」智能卷標(biāo)便會出現(xiàn)在旁邊,讓你能夠更快速且方便地編輯剛剛加入的內(nèi)容。
當(dāng)你在使用 FrontPage 2002 所制作的網(wǎng)頁里面粘貼從其它應(yīng)用程序剪切、復(fù)制下的內(nèi)容的時(shí)候,你可以決定是否要保留原本文件的格式(保留來源格式),使用目前網(wǎng)頁的樣式設(shè)定來改變粘貼內(nèi)容的格式(使用目標(biāo)樣式),或者將所有格式設(shè)定移除,僅粘貼純文字內(nèi)容(只保留文字)。
要使用粘貼選項(xiàng)智能卷標(biāo)(Paste Options Smart Tag)的步驟:
1. 用 FrontPage 2002 打開一個(gè)新的或者已有的網(wǎng)頁,然后進(jìn)行下列從其它文件上(例如一個(gè)Word文件或者其它網(wǎng)站的頁面)里面選取并且復(fù)制某段內(nèi)容。
2. 在 FrontPage 里面,切換到”頁面檢視(Page View)”,然后在”編輯”功能表里面選擇”粘貼”,粘貼選項(xiàng)智能卷標(biāo)的圖標(biāo)便會立刻出現(xiàn)在你剛剛粘貼的內(nèi)容旁邊。
3. 選擇出現(xiàn)在畫面上的智能卷標(biāo)圖標(biāo),此時(shí)畫面上會出現(xiàn)一個(gè)下拉選單。
4. 在下拉選單里面選擇你想使用的選項(xiàng),然后繼續(xù)編輯你的頁面內(nèi)容。
注意:要顯示”樣式與格式(Styles and Formatting)”工作窗格,請?jiān)谥悄芫順?biāo)下拉選單里面選擇”套用樣式或格式(Apply Style Or Formatting)”選項(xiàng)。在這個(gè)工作窗格里面,你可以 自由修改或者建立新的樣式設(shè)定。
四、出版單一頁面功能
在 FrontPage 2002里面提供了出版單一頁面的功能,它可以幫助你在適當(dāng)?shù)臅r(shí)候出版適當(dāng)?shù)膬?nèi)容,而且使用起來非常簡單。 只要在”文件夾列表視圖(Folder List view)”里面在某個(gè)文件上按一下鼠標(biāo)右鍵,你便可以輕易地立刻將這個(gè)文件發(fā)送到服務(wù)器上面去。
使用單一頁面出版功能步驟:
1. 用FrontPage 2002 里面打開一個(gè)新的或者已有的頁面,選擇”文件夾列表視圖(Folder List View)”(如果文件夾視圖)并未打開,請?jiān)诿盍羞x擇”視圖/文件夾列表”。
2. 在你想出版的文件上面按一下鼠標(biāo)右鍵。
3. 在下拉選單上面,選擇”出版選取的文件(Publish Selected Files)”選項(xiàng)。
4. 在”將選擇的文件出版到…”對話框里面,在”出版目標(biāo)”里面輸入或者選擇一個(gè)目標(biāo)服務(wù)器。
5. 選擇”確定”按鈕。
注意:要選取并且出版多個(gè)檔案,請按住Ctrl按鍵然后選擇每個(gè)要加入選取范圍的檔案,然后在選取的檔案上面按鼠標(biāo)右鍵,進(jìn)行上面第三到第五的步驟。
五、SharePoint 團(tuán)隊(duì)服務(wù)功能
利用微軟公司的 SharePoint 團(tuán)隊(duì)服務(wù)(SharePoint Team Services)內(nèi)建的網(wǎng)頁文件討論功能可以用來在你的 SharePoint 團(tuán)隊(duì)網(wǎng)站中替每個(gè)共享的文件加入在線討論功能。你可以針對每一個(gè)頁面,或者任何一個(gè)能夠通過瀏覽器來打開的檔案(例如 HTML, XLS, DOC 或者 PPT 檔案)來發(fā)表你的討論意見。團(tuán)隊(duì)中的其它成員或者網(wǎng)站訪客們也都可以將討論意見放置到文件當(dāng)中,或者出現(xiàn)在瀏覽器底端的「在線討論」窗口里面。任何一位瀏覽文件的訪客都可以觀看或者回復(fù)這些討論意見。文件的擁有者便可以在稍后將在線討論收集到的意見作為修改文件內(nèi)容的參考資料。
要在網(wǎng)頁文件中加入在線討論功能,請使用 FrontPage 打開一個(gè) SharePoint 團(tuán)隊(duì)網(wǎng)站,然后執(zhí)行以下各個(gè)步驟:
1. 在首頁里面打開一個(gè)文件庫(例如「共享文件庫」)。
2. 在想要加入在線討論功能的文件上面,選擇文件名稱右方的”編輯”圖標(biāo)。
3. 選擇”討論”圖標(biāo)。
4. 選擇”在瀏覽器窗口底端的討論窗格中插入討論按鈕”。
5. 在”輸入討論文字”區(qū)域里面,輸入討論主題以及內(nèi)容,然后選擇”確定”按鈕。
如果在瀏覽器底端的討論窗格里面出現(xiàn)「SharePoint 錯(cuò)誤訊息:此服務(wù)器并未提供網(wǎng)頁文件討論功能」這樣的訊息,請和你的 SharePoint 團(tuán)隊(duì)網(wǎng)站管理員聯(lián)絡(luò),將在線討論功能打開。
六、動態(tài)在線調(diào)查
現(xiàn)在你可以利用 FrontPage 2002就很方便地在網(wǎng)站上建立動態(tài)在線調(diào)查(Dynamic Online Surveys)功能,F(xiàn)rontPage 提供了簡單易用的單選按鈕,下拉選單以及復(fù)選按鈕。網(wǎng)站訪客可以通過瀏覽器來接受調(diào)查,并且可以選擇觀看圖表化的調(diào)查結(jié)果報(bào)告。你可以通過調(diào)查選項(xiàng)式樣來簡化建立的過程,或者在很短的時(shí)間里面通過”建立新在線調(diào)查向?qū)В∟ew Survey Wizard)”來重新建立自己的在線調(diào)查。請注意動態(tài)在線調(diào)查功能必須搭配 SharePoint Team Services 才能正常運(yùn)作。
通過”建立新在線調(diào)查向?qū)?#8221;來建立動態(tài)在線調(diào)查功能,先用 FrontPage 2002 來打開一個(gè) SharePoint 團(tuán)隊(duì)網(wǎng)站(SharePoint Team Web site),然后依照下面的步驟直接在服務(wù)器上面編輯相關(guān)檔案:
1. 在”文件夾視圖”里面,選擇列表目錄。
2. 在命令列上面選擇”文件/添加/在線調(diào)查”
3. 在”建立新在線調(diào)查”對話框里面,選擇”建立新在線調(diào)查向?qū)?#8221;,然后按下”確定”按鈕。
4. 按下”下一步”按鈕,然后輸入在線調(diào)查的名稱以及內(nèi)容簡介。
5. 按下”下一?quot;按鈕,然后選擇”添加”按鈕來新增一個(gè)調(diào)查問題,選擇輸入資料的格式,并且輸入調(diào)查選項(xiàng)。按下”完成”按鈕來完成問題輸入。
6. 針對每個(gè)調(diào)查問題,重復(fù)上面的步驟,直到所有的調(diào)查問題都建立完成為止。然后按下”下一步”按鈕。
7. 選擇各項(xiàng)讀取,編輯和修改權(quán)限選項(xiàng)以及顯示和輸入方式選項(xiàng),然后按下”完成”按鈕。
注意:你可以在 SharePoint 團(tuán)隊(duì)網(wǎng)站的任何地方建立新的在線調(diào)查頁面,只要再啟動”建立新在線調(diào)查向?qū)?#8221;之前先在”文件夾視圖”里面選擇好適當(dāng)?shù)奈募恢眉纯?。由于意見調(diào)查是屬于列表類型,不論你將意見調(diào)查儲存在網(wǎng)站中的哪個(gè)位置,它都會被自動連結(jié)到 SharePoint 團(tuán)隊(duì)網(wǎng)站中的列表頁面。
七、框線下拉選單工具
FrontPage 2002 提供的框線下拉選單工具(Border Drop-down tool)可以讓你快速簡易地把各種不同樣式的框線套用到文字或者圖片上。這項(xiàng)功能讓設(shè)定框線變得就像在 Word 或者 Excel 里面那樣容易,而且你并不需要單純?yōu)榱思由峡蚓€而把文字或者圖片放進(jìn)表格里面。
要使用框線下拉選單工具,請?jiān)?FrontPage 2002 里面打開一個(gè)新的或者已有的頁面,然后進(jìn)行以下步驟:
1. 首先在頁面中插入一段文字或者圖片,并且將它選取起來。
2. 選擇”格式”工具列上面的”框線”圖標(biāo)。
3. 接下來請?jiān)诟鞣N框線格式里面選擇一種樣式來套用到選取的文字或者圖片上。
注意:要快速地在某段文字周圍加上框線,你可以選取該段文字,然后在框線下拉選單上面選擇”外部框線(Outside Borders)”這個(gè)選項(xiàng)。接下來你就可以 在選擇新加上的框線的任何一處來選取這個(gè)框線,然后改變這個(gè)框線的顏色。請選擇”格式/框線與陰影/框線/顏色”來修改框線的色彩。
八、超鏈接格式的設(shè)定
FrontPage 2002 提供了更完整的串接樣式表(Cascading Style Sheets, CSS)支持,讓你能夠輕松地設(shè)定超鏈接或者其它文字的樣式。
建立一個(gè)沒有底線的超鏈接的步驟:
1. ,用 FrontPage 2002 打開一個(gè)新的或者已有的網(wǎng)頁,如果要在”一般視圖(Normal view)”下建立一個(gè)超鏈接,先在頁面中輸入一些文字,然后選擇這些文字,按下”插入超鏈接(Insert Hyperlink)”按鈕。
2. 選取任何一個(gè)頁面(網(wǎng)站中的某個(gè)頁面,或者其它網(wǎng)站)作為這個(gè)超鏈接的目標(biāo)頁面,然后按下”確定”按鈕。
3. 在這個(gè)新建立好的超鏈接上面按一下鼠標(biāo)右鍵,然后按下工具列上面的”底線(Underline)”按鈕,便可以將超鏈接的底線移除。
4. 如果你要測試這個(gè)超鏈接是否正常運(yùn)作,請將鼠標(biāo)光標(biāo)移到超鏈接上面,按住 Ctrl 鍵然后以鼠標(biāo)左鍵選擇這個(gè)超鏈接。
當(dāng)然你也可以改變超鏈接的任何其它格式設(shè)定。舉例來說,你可以選取整段或者部分的超鏈接文字,然后按下工具列上面的粗體或者加大文字尺寸按鈕, 或者按下文字顏色按鈕來改變超鏈接的顏色。
“超級鏈接”是網(wǎng)頁瀏覽中常用到的一個(gè)操作,用鼠標(biāo)單擊文字鏈接、圖像鏈接,瀏覽器就可以指定到某個(gè)目標(biāo)地址進(jìn)行鏈接。有一種很多網(wǎng)友都很喜歡的圖像鏈接方法,當(dāng)你用鼠標(biāo)指向頁面中一幅較大圖像中的不同部分時(shí),會驚訝地發(fā)現(xiàn),這里鼠標(biāo)所點(diǎn)的每一個(gè)部分都連接著一個(gè)頁面,而且不同的部分其鏈接目標(biāo)也不同,這項(xiàng)技術(shù)我們稱之為“熱點(diǎn)映射”或者簡稱為“映射”。那么你知道這是如何設(shè)計(jì)的嗎?在最初用HTML語言來設(shè)計(jì)網(wǎng)頁時(shí),實(shí)現(xiàn)起來比較麻煩,它需要設(shè)計(jì)者能準(zhǔn)確提供圖像中需要實(shí)現(xiàn)“映射”功能的區(qū)域的位置信息,以便使用map標(biāo)簽命令來對指定位置的區(qū)域來建立超級鏈接?,F(xiàn)在,我們只要使用FrontPage 2000就能輕松實(shí)現(xiàn)映射的制作了。讓我們一起來體驗(yàn)一下吧。
“熱點(diǎn)映射”其實(shí)是指一幅圖像包含多個(gè)超級鏈接,每個(gè)鏈接與一個(gè)特定的區(qū)域相關(guān)聯(lián),這個(gè)特定的區(qū)域又稱為圖像熱點(diǎn)。單擊圖像的熱點(diǎn)區(qū)域時(shí),瀏覽器會自動連向一個(gè)網(wǎng)頁。圖像映射有服務(wù)器端和客戶端兩種類型,其不同之處在于對鼠標(biāo)在圖像內(nèi)單擊后的處理方法。服務(wù)器端的圖像映射是指在圖像內(nèi)單擊時(shí),瀏覽器將單擊的坐標(biāo)發(fā)送給Web服務(wù)器,服務(wù)器就會打開該坐標(biāo)所指向的網(wǎng)頁??蛻舳说膱D像映射則不需要與Web服務(wù)器交互,因?yàn)閳D像的坐標(biāo)與其鏈接的網(wǎng)頁已經(jīng)傳送到瀏覽器中,當(dāng)單擊圖像的熱點(diǎn)區(qū)域時(shí),瀏覽器只是簡單地查詢與坐標(biāo)對應(yīng)的鏈接網(wǎng)址,這樣就能減輕服務(wù)器處理圖像映射的負(fù)擔(dān),并與服務(wù)器的類型無關(guān)。
按照“圖像映射”的概念,我們知道要制作圖像熱點(diǎn)時(shí),必須先手工計(jì)算每個(gè)區(qū)域的頂點(diǎn),然后在超文本文件中插入相應(yīng)的超級鏈接語句,但這種方式顯然是很不方便的。于是在這種情況下,各種具有制作圖像熱點(diǎn)功能的大型繪圖軟件就應(yīng)運(yùn)而生了,如果手中沒有專門的圖像映射軟件,也可以直接使用FrontPage 2000中的圖像映射編輯功能,它可以幫助你快速地定義、修改圖像熱區(qū),并在超文本文件中插入標(biāo)記語句,使你的主頁煥然一新,同時(shí)可以使訪問者領(lǐng)略到一種指點(diǎn)江山的感覺。下面,我們來看看熱點(diǎn)映射的具體制作過程。
首先,打開FrontPage 2000編輯器,在頁面的適當(dāng)位置插入我們事先準(zhǔn)備好的圖片。單擊圖片,這時(shí)我們就會發(fā)現(xiàn)在編輯區(qū)的下方出現(xiàn)了一排圖像編輯工具欄,利用這些工具按鈕我們可以創(chuàng)建各種形狀的熱點(diǎn)區(qū)域:
src="http://www.it.com.cn/f/edu/0410/14/img155486281.jpg">
圖1
矩形熱點(diǎn)區(qū)域:在程序工具欄中選擇“矩形”按鈕,然后把光標(biāo)移到我們想要建立圖像映射的圖像上,接著單擊并拖動鼠標(biāo),直到畫面上出現(xiàn)的矩形變成你想要的大小為止(如圖1所示),這時(shí)放開鼠標(biāo),F(xiàn)rontPage 2000就會自動彈出一個(gè)“創(chuàng)建超級鏈接”的設(shè)置對話框(如圖2所示)。在該設(shè)置對話框里,“URL”為單擊此鏈接后打開的文件地址,我們在這里輸入的網(wǎng)址為“http://www.cce.com.cn”,或者單擊“瀏覽”按鈕來打開一個(gè)文件對話框,從中找到一個(gè)目標(biāo)文件;“目標(biāo)框架”設(shè)置框是讓我們指定鏈接頁面的顯示方式,默認(rèn)為在本窗口中打開。所有需要的信息輸入完畢后,單擊“OK”按鈕就完成了矩形熱點(diǎn)區(qū)域的建立。
圓形熱點(diǎn)區(qū)域:在程序工具欄中選擇“圓形”按鈕,然后把光標(biāo)移到你想要建立圖像映射的圖像上,接著單擊一下鼠標(biāo)左鍵,這時(shí)程序會以先按的這一點(diǎn)作圓心,然后移動鼠標(biāo)到畫面上出現(xiàn)的圓形成為你想要的大小為止,放開鼠標(biāo)左鍵,F(xiàn)rontPage 2000同樣會自動彈出一個(gè)熱點(diǎn)屬性對話框,按照上面的介紹,在此對話框里輸入該熱點(diǎn)區(qū)域相關(guān)的鏈接資料,最后單擊“OK”按鈕就可以完成圓形熱點(diǎn)區(qū)域的制作了。
src="http://www.it.com.cn/f/edu/0410/14/img155486272.jpg">
圖2
多邊形熱點(diǎn)區(qū)域:在程序工具欄中選擇“多邊形”按鈕,然后把光標(biāo)移到你想要建立圖像映射的圖像上,接著將光標(biāo)指向多邊形的每個(gè)角單擊,兩次單擊之間則形成一條邊線,到最后一點(diǎn)時(shí)按鼠標(biāo)右鍵,這時(shí)編輯器會彈出創(chuàng)建超級鏈接的對話框,在地址對話框里輸入該熱點(diǎn)區(qū)域所要鏈接的網(wǎng)址,最后單擊“OK”按鈕就可以完成多邊形熱點(diǎn)區(qū)域的制作了。
如果想在某個(gè)圖像中建立多個(gè)熱點(diǎn)鏈接可按照上面的步驟依次創(chuàng)建。對于已經(jīng)創(chuàng)建好的熱點(diǎn),如果我們要重新設(shè)置或者修改它的鏈接信息時(shí),可以先選擇編輯器下邊的箭頭編輯按鈕,再選擇要更改的熱點(diǎn),雙擊指定的熱點(diǎn)區(qū)域,然后在彈出的屬性窗口中進(jìn)行修改參數(shù);使用該按鈕我們還可以移動熱點(diǎn)區(qū)域在圖像中的具體位置;若要更改熱點(diǎn)的大小,把鼠標(biāo)放到指定熱點(diǎn)區(qū)域的邊框處,等鼠標(biāo)形狀變成雙箭頭時(shí),就可以拖動鼠標(biāo)來改變熱點(diǎn)區(qū)域的大小。
所有熱點(diǎn)制作完成后,千萬不要忘了單擊“保存”按鈕將其保存至源文件中。存盤后,我們可以用瀏覽器看一下這個(gè)效果。把鼠標(biāo)移動到指定的超級鏈接上后,看看鼠標(biāo)是不是變成手形了,此時(shí)點(diǎn)擊鼠標(biāo)左鍵,我們就會進(jìn)入一個(gè)事先設(shè)置好的網(wǎng)頁上了。
以上是用FrontPage 2000來制作熱點(diǎn)映射的具體方法,不過,F(xiàn)rontPage 2000畢竟不是專業(yè)制作映射的工具,因此它在映射設(shè)計(jì)方面的功能不是很強(qiáng)大,感興趣的朋友不妨到網(wǎng)上去尋找一些專用的映射設(shè)計(jì)工具。
Dreamweaver以其強(qiáng)大的功能正在擴(kuò)張到更多”網(wǎng)蟲”的硬盤里,然而Dreamweaver并非每個(gè)功能都那么出色。至少,在樣式表(CSS)設(shè)置方面就顯得太專業(yè),讓這些英文不好的”蟲蟲”們大傷腦筋。經(jīng)過N次下載、安裝,到頭來我才發(fā)現(xiàn)原來最好的早已在自己的手中,那就是被我封存很久的– FrontPage2000。下面就讓我?guī)ьI(lǐng)大家一塊來分享”傻瓜”化軟件帶來的快樂吧。
一、三種添加CSS的方式
在FrontPage 2000里可以通過三種方式給網(wǎng)頁增加樣式表。
1.頁面鏈接一個(gè)外部的樣式表文件,這種方法可以使多個(gè)頁面使用同一個(gè)樣式表文件,方便保持頁面的主題。步驟:啟動FrontPage 2000,然后依次點(diǎn)”文件”、”新建”、”網(wǎng)頁”,打開FrontPage 2000的新建對話框,選擇”樣式表”選項(xiàng)。在這些樣式表中有FrontPage 2000自帶的很多樣式表供你參考和修改。當(dāng)然如果你對CSS熟悉的話,你也可以使用空白的樣式表,自己重新創(chuàng)建一個(gè)。
2.通過在FrontPage 2000中創(chuàng)建一個(gè)樣式表單,此時(shí)樣式表就是網(wǎng)頁的一部分,直接位于HTML文檔的之間。這個(gè)實(shí)際上不算創(chuàng)建,只要把已經(jīng)創(chuàng)建好的樣式表直接復(fù)制下來,然后選擇網(wǎng)頁編輯器的”html”選項(xiàng),然后粘貼到〈 HEAD 〉之間就可以了。
3.通過使用內(nèi)含樣式表元素,單獨(dú)指定樣式表。在FrontPage 2000編輯一個(gè)頁面的時(shí)候,只要選中要發(fā)生變化的文字,然后點(diǎn)擊右鍵,選擇”網(wǎng)頁屬性”就可以隨時(shí)隨地進(jìn)行可視化操作了。
二、內(nèi)含式樣式表的使用
下面就以修改美化一個(gè)搜索框?yàn)槔?,給大家介紹一下內(nèi)含式樣式表的使用。
現(xiàn)在就開始我們的美化之路。打開FrontPage 2000,然后調(diào)入這個(gè)頁面。接下來就先對輸入框進(jìn)行處理。用鼠標(biāo)左鍵選中那個(gè)最長的輸入框,然后點(diǎn)擊右鍵,選擇”表單域?qū)傩?#8221;,出現(xiàn)文本框?qū)傩浴?
然后點(diǎn)擊”樣式”,接著選擇”格式”中的”邊框”按鈕,出現(xiàn)邊框與陰影對話框。
因?yàn)橐3直砀竦慕y(tǒng)一,我們在”設(shè)置”中選擇”自定義”,然后選擇”樣式”中的”實(shí)線”。最重要的就是應(yīng)用邊框的設(shè)置。點(diǎn)擊方框,四周出現(xiàn)的四個(gè)小按鈕分別代表著文本輸入框的四條邊框。為了和文本輸入框外面的表格統(tǒng)一,這里的寬度也選擇為”1″,然后”確定”。
接著用鼠標(biāo)左鍵選中搜索按鈕,點(diǎn)鼠標(biāo)右鍵,選擇”超鏈接屬性”就會出現(xiàn)窗口。
選擇”樣式”按鈕,再選擇”瀏覽”插入我們事先作好的搜索圖片。
仍舊用鼠標(biāo)左鍵選中那四個(gè)字,然后再點(diǎn)擊右鍵,選擇”超鏈接屬性”,彈出Windows窗口。
選擇”背景”選項(xiàng),然后選中”啟用超鏈接翻轉(zhuǎn)效果”,然后點(diǎn)”翻轉(zhuǎn)樣式”彈出新的Windows窗口。
在這里我們可以一目了然地設(shè)置要實(shí)現(xiàn)的翻轉(zhuǎn)效果。為了突出”搜索幫助”四個(gè)字,我們把字體設(shè)置成12pt,這樣當(dāng)鼠標(biāo)放上去的時(shí)候,字體就會從9pt變成12pt,從而讓用戶看得更清楚。接下來我們還可以根據(jù)自己的愛好來設(shè)置喜歡的顏色以及其他樣式。通過內(nèi)含式樣式表的使用,我們很輕松地美化了搜索框.
筆者曾經(jīng)是一個(gè)網(wǎng)頁設(shè)計(jì)的菜鳥,經(jīng)過自己不斷的摸索和實(shí)踐,現(xiàn)在已經(jīng)可以獨(dú)立制作一個(gè)完整的靜態(tài)站點(diǎn),并且給學(xué)校的N?N>5?個(gè)部門、院系和外面的公司做網(wǎng)站,雖然不是一個(gè)完全意義上的Web Designer(網(wǎng)頁設(shè)計(jì)師),但是完成一些要求不是很專業(yè)、不是十分完美的站點(diǎn)已經(jīng)是小事兒了(嘿嘿,是不是有自吹自擂之嫌),自己心里已經(jīng)是小有成就感了,所以自封為準(zhǔn)Web Designer!
筆者自認(rèn)為成長過程還算快,所以把本人的經(jīng)歷向大家介紹一下,給那些有志于此的朋友們一些參考意見。
循序漸進(jìn)學(xué)知識
先學(xué)一學(xué)HTML,找本自己能看懂的教材,瀏覽為主,不用記住所有的概念,只要記住使用原理就行了,這一階段,估計(jì)三天就夠了;然后用兩天時(shí)間學(xué)CSS,方法同上;進(jìn)而再花些時(shí)間了解一下JavaScript。
然后就可以用記事本嘗試寫幾個(gè)網(wǎng)頁,記住這時(shí)千萬不要用那些可視化工具,比如FrontPage、Deamweaver(那些以后再學(xué))。
有一個(gè)提高自己“寫網(wǎng)頁”的捷徑,就是上各大網(wǎng)站,把網(wǎng)頁保存下來(什么?你說你不會保存網(wǎng)頁?就是“文件→另存為”),然后打開保存下來的網(wǎng)頁,點(diǎn)擊右鍵→查看源文件,看看人家的網(wǎng)頁是怎么寫的,然后模仿他們的寫法,不斷規(guī)范自己的代碼。嘿嘿,這個(gè)方法不錯(cuò)吧。先好好模仿一下吧。
接下來該學(xué)一下Fireworks了。建議一開始就到網(wǎng)上找些實(shí)例教程,這些實(shí)例教程一般都介紹得很詳細(xì),跟著它一步一步做下來,每學(xué)會一個(gè)實(shí)例就掌握了幾項(xiàng)操作,而且也有了自己的作品,很有成就感的,長期積累下來對自己的提高很有幫助。學(xué)Fireworks主要是學(xué)圖片處理,比如加一些效果,還有很重要的就是切圖,這對于初學(xué)者是很重要的。
這時(shí)還可以結(jié)合Dreamweaver進(jìn)行學(xué)習(xí),你就可以體會到Dreamweaver和Fireworks的無縫集成了。利用這些工具多做幾個(gè)網(wǎng)頁,你就可以達(dá)到一定水平了。
要是想讓你的網(wǎng)頁多一些炫目的效果,建議你學(xué)一下Flash,難度并不大,而且要是前面的JavaScript基礎(chǔ)打得好的話,學(xué)到Flash中ActionScript時(shí),你會有一種似曾相識的感覺,因?yàn)檫@兩種語法幾乎是一模一樣的。
到這時(shí),相信你就可以真正領(lǐng)會到“網(wǎng)頁三劍客”的威力了 。
在實(shí)踐中不斷提高
要是每天能拿出兩個(gè)小時(shí)來學(xué)習(xí),完成以上這些學(xué)習(xí)估計(jì)只要20天就差不多了。要是天賦高的話(比如說像我這樣的,呵呵),那需要的時(shí)間就更少了。接下來該實(shí)習(xí)了,找個(gè)地方鍛煉一下自己,比如可以去一些公司干干兼職,或是給自己的單位設(shè)計(jì)一下主頁等。
最好是能進(jìn)入一個(gè)正規(guī)的開發(fā)團(tuán)隊(duì),你就會學(xué)會如何以團(tuán)隊(duì)合作的方式開發(fā)網(wǎng)站,特別是怎樣和程序組合作,把頁面與后臺程序數(shù)據(jù)庫配合起來??赡苣銜?dān)心自己是新手,人家會嫌棄你,沒關(guān)系,只要努力去找,總會有機(jī)會的。
我特別感謝我們學(xué)校的學(xué)生在線網(wǎng)站給了我一個(gè)機(jī)會。有一天正趕上應(yīng)聘,我拿著自己做的兩個(gè)Flash作品就去了,沒想到面試還通過了,于是我就這樣有了在專業(yè)開發(fā)團(tuán)隊(duì)中實(shí)踐的機(jī)會,通過自己的不斷努力以及向高手的不斷提問,水平飛快提高,兩三個(gè)月后,就可以獨(dú)立完成一些站點(diǎn)了,當(dāng)然只是靜態(tài)的。在此,我想指出,千萬不要不好意思,不會就問,高手們是很樂意回答你的,而且你能向他請教,這本來就是對他的一種肯定,他會很高興的,呵呵。
到此,你就基本可以稱作是一個(gè)“準(zhǔn)Web Designer”了,不過要從根本上提高自己,最好去學(xué)學(xué)美術(shù),這是當(dāng)一個(gè)網(wǎng)頁設(shè)計(jì)師的基本功。
筆者剛開始做網(wǎng)頁純粹是自娛自樂,但在這個(gè)過程中,我逐漸開始深深喜歡上了這項(xiàng)工作。這個(gè)學(xué)習(xí)過程是人生的一筆寶貴財(cái)富,至少我是這么認(rèn)為的。
當(dāng)瀏覽者在網(wǎng)頁圖片上的不同位置按下鼠標(biāo)左鍵,此時(shí)就會連接至不同的網(wǎng)頁,這個(gè)效果不錯(cuò)吧?FrontPage 2002提供了非常簡便的在一張圖片上制作多個(gè)超鏈接的制作工具,利用鼠標(biāo)在圖片上拖曳,我們就可以直接將圖片劃分出許多不同的區(qū)域并制作出多個(gè)超鏈接了。
1、請先開啟一個(gè)新的網(wǎng)頁,然后點(diǎn)擊工具欄上的“插入文件中的圖片”按鈕。
2、在“圖片”對話框中搜尋自己要插入的圖片(點(diǎn)擊“視圖”右邊的三角形選“預(yù)覽”可在下面的預(yù)覽窗口中查看你要選的圖片),選定圖片后點(diǎn)“插入”。
3、回到主編輯畫面后,在插入的圖片上單擊鼠標(biāo)左鍵,此時(shí)圖片四周就會被八個(gè)點(diǎn)所包圍起來,同時(shí),在圖片下方就會出現(xiàn)“圖片工具條”。有時(shí),“圖片工具條”不會自動跳出,選擇菜單“視圖→工具欄→圖片”,即可讓“圖片工具條”出現(xiàn)。
4、在“圖片工具條”的右邊,可以找到我們操作要用到的工具按鈕,它們分別是“長方形熱點(diǎn)”、“圓形熱點(diǎn)”。我們直接選取“長方形熱點(diǎn)”按鈕進(jìn)行長方形作用區(qū)域的設(shè)置。
5、點(diǎn)一下“長方形熱點(diǎn)”按鈕,直接在要產(chǎn)生超鏈接的圖片區(qū)域上按住鼠標(biāo)左鍵不放,之后拖曳出超鏈接區(qū)域的范圍直到符合我們理想的區(qū)域大小,然后放開鼠標(biāo)左鍵結(jié)束區(qū)域設(shè)定。如果點(diǎn)的是“圓形熱點(diǎn)”按鈕,開始點(diǎn)應(yīng)放在所要選定的圓形超鏈接區(qū)域的中心。
6、在緊接著彈出的“建立超鏈接”對話框中,可以直接選擇或輸入我們要進(jìn)行超鏈接的網(wǎng)頁地址,然后按下“確定”按鈕關(guān)閉“建立超鏈接”對話窗口。
7、依照步驟5—6所說明的方法在圖片別的區(qū)域加入其他的超鏈接。以后打開這個(gè)網(wǎng)頁,當(dāng)我們將鼠標(biāo)指針移至圖片各個(gè)超鏈接區(qū)域上時(shí),鼠標(biāo)指針都會改變?yōu)?#8220;手指”的形狀,這就表示我們已經(jīng)成功地在一張圖片上建立了多個(gè)超鏈接了。
在線電影作為流媒體技術(shù)的一種應(yīng)用,已經(jīng)在各大網(wǎng)站上“露臉”,隨著網(wǎng)絡(luò)帶寬的不斷提高,相信在線電影將會吸引越來越多的眼球。為了能讓自己的個(gè)人站點(diǎn)也具有在線電影功能,你是否想過自己動手來發(fā)布網(wǎng)上電影呢?無論是否,網(wǎng)上電影將成為未來網(wǎng)絡(luò)的熱點(diǎn)之一,學(xué)會發(fā)布電影也應(yīng)該成為每一位網(wǎng)蟲所必須掌握的本領(lǐng)之一。
從表面來看,發(fā)布網(wǎng)上電影似乎是一件很“玄乎”的事情,菜鳥網(wǎng)民幾乎想都不敢想。其實(shí)發(fā)布電影就是在網(wǎng)頁中直接將電影插入進(jìn)去,然后在瀏覽器中播放就可以了,這個(gè)過程與插入圖象的操作一樣簡單,大家直接在Frontpage中就能輕松實(shí)現(xiàn),也可以在HTML源文件中通過添加控制語句來實(shí)現(xiàn)。
在網(wǎng)頁中插入電影的方式有2種,一種是不帶播放器界面,另外一種是帶有播放器界面的,這兩種方式的發(fā)布都不要復(fù)雜的程序代碼,更不需要深?yuàn)W的程序設(shè)計(jì),按照下面的步驟你能在短短幾分鐘內(nèi)學(xué)會發(fā)布網(wǎng)上電影:
一、不帶播放器的電影發(fā)布
這種發(fā)布方式并不會在網(wǎng)頁瀏覽器中出現(xiàn)播放器,而是使用快捷菜單命令來控制電影的播放和停止,具體的發(fā)步驟為:
1、運(yùn)行FrontPage 2002程序,確保網(wǎng)頁處于視圖方式下,然后將鼠標(biāo)移動到菜單欄上,依次執(zhí)行“插入”/“圖片”/“視頻”命令,隨后系統(tǒng)會自動打開一個(gè)文件選擇對話框,在這個(gè)對話框中大家可以將自己需要發(fā)布的電影視頻文件選中,并單擊該對話框中的“確定”按鈕,這樣就能將目標(biāo)電影插入到網(wǎng)頁中了;
2、這時(shí)插入的電影文件在網(wǎng)頁編輯模式下只顯示為一個(gè)小圖標(biāo),大家只有在預(yù)覽狀態(tài)下或使用瀏覽器打開這個(gè)網(wǎng)頁時(shí),才能欣賞到其正常的內(nèi)容;
3、為了讓電影按照合適的方式進(jìn)行播放,大家還需要對插入的電影文件進(jìn)行一些參數(shù)設(shè)置,以便指定在線電影的播放方式;設(shè)置時(shí)大家可以用鼠標(biāo)右鍵單擊視頻文件圖標(biāo),從隨后打開的快捷菜單中執(zhí)行“圖片屬性”命令;
4、在彈出的“圖片屬性”對話框中,大家首先打開“視頻”標(biāo)簽頁面,并在其中將“重復(fù)”選項(xiàng)選中,當(dāng)然大家也可以設(shè)定電影只循環(huán)播放有限的次數(shù),并在次數(shù)設(shè)置欄處輸入合適的數(shù)字大?。?/p>
5、在這個(gè)標(biāo)簽頁面中,大家倘若需要在電影播放完一遍后,來暫停一段時(shí)間重復(fù)播放下一遍時(shí),將“循環(huán)延遲”選項(xiàng)選中,同時(shí)在這里輸入需要暫停的具體時(shí)間數(shù)目為多少毫秒;
6、大家也可以對在線電影的開始播放方式進(jìn)行一些設(shè)置,例如是否讓電影在打開網(wǎng)頁文件時(shí)自動執(zhí)行播放功能,或者設(shè)置讓鼠標(biāo)在畫面上懸停時(shí)開始播放電影等;完成上面的設(shè)置后,大家可以執(zhí)行“預(yù)覽”命令來檢查一下電影是否能夠正確播放以及播放的效果如何;要是播放效果不理想的話,大家可以取消預(yù)覽,重新設(shè)置電影播放參數(shù),直到調(diào)整合適為止;至此,大家就能完成簡單的電影發(fā)布任務(wù)了。
7、要是大家手頭沒有FrontPage之類的專用工具時(shí),大家也可以在網(wǎng)頁源文件中直接插入電影播放代碼來實(shí)現(xiàn)在線電影的發(fā)布:大家可以先在網(wǎng)頁中插入任意一幅圖片,再用記事本打開該網(wǎng)頁的源代碼文件,并在其中找到控制圖片的“〈 img border=”0″ src=”e:*.*” 〉”語句;
8、將該語句中的“src”圖像標(biāo)記名稱改為視頻標(biāo)記名稱“dynsrc”,同時(shí)將該標(biāo)記的屬性值指向目標(biāo)電影文件的相對路徑和文件名就可以了;例如要將e盤中的aaa.avi電影發(fā)布在網(wǎng)上的話,大家可以在網(wǎng)頁源代碼中直接插入“〈 img border=”0″ dynsrc=”e:aaa.avi” 〉”語句;
9、完成代碼插入后,大家將該網(wǎng)頁重新保存成html文件,同時(shí)使用瀏覽器來觀看,就能看到自己插入的電影了。 要是在瀏覽界面中發(fā)現(xiàn)插入的電影畫面太小或不合比例時(shí),可以重新打開網(wǎng)頁源代碼文件,并在中添加相應(yīng)的電影播放控制代碼,以便讓電影畫面和播放方式按自己需要來進(jìn)行設(shè)置;
10、大家可以在img語句中使用控制電影大小的標(biāo)記“width=”xx” height=”xx””來設(shè)置電影播放的畫面大小,要是取消這個(gè)標(biāo)記屬性的話,瀏覽器就會自動按照電影原始的播放尺寸來顯示在瀏覽器上了;
11、在img語句中,大家還可以添加控制電影播放方式的標(biāo)記“start=”…””,要是大家希望在網(wǎng)頁被訪問時(shí)電影能夠自動播放的話,可以將其值設(shè)為“start=”fileopen””;要是希望電影在鼠標(biāo)懸停于該電影畫面上時(shí)開始播放的話,可以將其值設(shè)為“start=”mouseover””,這樣鼠標(biāo)一旦懸停在該電影畫面上時(shí)電影就能自動播放;
12、此外大家還可以在img語句中,添加能控制重復(fù)播放次數(shù)的標(biāo)記“
loop=”…””,來讓在線電影按照需要循環(huán)播放電影;如果將其值設(shè)置為“loop=”infinite””的話,在線電影將會自動無限制地循環(huán)播放;不過大家要是只想將電影播放一遍的話,可以不使用“loop”標(biāo)記;
13、使用“loopdelay=”…””標(biāo)記可以設(shè)置電影在每次進(jìn)行重復(fù)播放時(shí)的時(shí)間間隔,例如要是將其值設(shè)置為“loopdelay=”2″”的話,就表示希望暫停的時(shí)間為2豪秒。
通過上面的設(shè)置,一段精彩的電影就能正常地在網(wǎng)頁上播放了。當(dāng)然,這種在線電影的播放效果可能并不十分理想,要想獲得更高效果的電影發(fā)布,大家最好還必須學(xué)會帶播放器的電影發(fā)布技巧。
關(guān)于Microsoft FrontPage 2002的應(yīng)用技巧四則
中文簡繁體網(wǎng)頁的轉(zhuǎn)換
FrontPage 2002提供了中文簡繁體轉(zhuǎn)換的功能。只要輕輕一點(diǎn)就可做出簡體或繁體中文網(wǎng)站了。如要將當(dāng)前的網(wǎng)頁轉(zhuǎn)變?yōu)榉斌w,只需點(diǎn)擊菜單”視圖文件夾—中文簡繁體轉(zhuǎn)換”即可。如果需要同時(shí)轉(zhuǎn)換多個(gè)網(wǎng)頁,則需先打開文件夾選項(xiàng),在出現(xiàn)的文件夾列表中選取所需轉(zhuǎn)換的多個(gè)網(wǎng)頁,之后點(diǎn)擊工具欄上的”中文簡繁體轉(zhuǎn)換”功能按鈕,此時(shí)出現(xiàn)的對話窗口中”轉(zhuǎn)換多個(gè)文件”項(xiàng)已由灰色變成可用項(xiàng),其下有轉(zhuǎn)換”選中的文件”和”整個(gè)站點(diǎn)”兩個(gè)選項(xiàng)。我們只要選中其中一個(gè)后點(diǎn)擊確定即可坐等著其轉(zhuǎn)換完成。轉(zhuǎn)換整個(gè)站點(diǎn)的方法與此相同。
設(shè)定9磅字號
在網(wǎng)頁設(shè)計(jì)中,9磅字被認(rèn)為是最美觀實(shí)用的字號。在網(wǎng)頁的整體布局采用9磅字顯得整潔大方。但在FrontPage 2002工具欄上的字號列表框中只有雙磅字號而沒有9磅字供我們選擇。如果我們想要設(shè)置9磅字的話可以采用以下方法:首先用鼠標(biāo)將文字選中,然后把光標(biāo)移動字號設(shè)置框中使其反白,再輸入9并單擊回車就能達(dá)到目的了。
下載整個(gè)網(wǎng)站
由于網(wǎng)頁設(shè)計(jì)的需要,我們經(jīng)常要到網(wǎng)上去找尋一些以下載整個(gè)網(wǎng)站的軟件,實(shí)際上FrontPage 本身就有下載整個(gè)站點(diǎn)的功能。
首先選擇FrontPage 2002“文件”→“導(dǎo)入”,在出現(xiàn)的“web站點(diǎn)模板”窗口中選“導(dǎo)入站點(diǎn)向?qū)?#8221;。它將幫助你從計(jì)算機(jī)上現(xiàn)有的文件或已有的站點(diǎn)創(chuàng)建新的站點(diǎn)。
其次,在出現(xiàn)的“導(dǎo)入站點(diǎn)向?qū)?#8221;中選擇從何處導(dǎo)入,有兩個(gè)選項(xiàng),一為“從本地計(jì)算機(jī)或網(wǎng)絡(luò)上源文件所在的目錄”導(dǎo)入,另一為“從萬維網(wǎng)站點(diǎn)”導(dǎo)入,選擇第二項(xiàng),并在下面的位置中填入你所需要下載的網(wǎng)站的地址,單擊下一步即可。
第三、在出現(xiàn)的窗口中選擇下載數(shù)量(網(wǎng)頁的層數(shù),默認(rèn)為五頁)及磁盤空間(默認(rèn)為500K空間)。這里你可以根據(jù)自己的需要更改。設(shè)定完后單擊完成。這時(shí)將出現(xiàn)“導(dǎo)入站點(diǎn)進(jìn)度”顯示窗口,導(dǎo)入的站點(diǎn)將保存在c:My DocumentsMy webs目錄下。好了,可以喝杯茶等著FrontPage將網(wǎng)站下載下來啦。
精確處理圖片(定位及縮略圖)
在FrontPage 2002中,圖片不要采用中文名稱,否則當(dāng)網(wǎng)頁上傳之后會出現(xiàn)無法正常顯示的情況。在以前的版本中我們無法實(shí)現(xiàn)對圖片的精確定位,而要實(shí)現(xiàn)圖象的自由移動更是不容易。但在FrontPage 2002中,我們可以輕松實(shí)現(xiàn)圖片的精確定位操作。具體操作步驟如下:
用鼠標(biāo)選中需要定位的圖片,然后在菜單中單擊”格式”菜單項(xiàng),并從彈出的下拉菜單中選擇”定位”命令,在隨后彈出的對話窗口中選擇”定位樣式”下的”絕對”,這樣我們就可以在”位置與大小”設(shè)置欄處任意設(shè)置自己的圖象大小和位置了,或者大家在”定位樣式”下選中”絕對”后,然后在編輯區(qū)中用鼠標(biāo)任意拖動圖象到指定的位置處就可以了。
圖像的縮略圖是指把圖像按原比例縮小,可作為原圖的預(yù)覽,在網(wǎng)絡(luò)速度比較慢時(shí)可快速地顯示圖片的概圖。在FrontPage 2002中提供民方便的制作縮略圖的方法。方法是:將圖片插入網(wǎng)頁后單擊鼠標(biāo)右鍵,在出現(xiàn)的右鍵菜單中選擇“自動縮略圖”,這時(shí)圖片將自動變成縮略圖樣式,并且FrontPage 2002已經(jīng)自動做好了縮略圖到原圖之間的超鏈接。通過雙擊縮略圖我們還可以實(shí)現(xiàn)對該圖的精確定位和大小設(shè)置。你看,相對于FrontPage 2000來說這是不是簡單了許多?
如何使用Microsoft FrontPage 2000制作動態(tài)按鈕
你一定看到過很多網(wǎng)頁上的動態(tài)按鈕效果,一般而言實(shí)現(xiàn)它需要后臺的JavaScript(或VBScript)網(wǎng)頁腳本語言支持,對于只懂使用初級的“所見即所得”網(wǎng)頁編輯器的人來說確實(shí)是個(gè)難題?,F(xiàn)在我們就來學(xué)一學(xué)制作動態(tài)按鈕的“傻瓜式”方法。我們以制作一個(gè)中英文切換的按鈕為例。
其實(shí),動態(tài)按鈕的實(shí)現(xiàn)原理都是一樣的,首先制作按鈕的圖片,然后通過腳本語言捕獲鼠標(biāo)在按鈕上的事件,對事件做出交換圖片的響應(yīng)。在Frontpage 2000里有交換圖片的現(xiàn)成語言包。
首先在Photoshop或Firework里制作兩張用于交換的按鈕圖片,大小均為:寬度80象素;高度15象素,并在其中輸入按鈕的文字,注意兩張圖片文字的相對位子應(yīng)基本一致。
在Frontpage中插入一個(gè)表格,大小與按鈕圖片的大小相同(寬80象素,高15象素),點(diǎn)擊插入圖片按鈕,在表格內(nèi)插入初始化顯示的按鈕圖片,即按鈕在未進(jìn)行動態(tài)變換時(shí)顯示的那張圖片,在這個(gè)例子中我們選擇有“English Button”字樣的圖片為初始圖片。接下來我們就開始為它做動態(tài)效果。選擇菜單“格式”-“動態(tài)HTML效果”,出現(xiàn)動態(tài)HTML效果的對話框。確保要做動態(tài)變換的圖片為選中狀態(tài)的前提下,在DHTL效果多話框內(nèi)將“開啟”選項(xiàng)選擇為“鼠標(biāo)懸停”;應(yīng)用選擇為“交換圖片”;并在下面一個(gè)選項(xiàng)內(nèi)指定路徑為用于交換的“中文按鈕”圖片所在的路徑。
好了,一個(gè)動態(tài)按鈕效果的“傻瓜”式制作方法完成了。網(wǎng)頁保存后會有一個(gè)名為animate.js的腳本文件,你可以通過記事本打開它,這里面的就是有Frontpage自動生成的腳本語言包。動態(tài)按鈕效果在Frontpage里可以輕松的實(shí)現(xiàn),你也可以改變用于交互的兩張圖片按照你的需要制作,注意在制作按鈕圖片時(shí)一定要設(shè)置兩張圖片的大小完全一致。
網(wǎng)上的信息反饋,其實(shí)就是交互表單,通常表單主要用于信息調(diào)查、收集統(tǒng)計(jì)數(shù)字等方面,在電子商務(wù)流行的今天,表單的作用更是不容忽視,我們可以利用表單來輕松完成各種數(shù)據(jù)的收集、獲得用戶定單等,對于不懂?dāng)?shù)據(jù)庫的我們,還是先學(xué)學(xué)FP的簡單表單制作方法吧,也免的落伍與這個(gè)電子商務(wù)時(shí)代。
首先打開”文件”菜單,選擇”新建”,在子菜單中選擇”網(wǎng)頁”命令。在彈出的對話框中點(diǎn)擊”常規(guī)”選項(xiàng)卡,然后選擇”表單網(wǎng)頁向?qū)?#8221;,并單擊”確定”按鈕。
彈表單制作向?qū)υ捒蚝?,單擊下一步按鈕,當(dāng)我們第一次使用表單網(wǎng)頁向?qū)У臅r(shí)候,需要單擊”添加”按鈕,來添加問題。彈出如圖001的對話框后,我們可以在”選擇此問題要收集的輸入類型”列表框中選擇要添加的類型。
src="http://www.it.com.cn/f/edu/0410/10/candy-27-001.gif">
單擊”下一步”按鈕后,會出現(xiàn)關(guān)于個(gè)人信息的對應(yīng)項(xiàng)目,對各項(xiàng)內(nèi)容做好選擇后,單擊”下一步”按鈕。
這樣,問題就添加到列表中,如果不想在添加問題,直接單擊”下一步”按鈕繼續(xù)制作。
在”如何顯示問題列表”下有4個(gè)單選鈕,是用來調(diào)整問題的顯示方式,我們在這里采用 “顯示為普通段落”的顯示方式,然后對其他選項(xiàng)不做改動,單擊”下一步”按鈕。如圖002。
src="http://www.it.com.cn/f/edu/0410/10/candy-27-002.gif">
在輸出選項(xiàng)中也有3個(gè)單選鈕供我們選擇,我們這里按照系統(tǒng)默認(rèn)?quot;將結(jié)果保存到Web頁”,然后在”輸入結(jié)果文件的基本名稱”后輸入Web頁的名字。
單擊”下一步”按鈕,然后單擊”完成”按鈕。然后我們就可以利用我們原來學(xué)的知識,對這個(gè)表單的頁面進(jìn)行修飾。
做好這些之后,我們就要設(shè)置一下表單的屬性了。右鍵單擊表單的任意一處,在彈出的快捷菜單中選擇”表單屬性”命令,在彈出的對話框中的發(fā)送到單選鈕后設(shè)置填寫好的表單發(fā)送到的地址。在文件名稱后輸入保存表單結(jié)果的文件名稱,在這里要輸入一個(gè)對應(yīng)的網(wǎng)頁地址,單擊”瀏覽”按鈕,選擇一個(gè)已經(jīng)存在的網(wǎng)頁的話,會將表單結(jié)果附加在該網(wǎng)頁的最后。如果還希望瀏覽者提交的表單能通過Email反饋到自己的信箱,就在”電子郵件地址”后的文本框中填寫好自己的電子郵件地址,然后單擊確定按鈕。(在完成好這些設(shè)置之后,如果你沒有安裝FrontPage服務(wù)器擴(kuò)展,系統(tǒng)會自動提示你安裝該擴(kuò)展,如果沒安裝服務(wù)器擴(kuò)展功能的話,我們所設(shè)置的這些表單也將起不到任何作用。)
接下來設(shè)置一下按鈕,在表單中我們經(jīng)常用到的按鈕功能就是提交和清除功能,如果我們不想對按鈕的名稱進(jìn)行修改,利用系統(tǒng)默認(rèn)的設(shè)置即可。如果想對它進(jìn)行修改,就雙擊該按鈕,彈出對話框后進(jìn)行設(shè)置。在”名稱”后輸入這個(gè)按鈕的名稱;在”值/標(biāo)簽”后輸入按鈕標(biāo)簽,也就是在瀏覽器中顯示的按鈕字樣;按鈕類型包括三種,(選擇”提交”單選鈕,則規(guī)定該按鈕的作用為提交表單;選擇”重置”按鈕,規(guī)定按鈕的作用為清除填寫內(nèi)容;如果選擇”普通”單選鈕,就可以自己設(shè)置該按鈕的作用了,如加上超鏈接等。)完成按鈕設(shè)置后,單擊”確定”按鈕。如圖003
src="http://www.it.com.cn/f/edu/0410/10/candy-27-003.gif">
做好以上這些之后,我們的一個(gè)最簡單的信息反饋表單就制作完成了。在跟著我們做好這些之后,可能讀者們對FP的服務(wù)器擴(kuò)展功能還不是很了解,在以后我們將專門對FP的服務(wù)器擴(kuò)展功能進(jìn)行講解。
一日在網(wǎng)上,有朋友看了我的“夢溪河”后問:“你主頁里的下劃線是怎么去掉的?”因?yàn)楫?dāng)時(shí)手頭正有事做,沒顧得上回答,只好告訴對方說:“我是用FrontPage做網(wǎng)頁的,此軟件中就有去除的下劃線的功能,你多玩玩FrontPage軟件就知道了。”也不知他后來去除超鏈接的下劃線沒有?
今天剛好有時(shí)間來更新網(wǎng)頁,便想起了這個(gè)問題。可又不知道朋友是哪位了,只好寫這篇短文,讓愛好做網(wǎng)頁的朋友共同交流。
我也和眾多的初學(xué)者學(xué)做網(wǎng)頁一樣,選用的是office 2000中自帶的Microsoft FrontPage軟件進(jìn)行制作的,此軟件不但簡單易學(xué),畫面直觀,就是一個(gè)一點(diǎn)都不會的網(wǎng)頁愛好者也會在很短的時(shí)間里做出漂亮的網(wǎng)頁來。而且此軟件是office 2000隨贈的,不需要另外花錢,經(jīng)濟(jì)實(shí)惠。
去除超鏈接的下劃線有兩種方法,一種就是鼠標(biāo)放上超鏈接去的時(shí)候下劃線消失,另一種不管鼠標(biāo)放上去與否均可消失。兩種方式各有特色,可以根據(jù)自己的喜好選擇。
打開Microsoft FrontPage軟件,在它的操作界面中,打開你要改變超鏈接的網(wǎng)頁。點(diǎn)擊右鍵打開網(wǎng)頁屬性,(也可以打開文件……屬性)在背景屬性中,點(diǎn)選“啟用超鏈接翻轉(zhuǎn)效果”,在翻轉(zhuǎn)樣式的字體中點(diǎn)選閃爍,如果你希望進(jìn)行超鏈接的字體變化,也可以在上面的字體中選取。然后確定。這時(shí)預(yù)覽一下你的網(wǎng)頁,是不是上面所有的超鏈接在鼠標(biāo)放上去的時(shí)候都沒有了下劃線?
亦可以在網(wǎng)頁屬性的常規(guī)中點(diǎn)擊左下角的“樣式”,在修改樣式對話框的下面點(diǎn)擊“格式”——字體,在字體對話框的效果中點(diǎn)選閃爍——然后確定。同樣的效果也出現(xiàn)了。
這種辦法可以對整個(gè)網(wǎng)頁的超鏈接全部去除下劃線。
另外一種是讓超鏈接的下劃線全部消失。首先選取你要進(jìn)行去除下劃線的超鏈接,單擊鼠標(biāo)右鍵,點(diǎn)擊“超鏈接屬性”,(或直接點(diǎn)擊超鏈接圖標(biāo),或者點(diǎn)擊菜單欄的插入——超鏈接)打開編輯超鏈接對話框,在編輯超鏈接對話框中,點(diǎn)右下角的“樣式”,在修改樣式對話框中點(diǎn)擊“格式”——字體,同樣點(diǎn)選“閃爍”,然后確定就OK了。你看你的超鏈接是不是很醒目的干干凈凈,沒有了下劃線?預(yù)覽一下,效果就是不一樣呀。如果你加粗了文字或?qū)ξ淖肿髁似渌男Ч幚?,顯示出來就會更漂亮一些的。
日前,筆者在Internet上碰到一些奇怪的網(wǎng)頁。這些網(wǎng)頁,不但無法用右鍵菜單復(fù)制圖片,而且用IE菜單中的“文件→另存為”命令也無法將圖片保存下來,使保存在自己計(jì)算機(jī)中的網(wǎng)頁成為“殘缺”的網(wǎng)頁。
怎樣才能將那些圖片“補(bǔ)齊”呢?經(jīng)過摸索,筆者終于找到了用Frontpage快速保存完整網(wǎng)頁的解決方法。下面以保存某個(gè)頁面為例,我們在裝有FrontPage的機(jī)器上進(jìn)行如下操作。
1. 用IE打開此網(wǎng)址,然后單擊工具欄上的FrontPage圖標(biāo),使網(wǎng)頁進(jìn)入可編輯狀態(tài)。
2. 在FrontPage編輯窗口中,不需任何修改,直接單擊“文件→另存為”,在“另存為”對話框中指定一個(gè)保存路徑(如“D:\WebFiles”),在“文件名”中任意給網(wǎng)頁取個(gè)名(如“p1-c4+.htm”),然后單擊“保存”。
OK,現(xiàn)在進(jìn)入D:\WebFiles文件夾中,打開p1-c4+.htm文件。看到了吧?網(wǎng)頁一點(diǎn)也不“殘缺”了。在同一文件夾下,F(xiàn)rontPage已自動將網(wǎng)頁中的6張圖片(image001.jpg~image006.jpg)保存在“p1-c4+.Files”子文件夾中了。用這種方法修補(bǔ)“殘缺”網(wǎng)頁是不是很簡單?