計算機(jī)應(yīng)用基礎(chǔ)FrontPage網(wǎng)頁制作課件_第1頁
計算機(jī)應(yīng)用基礎(chǔ)FrontPage網(wǎng)頁制作課件_第2頁
計算機(jī)應(yīng)用基礎(chǔ)FrontPage網(wǎng)頁制作課件_第3頁
計算機(jī)應(yīng)用基礎(chǔ)FrontPage網(wǎng)頁制作課件_第4頁
計算機(jī)應(yīng)用基礎(chǔ)FrontPage網(wǎng)頁制作課件_第5頁
已閱讀5頁，還剩34頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

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

文檔簡介

計算機(jī)應(yīng)用基礎(chǔ)南通職業(yè)大學(xué)張麗萍FrontPage1超文本語言HTML概述

HTML(HyperText

MarkupLanguage)超文本標(biāo)記語言一種制作Web網(wǎng)頁的標(biāo)準(zhǔn)語言。<Html><Head>標(biāo)題部分</Head><Body>內(nèi)容部分</Body></Html>HTML結(jié)構(gòu)

12HTML格式<標(biāo)記>規(guī)定的項(xiàng)目</標(biāo)記><Body><h2

align="center"><fontface="方正舒體">我的第一個主頁</font>

</h2><palign="center"><fontcolor="#FF0000"size="5">welcometomyhomepage</font>

</Body> 23網(wǎng)頁制作軟件

WebServerFrontPagePhotoshop

DreamWeaverFlash

PaintShopPro

34FrontPage網(wǎng)頁制作

表格可以使網(wǎng)頁中的圖片、文字資料之間的位置相對固定，在版面設(shè)計中正確使用表格，可以輕松地設(shè)計出專業(yè)效果的網(wǎng)頁。網(wǎng)頁表單是一種輸入界面，通過網(wǎng)頁表單用戶可以把商品訂單傳送給Web服務(wù)器。采用框架可以在一個窗口中顯示多個網(wǎng)頁，建立特殊網(wǎng)頁的轉(zhuǎn)換效果，呈現(xiàn)出多樣化的網(wǎng)頁內(nèi)容。45FrontPage2000簡介

FrontPage2000是由Microsoft公司推出的新一代Web網(wǎng)頁制作工具，能夠方便、快捷地在自己的服務(wù)器上創(chuàng)建和發(fā)布網(wǎng)頁。借助FrontPage2000可以創(chuàng)建、設(shè)計和管理自己的Web。可以像使用字處理軟件寫信那樣輕松地制作Web頁面。

有了FrontPage2000，主頁制作人員完全可以不用那些枯燥乏味的HTML標(biāo)記語言，只需像在Word里寫文章一樣輸入文字、插入圖形、制作表格、編輯超鏈接等，就能完成主頁的制作。幾乎所有的編輯工作都是以“所見即所得”的方式進(jìn)行，這樣，制作者可以將主要精力放在頁面的內(nèi)容、布局及美化等方面，而不必在具體的實(shí)現(xiàn)上耗費(fèi)大量的時間和精力。FrontPage的界面和Word、Excel及PowerPoint等軟件非常相似，易學(xué)易用。即使對HTML語言一無所知，使用FrontPage也能制作出具有專業(yè)水準(zhǔn)的主頁。尤其值得一提的是，可視化主頁制作只是FrontPage的部分功能，F(xiàn)rontPage與其他主頁制作工具的不同之處在于，它還是一個智能化的Web站點(diǎn)管理工具，幫助Web管理人員以可視化的方式創(chuàng)建、組織、更新和維護(hù)網(wǎng)站。此外，F(xiàn)rontPage還自帶一個Web服務(wù)器，使用戶在沒有安裝Web服務(wù)器的計算機(jī)上也能通過瀏覽器測試剛才完成的網(wǎng)頁，就像在Web上瀏覽一樣。56FrontPage2000特點(diǎn)

