Web數(shù)據(jù)庫存基礎(chǔ)教程3_第1頁
Web數(shù)據(jù)庫存基礎(chǔ)教程3_第2頁
Web數(shù)據(jù)庫存基礎(chǔ)教程3_第3頁
Web數(shù)據(jù)庫存基礎(chǔ)教程3_第4頁
Web數(shù)據(jù)庫存基礎(chǔ)教程3_第5頁
已閱讀5頁，還剩38頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認(rèn)領(lǐng)

文檔簡介

3編輯和創(chuàng)建網(wǎng)頁內(nèi)容簡介：本章將重點學(xué)習(xí)FrontPage2000的基本使用方法，其中包括頁面制作、排版、插圖、多媒體效果、超鏈接、制作和應(yīng)用表格、表單應(yīng)用、框架制作等。3-1使用FrontPage20003-1-1FrontPage2000的主窗口3-1-2FrontPage2000的視圖欄3-1-3主窗口的五個標(biāo)簽3-1-4建立新頁面3-1-5在頁面中插入文本3-1-6在頁面中插入圖像3-1-7多媒體效果3-1-1FrontPage2000的主窗口圖3-1FrontPage2000的初始主畫面啟動FrontPage2000（選擇[開始]→[程序]→[MicrosoftFrontPage]），直接進入FrontPage2000的網(wǎng)頁視圖模式，如圖3-13-1-2FrontPage2000的視圖欄1.網(wǎng)頁2.文件夾3.報表4.導(dǎo)航5.超鏈接6.任務(wù)【文件夾】按鈕窗口【導(dǎo)航】按鈕窗口【報表】按鈕窗口【超鏈接】按鈕窗口3-1-3主窗口的五個標(biāo)簽FrontPage2000提供的標(biāo)簽:普通、HTML、、預(yù)覽和制作框架網(wǎng)頁時提供的無框架、框架網(wǎng)頁HTML，幫助用戶方便地查看一般的網(wǎng)頁編輯畫面、HTML的源代碼、預(yù)覽頁面以及框架頁面和框架的HTML源代碼。編輯一般網(wǎng)頁時添加前三個標(biāo)簽，編輯框架網(wǎng)頁時添加后兩個標(biāo)簽。普通標(biāo)簽HTML標(biāo)簽預(yù)覽標(biāo)簽無框架標(biāo)簽框架標(biāo)簽3-1-4建立新頁面使用模板向?qū)ЬW(wǎng)頁的內(nèi)容常規(guī)標(biāo)簽背景標(biāo)簽邊距標(biāo)簽自定義標(biāo)簽語言標(biāo)簽主題1）設(shè)置網(wǎng)站主題2）個別網(wǎng)頁的主題設(shè)置【新建】常規(guī)對話框標(biāo)簽【網(wǎng)頁屬性】常規(guī)對話框標(biāo)簽【網(wǎng)頁屬性】對話框背景標(biāo)簽主題設(shè)置對話框3-1-5在頁面中插入文本作為網(wǎng)頁中最基本的內(nèi)容——文本，是網(wǎng)頁中惟一不可缺少的部分。文本的輸入文本的基本操作1）改變文字的大小、字體、顏色2）分段3-1-6在頁面中插入圖像Internet上的圖像添加圖像在圖片上書寫文字創(chuàng)建自動縮略圖圖片的替代文字和替代圖透明圖片的建立圖像地圖【圖片】工具欄【圖片屬性】對話框中的【替代表示】欄【圖片】工具欄中的【設(shè)置透明的顏色】按鈕3-1-7多媒體效果1.DHTML動態(tài)效a.文字的動態(tài)效果在頁面中任選一段文字在菜單欄中選擇[選擇]，單擊[動態(tài)HTML效果]。在彈出的[DHTML效果]對話框中根據(jù)需要分別選擇：開啟、應(yīng)用、效果。b.圖片的動態(tài)效果2.插入背景音樂a.直接插入背景音樂b.利用插件插入背景音樂注意：可以使用的音樂文件類型有許多，如：WAV、MIDI、RA/RAM、AIFF、AU以及MP3等，但推薦在網(wǎng)頁中盡量使用較小的文件。3-2超鏈接當(dāng)我們在網(wǎng)頁中建立超鏈接后，只要簡單地在所設(shè)置的超鏈接（文字或圖片）上單擊鼠標(biāo)，就能完成超鏈接的任務(wù)，到達(dá)被鏈接的“彼岸”。3-2-1建立超鏈接超鏈接步驟：選中要建立超鏈接的文字和圖片在菜單欄中單擊[插入]→[超鏈接]，彈出圖3-14的[創(chuàng)建超鏈接]對話框在URL欄內(nèi)直接輸入被鏈接的地址，如圖3-14圖3-14[創(chuàng)建超鏈接]對話框3-2-2網(wǎng)站內(nèi)部的超鏈接網(wǎng)站內(nèi)部的超鏈接有兩種情況：網(wǎng)站內(nèi)部文件之間的關(guān)聯(lián)，或網(wǎng)站內(nèi)部文件與外部的超鏈接。選擇菜單欄中的【文本】→【打開站點】，在【打開站點】對話框中，選中要打開的文件夾，單擊【打開】按鈕；再到菜單欄中選擇【插入】→【超鏈接】，彈出對話框。3-2-3網(wǎng)頁內(nèi)部的超鏈接1.設(shè)置書簽選取要設(shè)置書簽的文字在菜單欄單擊[插入]→[書簽]，彈出[書簽]對話框，如圖3-15[書簽名稱]框內(nèi)顯示已設(shè)置的文字，單擊[確定]按鈕即可（也可改造其他的名稱），被設(shè)置為書簽的文字下方會場出現(xiàn)虛線。若要刪除“書簽”，只在圖3-15中選中要刪除的“書簽”，單擊[清除]按鈕即可。2.建立內(nèi)部超鏈接在所編輯的文本中，選定想要設(shè)置內(nèi)部超鏈接的文字從菜單欄中選取[插入]→[超鏈接]，或單擊鼠標(biāo)右鍵，選取[超鏈接]在對話框（如圖3-14所示）的左下方，從[書簽]的列表框中選取需超鏈接的書簽名稱。例3.1建立網(wǎng)頁內(nèi)部的超鏈接（L3-1.htm）</STYLE></HEAD><BODY><PCLASS="title1">《<Aname=沁園春>沁園春</A>·長沙》

