前言:我們精心挑選了數(shù)篇優(yōu)質(zhì)網(wǎng)頁制作論文文章,供您閱讀參考。期待這些文章能為您帶來啟發(fā),助您在寫作的道路上更上一層樓。
建構(gòu)主義理論指導(dǎo)下的課堂教學(xué)
筆者從建構(gòu)主義教學(xué)觀和教學(xué)實(shí)踐出發(fā),設(shè)計(jì)出了一套符合這門學(xué)科特點(diǎn)的教學(xué)與管理模式:把整個(gè)教學(xué)過程分成三個(gè)階段,全部在計(jì)算機(jī)教室開展,針對(duì)不同的教學(xué)內(nèi)容和教學(xué)環(huán)節(jié)采用不同的教學(xué)方式,邊講邊練,即案例引導(dǎo)教學(xué)階段、任務(wù)驅(qū)動(dòng)實(shí)踐階段和項(xiàng)目合作課程設(shè)計(jì)階段,如圖1所示。這三個(gè)階段中教師是引導(dǎo)者,學(xué)生是知識(shí)的構(gòu)建者。教師與學(xué)生之間,學(xué)生相互之間必須密切配合[4]1.展示效果。課堂上,首先把與本節(jié)知識(shí)內(nèi)容相關(guān)的案例效果及功能展示給學(xué)生,通過素材和網(wǎng)頁效果的對(duì)比,激發(fā)學(xué)生的想象能力。2.分析操作任務(wù)。在教師的引導(dǎo)下,對(duì)案例進(jìn)行模塊化分析。分析案例時(shí)一般包括兩個(gè)方面:一個(gè)是利用以往知識(shí)可以處理的效果;另一個(gè)是本次教學(xué)內(nèi)容處理的效果。分析案例的目的在于溫習(xí)以往知識(shí)和引出本節(jié)課教學(xué)知識(shí)點(diǎn)。學(xué)生在分析案例的同時(shí),一方面不斷形成新的理論視野,增長案例分析的技巧;另一方面探索思考理論如何運(yùn)用于實(shí)際,從而及時(shí)、有效地促進(jìn)了理論向?qū)嵺`的轉(zhuǎn)化,真正達(dá)到理論與實(shí)踐的結(jié)合,有利于加強(qiáng)文科專業(yè)學(xué)生的實(shí)踐動(dòng)手能力。3.知識(shí)講解與操作示范。在講解過程中注重基礎(chǔ)知識(shí)的傳授和基本技能的培養(yǎng),同時(shí)介紹網(wǎng)頁制作中的相關(guān)規(guī)范和標(biāo)準(zhǔn),并且注意總結(jié)一些實(shí)用的技巧。這種教學(xué)方式目的明確、形式生動(dòng),學(xué)生帶著問題聽課,學(xué)習(xí)興趣和效果明顯提高。教師要實(shí)際操作案例,在操作過程中把以往的知識(shí)點(diǎn)簡單回顧,并著重介紹新知識(shí)點(diǎn),即講述相關(guān)理論知識(shí)。把書本上的相關(guān)知識(shí)通過案例的形式直接展示給學(xué)生,學(xué)生不但容易理解理論內(nèi)容,同時(shí),也了解知識(shí)的實(shí)際用途。4.課堂同步實(shí)踐。理論與實(shí)踐交融,知識(shí)與感悟同步。學(xué)生真正掌握技術(shù)在于自己是否能夠獨(dú)立完成實(shí)踐操作,在學(xué)生實(shí)際操作的過程中,教師應(yīng)從旁指導(dǎo)、及時(shí)糾正,學(xué)生只有在依靠自我的力量去解決學(xué)習(xí)問題的過程中獲得了成功的體驗(yàn),才能進(jìn)一步激發(fā)他們的學(xué)習(xí)熱情。5.課程設(shè)計(jì)。學(xué)生結(jié)合所學(xué)網(wǎng)頁設(shè)計(jì)制作知識(shí)與自己的興趣或擅長等自擬主題,制作出符合一定要求的網(wǎng)站。每個(gè)項(xiàng)目小組由4到5人組成,推選出項(xiàng)目經(jīng)理,負(fù)責(zé)小組的項(xiàng)目策劃和成員分工。通過討論、交流與合作,小組成員各盡所能,取長補(bǔ)短,共同完成任務(wù)。這樣,既調(diào)動(dòng)了學(xué)生的積極性,實(shí)踐了所學(xué)的知識(shí),又培養(yǎng)了團(tuán)結(jié)協(xié)作的能力。將課程設(shè)計(jì)記入學(xué)生的平時(shí)成績,從而給學(xué)生在該課程的學(xué)習(xí)上施加一定的壓力,促進(jìn)其更好地學(xué)習(xí)。6.歸納總結(jié)。教師對(duì)學(xué)生的操作表現(xiàn)做出講評(píng),對(duì)學(xué)生在網(wǎng)頁設(shè)計(jì)中的共性問題進(jìn)行糾正,不斷規(guī)范學(xué)生的網(wǎng)頁設(shè)計(jì)。并與學(xué)生共同詳細(xì)討論和總結(jié)案例中所用到的理論知識(shí)和操作技巧。表揚(yáng)其優(yōu)點(diǎn),指出其錯(cuò)誤,可以鞏固教學(xué)效果,彌補(bǔ)學(xué)習(xí)漏洞,并有助于學(xué)生之間的學(xué)習(xí)交流。教師以“案例”引路,引導(dǎo)學(xué)生邊學(xué)邊練,以“任務(wù)”驅(qū)動(dòng)自主完成學(xué)習(xí)任務(wù)。以“項(xiàng)目”促進(jìn)理論知識(shí)與實(shí)際操作結(jié)合。教師的“教”與學(xué)生的“學(xué)”圍繞一個(gè)目標(biāo),學(xué)生充分發(fā)揮自己學(xué)習(xí)主動(dòng)性和創(chuàng)造性,多種教學(xué)方法結(jié)合不但解決了課時(shí)少、知識(shí)點(diǎn)多、實(shí)效差、與實(shí)踐應(yīng)用相脫離等問題,而且還充分調(diào)動(dòng)了學(xué)生學(xué)習(xí)的積極性,使學(xué)習(xí)過程成為一個(gè)人人參與的創(chuàng)造性實(shí)踐活動(dòng),更好地培養(yǎng)了學(xué)生創(chuàng)造性思維和發(fā)現(xiàn)問題、解決問題的能力[5]。
考核與評(píng)價(jià)方式
采用課程設(shè)計(jì)與上機(jī)考試結(jié)合的考核方式,上機(jī)考試從題庫中按出題方案組出若干數(shù)量試卷,每位學(xué)生隨機(jī)抽取其中一套進(jìn)行考試。“網(wǎng)頁設(shè)計(jì)與制作”這門課程對(duì)于制作網(wǎng)頁的基礎(chǔ)理論和實(shí)際操作能力都有比較全面的要求,所以考試當(dāng)中應(yīng)當(dāng)兼顧這兩個(gè)方面,理論部分注重學(xué)生對(duì)網(wǎng)頁制作基本知識(shí)、基本理論的掌握,采用選擇、判斷等客觀題的方式進(jìn)行,為學(xué)生進(jìn)一步的學(xué)習(xí)夯實(shí)基礎(chǔ)。實(shí)踐部分要求學(xué)生利用給定素材,包括考題所需的圖片、背景和其他輔助圖片、相關(guān)考題內(nèi)容的文字資料、考題要求等,完成規(guī)定技術(shù)要求的網(wǎng)站創(chuàng)意設(shè)計(jì)與制作。一個(gè)好的考核方式不僅有利于全面真實(shí)地反映學(xué)生的學(xué)習(xí)水平,而且有利于反映教學(xué)中的問題,以便教師能夠及時(shí)作出相應(yīng)調(diào)整[6]。
通過《網(wǎng)頁設(shè)計(jì)與制作》多年的教學(xué)發(fā)現(xiàn),應(yīng)用傳統(tǒng)的教學(xué)方式及考核方法學(xué)生只建立了的基礎(chǔ)的專業(yè)課程知識(shí)概念及單一的基本操作,并不能綜合應(yīng)用操作技能完成某主題網(wǎng)站的設(shè)計(jì)與制作。為了建立以網(wǎng)頁設(shè)計(jì)與制作技能考核為主線的開放式、全過程的考核體系,提高學(xué)生綜合項(xiàng)目實(shí)踐能力,更好的與社會(huì)需求接軌。有必要對(duì)傳統(tǒng)的考核方式進(jìn)行改革,同時(shí)經(jīng)過多年教學(xué)探索,結(jié)合人才培養(yǎng)方案制定了以下的考核方案。
二、考核方案
1.考核方案的制定
本考核采取學(xué)生小組合作(每組2-3名學(xué)生)完成一個(gè)規(guī)定主題網(wǎng)站項(xiàng)目的方式展開。總成績由操作考核成績、項(xiàng)目報(bào)告成績兩部分組成,權(quán)重分別為70%、30%,每一項(xiàng)按百分制評(píng)分后依權(quán)重比例計(jì)入總成績,總成績不及格者必須重修本課程并重新參加考試。因本校的現(xiàn)有學(xué)期總評(píng)成績是由平時(shí)成績30%、期中成績30%、期末成績40%組成,為了與學(xué)校的評(píng)分要求接軌,將本次考試所得的總成績作為學(xué)校學(xué)期總評(píng)成績的期末成績部分。并在此說明平時(shí)成績30%部分是由學(xué)生本學(xué)期的課程作業(yè)完成情況、出勤及上課表現(xiàn)綜合評(píng)定。本考核方案中的操作考核、項(xiàng)目報(bào)告都有具體的考核方案,其中操作考核實(shí)施的具體要求以試卷形式展現(xiàn),內(nèi)容要求以表“操作考核內(nèi)容”為中心,以考核學(xué)生綜合網(wǎng)站制作能力為基本思路,通過小組合作完成主題網(wǎng)站的設(shè)計(jì)與制作,具體要求在此省略。此外要求學(xué)生撰寫項(xiàng)目報(bào)告不僅讓學(xué)生明確各自的份內(nèi)工作,同時(shí)要求學(xué)生善于思考、總結(jié),每做一個(gè)項(xiàng)目都有所收獲。項(xiàng)目報(bào)告實(shí)施的具體要求涉及以下幾個(gè)方面的內(nèi)容:
(1)項(xiàng)目實(shí)施過程。項(xiàng)目實(shí)施過程包括前期策劃、資料搜集、網(wǎng)頁制作。在前期策劃階段,要求小組共同確定網(wǎng)站名稱、網(wǎng)站風(fēng)格(列舉網(wǎng)頁采用主要色彩及網(wǎng)頁色調(diào)定位)、網(wǎng)站欄目、站點(diǎn)目錄結(jié)構(gòu)的內(nèi)容以形成完整的網(wǎng)站規(guī)劃,在此規(guī)劃的指導(dǎo)下進(jìn)行資料搜集、協(xié)作完成網(wǎng)頁制作。其中網(wǎng)頁制作中要求頁面美工設(shè)計(jì)階段介紹所用軟件及提供至少首頁效果圖截圖;靜態(tài)頁面制作階段要求繪制網(wǎng)頁布局的結(jié)構(gòu)圖及標(biāo)注尺寸;程序開發(fā)階段列舉所用的開發(fā)工具、對(duì)數(shù)據(jù)庫、表進(jìn)行截圖,以及繪制程序開發(fā)頁面流程圖。
(2)項(xiàng)目總結(jié)。對(duì)本項(xiàng)目完成情況進(jìn)行分析、總結(jié),并介紹項(xiàng)目實(shí)施過程中的收獲及體會(huì)。在作品展示時(shí)要求各小組派出代表對(duì)作品進(jìn)行介紹,總結(jié),便于相互交流經(jīng)驗(yàn)。
(3)項(xiàng)目組介紹。對(duì)該項(xiàng)目組成員進(jìn)行介紹及項(xiàng)目實(shí)施過程中的人員分工情況進(jìn)行報(bào)告。體現(xiàn)小組合作開發(fā)項(xiàng)目的工作模式,讓學(xué)生明白實(shí)際工作中不僅需要具備較高的技術(shù)能力,還要有合作意識(shí),與合作者之間有效、和諧的溝通。
2.考核方式
【關(guān)鍵字】Frontpage創(chuàng)建站點(diǎn)、新建頁面、文字、超鏈接
現(xiàn)在流行的網(wǎng)頁制作軟件有很多,如Macromedia公司的Dreamweaver、微軟公司的Frontpage、還有AdobePagemill3.0--制作多框架,表單和Imagemap圖像的網(wǎng)頁工具、Netscape等等。其中Frontpage更以其功能強(qiáng)大、容易上手、界面親切而著稱。它采用所見即所得的方式編輯網(wǎng)頁,利用它可以輕松的組織、編輯網(wǎng)頁并將其到指定的站點(diǎn)上,而且在之后還能對(duì)更新情況進(jìn)行監(jiān)控以更新站點(diǎn)的內(nèi)容。
工具準(zhǔn)備好了,可根據(jù)你的個(gè)人喜好來選擇一些素材,如圖片、喜歡的文章等。現(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)對(duì)話框就彈出來了,在“指定新站點(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就自動(dòng)為我們創(chuàng)建了站點(diǎn)的主頁了。這個(gè)新建的站點(diǎn)主頁時(shí)空的,我們可以向里面添加內(nèi)容。
在文件列表里除了主頁之外,還有文件夾。新建站點(diǎn)時(shí),F(xiàn)RONTPAGE都會(huì)在站點(diǎn)所在位置下新建兩個(gè)文件夾,一個(gè)是“images”另一個(gè)是“_private”。我們?cè)诰庉嬚军c(diǎn)時(shí)可以在“image”文件夾里放置站點(diǎn)用到的圖片。“private”文件夾比較特殊,其中的文件對(duì)瀏覽者來說是隱含的,我們可以把一些不想讓瀏覽者看到的網(wǎng)頁文件放在這個(gè)文件夾里,比如:我們可以在這個(gè)文件夾里存放注冊(cè)用戶的個(gè)人信息。
盡管每一個(gè)站點(diǎn)都要有一個(gè)主頁,不過創(chuàng)建站點(diǎn)時(shí)我們?nèi)匀豢梢詮囊粋€(gè)空站點(diǎn)開始:選擇“文件”菜單的“新建”命令,單擊“站點(diǎn)”選項(xiàng),在“新建站點(diǎn)”對(duì)話框里,我們可以選擇“空站點(diǎn)”圖標(biāo)來創(chuàng)建一個(gè)空站點(diǎn)。“新建站點(diǎn)”對(duì)話框中還有許多其他圖標(biāo),這是FRONTPAGE提供的用來創(chuàng)建站點(diǎn)模板或向?qū)АN覀儎?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ù)勞動(dòng),這時(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)的主頁。哎,好象有許多文字都不對(duì),沒關(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í),一步步的用對(duì)話框提示我們完成安裝過程的程序就是一個(gè)向?qū)АT贔RONTPAGE里,向?qū)б彩且环N模板,不過它是一種特殊的模板,它會(huì)以對(duì)話框的形式輔助你完成站點(diǎn)的創(chuàng)建過程。
現(xiàn)在我們選擇“文件”菜單的“新建”選項(xiàng),單擊“站點(diǎn)”命令,
你看,F(xiàn)RONTPAGE提供了兩個(gè)向?qū)В汗菊故鞠驅(qū)А⒂懻撜军c(diǎn)向?qū)В褂闷饋矶己芊奖悖阌信d趣也可以利用向?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)頁”,在“新建”對(duì)話框里,可以看到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)檫@兩種圖形格式不僅應(yīng)用廣泛,而且有利于節(jié)省存貯空間。如果圖形不是這種格式,使用了其它格式的圖形文件,在保存網(wǎng)頁時(shí)FRONTPAGE會(huì)提示做格式轉(zhuǎn)換,F(xiàn)RONTPAGE可以自動(dòng)進(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)行選擇。
如果要插入的圖片不在主目錄下,在“選擇文件”對(duì)話框中進(jìn)行選擇。選擇好文件以后,單擊“確定”按鈕,回到“圖形”對(duì)話框。單擊“確定”按鈕,圖形就插入了。現(xiàn)在單擊“常用”工具欄的“保存”按鈕。在“另存為”對(duì)話框中輸入新的web頁文件的名字,單擊“保存”按鈕。出現(xiàn)了一個(gè)對(duì)話框,因?yàn)槲覀儎偛挪迦氲奈募辉谡军c(diǎn)內(nèi),現(xiàn)在FRONTPAGE要把它復(fù)制到站點(diǎn)內(nèi),可是使用什么名字,放在站點(diǎn)的哪個(gè)目錄下呢,就要在這設(shè)置了,單擊“改變文件夾”按鈕,另外這兒還在需要時(shí)對(duì)圖形的格式進(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)。
您可能說,我不會(huì)畫畫,插入圖片容易,可是編輯圖片就不容易了。沒關(guān)系,F(xiàn)RONTPAGE自己帶有許多剪貼畫,你可以把它們插入到自己的網(wǎng)頁。選擇“插入”菜單的“圖片”命令,選擇“剪貼畫”。你看,各種剪貼畫都分類放好了。你可以自由地選擇。不過,插入后別忘了保存網(wǎng)頁,把剪貼畫復(fù)制到站點(diǎn)目錄下。
一般我們插入的圖形總是和文本在一起的,所以調(diào)整圖形和文本的對(duì)齊方式很重要。在默認(rèn)情況下,圖形自動(dòng)與文本的底部對(duì)齊。這一個(gè)網(wǎng)頁,由于默認(rèn)的對(duì)齊效果,頁面出現(xiàn)了大量的空白。這時(shí)就要調(diào)整圖形的對(duì)齊屬性。在圖形上單擊鼠標(biāo)右鍵,選擇“圖片屬性”,選擇“外觀”選項(xiàng)卡我們把對(duì)齊方式調(diào)整為“左對(duì)齊”。使用圖形可以使網(wǎng)頁更加豐富多彩,而且我們還可以用圖形來建立超鏈接,使網(wǎng)頁相互聯(lián)系起來。怎么用圖形來建立鏈接呢?其實(shí)圖形超鏈接只要在建立超鏈接時(shí)選擇圖形就可以了。首先選中超鏈接的圖形,單擊箭頭圖形,單擊“常用”工具欄“超鏈接”按鈕,選擇主頁文件“頁面1.htm”,單擊“確定”按鈕.在普通模式中,按住CTRL鍵,單擊箭頭圖形,就跳到主頁頁面了。
如果我們要在圖片上加上文字,單擊圖形工具欄“文本”按鈕,現(xiàn)在圖形中就出現(xiàn)了一個(gè)文本框,輸入:“計(jì)算機(jī)軟件”按一下Esc鍵,取消文字編輯,就選中文字框了,調(diào)整文本框到合適的位置,單擊頁面其他區(qū)域,文字就添加成功了。
如果我要修改單擊一下要修改的文字,這時(shí)文字作為一個(gè)整體被選中了,再點(diǎn)一下文字,這時(shí)文本框里有光標(biāo)閃爍,你可以編輯文本了,重新輸入:“計(jì)算機(jī)硬件”,在頁面其他區(qū)域單擊。文字就修改完成了。
怎樣使文字更豐富、活潑呢?一個(gè)簡單的方法就是使用“格式”工具欄。
字體設(shè)置:選上文字,打開格式工具欄的“字體”下拉列表框,在里面選擇相應(yīng)的字體就可以了。如果瀏覽網(wǎng)頁的人使用的計(jì)算機(jī)沒有設(shè)置的字體?瀏覽器會(huì)用系統(tǒng)默認(rèn)的字體代替你設(shè)置的字體。不過,使用常用字體是一個(gè)好習(xí)慣。
字號(hào)設(shè)置:在“格式”工具欄“字號(hào)”下拉列表框中選擇相應(yīng)字體就可以了
工具欄上的B、I、U圖標(biāo)的作用是:
按下B按鈕,被選中的文字就會(huì)變?yōu)榇煮w
按下I按鈕,被選中的文字就會(huì)變?yōu)樾斌w
按下u按鈕,被選中的文字就會(huì)帶下畫線
字的顏色:單擊“格式”工具欄“字體顏色”按鈕旁的向下箭頭,選擇適當(dāng)?shù)念伾值念伾透淖兞恕?/p>
還可以對(duì)字體進(jìn)行一些其他設(shè)置。選擇“格式”菜單的“字體”命令,在這里我們還可以作進(jìn)一步的設(shè)置。這里除了“格式”工具欄可以做的設(shè)置以外,還可以設(shè)置許多效果。
“字符間距”選項(xiàng)卡:它是用來設(shè)置文字的間距的。單擊“間距”下拉列表,可以選擇字符的間距是普通、擴(kuò)充還是緊縮的。選擇擴(kuò)充,這時(shí)預(yù)覽框的文字間距就變大了。也可以調(diào)整間距大小來改變間距,輸入10,文字的間距就更大了。
“定位”下拉列表:在FRONTPAGE中每一行都有一個(gè)底線,定位就是指文字相對(duì)于底線的距離。也就是把文字上下移動(dòng),現(xiàn)在選擇“上移”,文字就向上移動(dòng)了。預(yù)覽框中的黑線就是行的底線。
設(shè)計(jì)好的頁面,應(yīng)該檢查它在瀏覽器中是否顯示正常。
方法是,一般只要切換到預(yù)覽模式就可以了。單擊“預(yù)覽”選項(xiàng)卡,在這個(gè)預(yù)覽模式下的顯示和在瀏覽器中的顯示是一樣的。但這并不意味著我們就不必用瀏覽器來檢查編輯的網(wǎng)頁了。因?yàn)榧词故峭粋€(gè)頁面,可能在不同的瀏覽器中顯示會(huì)不太一樣。比如在INTERNETEXPLORER中是這樣顯示的,但是在NETSCAPE中又是那樣顯示的。所以,我們要在自己的機(jī)器上多裝幾個(gè)瀏覽器,用來檢查網(wǎng)頁的兼容性。
那么為什么不用不同的瀏覽器來檢查呢?選擇“文件”菜單的“在瀏覽器中預(yù)覽”選項(xiàng),在瀏覽器列表框中選擇不同的瀏覽器。(以INTERNETEXPLORER5.0為例)單擊“確定”按鈕。就可以看到新建頁面在瀏覽器中的效果了。
怎樣才能自己做的網(wǎng)頁相互聯(lián)系起來呢?也就是說讓別人點(diǎn)頁面上的圖形或文本就跳轉(zhuǎn)到其他頁面呢?
在網(wǎng)頁里,我們把這種點(diǎn)擊后會(huì)進(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)我們?cè)谄胀J桨咽髽?biāo)指向“主頁”兩字時(shí)鼠標(biāo)沒有變成小手狀,因此不能進(jìn)行頁面切換。不過如果按住CTRL鍵,鼠標(biāo)就變成了小手狀。這時(shí)單擊就可以進(jìn)行切換了。也就是說在普通模式中按住CTRL鍵才能激活超鏈接。
我們也可以將超鏈接指向其他站點(diǎn)的網(wǎng)頁。選中作為超鏈接的文本,單擊“常用”工具欄的“超鏈接”按鈕,這和選擇插入菜單的超鏈接命令是一樣的。在“創(chuàng)建超鏈接”對(duì)話框里,在URL地址欄直接輸入要連接的網(wǎng)頁或網(wǎng)站的地址。如果不清楚要作超鏈接的地址,只要單擊URL地址框后面的放大鏡就可以用瀏覽器在INTERNET上查找要鏈接的網(wǎng)頁,F(xiàn)RONTPAGE會(huì)自動(dòng)記錄你找到的地址。單擊“確定”按鈕就可以了。我們還可以改變已經(jīng)設(shè)置好的超鏈接。首先確認(rèn)是普通模式,在要改變的超鏈接下單擊鼠標(biāo)右鍵,選擇“超鏈接屬性”命令,輸入新的URL地址就可以了。要想取消超鏈接,刪除所有URL地址框里的內(nèi)容就可以了。還有一種超鏈接,可以鏈接電子郵件。這樣可以使你的網(wǎng)上朋友通過Email及時(shí)與你聯(lián)系,這是一個(gè)網(wǎng)站站長和網(wǎng)友交流的重要手段。先選中要作為超鏈接的文本,一般文本就是你的郵箱地址,單擊“超鏈接”按鈕,單擊“信封”按鈕,輸入你的郵箱地址,單擊“確定”按鈕,退出對(duì)話框,選擇“確定”,這時(shí)超鏈接就建立好了。我們?cè)囈幌拢袚Q到預(yù)覽模式,單擊郵件鏈接。
這樣我們就差不多完成了網(wǎng)頁的制作步驟,最后可將它到Web服務(wù)器上。站點(diǎn)前還要對(duì)它進(jìn)行檢查工作,包括超鏈接,頁面等。
【參考文獻(xiàn)】
〈1〉喬春源,樊天岳等。信息技術(shù)。江蘇科學(xué)技術(shù)出版社,2001年7月。