1．直觀形象的站點(diǎn)管理用戶可以利用FrontPage2000的圖形界面設(shè)計和智能化管理，在直觀形象的方式下創(chuàng)建站點(diǎn)的主頁結(jié)構(gòu)、組織站點(diǎn)的文件、輸入輸出主頁或文件、測試修復(fù)超鏈接，將制作好的站點(diǎn)發(fā)布到WWW服務(wù)器上。2．精心組織的圖形界面FrontPage提供的視圖方式有：網(wǎng)頁、文件夾、報表、導(dǎo)航和任務(wù)，每一種視圖方式都為用戶提供了Web站點(diǎn)的不同信息。3．強(qiáng)大的模板和向?qū)Чδ蹻rontPage帶有大量的模板和向?qū)?，使用它們可以通過一步步的選擇和確認(rèn)，便能完成網(wǎng)頁主體結(jié)構(gòu)的創(chuàng)作。67FrontPage2000特點(diǎn)4．智能化管理FrontPage具有相當(dāng)多的智能化特色。例如，當(dāng)用戶拖動一個新頁面到導(dǎo)航視圖中，或是從導(dǎo)航視圖中刪去一個頁面，網(wǎng)站中所有相關(guān)頁面的導(dǎo)航條都會自動更新；當(dāng)用戶改變了一個文件的文件名，或是將此文件移到另外一個文件夾時，F(xiàn)rontPage會自動修改網(wǎng)站中所有指向該文件的超鏈接；當(dāng)站點(diǎn)制作完成，要發(fā)布到WWW服務(wù)器或Internet時，F(xiàn)rontPage只發(fā)布自上次發(fā)布以來被更新的文件，并自動驗(yàn)證網(wǎng)頁和文件的地址。此外，在多用戶環(huán)境中，F(xiàn)rontPage還可以自動檢測由其他用戶所做的修改，以解決不同制作人員之間的沖突。5．強(qiáng)大靈活的主頁制作功能FrontPage提供了一個“所見即所得”的主頁制作工具FrontPageEditor在制作網(wǎng)頁的同時，還生成對應(yīng)的HTML代碼。FrontPageEditor還支持幾乎所有的高級頁面特征，如幀、表格、CGI、JavaApplet、JavaScript、ActiveX控件、動態(tài)HTML以及InternetExplorer的頻道定義格式等。此外，F(xiàn)rontPageEditor還提供了一系列FrontPage組件，用以實(shí)現(xiàn)表單域處理、網(wǎng)站索引、搜索、計數(shù)器、導(dǎo)航條等復(fù)雜功能。78FrontPage界面

FrontPage編輯區(qū)視圖模式網(wǎng)頁查看方式默認(rèn)文件名普通方式HTML方式預(yù)覽方式用于編輯網(wǎng)頁，產(chǎn)生由HTML標(biāo)志語言產(chǎn)生的網(wǎng)頁文件。提供了直接用HTML標(biāo)志語言編寫網(wǎng)頁的途徑。用于查看所設(shè)計的網(wǎng)頁在瀏覽器內(nèi)的效果標(biāo)題欄、菜單欄、工具欄、文件夾列表891、FrontPage視圖網(wǎng)頁視圖文件夾視圖報表視圖導(dǎo)航視圖超鏈接視圖任務(wù)視圖編輯網(wǎng)頁，默認(rèn)文件名為new_page_#.htm，其中#是個數(shù)字。用于組織Web站點(diǎn)中的文件和文件夾。報告站點(diǎn)中的文件和超鏈接的狀態(tài)。顯示站點(diǎn)的導(dǎo)航結(jié)構(gòu)。顯示站點(diǎn)中每一頁的超鏈接。顯示站點(diǎn)中要完成的任務(wù)。

9102、網(wǎng)頁的基本操作創(chuàng)建新網(wǎng)頁

打開網(wǎng)頁保存網(wǎng)頁打印網(wǎng)頁關(guān)閉網(wǎng)頁建立空白的網(wǎng)頁 工具欄上的“新建”按鈕使用模板 執(zhí)行“文件|新建|網(wǎng)頁”命令