<FONTSIZE=2><Ahref="#注釋">至注釋</A></FONT></P><PCLASS=title2>一九二五年</P><BLOCKQUOTE><PCLASS="title3">

獨立寒秋，<BR>湘江北去，<BR>橘子洲頭。<BR>看萬山紅遍，<BR>層林盡染。<BR>

漫江碧透，<BR>百舸爭流。<BR>鷹擊長空，<BR>魚翔淺底，<BR>萬類霜天競自由。<BR>

悵寥廓，<BR>問蒼茫大地，誰主沉浮。<BR><BR>

攜來百侶曾游，<BR>憶往昔，<BR>崢嶸歲月稠。<BR>

恰同學(xué)少年，<BR>風(fēng)華正茂。<BR>書生意氣，<BR>揮斥方猷。<BR>指點江山，<BR>

激揚文字，<BR>糞土當(dāng)年萬戶侯。<BR>曾記否，<BR>到中流擊水，<BR>浪遏飛舟。

</P></BLOCKQUOTE>

<Aname=注釋>注釋</A>∶<BR><DIVCLASS="note1">沁園春（詞牌）∶由東漢的沁水公主園得名。<BR></DIV><SPANCLASS="note2">長沙∶1913-1918毛澤東就讀于湖南第一師范學(xué)校。</SPAN><BR>同學(xué)少年∶毛澤東于一九一八年發(fā)起新民學(xué)會，入會有蔡和森、何叔衡。<BR>猷∶勁<P>

