《畫法幾何》多媒體數(shù)據(jù)庫的建立
《畫法幾何》多媒體數(shù)據(jù)庫的建立,畫法幾何,多媒體,數(shù)據(jù)庫,建立,樹立
年
月
日
誠信聲明
本人鄭重聲明:本論文及其研究工作是本人在指導(dǎo)教師的指導(dǎo)
下獨立完成的,在完成論文時所利用的一切資料均已在參考文獻中
列出。
本人簽名:
機械工程系
程昊
起 止 日 期
查閱文獻,完成開題報告
廣泛閱讀相關(guān)文獻,制定方案
完成平面圖形和三維圖形的繪制
制作網(wǎng)頁或者動畫。
撰寫畢業(yè)設(shè)計論文,準(zhǔn)備答辯
年
專業(yè):
指導(dǎo)教師(含職稱): 趙躍文(副教授)(任潔)(助教)
2014.12.01至2014.12.31
2015.01.01至2015.03.10
2015.03.11至2015.04.30
2015.05.01至2015.05.15
2015.05.16至2015.06.10
月
機械工程及其自動化
日
學(xué)號: 112011145
畢業(yè)設(shè)計任務(wù)書
設(shè)計題目: 《畫法幾何》多媒體數(shù)據(jù)庫的建立
系部:
學(xué)生:
1.課題意義及目標(biāo)
針對教學(xué)中畫法幾何例題量大、排列分類不合理的情況,要求在掌握畫法幾何知
識的基礎(chǔ)上,用AUTOCAD繪制例題的平面圖形,用solidworks或者pro/e繪制對應(yīng)
的三維模型,建立例題求解過程的動畫。
2.主要任務(wù)
1)查閱資料,了解畫法幾何課程設(shè)置。收集大量例題。
2)繪制例題的AUTOCAD平面圖形,并用solidworks或者pro/e繪制對應(yīng)的三維
模型。
3)制作解題過程中每一步的動畫,用swf格式或者avi格式保存。
4)撰寫畢業(yè)論文
3.主要參考資料
[1]李力.《機械制圖》多媒體課件中動畫的技術(shù)研究.長安大學(xué)碩士學(xué)位論文.2012
[2]霞云周.高職機械制圖精品課程網(wǎng)絡(luò)資源建設(shè)研究.合肥工業(yè)大學(xué)碩士學(xué)位論
文.2009
[3]鄧祖才.機械制圖多媒體課件的開發(fā).電子科技大學(xué)碩士學(xué)位論文.2009
[4]金樂.機械制圖三維虛擬模型庫的研究與開發(fā).山東大學(xué)碩士學(xué)位論文.2010
4.進度安排
設(shè)計各階段名稱
1
2
3
4
5
審核人:
要:針對教學(xué)中畫法幾何部分例題量大、排列分布不合理的情況,作者通過閱讀
太原工業(yè)學(xué)院畢業(yè)設(shè)計
《畫法幾何》多媒體數(shù)據(jù)庫的建立
摘
大量資料,收集整理各種案例。將課本知識內(nèi)容從傳統(tǒng)紙質(zhì)教材轉(zhuǎn)移到網(wǎng)頁上以電子
數(shù)據(jù)的形式呈現(xiàn)給用戶。其主要特點在于,將各式習(xí)題資源與教學(xué)內(nèi)容收集匯總并存
放在頁面上,方便學(xué)生瀏覽學(xué)習(xí)和使用。
本文從數(shù)據(jù)內(nèi)容的制作與整理開始,逐個詳細講解了包括圖形繪制、頁面設(shè)計布
局、網(wǎng)頁制作步驟以及各欄目的相應(yīng)制作及其用途意義等。
關(guān)鍵詞:畫法幾何;多媒體數(shù)據(jù)庫;網(wǎng)頁制作;AutoCAD。
The 《descriptivegeometry》multimediadatabasedesign
Abstract:For teaching descriptive geometry distribution part of the large amount of
examplesandunreasonablesituation,theauthorthroughreadingalargenumberofdata,
collectvariouscases.Thecontentofthetextbookknowledgefromtraditionalpaper-based
materialstransferredtothewebpageintheformofelectronicdatapresentedtotheuser.
Maincharacteristicisthatitsresourcestothevarioustypesofproblemsetsandteaching
contentaggregationonthepage,convenienttobrowsestudentslearnanduse.
In this paper, starting from the data content production and finishing, one by one
explainsindetailincludinggraphicsdesign,pagelayout,webdesignstepsandthecolumns
ofthecorrespondingproductionanditssignificanceinuse,etc.
Keywords:descriptivegeometry;multimediadatabase;Webpagecreation;AutoCAD
I
太原工業(yè)學(xué)院畢業(yè)設(shè)計
目錄
1 緒論...........................................................................................................................1
2 二維工程圖的繪制...................................................................................................2
2.1 AutoCAD................................................................................................................2
2.2 二維工程圖的繪制................................................................................................3
2.3 對《點的投影》章節(jié)內(nèi)容的繪制........................................................................3
2.4 對《直線與平面、平面與平面的相對位置》章節(jié)內(nèi)容的繪制........................4
2.5 對《平面的投影》章節(jié)內(nèi)容的繪制....................................................................5
2.6 對《直線的投影》章節(jié)內(nèi)容的繪制....................................................................7
2.7 對《投影變換》章節(jié)內(nèi)容的繪制........................................................................8
3 三維立體模型的繪制...............................................................................................9
4 網(wǎng)頁的制作.............................................................................................................11
4.1 Dreamweaver軟件介紹......................................................................................11
4.2 網(wǎng)頁的制作與頁面內(nèi)容的插入..........................................................................11
4.2.1 初始頁面的制作與網(wǎng)頁的基本布局...............................................................12
4.2.2 站點的建立.......................................................................................................12
4.3 空白頁面的布局與框架的建立..........................................................................13
4.4 菜單欄的分類及不同欄目的內(nèi)容和意義..........................................................15
4.4.1 鏈接作用...........................................................................................................15
4.4.2 欄目內(nèi)容意義及制作方式...............................................................................16
4.5 超級鏈接與測試鏈接有效性..............................................................................23
5 結(jié)論.........................................................................................................................25
參考文獻.......................................................................................................................27
致 謝...........................................................................................................................28
II
緒論
太原工業(yè)學(xué)院畢業(yè)設(shè)計
1
隨著社會的不斷進步,科技的高速發(fā)展,人們的生活方式也隨著信息技術(shù)的變革
而不斷改變,社交方式以及試聽習(xí)慣等都在適應(yīng)著電子科技的潮流,唯獨在教育方面
一成不變。本次課題設(shè)計的目的在于提供給學(xué)生新式的學(xué)習(xí)平臺,用電子媒體的形式
作為傳遞教育資源的媒介。
多年來我國的學(xué)生大都依賴于紙質(zhì)教材的學(xué)習(xí),通過本次課題的設(shè)計與制作,讓
我看到了電子教學(xué)的未來趨勢。手機、電腦、電視等等高新產(chǎn)品都在不斷地更新?lián)Q代,
這些電子設(shè)備也在無時無刻的改變著我們的生活習(xí)慣、交往方式、娛樂休閑甚至是閱
讀習(xí)慣,書信早已悄無聲息的消失在我們的生活當(dāng)中,連它的替代者bb機、短信、
飛信直到現(xiàn)在的QQ微信都已經(jīng)換了好幾代,也許書籍還能陪伴著人類在多走幾年,
但報紙卻早已失去了其生命力,在當(dāng)今這科技發(fā)達的時代,電子閱覽的方式正大邁步
的奪取著傳統(tǒng)紙質(zhì)讀物的地位。相比而言,它是高效的、便捷的、環(huán)保的、開放的、
易于交換分享的甚至是免費的,它不需要砍伐樹木破壞環(huán)境,不需要花費高昂的費用,
不需要外出需找,它的形式是當(dāng)今年輕人最能接受的。常常聽到人們說帶著興趣和樂
趣去學(xué)習(xí),那么他在學(xué)習(xí)過程中一定是快樂的,對于現(xiàn)在的年輕人喜愛電子設(shè)備的程
度而言,何不放棄對他人的勸導(dǎo)而去適應(yīng)社會做自我改變,讓學(xué)生以他們最接受喜愛
的方式進行學(xué)習(xí)。與時代接軌的新式教育媒介和對傳統(tǒng)教學(xué)理念的不變是我本次課題
設(shè)計的兩個最基本的出發(fā)點。
此課題設(shè)計的目的不僅在于幫助提供給學(xué)生自主學(xué)習(xí)的平臺,同時也希望能夠成
為老師學(xué)生在課堂中的教學(xué)輔助工具,用于教學(xué)輔導(dǎo)、習(xí)題練習(xí)。其下載專區(qū)支持各
類型習(xí)題答案、教案等下載,便利于學(xué)生在課后課外進行對應(yīng)知識點的練習(xí)與鞏固,
如遇無法解決的難題難點也可借助平臺欄目進行人工援助。
在本數(shù)據(jù)庫的制作中會使用到較多相關(guān)制作軟件,因作者技術(shù)能力有限,僅能將
大體框架與網(wǎng)頁的基本雛形呈現(xiàn)在諸位眼前。此數(shù)據(jù)庫中還存在有諸多瑕疵與不足,
望在今后的日子能得到大家的點評和指正,在此表示感謝。
1
二維工程圖的繪制
太原工業(yè)學(xué)院畢業(yè)設(shè)計
2
在繪制平面圖形中,可根據(jù)圖形繪制的規(guī)格要求以及個人習(xí)慣來進行選擇。通常
較為常用的有AutoCAD、SolidWorks、Proe、UG、3dmax等繪圖軟件。本次多媒體數(shù)
據(jù)庫里所包含的二維圖形采用的都是AutoCAD繪制。
2.1 AutoCAD
AutoCAD(AutoComputerAidedDesign)是Autodesk公司在1982年第一次生產(chǎn)
的計算機輔助設(shè)計的軟件,主要使用在二維圖形的繪制與設(shè)計、詳細繪制、設(shè)計文檔、
基本三維設(shè)計。現(xiàn)在已經(jīng)是國際上最受歡迎的圖形繪制工具。此軟件所使用的二維繪
圖事實標(biāo)準(zhǔn)格式為dwg文件格式。
AutoCAD是由美國的Autodesk歐特克公司在二十世紀(jì)八十年代為微型計算機上
應(yīng)用CAD技術(shù)而開發(fā)的圖形繪制程序軟件包,經(jīng)過不斷地升級和完善,現(xiàn)已成為國
際上廣為流傳的圖形繪制工具
此軟件具有很好的用戶使用界面,通過交互菜單或者是命令行方式就可以進行各
種操作。他的多文檔設(shè)計環(huán)境,使不是計算機專業(yè)的人也能很快的掌握學(xué)習(xí)并使用,
在不斷的操作實踐的過程中能更加熟練地掌握此軟件的各種應(yīng)用和開發(fā)使用技巧來
大幅提高工作效率。
此軟件具有非常廣泛的適應(yīng)性,現(xiàn)支持當(dāng)今多種微機的各類型操作系統(tǒng),并且能
夠在其中完美流暢的運行,支持各種圖形顯示分辨率以及數(shù)種輸入型外置設(shè)備,是使
之能廣泛應(yīng)用及普及的重要因素。
此軟件具有如下優(yōu)點:
(1)有十分強大的圖形處理編輯功能。
(2)有十分完善的二維圖形設(shè)計繪制功能。
(3)可以使用數(shù)種方式方法來進行第二次開發(fā)與用戶定制。
(4)支持市面上大多數(shù)硬件設(shè)備
(5)方便進行各種圖形的格式轉(zhuǎn)換,數(shù)據(jù)交換能力強。
(6)能完美應(yīng)用于多種操作平臺
(7)具有通用和易用性,適用于不同用戶。
盡管此軟件在繪制二維圖形時有著顯著的優(yōu)勢,但在繪制三維圖形時就顯得很無
2
二維工程圖的繪制
對《點的投影》章節(jié)內(nèi)容的繪制
投影
太原工業(yè)學(xué)院畢業(yè)設(shè)計
力,如繪制三維圖形,proe和solidworks無疑是更好地選擇。
如大多數(shù)二維圖形繪制,在開始階段需要設(shè)置好自己習(xí)慣使用的各項參數(shù),例如
圖層的選擇,直線粗細、樣式與顏色等等,這樣在某種程度上極大的便利繪圖者的使
用與操作便捷,養(yǎng)成一定的良好習(xí)慣有助于在今后繪制圖形過程中能夠更加精確、熟
練。
2.2
在本課題中主要對應(yīng)的是畫法幾何數(shù)據(jù)庫的建立,所以會有大量的二維圖形需要
去繪制和處理,其中要整理好習(xí)題資源以及課本例題等相關(guān)圖形,在用AutoCAD軟
件進行二維圖形繪制,最后再將圖形插入到已制作完成的對應(yīng)網(wǎng)頁內(nèi)容里。需要繪制
的內(nèi)容大概包括書本教學(xué)內(nèi)容所對應(yīng)的圖形、課本例題、課本課外習(xí)題。
2.3
本章節(jié)知識點內(nèi)容及題型題量相對后面較少,也相對好學(xué)習(xí)與理解,因此習(xí)題內(nèi)
容與例題題庫不需量大而在于精。首先對應(yīng)第一節(jié)的“投影法”進行圖形繪制,如圖
2.1:
圖2.1
例如此圖形的繪制,首先需要準(zhǔn)備好兩個最簡單的圖層,一粗一細直線即可,由
3
對《直線與平面、平面與平面的相對位置》章節(jié)內(nèi)容的繪制
太原工業(yè)學(xué)院畢業(yè)設(shè)計
于沒有規(guī)格尺寸,所以需要繪圖者根據(jù)原始圖形用肉眼捕捉細節(jié)大概畫出即可。下面
介紹在此圖形中需要用到的常用技巧及繪圖命令。
(1)DT:文字輸入命令,如需在圖形中添加注釋或者輸入文字等,需要用到此
命令。
(2)PL:箭頭繪制命令,如一般標(biāo)注或者指引需要用到此命令。
(3)L:直線繪制命令,如畫直線線段可用此命令,一般也可直接用鼠標(biāo)點選直
線繪制圖標(biāo)來使用。
(4)修剪:主要用于對多余線段的修剪剪裁。
(5)圖案填充:用于對某一封閉區(qū)域里進行色彩填充。
其余的包括極軸追蹤、對象捕捉、對象捕捉追蹤等。
由于此圖形較為簡單且沒有規(guī)格尺寸,在進行繪畫時可先畫物體也可以先畫投影
面,其中投影面和物體的棱線和邊緣用粗實線畫出,其余線條使用細實線,在畫基本
圖形的框架時,將極軸追蹤和對象捕捉按鈕點亮可以使繪制變得非常方便,不要太刻
意去繪制線段的原始長度,按自己舒服的畫法進行,最后用剪裁按鈕將多余的線段刪
除即可。在繪制物體中數(shù)個細實線時,可將對象捕捉按鈕關(guān)閉,不然它會不斷的自動
選定到最近的交點而極大地干擾繪畫,在區(qū)域填充色彩時主要需保證線段圍成的區(qū)域
為封閉的即可,標(biāo)注跟箭頭也只需精準(zhǔn)精細。這里有個小技巧 ,在繪制兩種極為相
似的圖形時,可先繪制出第一個圖形,在用復(fù)制粘貼的方法快速的貼出第二個圖形,
并且對其不同的小細節(jié)進行修改即可。這種方法能極大的加快繪圖者繪制圖形的速
度,并且及其便利。
在本章節(jié)中所需要繪制的是書本上的概念和教學(xué)內(nèi)容相關(guān)的圖形,著重抓住教學(xué)
環(huán)節(jié)的主要知識點和概念,用最直觀的圖形和最精簡的語句讓學(xué)生充分理解學(xué)習(xí)相關(guān)
內(nèi)容。
2.4
本章節(jié)需要繪制的內(nèi)容包括:
1.平行關(guān)系
(1)直線與平面平行
(2)平面與平面平行
2.相交關(guān)系
4
案例圖
對《平面的投影》章節(jié)內(nèi)容的繪制
太原工業(yè)學(xué)院畢業(yè)設(shè)計
(1)用積聚性求交點交線
(2)利用輔助平面法求交點交線
3.垂直關(guān)系
(1)直線與平面垂直
(2)平面與平面垂直
此章節(jié)繪圖內(nèi)容較為復(fù)雜,知識點涵蓋較多,繪圖時需仔細用心避免出錯,由于
其中包含大部分平面的相對關(guān)系,所以在此章繪圖時可以利用復(fù)制粘貼方法來減少繪
制工作量并且加快繪制速度。其中個別圖形中需要使用虛線,在這里需要繪圖者熟練
掌握各種線段的使用。同時其中一些圖形還會出現(xiàn)遮擋部分,需靈活運用剪裁工具來
對圖形進行編輯處理。例如圖2.2:
圖2.2
繪制此圖形時可直接繪制出平面與物體,不用考慮其虛線與遮擋關(guān)系,當(dāng)全部線
段物體繪制完成時,在用剪裁工具對被遮擋處的線段進行刪除,并用已設(shè)好的虛線繼
續(xù)填補即可。
2.5
5
正面圖
太原工業(yè)學(xué)院畢業(yè)設(shè)計
此章節(jié)的圖形包括各種投影面的知識點,其中分為面面垂直、面面平行、一般位
置平面和平面上的點和直線。開始需先繪制基本的“用幾何元素表示平面”里的內(nèi)容,
讓學(xué)生直觀的理解平面的表示。需要繪制的部分包括:
(1)不在同一條直線上的三點。
(2)一直線和直線外的一點。
(3)兩條相交的直線。
(4)兩條平行的直線。
(5)任意平面圖形,如圓形平行四邊形等。
由于上述圖形較為簡單,就不一一闡述繪制過程,再次我們以繪制“投影面平行
面”圖形內(nèi)容為例,如圖2.3:
圖2.3
可以看出此圖形繪制與之前內(nèi)容不盡相同,也是需要先繪出三面在繪制其中物
體,需要注意的是圖形與其V面投影交點的連接線必須平行于Y軸,同理豎直和水
平連接線也要分別平行于Z和X軸。H面和W面投影可以看出是條直線,所以可直
接垂直連三點到其所對應(yīng)的平面,選定投影位置畫出線段并用裁剪進行修改即可。如
圖2.4:
6
正平面
對《直線的投影》章節(jié)內(nèi)容的繪制
太原工業(yè)學(xué)院畢業(yè)設(shè)計
圖2.4
可以看出此圖形需先畫出其坐標(biāo)軸,做出第四象限的45°直線,然后先畫出第二
象限的實物物體,在分別連線于其他象限畫出其對應(yīng)圖形,繪制十分簡單方便。
2.6
此章節(jié)無論是課本內(nèi)容還是例題與課外習(xí)題的數(shù)量都略有增大,下圖為本章節(jié)示
例圖形。如圖2.5:
7
直線投影
對《投影變換》章節(jié)內(nèi)容的繪制
太原工業(yè)學(xué)院畢業(yè)設(shè)計
圖2.5
可以看出,繪制的步驟和需標(biāo)注的字母相對要多一些,在此圖形的繪制中,需先
畫出圖形的三面,在對物體進行繪制,其中大部分繪圖方法上章也有所提及,另外此
章在繪圖上會用到額外新的指令,例如畫圓、特殊符號的標(biāo)注等。在特殊符號的標(biāo)注
方面,可以直接使用搜狗輸入法的Ctrl+Shift+Z鍵快速調(diào)出特殊符號選擇面板,其中
常用的有標(biāo)點符號、數(shù)字序號、數(shù)學(xué)/單位、希臘/拉丁,在需要標(biāo)注符號表示時就可
選用“希臘/拉丁”符號面板里的α、β、γ等,需要標(biāo)出角度時可在“數(shù)學(xué)/單位”面板里找
到度數(shù)符號(°),還有一個小技巧就是比如需要打出γ這個字符時,可以不調(diào)用特殊符
號面板,直接用拼音的方式輸入gama會看到在第五選項會有γ字符選項,基本常用的
簡單符號都可用這種方法來使用。
2.7
本章節(jié)內(nèi)容較少但相對知識點較難,其中重點是需要學(xué)習(xí)掌握“換面法”,換面
法內(nèi)容里又包括其六個基本問題都是需要相應(yīng)去繪制的。另還有旋轉(zhuǎn)法的相關(guān)知識,
由于圖形特點前幾章都詳盡講過,在此不做示例介紹。
以上是對本課題全部章節(jié)內(nèi)容里二維圖形的繪制與介紹,之后需要講解的是
三維立體模型的制作與制作軟件。
8
三維立體模型的繪制
太原工業(yè)學(xué)院畢業(yè)設(shè)計
3
在繪制三維立體模型時,可以使用的軟件有很多,如proe、Solidworks、3dmax、
CAXA、UG等。同樣以上的軟件是需要根據(jù)不同的情況和條件針對不同的設(shè)計模型
來選用的。通常來說solidworks很容易上手運用,3dmax繪制于不規(guī)則圖形較多,本
章采用的是proe來進行繪制,以下就對此軟件的優(yōu)點及用法進行詳細介紹。
Pro/E是美國PTC公司開發(fā)制作的軟件,制作完成并于1988年推出。27年來,
經(jīng)歷了數(shù)十次的改版,已經(jīng)當(dāng)選為全球乃至中國地區(qū)最熱門最普及的三維建模系統(tǒng)應(yīng)
用軟件,其主要應(yīng)用于機械設(shè)計、模具生產(chǎn)設(shè)計、電子電器設(shè)計、工業(yè)設(shè)計、汽車制
造與設(shè)計、航空航天設(shè)計、玩具設(shè)計制造等等行業(yè)。
Pro/E是十分完善而全面的3D產(chǎn)品開發(fā)軟件,和其相關(guān)的軟件分別有pro/designer
(造型設(shè)計)、pro/mechanica(功能仿真),此軟件包含了對產(chǎn)品的轉(zhuǎn)配、零件的設(shè)計、
模具的開發(fā)、加工制造、逆向工程、鈑金設(shè)計、自動測量、工業(yè)設(shè)計、有限元和機構(gòu)
分析、產(chǎn)品的數(shù)據(jù)庫及其管理功能,從而使用戶大大的縮短了產(chǎn)品的開發(fā)時間與此同
時也極大地簡化了產(chǎn)品開發(fā)的流程,在全球范圍內(nèi)有眾多數(shù)企業(yè)和公司選擇使用
PRO/ENGINEER軟件系統(tǒng)作為他們的標(biāo)準(zhǔn)設(shè)計軟件進行產(chǎn)品的開發(fā)與設(shè)計。Pro/E及
其具有特點的軟件功能深深的影響了我們在工作中設(shè)計及制造方法。
雖然solidworks相較于初學(xué)者來說更容易上手,操作也更為簡便直觀,但proe功
能以及實用性更加強大,不僅在模型模擬動畫方面尤為突出,對于常使用CAD繪制
二維圖的人員來說,它的三維模型轉(zhuǎn)二維圖紙功能、與cad二維圖紙互通等等的便利
無疑深受人們的喜愛。
在本數(shù)據(jù)庫中,需要有一章節(jié)畫出三維模型來讓用戶進行學(xué)習(xí)認知,圖形素材與
教學(xué)內(nèi)容等都是經(jīng)過網(wǎng)上收集與從教學(xué)課本上的題型中挑選而來,通過使用Proe軟件
進行繪制,最后將其整理插入到相應(yīng)的網(wǎng)頁頁面當(dāng)中去,本次繪制題型大部分來源自
課本第七章中的經(jīng)典例題、教學(xué)內(nèi)容所對應(yīng)的模型、課外練習(xí)習(xí)題等。
對《基本立體的投影及表面交線》章節(jié)內(nèi)容的三維模型制作在本章節(jié)的三維模
型繪制中,需先了解章節(jié)內(nèi)容所包括的幾個主要的知識點,其中在平面基本立體小節(jié)
中,要對最基本的幾何模型進行繪制,接著是回轉(zhuǎn)立體的繪制,在后面的小節(jié)內(nèi)容里
大部分都是關(guān)于各種情況下立體的交線,需挑選個別具有代表性的立體模型進行繪
制。在此已繪制簡單的圓柱體為例,如圖3.1所示
9
圓柱體
太原工業(yè)學(xué)院畢業(yè)設(shè)計
圖3.1
在繪制此三維模型時,具體操作步驟大概如下。
首先在草繪中畫一個已知直徑的圓,然后找到拉伸命令,點擊拉伸,則形成以上
的圓柱圖形。
10
網(wǎng)頁的制作
Dreamweaver軟件介紹
網(wǎng)頁的制作與頁面內(nèi)容的插入
太原工業(yè)學(xué)院畢業(yè)設(shè)計
4
網(wǎng)頁的設(shè)計與制作,首先要進行的是對網(wǎng)頁制作軟件的選擇,在市面上較為流行
的網(wǎng)頁制作軟件有Dreamweaver、MicrosoftFrontPage、CoreDraw等甚至也可以使用
word來制作網(wǎng)頁頁面。除去必須熟練掌握以上的一種網(wǎng)頁制作工具外,一個合格的網(wǎng)
頁制作人員還必須同時掌握其他類型的輔助軟件,例如PS(Photoshop),此軟件主要
用途是對圖片的編輯修改,對頁面圖片潤色包括加特效的一款圖像處理軟件;Flash,
此程序是給頁面或者標(biāo)題添加動態(tài)圖片、制作網(wǎng)頁里添加動畫等的一款動畫制作軟
件。如能熟練掌握此二程序,將會給你的網(wǎng)頁帶來非同凡響的效果,頁面的美觀,炫
彩的動畫,豐富的內(nèi)容,將會是每一個瀏覽者賞心悅目。
4.1
本次課題設(shè)計采用的是Dreamweaver來對網(wǎng)頁進行制作,此軟件在網(wǎng)頁制作方面
特點十分明顯,多年來在世界范圍內(nèi)有著良好的口碑,dreamweaver屬于一款可視化
網(wǎng)頁制作工具。
對于初學(xué)者來說,其可視化設(shè)計可以令用戶很快的適應(yīng)學(xué)習(xí)并掌握此軟件的運用
而不需要糾結(jié)于繁復(fù)的代碼輸入,同時它還支持網(wǎng)站的運作與管理,在維護與更新方
面做得十分出色,其涵蓋了絕大部分的程序語言的編寫與調(diào)試,例如PHP、ASP、XML、
JSP、ASP.NET等。還同時包含有HomeSite/BBEdit捆綁、HTML格式化、HTML格
式控制選項和HTML的檢查。
其主要特點還是在于可視化的網(wǎng)頁編輯器,一般來說網(wǎng)頁制作都會生成大量的代
碼,對今后網(wǎng)頁的修改與維護帶來了很大的不便,也會增大網(wǎng)頁文件大小。此程序在
使用時就不會出現(xiàn)類似情況和麻煩,且經(jīng)過設(shè)置后也能清理網(wǎng)頁的無用代碼。在操作
上,如非專業(yè)制作人人員,完全不用去學(xué)習(xí)使用代碼來制作網(wǎng)頁,用可視窗口來對網(wǎng)
頁制作布局無疑對初學(xué)者是極大地便利。
4.2
本次網(wǎng)頁制作的過程和結(jié)果都是制作者在自學(xué)后邊做邊摸索而成的,其技術(shù)水平
對網(wǎng)頁的質(zhì)量有很大影響與限制,當(dāng)中所有鏈接與子網(wǎng)頁文件等均是制作者自己的設(shè)
11
初始頁面的制作與網(wǎng)頁的基本布局
空白頁格式
站點的建立
太原工業(yè)學(xué)院畢業(yè)設(shè)計
計思路,圖片背景素材部分采用學(xué)校網(wǎng)站截圖截取并修改,網(wǎng)頁插入內(nèi)容有收集的習(xí)
題資源、制作者手打的教學(xué)內(nèi)容及使用cad繪制的二維圖形等。
4.2.1
在開始階段,打開程序的同時,我們需要選擇一個空白頁面,選項我們常用HTML
格式,所以應(yīng)在常規(guī)項里選擇基本頁,基本頁面的格式要選擇HTML。如圖4.1:
圖4.1
4.2.2
在制作設(shè)計初期,除了空白頁的建立,最主要的是先建立好一個使用站點,站點
的用途在于方便集中管理今后在此網(wǎng)頁上的圖片、素材和子頁面,它能讓用戶清楚的
看到文件的位置與存儲狀況,方便快速找到需要用到的圖片與子網(wǎng)頁并相應(yīng)的對其修
改或刪除。
在圖4.2右側(cè)點選站點管理選項點擊新建直接創(chuàng)建。
12
站點創(chuàng)建
站點子文件夾
空白頁面的布局與框架的建立
太原工業(yè)學(xué)院畢業(yè)設(shè)計
圖4.2
當(dāng)站點創(chuàng)建完成時我們可以點擊前面的小+號,同時可以在其中創(chuàng)建文件夾或者
網(wǎng)頁文件。在站點中可以對文件和文件夾進行刪除、移動、復(fù)制、粘貼和重命名等等
操作。通常建議在準(zhǔn)備制作網(wǎng)頁前,按照制作者自己的構(gòu)思和對未來創(chuàng)建頁面的類型
格式布局等,在站點文件夾下建立多個子文件夾來方便保存查找資料。例如在本課題
的網(wǎng)頁制作中,站點文件夾下創(chuàng)建了素材資源、教學(xué)內(nèi)容、教學(xué)大綱、內(nèi)容概括和題
庫這5個子文件夾,建立這5個子文件夾是因為設(shè)計的需要、涵蓋的內(nèi)容和頁面的布
局等,把不同類型的素材資源、網(wǎng)頁文件分別對應(yīng)的存放到相應(yīng)文件夾中,使資源管
理器里的頁面干凈文件存放的有序,而同時又能讓制作人員快速方便的查找瀏覽。如
圖4.3:
圖4.3
4.3
在開始制作前,制作者要有明確的網(wǎng)頁規(guī)劃布局,頭腦里要清楚地知道怎樣對頁
13
太原工業(yè)學(xué)院畢業(yè)設(shè)計
面的劃分。當(dāng)構(gòu)思完畢時,即可開始制作頁面。首先我們以本課題的網(wǎng)頁制作為例,
基本網(wǎng)頁的構(gòu)成需要有標(biāo)題欄、選項欄和基本網(wǎng)頁內(nèi)容。在制作初期,需要先建立一
個表格來幫助頁面劃分,首先是標(biāo)題欄,這里我們需要一個根據(jù)網(wǎng)頁大小布局相適應(yīng)
的的框架來存放標(biāo)題的圖片素材,點擊軟件菜單欄里“插入”選項,選擇“表格”,在彈
出的對話框中對各項屬性進行修改,因為常用標(biāo)題都是一張長方形的圖片,這里我們
把表格的行、列選項都設(shè)置為一,根據(jù)頁面的布局和圖片的大小我們將此表格框架的
寬度設(shè)置為1002像素,高度設(shè)置為132像素,需要特別說明的是這里的長寬單位也
可以更改為百分比。
制作好標(biāo)題欄的框架后就可以插入已準(zhǔn)備好的素材圖片了,本網(wǎng)頁的標(biāo)題圖片是
從學(xué)校網(wǎng)站里直接截取下來的,如需想在標(biāo)題圖片里添加自己想要的文字可以使用ps
等相關(guān)圖形編輯程序,此程序除了可以對圖片進行文字添加,也可以抹去原圖中制作
者不想要的文字同時在進行替換。圖片插入后,也可對圖片進行適當(dāng)?shù)恼{(diào)整,使其填
滿對準(zhǔn)表格的邊緣。
當(dāng)制作完標(biāo)題欄后緊接著就是制作菜單欄,根據(jù)設(shè)計者的需要,在這里由于我們
把網(wǎng)頁分成了八個內(nèi)容,所以對應(yīng)的就要有八個菜單點選框。新建表格,把表格設(shè)置
為一行八列,設(shè)置好固定的列間距,長寬跟局頁面的布局分別設(shè)置為寬度1002像素,
高度37像素。此后分別給每個框架設(shè)置好背景圖片并且輸入各自對應(yīng)的文字內(nèi)容。
當(dāng)標(biāo)題和菜單欄制作完成后,就該對頁面其余空白部分進行劃分,這里的設(shè)計與
劃分完全是按照設(shè)計者的意愿來進行的,本網(wǎng)頁將其設(shè)置成一個一行三列的表格,并
在第三列加裝了兩個文本框,寬度與標(biāo)題欄一致,高度按頁面合理大小來設(shè)定,后期
再全部完成前可以根據(jù)需求及個人喜好來往里添加素材。
最后需要在頁尾設(shè)置一個尾標(biāo),操作方法與之前相同,建立一個表格設(shè)置為一行
一列即可,寬度與之前一致,高度則可以設(shè)為38像素,添加相應(yīng)的背景素材并輸入
文字就完成。
另需說明本網(wǎng)頁的菜單欄文字格式統(tǒng)一采用fontstyle1090406394-44102字體,字
體顏色統(tǒng)一設(shè)置為白色(因為背景素材為藍色的緣故,白色字體顯得更為美觀和清
晰)。
以上是網(wǎng)頁的主頁面制作全部步驟,頁面的設(shè)計與布局劃分可以千差萬別,完全
根據(jù)設(shè)計者的想法而定,圖4.4就是本網(wǎng)頁設(shè)計初步完成后的效果圖。
14
頁面基本框架
菜單欄的分類及不同欄目的內(nèi)容和意義
鏈接作用
太原工業(yè)學(xué)院畢業(yè)設(shè)計
圖4.4
4.4
4.4.1
(1)本站首頁
此鏈接的作用是方便網(wǎng)頁瀏覽者快速回到網(wǎng)站首頁,無論瀏覽用戶在此站內(nèi)任何
子網(wǎng)頁當(dāng)中,只要點選即可返回主頁。
(2)課程概括
此鏈接的作用是讓瀏覽用戶需要查看了解課程概括時,點選此鏈接可快速跳轉(zhuǎn)到
相應(yīng)子網(wǎng)頁。
(3)教學(xué)大綱
此鏈接的作用是讓需要了解并查看教學(xué)大綱的瀏覽者點選此項并能快速跳轉(zhuǎn)至
相對頁面。
(4)教學(xué)內(nèi)容
此鏈接是讓需要學(xué)習(xí)課本知識了解課程講解的瀏覽者來點選,并且會自動跳轉(zhuǎn)至
相應(yīng)界面。
(5)練習(xí)題庫
此鏈接是當(dāng)瀏覽者需要練習(xí)習(xí)題、查看題型時,點選此項能跳轉(zhuǎn)至習(xí)題頁面。
15
欄目內(nèi)容意義及制作方式
文本域?qū)傩钥?
太原工業(yè)學(xué)院畢業(yè)設(shè)計
(6)在線答疑
此鏈接的作用是當(dāng)瀏覽者需要幫助并希望相應(yīng)解答是,點此項可跳轉(zhuǎn)至在線答疑
頁面。
(7)下載專區(qū)
此鏈接是當(dāng)瀏覽用戶需要下載習(xí)題或習(xí)題答案時,此選項可跳轉(zhuǎn)至下載專區(qū)網(wǎng)頁
頁面。
(8)網(wǎng)站地圖
此鏈接主要用于引導(dǎo)訪問網(wǎng)頁的瀏覽用戶快速找到自己想訪問的頁面,點選此項
可以跳轉(zhuǎn)至網(wǎng)站地圖頁。
4.4.2
(1)本站首頁
此欄無單獨頁面和獨立內(nèi)容,其主要作用是鏈接于網(wǎng)站主頁,使瀏覽者方便快捷
的返回到網(wǎng)站的起始頁。
(2)課程概括
在制作此頁面時,需先復(fù)制開始時制作的主頁頁面,因為這樣就省去了后面每頁
對于標(biāo)題欄、菜單欄、頁面框架、頁尾等的制作步驟,在右邊資源管理器復(fù)制完網(wǎng)頁
文件后,點選開課程概括文件夾并將它粘貼至其中,接著雙擊剛剛已粘好的文件,可
以看到與主頁相同的頁面出現(xiàn)。在需要對其稍加改動,將原始空白處的表格框刪除,
也可重新設(shè)置,點選軟件菜單欄里的插入選項,將光標(biāo)移動至表單選項,點選其中的
文本區(qū)域。接著會彈出文本區(qū)域?qū)傩钥?,直接點選是不用修改,會看到文本框已經(jīng)出
現(xiàn)在頁面中。下面需要對表格進行屬性調(diào)整,將其設(shè)置為寬1002像素,高500像素,
行列屬性默認為一不變。接著點選文本框,可以看到屬性欄里“字符寬度”和“行數(shù)”
選項,“字符寬度”的意思是在一行里最多容納的字數(shù)的限制,“行數(shù)”的意思類似于
表格高度,將其分別設(shè)置為140和60。如圖4.5:
圖4.5
16
課程概括
太原工業(yè)學(xué)院畢業(yè)設(shè)計
在屬性欄里還可以看見“類型”的選項,此選項最能體現(xiàn)表單的作用,其中“類
型”里有三個選擇分別是單行、多行和密碼,選擇多行按鈕可以看到下面初始值里會
出現(xiàn)頁面滾動條,表單包括其初始值得設(shè)置一般用于表格的填寫、問卷調(diào)查,這里是
利用其特性來制作網(wǎng)頁內(nèi)容。在初始之中,將事先準(zhǔn)備好的課程概括內(nèi)容粘貼進去,
特別提醒由于表單的特性而不能直接粘貼至頁面,必須粘至初始值框架里才可以???
以看到如圖4.6,文章內(nèi)容已經(jīng)出現(xiàn)在了頁面上,并且配有獨立的頁面滾動條方便用
戶操作瀏覽。
圖4.6
課程概括欄目的意義:
此欄目是為了讓學(xué)生大致了解不同課程所要講述的知識和知識點,方便學(xué)生有效
迅速的找到需要學(xué)習(xí)的課程,省去翻書查找目錄等繁瑣的步驟,極大提高了學(xué)生學(xué)習(xí)
的便捷。
(3)教學(xué)大綱
此欄的網(wǎng)頁頁面制作步驟與課程概括可謂如出一轍,包括頁面的粘貼,表單文本
區(qū)域的設(shè)置,內(nèi)容的填寫方式以及類型的選擇等等,再次不做過多說明。
本欄目設(shè)置的意義在于方便教師查看教學(xué)大綱,在瀏覽網(wǎng)頁的同時可以邊看課題
內(nèi)容邊查閱大綱,脫離紙質(zhì)教材的束縛,習(xí)題內(nèi)容大概可以同時在此站點查詢,同時
學(xué)生也可了解大綱內(nèi)容,對今后的學(xué)習(xí)予以規(guī)劃,確定學(xué)習(xí)的路線和方向。
(4)教學(xué)內(nèi)容
本欄所包含的大多是課本內(nèi)容,只是以電子閱覽的方式呈現(xiàn)。在做此子頁面的同
17
課程鏈接
太原工業(yè)學(xué)院畢業(yè)設(shè)計
時,也需復(fù)制主頁文件至其教學(xué)內(nèi)容子文件夾內(nèi)(可以單獨拷貝一個文件保存下來方
便后續(xù)頁面的制作),與教學(xué)大綱和課程概括的制作方式不同在于,需要對空白頁表
格進行屬性設(shè)置而不用在添加表單的文本框。這里需要設(shè)置表格框架行列屬性為一行
兩列,因為后面要做頁面內(nèi)容里左側(cè)為文字超級鏈接、右側(cè)為相對應(yīng)的文字內(nèi)容格式。
在設(shè)置好表格框架屬性后,用鼠標(biāo)拉選中間的框架分割線往左側(cè)移動(也可直接在框
架屬性欄里輸入數(shù)據(jù)設(shè)置),給右面對應(yīng)內(nèi)容區(qū)域留下足夠的空間。全部完成后就可
以在左側(cè)第一列里輸入想對應(yīng)的課程題目,本網(wǎng)頁有六個課程題目分別是:第二章 投
影基本知識及點的投影、第三章 直線的投影、第四章 平面的投影、第五章 直線與
平面,平面與平面的相對位置、第六章 投影變換和第七章 基本立體的投影及表面交
線。如圖4.7:
圖4.7
完成此項輸入后,需將此頁面保存并復(fù)制留以其他鏈接所用。由于此欄包括六章
內(nèi)容,所以需要分別粘出六個子網(wǎng)頁文件,加上此欄主頁一共七個子頁面。首先對第
一個子網(wǎng)頁命名為“第二章 投影基本知識點及點的投影”(其余子網(wǎng)頁也按照順序先
后命名,此欄主頁面也可直接命名為“主”)方便后續(xù)點選修改。其次點進第二章所
屬的網(wǎng)頁文件內(nèi),對右側(cè)章節(jié)內(nèi)容區(qū)域進行文字圖形內(nèi)容的填寫。本欄目里的文字圖
形都是根據(jù)課本內(nèi)容進行填寫的,沒有全篇引用,而是著重挑選最主要的文字、概念、
公式及個別例題,以上內(nèi)容均為手打,二維圖形均采用AutoCAD繪制前篇也有大概的
繪制講解。
對第二張的內(nèi)容輸入完畢后即可按相同方式分別對之后的三、四、五、六、七章
進行內(nèi)容鍵入,每章節(jié)對應(yīng)的網(wǎng)頁內(nèi)容完成后記得保存,避免操作失誤或者不可抗因
18
太原工業(yè)學(xué)院畢業(yè)設(shè)計
素導(dǎo)致數(shù)據(jù)丟失。
本欄目設(shè)定的主要意義在于方便學(xué)生可以脫離紙質(zhì)教材的情況下進行系統(tǒng)的學(xué)
習(xí),由于章節(jié)內(nèi)容全部出自于原版紙質(zhì)教材,不會出現(xiàn)教、學(xué)不一致的情況,在者本
欄里的內(nèi)容大都是經(jīng)過精心挑選,主要抓住的都是重要的知識點及圖示,拋開省去了
不必要的文字注釋以及難懂只用做到了解即可的內(nèi)容,讓學(xué)生能直觀的看到一個章節(jié)
里的中心內(nèi)容,核心知識,加大學(xué)生學(xué)習(xí)的動力,提高學(xué)習(xí)的興趣,而且最為主要的
是大大縮短了學(xué)習(xí)的時間,提高效率。讓學(xué)生不在課堂也能學(xué)習(xí)理解課本知識。
(在完成全部的章節(jié)內(nèi)容輸入后,需要做的就是超級鏈接的設(shè)定,此處不做講解,
在后面的章節(jié)會有演示。)
(5)練習(xí)題庫
此欄開始頁面的制作步驟與前一欄“教學(xué)內(nèi)容”一致,甚至也可直接復(fù)制上一欄
的主頁面來使用。在布局方面,也是要左面為不同章節(jié)文字鏈接,右面為不同章節(jié)對
應(yīng)的相關(guān)內(nèi)容。表格框架的屬性設(shè)定也都是一行一列,高寬與之前相同。
此頁面內(nèi)的所有題型及例題資源大多是從網(wǎng)上查閱以及各式畫法幾何習(xí)題庫等
查找而來,經(jīng)過篩選總結(jié)后,分類至各個相應(yīng)章節(jié)之中,大多是很具有代表性的題型,
基本能掛靠住每個章節(jié)的各個知識點。
此欄設(shè)定的主要意義在于方便學(xué)生去做對應(yīng)的習(xí)題練習(xí),在之前的幾個欄目中分
別有讓學(xué)生對課程內(nèi)容的了解以及對課本內(nèi)容知識點的學(xué)習(xí)。在學(xué)習(xí)過后需要對每個
知識點進行消化,就可以利用本題庫進行特定的章節(jié)內(nèi)容以及相關(guān)知識點所對應(yīng)的題
集進行練習(xí)。邊學(xué)邊練無疑極大的鞏固了學(xué)生對知識點的認知,讓學(xué)生吃透每一個章
節(jié)的每一部分內(nèi)容。與此同時,也減去了學(xué)生在學(xué)習(xí)后,去購買習(xí)題冊,翻閱紙質(zhì)習(xí)
題查找對應(yīng)點的不必要步驟。現(xiàn)是初步規(guī)劃習(xí)題的內(nèi)容和涵蓋,在今后不斷地對網(wǎng)頁
的開發(fā)和升級上將會有更多更好更精確的題型出現(xiàn)在此網(wǎng)頁上。
(6)在線答疑
在做此欄目網(wǎng)頁內(nèi)容時,需要做大量準(zhǔn)備工作,因為其不同于前幾個欄的制作,
在這一環(huán)節(jié)主要是表單的制作及各種單選復(fù)選框的運用。首先,在內(nèi)容框架上需要刪
除之前復(fù)制來的頁面框架,然后點選菜單里的“插入”選項,從中找到表單選項,點
出表單框會先彈出其基本屬性設(shè)置框,這里不用進行設(shè)置直接點擊確定即可,可以看
到出現(xiàn)一個空白的表單框。
接下來需要在表單框里添加一個新的表格,將其設(shè)置為10行2列的格式,高度
19
單選按鈕
列表值
太原工業(yè)學(xué)院畢業(yè)設(shè)計
設(shè)定為500像素,寬度設(shè)置為1002像素,可以看出基本表格形式出現(xiàn),這里我們也
需要將分割線向左拖動至適當(dāng)?shù)奈恢?。然后在第一行第二列里輸入“在線答疑”四個
字,并點選第一行的兩個框架右鍵選擇合并文本框?qū)⑺鼈兒喜?,之后可以適當(dāng)調(diào)整字
間距以示美觀。
后在第二行第一列里輸入漢字“姓名”,在第二列里需要插入一個“文本字段”,
按順序在第三行里輸入性別 ,同樣在其對應(yīng)的第二列里點選出兩個單選按鈕,分別
在其后打上“男”、“女”,現(xiàn)點選第一個單選按鈕將其屬性面板里的選定值改為“男”,
這么做是因為每當(dāng)有用戶點選此按鈕時,就會默認為是選擇“男”這個選項。同理,
第二個按鈕也需要進行同樣的設(shè)置,區(qū)別在于選定值需改為“女”。在其單選框的屬
性面板中也可看到“初始狀態(tài)”中有“已勾選”和“未選中”兩個按鈕,當(dāng)把“男”
所屬的單選按鈕屬性面板里的已勾選選中后,會發(fā)現(xiàn)在表單初始狀態(tài)下是會自動選定
性別“男”這個單選按鈕的。如圖4.8:
圖4.8
當(dāng)完成單選按鈕時,進行下一步設(shè)定。在第四行第一列里輸入“系部專業(yè)”,并
在對應(yīng)列里添加一個“列表/菜單”并對其進行設(shè)置。首先點擊它打開的屬性面板,
點選其中的“列表值”選項并對里面相應(yīng)內(nèi)容進行添加,如“機械工程系”、“設(shè)計藝
術(shù)系”、“自動化系”等。如圖4.9:
圖4.9
20
太原工業(yè)學(xué)院畢業(yè)設(shè)計
設(shè)置完成后點選他就會出現(xiàn)一個下拉菜單式的選項,方便而又美觀。
接著一行我們需要輸入的是“聯(lián)系方式”,與其對應(yīng)的第二列里只需要添加一個
文本字條即可。下面一行輸入“年級”,對應(yīng)的列里添加“列表/菜單”框,其設(shè)置與
之前的“系部專業(yè)”對應(yīng)框設(shè)置類似,需要變動的只是列表值里的文字,分別鍵入“大
一”、“大二”、“大三”、“大四”并點擊確定按鈕即可。
第七行里,輸入漢字“問題”,并在與之對應(yīng)的第二列里添加“復(fù)選框”。復(fù)選框
選項在軟件快捷欄里“單選按鈕”的前面,其設(shè)置與“單選按鈕”十分類似。本網(wǎng)頁
制作創(chuàng)建了四個復(fù)選按鈕,與其相對應(yīng)的分別是“公式概念不理解”、“疑難題型不會
解”、“缺少學(xué)習(xí)方法”和“其他”。之后要做的就是分別把每個復(fù)選框?qū)傩悦姘謇锏?
選定值改為與其相對應(yīng)的文字,而后點擊確定即可。
第八行需要輸入的是“備注說明”,此欄目的是在求助者需要表達自己想法意思包
括各類題型時所用的到的。在其對應(yīng)的第二列里插入一個文本區(qū)域,將文本區(qū)域里的
類型設(shè)置為多行,字符寬度設(shè)置為70,行數(shù)設(shè)置為3行。并在初始值中鍵入“此處需
填寫問題和要求,疑難題型和詳細說明”字樣,每當(dāng)有瀏覽者訪問此頁并想要在框架
里填寫問題時,可以刪除之前作者留下的字樣或提示。并且字數(shù)限制于格式也相對夠
用。
在最后一行里需要點出軟件快捷選項欄里的“按鈕”選項,并點選兩次,可以看
到的是出現(xiàn)了兩個按鈕選項,其默認文字為提交。在這里先將最后一行的兩列合并為
一列,再將兩個按鈕居中,然后分別對其進行設(shè)置。首先點擊一個按鈕選框改名為“確
定提交”,將第二個改名為“重新填寫”(改名選項在其屬性面板里操作),在者將“確
定提交”按鈕屬性面板里的動作勾選為“提交表單”,將“重新填寫”屬性面板里的
動作勾選為“重設(shè)表單”,這樣在設(shè)置好之后,當(dāng)點擊“提交表單”時網(wǎng)頁會自動發(fā)
出表單,在點擊“重設(shè)表單”時網(wǎng)頁會重置表單內(nèi)容并讓使用者可以重新填寫。
最后選中表單,在屬性框中找到動作條并輸入所指定的郵箱地址,這樣在此后每
當(dāng)有用戶提交表單時,整個表單信息就會以郵件的形式自動發(fā)送,以下為表單制作完
成后的效果圖。如圖4.10:
21
表單效果
太原工業(yè)學(xué)院畢業(yè)設(shè)計
圖4.10
此欄設(shè)定的主要意義在于,幫助學(xué)生解決學(xué)習(xí)上的難題問題,在通過本網(wǎng)頁進行
學(xué)習(xí)的過程中,遇到難懂的知識點,不會解答的習(xí)題等都可以使用此功能來尋求幫助。
另外一個好處就是在課外沒有老師輔導(dǎo)情況下,可以通過此功能解答一切學(xué)習(xí)上遇到
的困難??傊菍W(xué)生自主學(xué)習(xí)時不可獲取的一項功能。
(7)下載專區(qū)
本欄的作用主要是給師生提供各式習(xí)題的下載資源。在頁面制作與頁面劃分上并
無特點,只需采取表格單行兩列并將習(xí)題資源排列放置即可,左邊的章節(jié)文字展開欄
也和之前的幾個欄目一致,做好超級鏈接后,學(xué)生只需點擊即可下載相應(yīng)資料。
設(shè)定此欄的意義在于能夠給教師或者學(xué)生提供大量的電子習(xí)題素材,省去了購買
和查閱資料的時間,極大地方便了學(xué)生對習(xí)題的查找。還因為網(wǎng)頁頁面的限制,使得
網(wǎng)頁制作者不可能大篇幅的而又得保證習(xí)題涵蓋知識點很廣的情況下放置習(xí)題集,同
樣,大篇幅的練習(xí)題也會使得頁面看起來雜亂無章,無形中增加了學(xué)生查找習(xí)題的難
度,使得題庫變得毫無意義。因此,除了在題庫中例舉一定數(shù)量的習(xí)題外,此欄的主
要作用就是放置各對應(yīng)章節(jié)的大量題型,題集一般采取壓縮包格式,配有對應(yīng)章節(jié)列
表并明確標(biāo)注題集內(nèi)容,使得用戶在瀏覽頁面時能輕松、便捷的查找到所需要的資料。
另本欄中除了包含有各練習(xí)題的下載,還提供題庫里對應(yīng)章節(jié)習(xí)題的答案下載,其功
能和用途十分有效。
(8)網(wǎng)站地圖
此欄作用是幫助訪問者快速找到所需要的頁面,在制作上較為簡單,只需設(shè)定幾
個超級鏈接即可,當(dāng)用戶需要找尋某一指定頁面時,從中可直接點選并跳轉(zhuǎn)至用戶指
22
超級鏈接與測試鏈接有效性
超級鏈接
太原工業(yè)學(xué)院畢業(yè)設(shè)計
定當(dāng)前頁。
此欄的意義及用途在于極大便利了用戶在訪問網(wǎng)頁期間,挨個點選查找所需頁面
的時間,其能使用戶輕松便捷的找到所需的頁面并且較為直觀、清晰的展現(xiàn)整個網(wǎng)頁
的劃分與布局,給每個訪問用戶提供便利。
4.5
在做好了各個欄目的子網(wǎng)頁以及各章節(jié)對應(yīng)的子網(wǎng)頁后,需要進行超級鏈接的操
作,特別需要注意的是,每個子網(wǎng)頁的每個需要做鏈接的文字、欄目都需要逐一去鏈,
如果其中一個環(huán)節(jié)漏掉了鏈接,都會使用戶在訪問網(wǎng)頁的過程中遇到“無法鏈接服務(wù)
器”的情況,因此,制作時一定要仔細認真,最后還要逐一檢查鏈接的有效性。
制作鏈接的方法很簡單,但是工作量較大而又很容易出錯,在此以網(wǎng)頁菜單欄里
“在線答疑”欄目為例,用鼠標(biāo)選中欄目里“在線答疑”四個字,同時可以看到下方
屬性欄里有鏈接字樣,這里制作鏈接有兩個方法,第一種就是點選屬性欄鏈接字樣旁
的文件夾圖標(biāo),從中找到所需要鏈接的網(wǎng)頁或文件。還一種方法就是點選另一個像瞄
準(zhǔn)器一樣的標(biāo)識,按住鼠標(biāo)左鍵不放并將其拖動到右側(cè)資源管理器中你想要鏈接的網(wǎng)
頁上,如圖4.11所示,點選鏈接圖標(biāo)并按住鼠標(biāo)左鍵不放將其箭頭拖動到右側(cè)資源管
理器中“課程”網(wǎng)頁文件上
圖4.11
之后可以看到鏈接框里顯示的是已成功鏈接到的文件地址與名稱。
23
太原工業(yè)學(xué)院畢業(yè)設(shè)計
如此做法將每個子頁面中需要鏈接的內(nèi)容逐一
收藏
編號:3988735
類型:共享資源
大?。?span id="jxd6oon" class="font-tahoma">1MB
格式:ZIP
上傳時間:2019-12-27
40
積分
- 關(guān) 鍵 詞:
-
畫法幾何
多媒體
數(shù)據(jù)庫
建立
樹立
- 資源描述:
-
《畫法幾何》多媒體數(shù)據(jù)庫的建立,畫法幾何,多媒體,數(shù)據(jù)庫,建立,樹立
展開閱讀全文
- 溫馨提示:
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)容負責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
裝配圖網(wǎng)所有資源均是用戶自行上傳分享,僅供網(wǎng)友學(xué)習(xí)交流,未經(jīng)上傳用戶書面授權(quán),請勿作他用。