文件格式網(wǎng)頁文件（*.htm）模板文件（*.tem）ActiveServerPages文件（*.asp）超文本模板文件（*.htt）超文本樣式文件（*.css）

網(wǎng)頁保存的方法與Office系列其他軟件基本相同模板：一組預(yù)先設(shè)計好的頁面1011主題可以應(yīng)用到某一網(wǎng)頁中，也可以應(yīng)用到整個站點(diǎn)中。執(zhí)行“格式|主題”命令文本編輯與Word基本相同項(xiàng)目符號：可使用當(dāng)前主題中的圖片橫幅位于網(wǎng)頁頂端，是一條可以自己選定的橫幅標(biāo)志。網(wǎng)頁的主題、橫幅、文本的編輯及格式化1112FrontPage特殊對象通過“插入”菜單

（1）符號（2）水平線（3）注釋（4）時間戳12133、網(wǎng)頁上的多媒體允許插入的圖形文件格式：JPEG、GIF、BMP、TIFF、TGA、RAS、EPS等GIF較少的顏色種類JPEG全彩色圖片動態(tài)GIF文件圖形處理：插入|圖片|來自文件網(wǎng)頁中應(yīng)用音樂：文件|屬性動畫及視頻：插入|圖片|視頻1314GIF圖片、JPEG圖片格式

“GIF”是GraphicsInterchangeFormat的簡稱，是由CompuServe公司制定的圖片格式，其目的是作為網(wǎng)絡(luò)上圖片文件交換的標(biāo)準(zhǔn)，屬于一種256色，使用采用一種無損壓縮方式壓縮的圖片文件格式，這意味著在壓縮過程中，原始的圖像數(shù)據(jù)并沒有任何減少，圖像質(zhì)量不會有任何損害。GIF圖片格式經(jīng)過兩次重大變革，最近的變革就是GIF89a，GIF89a允許將多個圖片保存在同一個GIF文件里，而且能以默認(rèn)播放的順序顯示這些圖片，用來創(chuàng)造動畫的效果，經(jīng)常用作Web網(wǎng)頁的廣告?！癑PEG”是其制定組織JointPhotographicExpertsGroup的簡稱，這是一種能夠壓縮真彩色圖片的文件格式，其壓縮的方法屬于一種失真的處理方式。1415PNG圖片格式

“PNG”是PortableGraphicsNetwork的簡稱，在1996年才由W3C(WorldWideWebConsortium)所制定的Web標(biāo)準(zhǔn)圖片格式，這是一種完全開放的圖片格式，但其尺寸要比上述兩種稍大，而且目前并沒有普遍應(yīng)用于網(wǎng)頁設(shè)計。目前網(wǎng)頁設(shè)計使用的圖片文件，GIF和JEPG格式是兩大主流，至于到底要選擇何種格式，倒并非真正的重點(diǎn)，只需依所需品質(zhì)和色彩數(shù)選擇即可，為何使用這張圖片才是網(wǎng)頁設(shè)計首要考慮的關(guān)鍵。對于Word2000而言，只需選擇其中之一即可，但重要的是Word2000保存成網(wǎng)頁時有下列注意事項(xiàng)：在網(wǎng)頁中插入的圖片，如果插入的為JPEG格式的圖片，保存時仍將它存成JPEG格式；如果插入的為其他格式圖片（例如TIFF或BMP），此時Word2000將圖片轉(zhuǎn)存成GIF格式。Word2000默認(rèn)使用的是GIF格式，在Web選項(xiàng)的圖片選項(xiàng)卡可以設(shè)置輸出成PNG的格式。

15164、圖像屬性設(shè)置還原熱點(diǎn)凹凸黑白透明裁剪亮度旋轉(zhuǎn)分層超鏈接插入文字插入圖片16175、超鏈接的使用

網(wǎng)頁內(nèi)部某一位置電子郵件本地機(jī)上其他網(wǎng)頁建立新網(wǎng)頁頁面內(nèi)部的超鏈接頁面間的超鏈接電子郵件的超鏈接當(dāng)前網(wǎng)站上的網(wǎng)頁書簽的使用17186、用表格進(jìn)行版面設(shè)計