<FONTSIZE=2><Ahref="#沁園春">返回題頭</A></FONT></BODY></HTML>圖3-15[書簽]對話框3-2-4利用瀏覽器來建立外部的超鏈接操作步驟：單擊URL框右邊按鈕（如圖3-14所示）在新打開的默認(rèn)瀏覽器中，如圖3-16所示，輸入要鏈接的URL地址與文件。按Alt+Tab鍵返回FrontPage2000,此時的URL框內(nèi)已加上了要鏈接的URL地址或文件。圖3-16新開啟的預(yù)設(shè)瀏覽器3-2-5建立電子郵件超鏈接可以用兩種方法建立電子郵件超鏈接：在文本欄內(nèi)輸入接受電子郵件的地址.如someone@.在【普通】標(biāo)簽下,能直接輸入接受電子郵件的地址,FrontPage2000會自動地將其設(shè)為電子郵件超鏈接.“創(chuàng)建電子郵件超鏈接”對話框3-2-6取消超鏈接用FrontPage2000編輯文本時,只要輸入含有:http://或@(讀作:at)等的字符串時,FrontPage2000都會自動地為其建立地址或郵件等的超鏈接,只需選中已設(shè)超鏈接的地址或郵件等,再單擊鼠標(biāo)右鍵,打開【超鏈接屬性】,在彈出的對話框中,將URL地址的內(nèi)容清除即可.3-3繪制表格【插入表格】對話框操作類似于Word：選擇菜單命令【表格】→【插入】→【表格】,彈出【插入表格】對話框,如圖,用戶可根據(jù)要求建立表格.3-4使用表單表單與表格只有一字之差，但功能完全不同。表單是輸入欄的集合，是客戶端與服務(wù)器端之間常用來進行網(wǎng)頁交互的工具。提交表單3-4-1表單的構(gòu)成我們創(chuàng)建的任何一個HTML表單一般都含有三個基本組成部分：一個或多個輸入域一種提交結(jié)果的方式一個用于收集、處理并記錄提交數(shù)據(jù)的程序。3-4-2表單的創(chuàng)建【新建】表單頁對話框【表單屬性】對話框1.使用模板2.跟隨表單向?qū)?.用戶自己挑選表單元件3-4-3處理表單數(shù)據(jù)用戶根據(jù)不同的需求可以選用的處理方式有：將結(jié)果發(fā)送到某文件將結(jié)果以電子郵件的形式發(fā)送發(fā)送至某數(shù)據(jù)庫保存發(fā)送至其他對象（用戶定制腳本來處理數(shù)據(jù)）3-5設(shè)計框架網(wǎng)頁用戶可以通過使用框架來更好地控制瀏覽器窗口中的網(wǎng)頁組合。采用框架設(shè)計的網(wǎng)頁稱為框架集，它們實際上是HTML頁面的集合。每個框架頁由控制框架結(jié)構(gòu)的文件和至少兩個同時顯示但內(nèi)容不同的HTML文件組成?？蚣芫W(wǎng)頁的好處之一是各顯示頁面可分別瀏覽，它是網(wǎng)頁設(shè)計中較難、較復(fù)雜的內(nèi)容，可以不夸張地說，掌握了框架網(wǎng)頁的設(shè)計就完全掌握了網(wǎng)頁制作的過程。3-5-1創(chuàng)建框架1.選擇菜單命令[文件]→[新建]→[網(wǎng)頁]，彈出[新建]對話框2.在[根據(jù)模板新建]→[網(wǎng)頁模板]對話框中，選擇[框架網(wǎng)頁]標(biāo)簽，如圖3-223.在[框架網(wǎng)頁]中，選擇所需框架（右下角有框架網(wǎng)頁樣式[預(yù)覽]，[預(yù)覽]上方有針對所選框架模板的布局說明），單擊[確定]按鈕后，如圖3-234.在各框架頁部分，可以使用已有的網(wǎng)頁頁面，也可以建一個新頁面。選擇框架網(wǎng)頁時,FrontPage2000的編輯窗口下部會多出兩個標(biāo)簽:無框架和框架網(wǎng)頁HTML.圖3-23編輯窗口的“框架網(wǎng)頁”圖3-22【新建】對話框3-5-2分割和刪除框架用戶可以非常輕松地分割和刪除框架，按下述步驟即可完成：選定需要分割或刪除的框架在菜單欄中選擇【框架】→【拆分框架】或【刪除框架】命令。3-5-3保存框架保存整個框架結(jié)構(gòu)文檔在菜單命令中選取[文件]→[保存文件]或[另存為]輸入文件名，單擊[保存]按鈕保存部分框架結(jié)構(gòu)文檔在菜單命令中選取[框架]→[另存為網(wǎng)頁]在彈出有[另存為]對話框（見圖3-24）中，輸入文件中，單擊[保存]按鈕用戶還可以從圖3-24左邊的懸浮按鈕或選擇其它方式保存當(dāng)前文檔的位置圖3-24【另存為】對話框被選中需保存的框架部分的顏色變深3-5-4建立框架鏈接在框架網(wǎng)頁的任意一個框架內(nèi)建立超鏈接,其建立方法如下:在按鈕欄單擊按鈕；或單擊鼠標(biāo)右鍵，選取[超鏈接屬性]，創(chuàng)建超鏈接在[編輯超鏈接]對話框內(nèi)（見圖3-25），單擊[目標(biāo)框架]的按鈕，彈出[目標(biāo)框架]對話框（見圖3-26），按需設(shè)置不同框架頁的超鏈接在[編輯超鏈接]對話框內(nèi)，單擊按鈕，可以建立本站的文件超鏈接；或直接在URL框中輸入超鏈接地址。圖3-26【目標(biāo)框架】對話框圖3-25【編輯超鏈接】對話框3-5-5對框架屬性的修改單擊菜單命令【框架】→【框架屬性】，或在任意框架內(nèi)右擊鼠標(biāo)，彈出【框架屬性】對話框。該對話框內(nèi)有：名稱、初始網(wǎng)頁、框架大小、邊距等，用戶可根據(jù)需要選擇修改。3-5-6為不支持框架的瀏覽器創(chuàng)建網(wǎng)頁目前的瀏覽器功能齊全，但為了“顧全大局”，F(xiàn)rontPage2000給不支持框架的瀏覽器定制了一種功能，單擊【無框架】標(biāo)簽，F(xiàn)rontPage2000將顯示“此網(wǎng)頁使用了框架，但您的瀏覽器不支持框架?！钡目瞻拙W(wǎng)頁。此功能提供給用戶為不支持框架的瀏覽器設(shè)置網(wǎng)頁，以保證網(wǎng)頁平臺與瀏覽器的無關(guān)性。3-6發(fā)布站點1.發(fā)布站點前的準(zhǔn)備檢查拼寫FrontPage2000提供了兩種基本的檢查拼寫，一種是Word2000的“拼寫和語法”檢查類似：選中單一的網(wǎng)而；從FrontPage2000的菜單欄中選擇[工具]→[拼寫檢查]（或按F7）。另一種是：單擊[視圖欄]中的[文件夾]按鈕，列出網(wǎng)站內(nèi)的所有文件；在菜單欄中選擇[工具]→[拼寫檢查]（或按F7），彈出[拼寫檢查]對話框，如圖3-27所示；選中[整個站點]→單擊[開始]按鈕，若網(wǎng)站內(nèi)的文件隱藏有錯誤，[拼寫檢查]對話框?qū)⒆兂扇鐖D3-28所示。檢查超鏈接2.發(fā)布站點在“視圖欄”中顯示主頁，選擇菜單命令[文件]→[發(fā)布站點]在彈出的[發(fā)布站點]對話框中指定站點位置或單擊[WPP]按鈕，尋找站點建立提供者單擊[發(fā)布]按鈕3.刪除站點打開要刪除的站點，在視圖欄內(nèi)單擊[文件夾]按鈕選中要刪除的站點鼠標(biāo)右擊站點文件夾，從快捷菜單中選擇[刪除]在[確認(rèn)刪除]對話框中，單擊[確定]按鈕。圖3-28檢測出隱藏錯誤時的【拼寫檢查】對話框圖3-27【拼寫檢查】對話框3-7實訓(xùn)題實例一用FrontPage2000創(chuàng)建網(wǎng)頁（SL3-1.htm）。1. 單擊桌面左下角的【開始】按鈕，選擇【程序】。2. 單擊【MicrosoftFrontPage】，進入FrontPage2000主窗口。3. 選擇主窗口左下角的【普通】標(biāo)簽。4. 在窗口中輸入：我們的大學(xué)生活。以此為題插入圖片、文字，搭配色彩、背景。5. 先用【預(yù)覽】標(biāo)簽觀看，最后的效果要用瀏覽器檢驗。實例二

