第一篇:Frontpage網(wǎng)頁制作經(jīng)驗(yàn)總結(jié)
【摘要】Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁,利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上,而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的。
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁制作軟件有很多,如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有Adobe Pagemill 3.0--制作多框架,表單和Image map 圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁,利用它可以輕松的組織、編輯網(wǎng)頁并將其發(fā)布到指定的站點(diǎn)上,而且在發(fā)布之后還能對更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了,可根據(jù)你的個(gè)人喜好來選擇一些素材,如圖片、喜歡的文章等?,F(xiàn)在就讓我們從第一步的建立站點(diǎn)來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點(diǎn)是很容易的。首先,我們來看一下創(chuàng)建一個(gè)只包含一個(gè)網(wǎng)頁的站點(diǎn)。選擇“文件”菜單的“新建”選項(xiàng),單擊“站點(diǎn)”命令,這時(shí)新建站點(diǎn)對話框就彈出來了,在“指定新站點(diǎn)位置”文本框中輸入新站點(diǎn)的位置,單擊“只有一個(gè)網(wǎng)頁的站點(diǎn)” 圖標(biāo),單擊“確定”按鈕。這就建立好站點(diǎn)了,我們現(xiàn)在來看一下新的站點(diǎn)里有什么,單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個(gè)網(wǎng)頁文件,名字叫做“index.htm”。我們知道,每一個(gè)站點(diǎn)都要有一個(gè)主頁,這個(gè)主頁也是一個(gè)網(wǎng)頁文件。瀏覽者訪問站點(diǎn)時(shí)首先進(jìn)入的就是站點(diǎn)的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個(gè)網(wǎng)頁的站點(diǎn)時(shí),F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的,我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外,還有文件夾。新建站點(diǎn)時(shí),F(xiàn)RONTPAGE都會在站點(diǎn)所在位置下新建兩個(gè)文件夾,一個(gè)是“images”另一個(gè)是“_private”。我們在編輯站點(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片?!皃rivate”文件夾比較特殊,其中的文件對瀏覽者來說是隱含的,我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里,比如:我們可以在這個(gè)文件夾里存放注冊用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁,不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開始:選擇“文件”菜單的“新建”命令,單擊“站點(diǎn)”選項(xiàng),在“新建站點(diǎn)”對話框里,我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)?!靶陆ㄕ军c(diǎn)”對話框中還有許多其他圖標(biāo),這是FRONTPAGE提供的用來創(chuàng)建站點(diǎn)模板或向?qū)?。我們?chuàng)建只有一個(gè)網(wǎng)頁的站點(diǎn)或者創(chuàng)建空站點(diǎn),都是從頭開始來創(chuàng)建一個(gè)站點(diǎn),這就好像蓋房子一樣,首先畫圖紙。然而,有許多的房子都具有相似的結(jié)構(gòu)和用途,所以我們可以用一張圖紙蓋很多相似的房子,這樣就節(jié)省了許多工作。
同樣的,盡管站點(diǎn)的風(fēng)格千差萬別但是有許多站點(diǎn)的功能和結(jié)構(gòu)都是一樣的,如果我們從頭開始建立站點(diǎn)的話,就要做許多重復(fù)勞動,這時(shí),我們就可以使用模板或向?qū)斫⒄军c(diǎn)。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣,我們不必每次建立站點(diǎn)時(shí)都從頭開始。我們單擊“個(gè)人站點(diǎn)”圖標(biāo),用它可以迅速創(chuàng)建一個(gè)個(gè)人站點(diǎn),輸入站點(diǎn)所在的位置,單擊“確定”按鈕,這樣我們剛就創(chuàng)建了個(gè)人站點(diǎn)。個(gè)人站點(diǎn)模板已經(jīng)為我們規(guī)劃好了站點(diǎn)的目錄和建立了相關(guān)的頁面。現(xiàn)在我們點(diǎn)擊一下“文件夾”按鈕,雙擊index.htm圖標(biāo),看,這就是我們的個(gè)人站點(diǎn)的主頁。哎,好象有許多文字都不對,沒關(guān)系,這些文字都是可以改變的,現(xiàn)在寫的是文字的用途,比如“主題”文字就是用來寫網(wǎng)站標(biāo)題的地方,我們只要把它改為自己喜歡的標(biāo)題就可以了。返回到“文件夾”模式,雙擊photo.htm。也可以把風(fēng)景圖片換成自己的照片,只要在新建站點(diǎn)的基礎(chǔ)上進(jìn)一步修改就可以做出自己的個(gè)人站點(diǎn)了。這不僅節(jié)省了許多力氣,同時(shí)也給了初學(xué)者一個(gè)良好的出發(fā)點(diǎn)。
那么模板和向?qū)в惺裁磪^(qū)別呢?我們安裝軟件時(shí),一步步的用對話框提示我們完成安裝過程的程序就是一個(gè)向?qū)АT贔RONTPAGE里,向?qū)б彩且环N模板,不過它是一種特殊的模板,它會以對話框的形式輔助你完成站點(diǎn)的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng),單擊“站點(diǎn)”命令,你看,F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)?、討論站點(diǎn)向?qū)?,使用起來都很方便,你有興趣也可以利用向?qū)Ы⒁粋€(gè)站點(diǎn)。
創(chuàng)建頁面最簡單的就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個(gè)向下的小箭頭,它是用來選擇要新建什么,可以用“新建”按鈕新建網(wǎng)頁、站點(diǎn)、文件夾和任務(wù)。默認(rèn)狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁,可以不用向下箭頭鍵選擇,而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令,選擇“新建網(wǎng)頁”,在“新建”對話框里,可以看到FRONTPAGE提供的許多網(wǎng)頁模板,我們可以用這些模板來建立相應(yīng)的網(wǎng)頁。在右下角的預(yù)覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁,這樣就創(chuàng)建了一個(gè)新的分為兩欄的網(wǎng)頁了。然后點(diǎn)確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯,這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點(diǎn)綴,在網(wǎng)頁中插入適當(dāng)?shù)膱D片,能夠產(chǎn)生圖文并茂的效果。
如果有一個(gè)圖形,怎么把它放到網(wǎng)頁上呢?
首先要看你的圖形是什么格式的,也就是它擴(kuò)展名是什么 只有擴(kuò)展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因?yàn)檫@兩種圖形格式不僅廣泛,而且有利于節(jié)省存貯空間。如果圖形不是這種格式,使用了其它格式的圖形文件,在保存網(wǎng)頁時(shí)FRONTPAGE會提示做格式轉(zhuǎn)換,F(xiàn)RONTPAGE可以自動進(jìn)行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形 選擇“插入”菜單的“圖片”命令,單擊“來自文件”按鈕。
在默認(rèn)情況下,F(xiàn)RONTPAGE認(rèn)為你要插入的圖片總是放在你建立的站點(diǎn)的目錄或它的子目錄下的。可以說,站點(diǎn)就是一個(gè)目錄。我們把編輯的許多網(wǎng)頁文件放在同一個(gè)目錄下,我們稱這個(gè)目錄為站點(diǎn)的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個(gè)目錄下。當(dāng)然,我們也可以在這個(gè)目錄下建立其他的子目錄,再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進(jìn)行選擇。
如果要插入的圖片不在主目錄下, 在“選擇文件”對話框中進(jìn)行選擇。選擇好文件以后,單擊“確定”按鈕,回到“圖形”對話框。單擊“確定”按鈕,圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字,單擊“保存”按鈕。出現(xiàn)了一個(gè)對話框, 因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi),現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi),可是使用什么名字,放在站點(diǎn)的哪個(gè)目錄下呢,就要在這設(shè)置了,單擊“改變文件夾”按鈕,另外這兒還在需要時(shí)對圖形的格式進(jìn)行轉(zhuǎn)換。單擊“位置”按鈕,在默認(rèn)情況下,圖形被保存在站點(diǎn)的主目錄下,現(xiàn)在我們選擇IMAGE目錄,單擊“確定”按鈕。回到“嵌入式文件”窗口,再單擊“確定”。這樣,圖形就保存在站點(diǎn)內(nèi)了
我們還可以從INTERNET上插入一個(gè)圖形。選擇“插入”菜單的“圖片”命令,在URL欄內(nèi)輸入圖片的地址,單擊“確定”按鈕。由于是插入網(wǎng)上的圖片,因此在插入圖形以后,應(yīng)該保存一下網(wǎng)頁,使圖形存到站點(diǎn)內(nèi)。
您可能說,我不會畫畫,插入圖片容易,可是編輯圖片就不容易了。沒關(guān)系,F(xiàn)RONTPAGE自己帶有許多剪貼畫,你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令,選擇“剪貼畫”。你看,各種剪貼畫都分類放好了。你可以自由地選
擇。不過,插入后別忘了保存網(wǎng)頁,把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的,所以調(diào)整圖形和文本的對齊方式很重要。在默認(rèn)情況下,圖形自動與文本的底部對齊。這一個(gè)網(wǎng)頁,由于默認(rèn)的對齊效果,頁面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標(biāo)右鍵,選擇“圖片屬性”,選擇“外觀”選項(xiàng)卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩,而且我們還可以用圖形來建立超鏈接,使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢? 其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形,單擊箭頭圖形,單擊“常用”工具欄“超鏈接”按鈕,選擇主頁文件“頁面
1.htm”,單擊“確定”按鈕.在普通模式中,按住CTRL鍵,單擊箭頭圖形,就跳到主頁頁面了。
如果我們要在圖片上加上文字,單擊圖形工具欄“文本”按鈕,現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框,輸入:“機(jī)軟件”按一下Esc鍵,取消文字編輯,就選中文字框了,調(diào)整文本框到合適的位置,單擊頁面其他區(qū)域,文字就添加成功了。
如果我要修改 單擊一下要修改的文字,這時(shí)文字作為一個(gè)整體被選中了,再點(diǎn)一下文字,這時(shí)文本框里有光標(biāo)閃爍,你可以編輯文本了,重新輸入:“計(jì)算機(jī)硬件”,在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢?一個(gè)簡單的就是使用“格式”工具欄。
字體設(shè)置:選上文字,打開格式工具欄的“字體”下拉列表框,在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計(jì)算機(jī)沒有設(shè)置的字體?瀏覽器會用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過,使用常用字體是一個(gè)好習(xí)慣。
字號設(shè)置:在“格式”工具欄“字號”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是:
按下B按鈕,被選中的文字就會變?yōu)榇煮w
按下I按鈕,被選中的文字就會變?yōu)樾斌w
按下u按鈕,被選中的文字就會帶下畫線
字的顏色:單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭,選擇適當(dāng)?shù)念伾?,字的顏色就改變了?/p>
還可以對字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令,在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外,還可以設(shè)置許多效果?!白址g距”選項(xiàng)卡:它是用來設(shè)置文字的間距的。單擊“間距”下拉列表,可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充,這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距,輸入10,文字的間距就更大了。
“定位”下拉列表:在FRONTPAGE中每一行都有一個(gè)底線,定位就是指文字相對于底線的距離。也就是把文字上下移動,現(xiàn)在選擇“上移”,文字就向上移動了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁面,應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是,一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡,在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因?yàn)榧词故峭粋€(gè)頁面,可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNET EXPLORER中是這樣顯示的,但是在NETSCAPE中又是那樣顯示的。所以,我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器,用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢?選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng),在瀏覽器列表框中選擇不同的瀏覽器。(以INTERNET EXPLORER 5.0為例)單擊“確定”
按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點(diǎn)頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢?
在網(wǎng)頁里,我們把這種點(diǎn)擊后會進(jìn)行頁面切換的網(wǎng)頁界面元素叫超鏈接。先來看一下用文字來建立鏈接。
首先創(chuàng)建一個(gè)指向站點(diǎn)內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令,在文件列表框內(nèi)選擇“頁面1.htm”文件,注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預(yù)覽模式(單擊預(yù)覽按鈕),當(dāng)我們把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)變成手形,單擊它,我們就切換到主頁了。
那么為什么不在普通模式下試呢?:因?yàn)槠胀J街饕怯脕砭庉嬀W(wǎng)頁的,當(dāng)我們在普通模式把鼠標(biāo)指向“主頁”兩字時(shí)鼠標(biāo)沒有變成小手狀,因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵,鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁。選中作為超鏈接的文本,單擊“常用”工具欄的“超鏈接”按鈕,這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里,在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址,只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁,F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式,在要改變的超鏈接下單擊鼠標(biāo)右鍵,選擇“超鏈接屬性”命令,輸入新的URL地址就可以了。要想取消超鏈接,刪除所有URL地址框里的就可以了。還有一種超鏈接,可以鏈接郵件。這樣可以使你的網(wǎng)上朋友通過Email及時(shí)與你聯(lián)系,這是一個(gè)網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本,一般文本就是你的郵箱地址,單擊“超鏈接”按鈕,單擊“信封”按鈕,輸入你的郵箱地址,單擊“確定”按鈕,退出對話框,選擇“確定”,這時(shí)超鏈接就建立好了。我們試一下,切換到預(yù)覽模式,單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟,最后可將它發(fā)布到Web服務(wù)器上。站點(diǎn)發(fā)布前還要對它進(jìn)行檢查工作,包括超鏈接,頁面等。
【】
〈1〉喬春源,樊天岳等。信息技術(shù)。江蘇技術(shù)出版社,2001年7月。
〈2〉李振格。Office入門與提高。清華大學(xué)出版社,2001年2月。
〈3〉王超鋒。網(wǎng)頁制作。人民郵電出版社,2001年10月。
第二篇:frontpage網(wǎng)頁制作教案
Frontpage網(wǎng)頁制作導(dǎo)學(xué)案
青州一中
劉志韓
文件——新建——網(wǎng)頁 【學(xué)習(xí)目標(biāo)】
1、包括網(wǎng)頁制作基礎(chǔ)知識
2、站點(diǎn)的規(guī)劃和創(chuàng)建
3、網(wǎng)頁文本和圖片的處理、表格和框架的應(yīng)用 【學(xué)習(xí)重難點(diǎn)】
1、建立一個(gè)主題網(wǎng)站
2、建設(shè)一個(gè)網(wǎng)站的步驟
3、網(wǎng)頁的美化與特效的制作 【課前預(yù)習(xí)】
思考一下多媒體信息集成的方式有哪些?
【自主學(xué)習(xí)】
1、在www中,________是信息的主要組織和表現(xiàn)形式。
2、用________語言編寫的網(wǎng)頁實(shí)際上是一種文本文件,以.HTML或者.HTM為擴(kuò)展名,可以使用任何文本處理軟件(如記事本、word等)創(chuàng)作或修改。
3、制作網(wǎng)頁常用的軟件有_________________和_________________。
4、網(wǎng)頁文件的擴(kuò)展名有哪些?
5、網(wǎng)站開發(fā)的基本過程:
網(wǎng)站的規(guī)劃——()——()——網(wǎng)站的發(fā)布與管理——網(wǎng)站的評價(jià) 【合作探究與指導(dǎo)】
三、網(wǎng)站的制作
1、創(chuàng)建站點(diǎn)
文件——新建——站點(diǎn)(選擇或創(chuàng)建存儲站點(diǎn)的文件夾)
2、網(wǎng)頁的創(chuàng)建與編輯
3、插入對象 水平線 圖片 字幕 懸停按鈕
4、創(chuàng)建超級鏈接
在對象上右擊選擇超級鏈接——選擇鏈接的目標(biāo)。
5、使用表格
表格——插入(在制作網(wǎng)頁的過程中用表格來布局網(wǎng)頁)
6、在站點(diǎn)中查看網(wǎng)頁的編輯及網(wǎng)頁之間的鏈接情況。
分步驟操作練習(xí)題:
1、新建一個(gè)站點(diǎn),只有一個(gè)空白網(wǎng)頁的站點(diǎn)。
2、在首頁上插入“我最喜愛的明星”,然后進(jìn)行修飾。
3、再新建一個(gè)空白網(wǎng)頁。重新命名為“周杰倫”。
4、插入圖片“周杰倫”,文本“周杰倫”,排版設(shè)置后保存網(wǎng)頁。
5、再建立一張空白的網(wǎng)頁,重新命名為“劉亦菲”。
6、插入圖片“劉亦菲”,文本“劉亦菲”,排版設(shè)置后保存網(wǎng)頁。
7、分別在首頁和“周杰倫”“劉亦菲”網(wǎng)頁建立超級鏈接。操作練習(xí): 【拓展任務(wù)】
以環(huán)保為主題,利用文件夾“環(huán)?!敝械乃夭模谱饕粋€(gè)5頁的網(wǎng)站。
【當(dāng)堂檢測】
1.在網(wǎng)頁制作中,我們經(jīng)常用下列()辦法進(jìn)行頁面布局。
A.文字
B.表格
C.表單
D.圖片 2.使用瀏覽器訪問網(wǎng)站時(shí),第一個(gè)被訪問的網(wǎng)頁稱為()。
A.網(wǎng)頁
B.網(wǎng)站
C.HTML語言
D.主頁 3.網(wǎng)頁中可使我們進(jìn)行選擇性瀏覽的稱為()。
A.文字
B.圖片
C.聲音
D.超鏈接
4.在FrontPage2000中,要建立同一個(gè)網(wǎng)頁內(nèi)的鏈接點(diǎn),讓你點(diǎn)選某一鏈接后,迅速跳到同一網(wǎng)頁內(nèi)的另一個(gè)特定位置,應(yīng)采用()鏈接。
A.單元格
B.表單
C.書簽
D.表格 5.FrontPage 2000中,下述關(guān)于圖片與鏈接的關(guān)系表述正確的是()。
A.圖片不能建立鏈接
B.一張圖片只能建立一個(gè)鏈接
C.圖片要建立鏈接需經(jīng)過處理
D.通過設(shè)置熱區(qū),一張圖片可建立多個(gè)鏈接 6.在FrontPage 2000“網(wǎng)頁”視圖模式下,單擊“普通”標(biāo)簽后,在出現(xiàn)的“普通”窗口中,可直接進(jìn)行()。
A.網(wǎng)頁編排
B.觀察網(wǎng)頁在瀏覽器中的效果
C.編輯HTML代碼
D.下載圖片 7.網(wǎng)頁制作的超文本標(biāo)記語言稱為()。
A.VB語言
B.HTML語言
C.BASIC語言
D.ASCII 8.在Frontpage2000網(wǎng)頁視圖方式下,單擊()標(biāo)簽可直接編輯HTML代碼?
A.普通
B.HTML
C.預(yù)覽
D.編輯 9.在FrontPage 2000中,我們想要文字左右交替移動的效果,是下列()效果。
A.字體
B.DHTML效果
C.字幕
D.懸停按鈕 10.在FrontPage 2000表格單元格中,()項(xiàng)目不能輸入。
A.表格
B.圖形
C.背景
D.聲音
作業(yè):以我們寒假生活為主題,從互聯(lián)網(wǎng)上搜索的素材制作一個(gè)網(wǎng)站。
【閱讀材料】
網(wǎng)站設(shè)計(jì)
建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣,它是一個(gè)系統(tǒng)工程,有自己特定的工作流程,你只有遵循這個(gè)步驟,按部就班地一步步來,才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。
一、確定網(wǎng)站主題
網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容,一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對于個(gè)人網(wǎng)站,必須要找準(zhǔn)一個(gè)自己最感興趣內(nèi)容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。
二、搜集材料
明確了網(wǎng)站的主題以后,你就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來,也可以從互聯(lián)網(wǎng)上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網(wǎng)頁的素材。
三、規(guī)劃網(wǎng)站
網(wǎng)站設(shè)計(jì)得成功與否,很大程度上決定于設(shè)計(jì)者的規(guī)劃水平,規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣,圖紙?jiān)O(shè)計(jì)好了,才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多,如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等,你只有在制作網(wǎng)頁之前把這些方面都考慮到了,才能在制作時(shí)駕輕就熟,胸有成竹。
四、選擇合適的制作工具
網(wǎng)頁制作涉及的工具比較多,首先就是網(wǎng)頁制作工具了,目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了,如果是初學(xué)者,F(xiàn)rontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網(wǎng)頁特效工具,如有聲有色等,五、制作網(wǎng)頁
材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了,這是一個(gè)復(fù)雜而細(xì)致的過程,一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。
六、上傳測試
網(wǎng)頁制作完畢,最后要發(fā)布到Web服務(wù)器上,才能夠讓全世界的朋友觀看,利用這些FTP工具,你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后,你要在瀏覽器中打開自己的網(wǎng)站,逐頁逐個(gè)鏈接的進(jìn)行測試,發(fā)現(xiàn)問題,及時(shí)修改,然后再上傳測試。
七、推廣宣傳
網(wǎng)頁做好之后,還要不斷地進(jìn)行宣傳,這樣才能讓更多的朋友認(rèn)識它,提高網(wǎng)站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。
八、維護(hù)更新
第三篇:《網(wǎng)頁制作FrontPage》教案
《網(wǎng)頁制作FrontPage》教案
教師:張愛平
第1、2課時(shí) 網(wǎng)頁設(shè)計(jì)概述
【教學(xué)內(nèi)容】
講解網(wǎng)頁設(shè)計(jì)的相關(guān)術(shù)語及網(wǎng)站制作的基本流程。【教學(xué)目的】
使學(xué)生對網(wǎng)站及網(wǎng)頁有一定的認(rèn)識,激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的興趣?!窘虒W(xué)重點(diǎn)】
網(wǎng)頁設(shè)計(jì)中的若干術(shù)語。【教學(xué)難點(diǎn)】
理解網(wǎng)頁設(shè)計(jì)中的若干術(shù)語。【教學(xué)方式】
講授式、討論式、案例分析式?!窘虒W(xué)參考】
1、《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《Internet 網(wǎng)頁工場》Wittime工作室 重慶出版社。
3、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
4、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社?!拘抡n內(nèi)容】 1.1 中超級鏈接標(biāo)志的難點(diǎn)。
第7、8課時(shí)HTML表格、表單與框架標(biāo)志
【教學(xué)內(nèi)容】
講解HTML中制作表格、表單與框架的標(biāo)志?!窘虒W(xué)目的】
使學(xué)生掌握簡單表格、表單與框架的制作?!窘虒W(xué)重點(diǎn)】
* 表格中單元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標(biāo)志與屬性?!窘虒W(xué)難點(diǎn)】
* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想。
* 理解框架屬性name、target的意義。* 理解表單中相應(yīng)元素對應(yīng)標(biāo)志及屬性的含義?!窘虒W(xué)方式】 案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】
1、《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【新課內(nèi)容】 2.5 插入表格
2.5.1在網(wǎng)頁中插入表格
表格的基本構(gòu)成元素:表頭,單元格,列,行
第一行第一列 | 第一行第二列 |
第二行第一列 | 第二行第二列 |
表單在Web網(wǎng)頁中用來給訪問者填寫信息,從而能獲得用戶信息,使網(wǎng)頁具有交互的功能。2.6.1創(chuàng)建表單
2.6.2用定義用戶交互(1)單行文本輸入?yún)^(qū)(2)密碼輸入?yún)^(qū)(3)單選框(4)復(fù)選框(5)隱藏區(qū)域(6)按鈕
2.6.3定義下拉式菜單
你選修的課程:
2.6.4定義多行文字輸入?yún)^(qū)域 請輸入你的詳細(xì)介紹:
2.7 框架窗口
框架把窗口劃分成幾個(gè)子窗口,各個(gè)子窗口可以調(diào)入各自的HTML文檔,最后形成充滿整個(gè)窗口的網(wǎng)頁。2.7.1框架的定義 2.7.2框架屬性設(shè)置