網(wǎng)頁中可以采用表格顯示系統(tǒng)信息，表格也可用作版面配置工具，提供更好的信息表達(dá)方式，將文字或圖片資料以分類方式進(jìn)行系統(tǒng)化處理，設(shè)計出具有專業(yè)效果的網(wǎng)頁。1819表格的結(jié)構(gòu)

標(biāo)題邊框單元格單元格間距單元格邊框1920表格處理

表格|插入|表格

2021單元格屬性處理2122單頁面向?qū)?223利用表格構(gòu)造網(wǎng)頁

2324動態(tài)網(wǎng)頁制作滾動字幕

選擇【插入】→【組件】→【字幕】網(wǎng)站記數(shù)器【插入】→【組件】→【站點(diǎn)計數(shù)器】動態(tài)廣告

選擇【插入】→【組件】→【橫幅廣告管理器屬性】

DHTML的使用網(wǎng)頁過渡24257、制作框架頁面

前幾節(jié)，我們制作的Web頁面都是一個窗口顯示一個頁面，這一類頁面簡單、直觀制作方便；當(dāng)要求在一個窗口內(nèi)容納大量信息時，比如一個大型商務(wù)網(wǎng)站的首頁，這種頁面就很難勝任了。這時，我們就必須運(yùn)用框架技術(shù)來解決問題。2526在網(wǎng)頁中使用框架

創(chuàng)建框架網(wǎng)頁帶有3個框架結(jié)構(gòu)的頁面文件|新建|網(wǎng)頁|框架網(wǎng)頁2627保存框架網(wǎng)頁

總框架

上框架

左框架

右框架

含有n個框架網(wǎng)頁將產(chǎn)生n+1個文件

27288、表單表單為人機(jī)交互提供了一種有序的結(jié)構(gòu)建立表單的步驟執(zhí)行“插入|表單|對應(yīng)的某類表單”命令確定是否要刪除隨表單對象一起出現(xiàn)的按鈕和虛線框雙擊表單對象，打開該表單的屬性對話框，設(shè)置屬性值2829在網(wǎng)頁中添加表單

在網(wǎng)站上發(fā)布信息的同時也能收集信息。表單在網(wǎng)頁瀏覽中是相當(dāng)重要的，因?yàn)槟L問的許多站點(diǎn)，要求在瀏覽的過程中，在客戶登記表中進(jìn)行注冊，或輸入本人或公司的信息。這些工作都可以利用表單的交互功能來實(shí)現(xiàn)。在FrontPage2000中容納了更加豐富的表單工具，能輕松地使用表單控件如文本框、單選按鈕、復(fù)選框和下拉式菜單等工具創(chuàng)建表單。2930表單的基本概念

表單元素：組成表單的最小單位，包括單行文本框、滾動文本框、復(fù)選框、單選按鈕、下拉菜單、普通按鈕、圖片按鈕以及標(biāo)簽。表單元素是表單必不可缺的組成部分。表單：表單在編輯頁面時表現(xiàn)為用破拆線的框圍起來的一個區(qū)域。表單由各種表單元素組成，同時也可以包含其他頁面元素。在一個頁面中可以有一個表單，也可以有多個表單。表單名稱：表單名稱可以作為區(qū)分不同表單的標(biāo)志。表單元素名稱：用于確定該表單元素的惟一標(biāo)志。在同一個表單中，表單元素名稱是不能相同的。處理表單結(jié)果時根據(jù)名稱區(qū)別來自不同表單元素的信息。值：訪問者在表單元素中提交的信息。根據(jù)不同的表單元素類型，值可以是訪問者輸入的內(nèi)容或是訪問者對給定的內(nèi)容作出的某種選擇。3031文本框滾動文本框單行文本框3132下拉菜單3233單選按鈕3334復(fù)選框3435普通按

溫馨提示

  • 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)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論