創(chuàng)建框架結(jié)構(gòu)的網(wǎng)頁。1. 運行FrontPage2000。2. 單擊菜單命令【文件】→【新建】→【網(wǎng)頁】→【框架網(wǎng)頁】。3. 選中【橫幅和目錄】模板，單擊【確定】按鈕。4. 在模板中，分別對主窗口、橫幅和目錄建立【新建網(wǎng)頁】或【設(shè)置初始網(wǎng)頁】。5. 分別將控制框架、主窗口、橫幅和目錄文件命名為：SL3-1.htm、main.htm、top.htm和left.htm，運行結(jié)果如圖3-29所示。6. 保存控制框架結(jié)構(gòu)圖3-30的文檔源代碼如下：<HTML><HEAD><METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=gb2312"><METAname="GENERATOR"content="MicrosoftFrontPage4.0"><METAname="ProgId"content="FrontPage.Editor.Document"><TITLE>框架結(jié)構(gòu)網(wǎng)頁</TITLE></HEAD><FRAMESETrows="60,*"><FRAMEname="banner"scrolling="no"noresizetarget="contents"src="top.htm"><FRAMESETcols="160,*"><FRAMEname="contents"target="main"src="left.htm"><FRAMEname="main"src="main.htm"></FRAMESET><NOFRAMES><BODY><P>此網(wǎng)頁使用了框架，但您的瀏覽器不支持框架。</P></BODY></NOFRAMES></FRAMESET></HTML>圖3-30保存控制框架結(jié)構(gòu)文檔：SL3-1.htm圖3-

溫馨提示

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

評論

0/150

提交評論