時間:2023-03-30 11:35:20
序論:在您撰寫網(wǎng)頁制作論文時,參考他人的優(yōu)秀作品可以開闊視野,小編為您整理的7篇范文,希望這些建議能夠激發(fā)您的創(chuàng)作熱情,引導您走向新的創(chuàng)作高度。
工具準備好了,可根據(jù)你的個人喜好來選擇一些素材,如圖片、喜歡的文章等?,F(xiàn)在就讓我們從第一步的建立站點來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點是很容易的。首先,我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項,單擊“站點”命令,這時新建站點對話框就彈出來了,在“指定新站點位置”文本框中輸入新站點的位置,單擊“只有一個網(wǎng)頁的站點”圖標,單擊“確定”按鈕。這就建立好站點了,我們現(xiàn)在來看一下新的站點里有什么,單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件,名字叫做“index.htm”。我們知道,每一個站點都要有一個主頁,這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網(wǎng)頁的站點時,F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的,我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外,還有文件夾。新建站點時,F(xiàn)RONTPAGE都會在站點所在位置下新建兩個文件夾,一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片。“private”文件夾比較特殊,其中的文件對瀏覽者來說是隱含的,我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里,比如:我們可以在這個文件夾里存放注冊用戶的個人信息。
盡管每一個站點都要有一個主頁,不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始:選擇“文件”菜單的“新建”命令,單擊“站點”選項,在“新建站點”對話框里,我們可以選擇“空站點”圖標來創(chuàng)建一個空站點。“新建站點”對話框中還有許多其他圖標,這是FRONTPAGE提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點,都是從頭開始來創(chuàng)建一個站點,這就好像蓋房子一樣,首先畫圖紙。然而,有許多的房子都具有相似的結(jié)構(gòu)和用途,所以我們可以用一張圖紙蓋很多相似的房子,這樣就節(jié)省了許多工作。
同樣的,盡管站點的風格千差萬別但是有許多站點的功能和結(jié)構(gòu)都是一樣的,如果我們從頭開始建立站點的話,就要做許多重復勞動,這時,我們就可以使用模板或向?qū)斫⒄军c。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣,我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標,用它可以迅速創(chuàng)建一個個人站點,輸入站點所在的位置,單擊“確定”按鈕,這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關的頁面。現(xiàn)在我們點擊一下“文件夾”按鈕,雙擊index.htm圖標,
看,這就是我們的個人站點的主頁。哎,好象有許多文字都不對,沒關系,這些文字都是可以改變的,現(xiàn)在寫的是文字的用途,比如“主題”文字就是用來寫網(wǎng)站標題的地方,我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式,雙擊photo.htm。也可以把風景圖片換成自己的照片,只要在新建站點的基礎上進一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣,同時也給了初學者一個良好的出發(fā)點。
那么模板和向?qū)в惺裁磪^(qū)別呢?我們安裝軟件時,一步步的用對話框提示我們完成安裝過程的程序就是一個向?qū)АT贔RONTPAGE里,向?qū)б彩且环N模板,不過它是一種特殊的模板,它會以對話框的形式輔助你完成站點的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項,單擊“站點”命令,
你看,F(xiàn)RONTPAGE提供了兩個向?qū)В汗菊故鞠驅(qū)?、討論站點向?qū)?,使用起來都很方便,你有興趣也可以利用向?qū)Ы⒁粋€站點。
創(chuàng)建頁面最簡單的方法就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭,它是用來選擇要新建什么,可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務。默認狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁,可以不用向下箭頭鍵選擇,而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令,選擇“新建網(wǎng)頁”,在“新建”對話框里,可以看到FRONTPAGE提供的許多網(wǎng)頁模板,我們可以用這些模板來建立相應的網(wǎng)頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁,這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯,這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點綴,在網(wǎng)頁中插入適當?shù)膱D片,能夠產(chǎn)生圖文并茂的效果。
如果有一個圖形,怎么把它放到網(wǎng)頁上呢?
首先要看你的圖形是什么格式的,也就是它擴展名是什么只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅應用廣泛,而且有利于節(jié)省存貯空間。如果圖形不是這種格式,使用了其它格式的圖形文件,在保存網(wǎng)頁時FRONTPAGE會提示做格式轉(zhuǎn)換,F(xiàn)RONTPAGE可以自動進行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形選擇“插入”菜單的“圖片”命令,單擊“來自文件”按鈕。
在默認情況下,F(xiàn)RONTPAGE認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的??梢哉f,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下,我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當然,我們也可以在這個目錄下建立其他的子目錄,再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。如果要插入的圖片不在主目錄下,在“選擇文件”對話框中進行選擇。選擇好文件以后,單擊“確定”按鈕,回到“圖形”對話框。單擊“確定”按鈕,圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字,單擊“保存”按鈕。出現(xiàn)了一個對話框,因為我們剛才插入的文件不在站點內(nèi),現(xiàn)在FRONTPAGE要把它復制到站點內(nèi),可是使用什么名字,放在站點的哪個目錄下呢,就要在這設置了,單擊“改變文件夾”按鈕,另外這兒還在需要時對圖形的格式進行轉(zhuǎn)換。單擊“位置”按鈕,在默認情況下,圖形被保存在站點的主目錄下,現(xiàn)在我們選擇IMAGE目錄,單擊“確定”按鈕。回到“嵌入式文件”窗口,再單擊“確定”。這樣,圖形就保存在站點內(nèi)了
我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令,在URL欄內(nèi)輸入圖片的地址,單擊“確定”按鈕。由于是插入網(wǎng)上的圖片,因此在插入圖形以后,應該保存一下網(wǎng)頁,使圖形存到站點內(nèi)。
您可能說,我不會畫畫,插入圖片容易,可是編輯圖片就不容易了。沒關系,F(xiàn)RONTPAGE自己帶有許多剪貼畫,你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令,選擇“剪貼畫”。你看,各種剪貼畫都分類放好了。你可以自由地選擇。不過,插入后別忘了保存網(wǎng)頁,把剪貼畫復制到站點目錄下。
一般我們插入的圖形總是和文本在一起的,所以調(diào)整圖形和文本的對齊方式很重要。在默認情況下,圖形自動與文本的底部對齊。這一個網(wǎng)頁,由于默認的對齊效果,頁面出現(xiàn)了大量的空白。這時就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標右鍵,選擇“圖片屬性”,選擇“外觀”選項卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩,而且我們還可以用圖形來建立超鏈接,使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢?其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形,單擊箭頭圖形,單擊“常用”工具欄“超鏈接”按鈕,選擇主頁文件“頁面1.htm”,單擊“確定”按鈕.在普通模式中,按住CTRL鍵,單擊箭頭圖形,就跳到主頁頁面了。
如果我們要在圖片上加上文字,單擊圖形工具欄“文本”按鈕,現(xiàn)在圖形中就出現(xiàn)了一個文本框,輸入:“計算機軟件”按一下Esc鍵,取消文字編輯,就選中文字框了,調(diào)整文本框到合適的位置,單擊頁面其他區(qū)域,文字就添加成功了。
如果我要修改單擊一下要修改的文字,這時文字作為一個整體被選中了,再點一下文字,這時文本框里有光標閃爍,你可以編輯文本了,重新輸入:“計算機硬件”,在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢?一個簡單的方法就是使用“格式”工具欄。
字體設置:選上文字,打開格式工具欄的“字體”下拉列表框,在里面選擇相應的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計算機沒有設置的字體?瀏覽器會用系統(tǒng)默認的字體代替你設置的字體。不過,使用常用字體是一個好習慣。
字號設置:在“格式”工具欄“字號”下拉列表框中選擇相應字體就可以了
工具欄上的B、I、U圖標的作用是:
按下B按鈕,被選中的文字就會變?yōu)榇煮w
按下I按鈕,被選中的文字就會變?yōu)樾斌w
按下u按鈕,被選中的文字就會帶下畫線
字的顏色:單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭,選擇適當?shù)念伾?,字的顏色就改變了?/p>
還可以對字體進行一些其他設置。選擇“格式”菜單的“字體”命令,在這里我們還可以作進一步的設置。這里除了“格式”工具欄可以做的設置以外,還可以設置許多效果。
“字符間距”選項卡:它是用來設置文字的間距的。單擊“間距”下拉列表,可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充,這時預覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距,輸入10,文字的間距就更大了。
“定位”下拉列表:在FRONTPAGE中每一行都有一個底線,定位就是指文字相對于底線的距離。也就是把文字上下移動,現(xiàn)在選擇“上移”,文字就向上移動了。預覽框中的黑線就是行的底線。
設計好的頁面,應該檢查它在瀏覽器中是否顯示正常。
方法是,一般只要切換到預覽模式就可以了。單擊“預覽”選項卡,在這個預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面,可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNETEXPLORER中是這樣顯示的,但是在NETSCAPE中又是那樣顯示的。所以,我們要在自己的機器上多裝幾個瀏覽器,用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢?選擇“文件”菜單的“在瀏覽器中預覽”選項,在瀏覽器列表框中選擇不同的瀏覽器。(以INTERNETEXPLORER5.0為例)單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢?
在網(wǎng)頁里,我們把這種點擊后會進行頁面切換的網(wǎng)頁界面元素叫超鏈接。
先來看一下用文字來建立鏈接。
首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令,在文件列表框內(nèi)選擇“頁面1.htm”文件,注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預覽模式(單擊預覽按鈕),當我們把鼠標指向“主頁”兩字時鼠標變成手形,單擊它,我們就切換到主頁了。
那么為什么不在普通模式下試呢?:因為普通模式主要是用來編輯網(wǎng)頁的,當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀,因此不能進行頁面切換。不過如果按住CTRL鍵,鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本,單擊“常用”工具欄的“超鏈接”按鈕,這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里,在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址,只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁,F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設置好的超鏈接。首先確認是普通模式,在要改變的超鏈接下單擊鼠標右鍵,選擇“超鏈接屬性”命令,輸入新的URL地址就可以了。要想取消超鏈接,刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接,可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過Email及時與你聯(lián)系,這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本,一般文本就是你的郵箱地址,單擊“超鏈接”按鈕,單擊“信封”按鈕,輸入你的郵箱地址,單擊“確定”按鈕,退出對話框,選擇“確定”,這時超鏈接就建立好了。我們試一下,切換到預覽模式,單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟,最后可將它到Web服務器上。站點前還要對它進行檢查工作,包括超鏈接,頁面等。
【參考文獻】
〈1〉喬春源,樊天岳等。信息技術(shù)。江蘇科學技術(shù)出版社,2001年7月。
建構(gòu)主義理論指導下的課堂教學
筆者從建構(gòu)主義教學觀和教學實踐出發(fā),設計出了一套符合這門學科特點的教學與管理模式:把整個教學過程分成三個階段,全部在計算機教室開展,針對不同的教學內(nèi)容和教學環(huán)節(jié)采用不同的教學方式,邊講邊練,即案例引導教學階段、任務驅(qū)動實踐階段和項目合作課程設計階段,如圖1所示。這三個階段中教師是引導者,學生是知識的構(gòu)建者。教師與學生之間,學生相互之間必須密切配合[4]1.展示效果。課堂上,首先把與本節(jié)知識內(nèi)容相關的案例效果及功能展示給學生,通過素材和網(wǎng)頁效果的對比,激發(fā)學生的想象能力。2.分析操作任務。在教師的引導下,對案例進行模塊化分析。分析案例時一般包括兩個方面:一個是利用以往知識可以處理的效果;另一個是本次教學內(nèi)容處理的效果。分析案例的目的在于溫習以往知識和引出本節(jié)課教學知識點。學生在分析案例的同時,一方面不斷形成新的理論視野,增長案例分析的技巧;另一方面探索思考理論如何運用于實際,從而及時、有效地促進了理論向?qū)嵺`的轉(zhuǎn)化,真正達到理論與實踐的結(jié)合,有利于加強文科專業(yè)學生的實踐動手能力。3.知識講解與操作示范。在講解過程中注重基礎知識的傳授和基本技能的培養(yǎng),同時介紹網(wǎng)頁制作中的相關規(guī)范和標準,并且注意總結(jié)一些實用的技巧。這種教學方式目的明確、形式生動,學生帶著問題聽課,學習興趣和效果明顯提高。教師要實際操作案例,在操作過程中把以往的知識點簡單回顧,并著重介紹新知識點,即講述相關理論知識。把書本上的相關知識通過案例的形式直接展示給學生,學生不但容易理解理論內(nèi)容,同時,也了解知識的實際用途。4.課堂同步實踐。理論與實踐交融,知識與感悟同步。學生真正掌握技術(shù)在于自己是否能夠獨立完成實踐操作,在學生實際操作的過程中,教師應從旁指導、及時糾正,學生只有在依靠自我的力量去解決學習問題的過程中獲得了成功的體驗,才能進一步激發(fā)他們的學習熱情。5.課程設計。學生結(jié)合所學網(wǎng)頁設計制作知識與自己的興趣或擅長等自擬主題,制作出符合一定要求的網(wǎng)站。每個項目小組由4到5人組成,推選出項目經(jīng)理,負責小組的項目策劃和成員分工。通過討論、交流與合作,小組成員各盡所能,取長補短,共同完成任務。這樣,既調(diào)動了學生的積極性,實踐了所學的知識,又培養(yǎng)了團結(jié)協(xié)作的能力。將課程設計記入學生的平時成績,從而給學生在該課程的學習上施加一定的壓力,促進其更好地學習。6.歸納總結(jié)。教師對學生的操作表現(xiàn)做出講評,對學生在網(wǎng)頁設計中的共性問題進行糾正,不斷規(guī)范學生的網(wǎng)頁設計。并與學生共同詳細討論和總結(jié)案例中所用到的理論知識和操作技巧。表揚其優(yōu)點,指出其錯誤,可以鞏固教學效果,彌補學習漏洞,并有助于學生之間的學習交流。教師以“案例”引路,引導學生邊學邊練,以“任務”驅(qū)動自主完成學習任務。以“項目”促進理論知識與實際操作結(jié)合。教師的“教”與學生的“學”圍繞一個目標,學生充分發(fā)揮自己學習主動性和創(chuàng)造性,多種教學方法結(jié)合不但解決了課時少、知識點多、實效差、與實踐應用相脫離等問題,而且還充分調(diào)動了學生學習的積極性,使學習過程成為一個人人參與的創(chuàng)造性實踐活動,更好地培養(yǎng)了學生創(chuàng)造性思維和發(fā)現(xiàn)問題、解決問題的能力[5]。
考核與評價方式
采用課程設計與上機考試結(jié)合的考核方式,上機考試從題庫中按出題方案組出若干數(shù)量試卷,每位學生隨機抽取其中一套進行考試?!熬W(wǎng)頁設計與制作”這門課程對于制作網(wǎng)頁的基礎理論和實際操作能力都有比較全面的要求,所以考試當中應當兼顧這兩個方面,理論部分注重學生對網(wǎng)頁制作基本知識、基本理論的掌握,采用選擇、判斷等客觀題的方式進行,為學生進一步的學習夯實基礎。實踐部分要求學生利用給定素材,包括考題所需的圖片、背景和其他輔助圖片、相關考題內(nèi)容的文字資料、考題要求等,完成規(guī)定技術(shù)要求的網(wǎng)站創(chuàng)意設計與制作。一個好的考核方式不僅有利于全面真實地反映學生的學習水平,而且有利于反映教學中的問題,以便教師能夠及時作出相應調(diào)整[6]。
通過《網(wǎng)頁設計與制作》多年的教學發(fā)現(xiàn),應用傳統(tǒng)的教學方式及考核方法學生只建立了的基礎的專業(yè)課程知識概念及單一的基本操作,并不能綜合應用操作技能完成某主題網(wǎng)站的設計與制作。為了建立以網(wǎng)頁設計與制作技能考核為主線的開放式、全過程的考核體系,提高學生綜合項目實踐能力,更好的與社會需求接軌。有必要對傳統(tǒng)的考核方式進行改革,同時經(jīng)過多年教學探索,結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學生小組合作(每組2-3名學生)完成一個規(guī)定主題網(wǎng)站項目的方式展開??偝煽冇刹僮骺己顺煽?、項目報告成績兩部分組成,權(quán)重分別為70%、30%,每一項按百分制評分后依權(quán)重比例計入總成績,總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學期總評成績是由平時成績30%、期中成績30%、期末成績40%組成,為了與學校的評分要求接軌,將本次考試所得的總成績作為學校學期總評成績的期末成績部分。并在此說明平時成績30%部分是由學生本學期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評定。本考核方案中的操作考核、項目報告都有具體的考核方案,其中操作考核實施的具體要求以試卷形式展現(xiàn),內(nèi)容要求以表“操作考核內(nèi)容”為中心,以考核學生綜合網(wǎng)站制作能力為基本思路,通過小組合作完成主題網(wǎng)站的設計與制作,具體要求在此省略。此外要求學生撰寫項目報告不僅讓學生明確各自的份內(nèi)工作,同時要求學生善于思考、總結(jié),每做一個項目都有所收獲。項目報告實施的具體要求涉及以下幾個方面的內(nèi)容:
(1)項目實施過程。項目實施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段,要求小組共同確定網(wǎng)站名稱、網(wǎng)站風格(列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位)、網(wǎng)站欄目、站點目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃,在此規(guī)劃的指導下進行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設計階段介紹所用軟件及提供至少首頁效果圖截圖;靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標注尺寸;程序開發(fā)階段列舉所用的開發(fā)工具、對數(shù)據(jù)庫、表進行截圖,以及繪制程序開發(fā)頁面流程圖。
(2)項目總結(jié)。對本項目完成情況進行分析、總結(jié),并介紹項目實施過程中的收獲及體會。在作品展示時要求各小組派出代表對作品進行介紹,總結(jié),便于相互交流經(jīng)驗。
(3)項目組介紹。對該項目組成員進行介紹及項目實施過程中的人員分工情況進行報告。體現(xiàn)小組合作開發(fā)項目的工作模式,讓學生明白實際工作中不僅需要具備較高的技術(shù)能力,還要有合作意識,與合作者之間有效、和諧的溝通。
2.考核方式
【關鍵字】Frontpage創(chuàng)建站點、新建頁面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁制作軟件有很多,如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架,表單和Imagemap圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁,利用它可以輕松的組織、編輯網(wǎng)頁并將其到指定的站點上,而且在之后還能對更新情況進行監(jiān)控以更新站點的內(nèi)容。
工具準備好了,可根據(jù)你的個人喜好來選擇一些素材,如圖片、喜歡的文章等?,F(xiàn)在就讓我們從第一步的建立站點來踏上建造網(wǎng)上家園之旅。
用FRONTPAGE創(chuàng)建站點是很容易的。首先,我們來看一下創(chuàng)建一個只包含一個網(wǎng)頁的站點。選擇“文件”菜單的“新建”選項,單擊“站點”命令,這時新建站點對話框就彈出來了,在“指定新站點位置”文本框中輸入新站點的位置,單擊“只有一個網(wǎng)頁的站點”圖標,單擊“確定”按鈕。這就建立好站點了,我們現(xiàn)在來看一下新的站點里有什么,單擊“視圖”工具條的“文件夾”按鈕。在文件夾列表里有一個網(wǎng)頁文件,名字叫做“index.htm”。我們知道,每一個站點都要有一個主頁,這個主頁也是一個網(wǎng)頁文件。瀏覽者訪問站點時首先進入的就是站點的主頁。主頁的名字在一般情況下就叫做“index.htm”。就是說我們新建只包含一個網(wǎng)頁的站點時,F(xiàn)RONTPAGE就自動為我們創(chuàng)建了站點的主頁了。這個新建的站點主頁時空的,我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外,還有文件夾。新建站點時,F(xiàn)RONTPAGE都會在站點所在位置下新建兩個文件夾,一個是“images”另一個是“_private”。我們在編輯站點時可以在“image”文件夾里放置站點用到的圖片?!皃rivate”文件夾比較特殊,其中的文件對瀏覽者來說是隱含的,我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個文件夾里,比如:我們可以在這個文件夾里存放注冊用戶的個人信息。
盡管每一個站點都要有一個主頁,不過創(chuàng)建站點時我們?nèi)匀豢梢詮囊粋€空站點開始:選擇“文件”菜單的“新建”命令,單擊“站點”選項,在“新建站點”對話框里,我們可以選擇“空站點”圖標來創(chuàng)建一個空站點?!靶陆ㄕ军c”對話框中還有許多其他圖標,這是FRONTPAGE提供的用來創(chuàng)建站點模板或向?qū)?。我們?chuàng)建只有一個網(wǎng)頁的站點或者創(chuàng)建空站點,都是從頭開始來創(chuàng)建一個站點,這就好像蓋房子一樣,首先畫圖紙。然而,有許多的房子都具有相似的結(jié)構(gòu)和用途,所以我們可以用一張圖紙蓋很多相似的房子,這樣就節(jié)省了許多工作。
同樣的,盡管站點的風格千差萬別但是有許多站點的功能和結(jié)構(gòu)都是一樣的,如果我們從頭開始建立站點的話,就要做許多重復勞動,這時,我們就可以使用模板或向?qū)斫⒄军c。模板和向?qū)У淖饔镁秃孟裆w房子的圖紙一樣,我們不必每次建立站點時都從頭開始。我們單擊“個人站點”圖標,用它可以迅速創(chuàng)建一個個人站點,輸入站點所在的位置,單擊“確定”按鈕,這樣我們剛就創(chuàng)建了個人站點。個人站點模板已經(jīng)為我們規(guī)劃好了站點的目錄和建立了相關的頁面?,F(xiàn)在我們點擊一下“文件夾”按鈕,雙擊index.htm圖標,
看,這就是我們的個人站點的主頁。哎,好象有許多文字都不對,沒關系,這些文字都是可以改變的,現(xiàn)在寫的是文字的用途,比如“主題”文字就是用來寫網(wǎng)站標題的地方,我們只要把它改為自己喜歡的標題就可以了。返回到“文件夾”模式,雙擊photo.htm。也可以把風景圖片換成自己的照片,只要在新建站點的基礎上進一步修改就可以做出自己的個人站點了。這不僅節(jié)省了許多力氣,同時也給了初學者一個良好的出發(fā)點。
那么模板和向?qū)в惺裁磪^(qū)別呢?我們安裝軟件時,一步步的用對話框提示我們完成安裝過程的程序就是一個向?qū)?。在FRONTPAGE里,向?qū)б彩且环N模板,不過它是一種特殊的模板,它會以對話框的形式輔助你完成站點的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項,單擊“站點”命令,
你看,F(xiàn)RONTPAGE提供了兩個向?qū)В汗菊故鞠驅(qū)?、討論站點向?qū)?,使用起來都很方便,你有興趣也可以利用向?qū)Ы⒁粋€站點。
創(chuàng)建頁面最簡單的方法就是單擊FRONTPAGE“常用”工具欄的“新建”按鈕。它的右方有一個向下的小箭頭,它是用來選擇要新建什么,可以用“新建”按鈕新建網(wǎng)頁、站點、文件夾和任務。默認狀態(tài)下是新建網(wǎng)頁。
如果要新建網(wǎng)頁,可以不用向下箭頭鍵選擇,而直接單擊“新建”按鈕。不過使用文件菜單的“新建”命令來新建網(wǎng)頁能夠有更大的選擇。單擊文件菜單的“新建”命令,選擇“新建網(wǎng)頁”,在“新建”對話框里,可以看到FRONTPAGE提供的許多網(wǎng)頁模板,我們可以用這些模板來建立相應的網(wǎng)頁。在右下角的預覽框里可以看到選中模板的外觀。選擇“兩欄正文”網(wǎng)頁,這樣就創(chuàng)建了一個新的分為兩欄的網(wǎng)頁了。然后點確定。使用模板可以不用總是從空白網(wǎng)頁開始編輯,這樣就省力很多。
網(wǎng)上幾乎所以的網(wǎng)頁都使用圖片加以點綴,在網(wǎng)頁中插入適當?shù)膱D片,能夠產(chǎn)生圖文并茂的效果。
如果有一個圖形,怎么把它放到網(wǎng)頁上呢?
首先要看你的圖形是什么格式的,也就是它擴展名是什么只有擴展名為GIF和JPEG的圖形文件才能成為我們的頁面的一部分。因為這兩種圖形格式不僅應用廣泛,而且有利于節(jié)省存貯空間。如果圖形不是這種格式,使用了其它格式的圖形文件,在保存網(wǎng)頁時FRONTPAGE會提示做格式轉(zhuǎn)換,F(xiàn)RONTPAGE可以自動進行格式轉(zhuǎn)換。
現(xiàn)在可我們看看怎么插入圖形選擇“插入”菜單的“圖片”命令,單擊“來自文件”按鈕。
在默認情況下,F(xiàn)RONTPAGE認為你要插入的圖片總是放在你建立的站點的目錄或它的子目錄下的。可以說,站點就是一個目錄。我們把編輯的許多網(wǎng)頁文件放在同一個目錄下,我們稱這個目錄為站點的主目錄。這些網(wǎng)頁引用的圖形一般也放在這個目錄下。當然,我們也可以在這個目錄下建立其他的子目錄,再把所有的圖形放在子目錄里。所以搜索下拉列表只允許在主目錄和主目錄下的子目錄進行選擇。
如果要插入的圖片不在主目錄下,在“選擇文件”對話框中進行選擇。選擇好文件以后,單擊“確定”按鈕,回到“圖形”對話框。單擊“確定”按鈕,圖形就插入了?,F(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對話框中輸入新的web頁文件的名字,單擊“保存”按鈕。出現(xiàn)了一個對話框,因為我們剛才插入的文件不在站點內(nèi),現(xiàn)在FRONTPAGE要把它復制到站點內(nèi),可是使用什么名字,放在站點的哪個目錄下呢,就要在這設置了,單擊“改變文件夾”按鈕,另外這兒還在需要時對圖形的格式進行轉(zhuǎn)換。單擊“位置”按鈕,在默認情況下,圖形被保存在站點的主目錄下,現(xiàn)在我們選擇IMAGE目錄,單擊“確定”按鈕?;氐健扒度胧轿募贝翱?,再單擊“確定”。這樣,圖形就保存在站點內(nèi)了
我們還可以從INTERNET上插入一個圖形。選擇“插入”菜單的“圖片”命令,在URL欄內(nèi)輸入圖片的地址,單擊“確定”按鈕。由于是插入網(wǎng)上的圖片,因此在插入圖形以后,應該保存一下網(wǎng)頁,使圖形存到站點內(nèi)。
您可能說,我不會畫畫,插入圖片容易,可是編輯圖片就不容易了。沒關系,F(xiàn)RONTPAGE自己帶有許多剪貼畫,你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令,選擇“剪貼畫”。你看,各種剪貼畫都分類放好了。你可以自由地選擇。不過,插入后別忘了保存網(wǎng)頁,把剪貼畫復制到站點目錄下。
一般我們插入的圖形總是和文本在一起的,所以調(diào)整圖形和文本的對齊方式很重要。在默認情況下,圖形自動與文本的底部對齊。這一個網(wǎng)頁,由于默認的對齊效果,頁面出現(xiàn)了大量的空白。這時就要調(diào)整圖形的對齊屬性。在圖形上單擊鼠標右鍵,選擇“圖片屬性”,選擇“外觀”選項卡我們把對齊方式調(diào)整為“左對齊”。使用圖形可以使網(wǎng)頁更加豐富多彩,而且我們還可以用圖形來建立超鏈接,使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢?其實圖形超鏈接只要在建立超鏈接時選擇圖形就可以了。首先選中超鏈接的圖形,單擊箭頭圖形,單擊“常用”工具欄“超鏈接”按鈕,選擇主頁文件“頁面1.htm”,單擊“確定”按鈕.在普通模式中,按住CTRL鍵,單擊箭頭圖形,就跳到主頁頁面了。
如果我們要在圖片上加上文字,單擊圖形工具欄“文本”按鈕,現(xiàn)在圖形中就出現(xiàn)了一個文本框,輸入:“計算機軟件”按一下Esc鍵,取消文字編輯,就選中文字框了,調(diào)整文本框到合適的位置,單擊頁面其他區(qū)域,文字就添加成功了。
如果我要修改單擊一下要修改的文字,這時文字作為一個整體被選中了,再點一下文字,這時文本框里有光標閃爍,你可以編輯文本了,重新輸入:“計算機硬件”,在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢?一個簡單的方法就是使用“格式”工具欄。
字體設置:選上文字,打開格式工具欄的“字體”下拉列表框,在里面選擇相應的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計算機沒有設置的字體?瀏覽器會用系統(tǒng)默認的字體代替你設置的字體。不過,使用常用字體是一個好習慣。
字號設置:在“格式”工具欄“字號”下拉列表框中選擇相應字體就可以了
工具欄上的B、I、U圖標的作用是:
按下B按鈕,被選中的文字就會變?yōu)榇煮w
按下I按鈕,被選中的文字就會變?yōu)樾斌w
按下u按鈕,被選中的文字就會帶下畫線
字的顏色:單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭,選擇適當?shù)念伾?,字的顏色就改變了?/p>
還可以對字體進行一些其他設置。選擇“格式”菜單的“字體”命令,在這里我們還可以作進一步的設置。這里除了“格式”工具欄可以做的設置以外,還可以設置許多效果。
“字符間距”選項卡:它是用來設置文字的間距的。單擊“間距”下拉列表,可以選擇字符的間距是普通、擴充還是緊縮的。選擇擴充,這時預覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距,輸入10,文字的間距就更大了。
“定位”下拉列表:在FRONTPAGE中每一行都有一個底線,定位就是指文字相對于底線的距離。也就是把文字上下移動,現(xiàn)在選擇“上移”,文字就向上移動了。預覽框中的黑線就是行的底線。
設計好的頁面,應該檢查它在瀏覽器中是否顯示正常。
方法是,一般只要切換到預覽模式就可以了。單擊“預覽”選項卡,在這個預覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因為即使是同一個頁面,可能在不同的瀏覽器中顯示會不太一樣。比如在INTERNETEXPLORER中是這樣顯示的,但是在NETSCAPE中又是那樣顯示的。所以,我們要在自己的機器上多裝幾個瀏覽器,用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢?選擇“文件”菜單的“在瀏覽器中預覽”選項,在瀏覽器列表框中選擇不同的瀏覽器。(以INTERNETEXPLORER5.0為例)單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢?
在網(wǎng)頁里,我們把這種點擊后會進行頁面切換的網(wǎng)頁界面元素叫超鏈接。
先來看一下用文字來建立鏈接。
首先創(chuàng)建一個指向站點內(nèi)其他網(wǎng)頁的超鏈接。
選擇“插入”菜單的“超鏈接”命令,在文件列表框內(nèi)選擇“頁面1.htm”文件,注意在URL文本框中顯示了該文件的地址。單擊“確定”按鈕.超鏈接就制作成功了。我們切換到預覽模式(單擊預覽按鈕),當我們把鼠標指向“主頁”兩字時鼠標變成手形,單擊它,我們就切換到主頁了。
那么為什么不在普通模式下試呢?:因為普通模式主要是用來編輯網(wǎng)頁的,當我們在普通模式把鼠標指向“主頁”兩字時鼠標沒有變成小手狀,因此不能進行頁面切換。不過如果按住CTRL鍵,鼠標就變成了小手狀。這時單擊就可以進行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點的網(wǎng)頁。選中作為超鏈接的文本,單擊“常用”工具欄的“超鏈接”按鈕,這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對話框里,在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址,只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁,F(xiàn)RONTPAGE會自動記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設置好的超鏈接。首先確認是普通模式,在要改變的超鏈接下單擊鼠標右鍵,選擇“超鏈接屬性”命令,輸入新的URL地址就可以了。要想取消超鏈接,刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接,可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過Email及時與你聯(lián)系,這是一個網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本,一般文本就是你的郵箱地址,單擊“超鏈接”按鈕,單擊“信封”按鈕,輸入你的郵箱地址,單擊“確定”按鈕,退出對話框,選擇“確定”,這時超鏈接就建立好了。我們試一下,切換到預覽模式,單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟,最后可將它到Web服務器上。站點前還要對它進行檢查工作,包括超鏈接,頁面等。
【參考文獻】
〈1〉喬春源,樊天岳等。信息技術(shù)。江蘇科學技術(shù)出版社,2001年7月。
論文摘要:項目教學法是師生為共同實施一個完整項目而進行的教學活動。文章介紹了將項目教學法應用到《網(wǎng)頁制作技術(shù)》課程中的經(jīng)驗及收獲。在整個教學過程中,著重培養(yǎng)學生的“四種能力”,以實現(xiàn)培養(yǎng)網(wǎng)站構(gòu)建人才的課程教學目標。
項目教學法簡介
項目教學法的前提是“項目”,是一個人人參與的集學習、創(chuàng)作于一體的過程。
項目教學法就是在教學中,組織學生真實地參加項目設計、實施和管理的全過程,在項目實施過程中完成教學任務。項目教學法的開始階段,主要采用獨立作業(yè)的方式。項目教學法更多采用小組工作的方式,共同制定計劃、共同或分工完成整個項目。一般而言,項目教學法的實施過程可以分五個階段:
確定項目任務通常由教師提出一個或幾個項目的任務設想,與學生一起討論,最終確定項目的目標和任務。制定計劃由學生制定項目工作計劃,確定工作步驟和程序,得到教師的認可后實施。
實施計劃學生確定各自在小組中的分工以及小組成員的合作形式,然后按照已確立的工作步驟和程序開展工作。
評價考核通過項目的完成情況對學生的學習效果進行考查,包括教師評價、學習小組評價和自評三部分。可分三個級別進行考核:第一級,由教師對各小組項目完成情況進行評定,如能否共同協(xié)作,是否實現(xiàn)預期功能,是否具有創(chuàng)新意識等;第二級,由各小組成員根據(jù)每個組員對本小組的貢獻情況及參與意識進行互評;第三級,由學生本人進行自評,如自己是否在原有基礎上有所提高,是否已經(jīng)掌握本課程的知識點并熟練應用。最后,綜合三級評定情況確定每名學生的學習成績。對于有企業(yè)參與的項目,必要時可由企業(yè)做出最終評價。
歸檔或結(jié)果應用項目應盡可能具有實際應用價值,應盡可能將項目的完成結(jié)果應用到企業(yè)和學校的生產(chǎn)教學實踐中。
《網(wǎng)頁制作技術(shù)》課引入項目教學法
《網(wǎng)頁制作技術(shù)》是我院計算機應用技術(shù)、計算機網(wǎng)絡技術(shù)、軟件技術(shù)等專業(yè)的主干課程,具有實用性強,應用面廣,操作性強、與崗位聯(lián)系密切等特點。為了更好地講授《網(wǎng)頁制作技術(shù)》課,我們進行了大膽的教學改革,打破了傳統(tǒng)的教學模式,將實際項目引入課堂教學,改革教學方法、教學手段及考核形式,較好地實現(xiàn)了課程教學目標?!毒W(wǎng)頁制作技術(shù)》的課程目標《網(wǎng)頁制作技術(shù)》的課程目標是結(jié)合職業(yè)崗位的需要,培養(yǎng)出能夠從事網(wǎng)頁平面設計或網(wǎng)站構(gòu)建的人才,提高學生的學習能力、協(xié)作能力和綜合能力。
將項目教學法引入《網(wǎng)頁制作技術(shù)》課本課程的傳統(tǒng)教學方式是先由教師在多媒體教室授課,然后安排學生在實驗室上機驗證教師所講內(nèi)容。這種方式忽略了學生的積極性、主動性,學生學到的知識比較零碎,很難開發(fā)實際項目。隨著課程內(nèi)容的深入,很多學生逐漸失去了學習興趣,喪失了主動參與的意識,以致課程結(jié)束時,幾乎沒有學生能夠設計出具有一定水平的網(wǎng)站。為打破傳統(tǒng)的教學模式,突出學生的主體地位,讓學生成為教學的中心。我們分析了該課程的特點,并結(jié)合任課教師為企業(yè)開發(fā)網(wǎng)站的經(jīng)驗,讓教師將所承擔的網(wǎng)站建設項目引入課堂教學,引導學生共同開發(fā)項目,讓學生既能學到知識,又能積累項目開發(fā)經(jīng)驗,從而體現(xiàn)出“教、學、做是一件事,不是三件事”。
項目教學法提高了學生的能力和素質(zhì)將項目教學法引入《網(wǎng)頁制作技術(shù)》后,學生成為了學習的主體,教師在教學過程中起引導協(xié)助作用。學生在項目的驅(qū)動下自主學習,邊學邊做。有些能力突出的學生在學習過程中主動與外界聯(lián)系,承接小型網(wǎng)站建設項目。在完成項目的過程中,他們主動與其他同學和教師進行交流,討論問題,促進了項目教學法的發(fā)展。項目完成后所帶來的成功的愉悅和滿足感,不但提高了學生的學習興趣和學習積極性,同時也培養(yǎng)了學生自主學習的能力。
《網(wǎng)頁制作技術(shù)》課實施項目教學法的過程
筆者在擔任《網(wǎng)頁制作技術(shù)》課的教學過程中,結(jié)合學生的特點以及環(huán)境,將教學過程劃分成以下五個階段。(一)網(wǎng)站項目的確定
確立實用、優(yōu)秀的項目是項目教學法能否成功實施的關鍵。因此,在實施項目教學法時,首先,應選擇切實可行的項目。在教學正式開始之前,可先對學生進行分組,盡量使每一組學生的能力都比較均衡。同時,結(jié)合相應的崗位能力要求,將選用的項目分為兩種:一種是選用已通過驗收的項目,另一種是選用正在進行中的項目。其次,應針對學生的實際水平確定項目的難易程度。對于首次接觸這門課程的學生,由教師負責選取項目,講解知識點。所選取的項目必須簡單、典型,并且最好選擇已經(jīng)完成的項目,以便學生進行知識的遷移。對于具有一定基礎的學生,可由教師和學生共同討論選定具有較高難度的項目,并且最好選擇正在進行中的項目,讓學生身臨其境,參與創(chuàng)造實踐活動,親身體驗實踐的艱辛與樂趣。另外,應注意根據(jù)學生具體的培養(yǎng)方向,確立最適合的項目。
(二)網(wǎng)站項目計劃
網(wǎng)站項目的計劃應按照項目開發(fā)的需求加以實施。確定項目以后,讓每一組學生針對該項目進行需求分析,啟發(fā)學生主動發(fā)現(xiàn)身邊的素材。對于已通過驗收的項目,可由教師充當企業(yè)的角色,由學生向教師匯報自己所進行的關于項目需求的分析及收集到的資料;對于正在進行中的項目,可由學生直接面對企業(yè),與企業(yè)溝通,做出需求分析。教師在這一過程中,一方面,起到指導的作用,另一方面,在對已驗收的項目實施的過程中,教師應事先對該項目內(nèi)容進行定位,分析研究需要解決的問題和完成的任務,確保學生進行需求分析時,不會定位過高。完成項目需求分析后,教師應根據(jù)學生所作的需求分析確定項目的能力模塊,并將每個能力模塊細分為一系列小項目,學生根據(jù)課程的時間安排,結(jié)合項目內(nèi)容編寫項目開發(fā)計劃書。例如,根據(jù)我?!毒W(wǎng)頁制作技術(shù)》課的實際情況,將首次接觸這門課程的學生的能力模塊劃分如下(見下圖)。
(三)網(wǎng)站項目實施
項目教學法中最重要的環(huán)節(jié)是項目的具體實施過程。在該過程中,教師應及時恰當?shù)貙W生進行引導,督促學生根據(jù)項目計劃書,按時按量完成相應的功能模塊,保證項目順利進行,實現(xiàn)課程教學目標。對于首次接觸網(wǎng)頁制作的學生來說,沒有一定的網(wǎng)頁制作軟件操作基礎,就無法進行項目建設。因此,應在《網(wǎng)頁制作技術(shù)》課程項目實施過程的第一階段講授學生網(wǎng)頁制作軟件的使用方法,為第二階段奠定基礎,第三階段的主要任務則是撰寫網(wǎng)站開發(fā)總結(jié)報告,鍛煉學生撰寫文章的能力。
第一階段實施過程對應上圖中的能力模塊劃分情況,在第一階段的實施過程中主要教授學生網(wǎng)頁制作軟件的使用方法,使其形成相應的具體能力。具體做法是:教師首先通過簡單的例子講解實際操作方法,然后,讓學生練習新知識、新操作,完成相應的實驗項目。通過這種雙教一體的教學模式、講練結(jié)合的教學手段讓學生掌握牢固的基礎知識。
第二階段實施過程結(jié)合第一階段學生具體能力的鍛煉情況,根據(jù)所要建設的項目,按照項目計劃書進行開發(fā)并完成設計。該階段是項目教學法實施的核心環(huán)節(jié)。在此階段,教師要根據(jù)各開發(fā)小組的具體情況、具體要求及時恰當?shù)剡M行指導,解決學生開發(fā)過程中遇到的難題,督促學生按時按量完成項目計劃書中的各個開發(fā)環(huán)節(jié),保證學生順利完成項目的開發(fā),實現(xiàn)教學目標。在實際教學過程中,教師要重點做好指導監(jiān)督工作。如定期召開各項目組長會議,了解各項目組的開發(fā)進程;在項目開發(fā)過程中進行技術(shù)引導和指導,收集各組遇到的難題,組織各組進行總結(jié)和經(jīng)驗交流,從中探討不同的解決問題的方法。
第三階段實施過程該階段的任務是在學生完成網(wǎng)站建設后,撰寫開發(fā)總結(jié)報告,總結(jié)本次學習、開發(fā)的收獲和經(jīng)驗,為下一次開發(fā)做準備。階段性總結(jié)評價也是項目具體實施過程中必不可少的環(huán)節(jié)。教師和學生在每個階段的學習結(jié)束后,都要對該階段的學習成果進行展示、評價、總結(jié),及時改進不足之處,鞏固成果,為后續(xù)工作打下堅實的基礎。
(四)網(wǎng)站項目展示與評價
項目完成后,應對網(wǎng)站項目的建設效果進行展示,并加以講解。在講解展示網(wǎng)站的過程中,學生和教師可以提出問題,并結(jié)合相應的網(wǎng)站項目評分表,形成學生和教師對該項目各自的評價。在對學生進行評價時,還應結(jié)合其在項目開發(fā)過程中的學習能力、合作能力、參與程度、服務程度以及所起作用等各方面的表現(xiàn)情況。在對承接的企業(yè)的開發(fā)項目進行評價時,除上述評價角度外,還應結(jié)合企業(yè)的需求,即除了學生評價、教師評價外,還要有企業(yè)評價,并以企業(yè)的評價作為最終的評判標準。
(五)網(wǎng)站項目的總結(jié)和應用
項目完成后應進行總結(jié),并將其成果應用到相關領域,體現(xiàn)該門課程的教學目標。我校在《網(wǎng)頁制作技術(shù)》課中實施項目教學法以來,完成了多個項目并將研究成果應用到實際工作中,如我院的網(wǎng)站、各系各部門的網(wǎng)站、思明網(wǎng)站等。項目完成后應總結(jié)思路、技巧并進行經(jīng)驗交流。思路總結(jié)可以幫助學生明晰項目完成的最佳思考方法,找到自己的不足;技巧總結(jié)著重總結(jié)解決開發(fā)環(huán)節(jié)中遇到的難題的方法,把握并吸收整個項目開發(fā)的精髓;經(jīng)驗交流主要是對學習方法、知識應用進行交流。最后,教師可以指導學生對項目進行拓展和延伸。超級秘書網(wǎng)
項目教學法的成果
《網(wǎng)頁制作技術(shù)》課在實施項目教學法后,從本質(zhì)上改變了課程的教學目的。這種改變使學生不再覺得學習該門課程只是為了獲取學分,而是真正掌握一門技術(shù),具備一定的開發(fā)能力,能夠承擔相應的工作。在整個教學過程中,學生的自主學習能力、實踐能力、創(chuàng)新能力、團隊協(xié)作能力、分析解決問題的能力以及撰寫報告的能力都得到了鍛煉、培養(yǎng)和提高。
實踐表明,《網(wǎng)頁制作技術(shù)》課從傳統(tǒng)的多媒體教學模式的枷鎖中掙脫出來,實施項目教學法,體現(xiàn)了以學生為本,最大限度地調(diào)動了學生自主學習的積極性,培養(yǎng)了學生的綜合能力,使學生掌握了一門技巧,對教師也是一種鍛煉和提高。
參考文獻:
王棟松.在計算機課程教學中開展項目教學法的研究[J].職業(yè)教育研究,2005,(11).
互聯(lián)網(wǎng)作為連接世界各地計算機的全球性信息化網(wǎng)絡,它的傳輸內(nèi)容是非常豐富的,涉及到全球的各個領域,是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時代基層的一個重要窗口,是院務公開、公正、服務職工、惠及民生的重要手段。辦好網(wǎng)站,對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。
2網(wǎng)站設計分析
文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分,是構(gòu)成網(wǎng)站傳達信息不可或缺的手段,同時也是用戶對網(wǎng)站第一印象和整體風格關注的主要內(nèi)部分。要想設計出符合人性化需求的網(wǎng)站,只有多為用戶著想,認真地以用戶的切身體會出發(fā)去完成網(wǎng)站的整體設計。當然,在設計過程中需要考慮的因素很多,用戶群因素和界面因素是首要考慮的兩個方面。
3網(wǎng)頁制作
3.1選擇合適的網(wǎng)頁設計軟件當前能使用的網(wǎng)頁設計類軟件很多,而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網(wǎng)頁制作軟件來說,初學者最常使用是Frontpage和Dreamweaver,F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁制作入門級軟件,F(xiàn)rontPage使用方便簡單,會用Word就能做網(wǎng)頁,所見即所得是其特點,該軟件結(jié)合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器,利用它可以輕而易舉地制作出充滿動感的網(wǎng)頁。此外,制作網(wǎng)站還要用到邊緣性軟件,如photoshop、flash等,網(wǎng)頁設計過程中可根據(jù)自己的需要靈活運用這些軟件。
3.2選擇網(wǎng)頁內(nèi)容前期的框架設計好后,就要為這個網(wǎng)站選擇內(nèi)容了。網(wǎng)頁內(nèi)容影響著網(wǎng)站的成敗,所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨特的,這些可以從圖書、報紙、互聯(lián)網(wǎng)等信息媒介搜集素材,素材通常分為三類一一文字、圖片、影像。素材準備得越多越好,再從這些素材中粗中取細,以備制作網(wǎng)站時可以隨時拿來使用??傊?,網(wǎng)頁內(nèi)容是網(wǎng)站的根本,如果內(nèi)容空洞,頁面制作的再怎么精美,仍然不會留住訪問者。
3.3運用網(wǎng)頁設計中的色彩不同的色彩搭配產(chǎn)生不同的效果,反映出不同網(wǎng)頁的文化內(nèi)涵。因為它能產(chǎn)生強烈的視覺沖擊,所以確定網(wǎng)頁的色彩是相當重要的一步。在網(wǎng)頁的色彩設計上,除了要表現(xiàn)心理和感情聯(lián)想之外,還要考慮色彩的對比明暗、輕重、冷暖、調(diào)和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值,使網(wǎng)頁更有效和準確地把信息傳達給我們的視覺。
4結(jié)語
關鍵詞:網(wǎng)頁制作表格divdreamweaver8.0網(wǎng)頁框架利與弊
引言
隨著信息時代的發(fā)展,web技術(shù)的一天天成熟,如何制作出一個符合規(guī)范,美觀又瀏覽速度快的網(wǎng)頁已經(jīng)越來越成為一個網(wǎng)頁設計師所要考慮的重點了。過去的網(wǎng)頁設計師只需考慮網(wǎng)頁前臺美工處理,然后切片形成網(wǎng)頁即可,而自從CSS層疊式樣式表誕生后,網(wǎng)頁排版成為了一個新的網(wǎng)頁技術(shù)研究的領域。在制作網(wǎng)頁中,我們布局網(wǎng)頁的方法一般有兩種,第一種是使用table(表格)來布局網(wǎng)頁,另一種是使用div容器來布局網(wǎng)頁。下面我們就一個實例來講解這兩種方法來布局網(wǎng)頁的操作步驟,以及比較兩種方法的優(yōu)點和不足之處。
一、網(wǎng)頁布局的兩種方法
方法一:使用table表格制作網(wǎng)頁框架。具體操作步驟如下:
第一步,打開dreamweaver8.0軟件,數(shù)好目標表格的行和列(從最小的格子數(shù)起)點擊插入菜單中的表格項,然后打開下面的屬性面板
第二步,將第一行的三列合并,第三行的三列合并。
第三步,合并后,一定要嚴格定義好每行的高度,其次一定要定義好第二行每個單元格的寬度,注意三個單元格的寬度之和應該是表格的總寬度。
第四步,將總表格居中對齊,設置好表格的邊框顏色以及每個單元格的底紋,即可。
這樣,一個通過表格制作的網(wǎng)頁框架就做好了,表格的每個單元格就可以存放圖片、文字、動畫等等了。
方法二:通過div容器來制作網(wǎng)頁框架。具體步驟如下:
第一步,新建一個dreamwer文件,點擊插入菜單中的插入布局對象中的div標簽,點擊確定;
第二步,新建CSS樣式
新建完后將CSS樣式的邊框、底紋以及高度和寬度設置好。這樣就設置好了頂部單元格。
設置好所有的css屬性后,點擊dreamweaver的編輯窗口div標簽,點擊如圖5屬性欄中的divID應用即可。
第三步,使用相同的方法繼續(xù)插入布局對象中的DIV標簽,第二行插入DIV應注意,首先插入一個大的div容器,然后在里面插入左中右三個div,定義好每個div的寬度后,注意左邊和中間的div容器的css代碼必須寫入:float:left;否則div容器是無法形成橫排的
第四步,使用相同的方法插入底部的第六個div容器。保持與上面容器寬度一致,同時在css代碼中將每個div容器的底紋和邊框設置好。
二、總結(jié)網(wǎng)頁布局的兩種方法的優(yōu)點與不足之處
使用table表格來布局網(wǎng)頁框架的優(yōu)點:制作方法直接,直接通過插入菜單中插入以及屬性欄中設置所有的操作即可,無需定義CSS樣式;制作的速度快。缺點:由于html文件中的table標簽的瀏覽速度較慢,所以,使用嵌套表格的方法來布局網(wǎng)頁框架會使網(wǎng)頁瀏覽的速度變慢。
使用DIV的方法布局網(wǎng)頁框架的優(yōu)點:可以通過css樣式給框架進行功能強大的屬性設置以及給網(wǎng)頁的局部進行任意的定位,制作出來的頁面瀏覽速度較快,同時頁面的風格可以通過修改單獨的css文件進行隨意的修改和更新;缺點:每個div容器都需要定義css樣式來控制,制作過程相比table方式要復雜?,F(xiàn)在的網(wǎng)頁越來越傾向于使用DIV的方法來布局網(wǎng)頁了。:
三、table與div方法布局網(wǎng)頁框架的應用
table方法布局網(wǎng)頁主要應用在功能較為簡單、頁面不多的網(wǎng)站中;而div主要應用于大型的網(wǎng)站頁面設計中。