個(gè)人網(wǎng)站設(shè)計(jì)論文[共18頁(yè)]

上傳人:1528****253 文檔編號(hào):40089587 上傳時(shí)間:2021-11-13 格式:DOC 頁(yè)數(shù):18 大?。?60.34KB
收藏 版權(quán)申訴 舉報(bào) 下載
個(gè)人網(wǎng)站設(shè)計(jì)論文[共18頁(yè)]_第1頁(yè)
第1頁(yè) / 共18頁(yè)
個(gè)人網(wǎng)站設(shè)計(jì)論文[共18頁(yè)]_第2頁(yè)
第2頁(yè) / 共18頁(yè)
個(gè)人網(wǎng)站設(shè)計(jì)論文[共18頁(yè)]_第3頁(yè)
第3頁(yè) / 共18頁(yè)

下載文檔到電腦,查找使用更方便

12 積分

下載資源

還剩頁(yè)未讀,繼續(xù)閱讀

資源描述:

《個(gè)人網(wǎng)站設(shè)計(jì)論文[共18頁(yè)]》由會(huì)員分享,可在線閱讀,更多相關(guān)《個(gè)人網(wǎng)站設(shè)計(jì)論文[共18頁(yè)](18頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、 合肥經(jīng)濟(jì)技術(shù)職業(yè)學(xué)院 畢業(yè)設(shè)計(jì)論文 ( 2011 — 2012 學(xué)年) 論文(設(shè)計(jì))題目_____________________________________ 院 系 名 稱(chēng)___________________________________ 專(zhuān) 業(yè) 班 級(jí)______________________________________ 學(xué) 生 姓 名______________________________________ 學(xué) 號(hào)____________________________________

2、__ 指 導(dǎo) 教 師______________________________________ 日期 2012年 月 日 目 錄 摘 要 3 引 言 4 第一章 網(wǎng)站制作的基礎(chǔ)知識(shí) 5 1.1建站工具 5 1.2網(wǎng)站建設(shè)的三個(gè)階段 5 1.3網(wǎng)站設(shè)計(jì)步驟 5 第二章 制作網(wǎng)頁(yè) 7 2.1 建立站點(diǎn) 7 2.2 制作首頁(yè) 7 2.2.1 頁(yè)面設(shè)置 7 2.2.2 網(wǎng)頁(yè)布局 8 2.2.3 插入圖像 9 2.2.4 插入多媒體 9 2.2.5插入文本 10 2.3 建立子網(wǎng)頁(yè)

3、 10 第三章 網(wǎng)頁(yè)鏈接 11 3.1文本鏈接 11 3.2圖像鏈接 12 3.3郵件鏈接 12 3.4錨點(diǎn)鏈接 12 第四章 HTML語(yǔ)言 14 4.1HTML語(yǔ)言結(jié)構(gòu) 14 4.2 網(wǎng)頁(yè)的基本代碼 14 4.3表格的基本語(yǔ)法 15 4.4超鏈接代碼 15 第五章 網(wǎng)站維護(hù)和測(cè)試 16 總 結(jié) 17 參考文獻(xiàn) 18 摘 要 隨著經(jīng)濟(jì)社會(huì)的發(fā)展,計(jì)算機(jī)已被應(yīng)用到社會(huì)生活的各個(gè)領(lǐng)域。與此同時(shí),互聯(lián)網(wǎng)作為信息技術(shù)的通信橋梁連接著全球的計(jì)算機(jī),而網(wǎng)站作為網(wǎng)絡(luò)信息主要的表現(xiàn)形式而且還是互聯(lián)網(wǎng)信息的主要承載者,在Internet上表現(xiàn)出其及

4、其重要的地位,并發(fā)揮著其及其重要的作用。無(wú)論是在國(guó)內(nèi)還是國(guó)外都得以迅速的發(fā)展和壯大,并被人們重視和關(guān)注?;ヂ?lián)網(wǎng)已經(jīng)徹底的改變了世界,互聯(lián)網(wǎng)的世界里蘊(yùn)藏著無(wú)限的可能,在這種情況下,各行各業(yè)及其個(gè)人、單位、工廠、企事業(yè)等等在網(wǎng)上構(gòu)筑屬于自己的網(wǎng)絡(luò)信息平臺(tái),保護(hù)自己的網(wǎng)絡(luò)資源并在互聯(lián)網(wǎng)上開(kāi)辟自己的市場(chǎng)和消費(fèi)群體,以及構(gòu)造自己的數(shù)字化世界和加強(qiáng)全球范圍內(nèi)不同地域的人們聯(lián)系交流等等活動(dòng)也就顯的日益重要。于是各種各樣的網(wǎng)站便如雨后春筍般地出現(xiàn)魚(yú)龍混雜且良莠不齊。Internet的日益興起和以網(wǎng)頁(yè)為載體的網(wǎng)絡(luò)信息的廣泛傳播和應(yīng)用,使得網(wǎng)站的建設(shè)及網(wǎng)頁(yè)制作得到發(fā)展的空間,大至大型企業(yè)的產(chǎn)品推銷(xiāo)、售后服務(wù)、解決

5、方案,小至個(gè)人Web頁(yè)面開(kāi)發(fā),形形色色,五彩繽紛,網(wǎng)站建設(shè)和網(wǎng)頁(yè)制作也成為計(jì)算機(jī)網(wǎng)絡(luò)領(lǐng)域最熱門(mén)的話題。 基于如今社會(huì)的需要,本論文主要介紹怎樣制作一個(gè)靜態(tài)的個(gè)人網(wǎng)站。并且在建立個(gè)人網(wǎng)站的過(guò)程中逐漸理解和加強(qiáng)大學(xué)這幾年所學(xué)習(xí)的關(guān)于制作網(wǎng)站的各種知識(shí)點(diǎn)。在我個(gè)人的理解中,制作一個(gè)具有特色的個(gè)人網(wǎng)站,能夠有自己的個(gè)性和特點(diǎn)。這樣才能吸引人。只有一個(gè)目標(biāo),那就是做好自己。 關(guān)鍵詞: 個(gè)人 設(shè)計(jì) 網(wǎng)站 引 言 人類(lèi)已進(jìn)入21世紀(jì),科學(xué)技術(shù)突飛猛進(jìn),經(jīng)濟(jì)知識(shí)和信息產(chǎn)業(yè)初見(jiàn)端倪,特別是信息技術(shù)和網(wǎng)絡(luò)技術(shù)的訊速發(fā)展和廣泛應(yīng)用,對(duì)社會(huì)的政治,經(jīng)

6、濟(jì),軍事,文化等領(lǐng)域產(chǎn)生越來(lái)越深刻的影響,也正在改變?nèi)藗兊墓ぷ?生活學(xué)習(xí),交流方式。信息的獲取,處理,交流和應(yīng)用能力,已經(jīng)成為人們最重要的能力之一。 在不久的將來(lái)知識(shí)經(jīng)濟(jì)將占世界經(jīng)濟(jì)發(fā)展的主導(dǎo)地位,國(guó)家綜合國(guó)力和國(guó)際競(jìng)爭(zhēng)能力越來(lái)越取決于教育發(fā)展,科學(xué)技術(shù)和知識(shí)創(chuàng)新的水平,教育在經(jīng)濟(jì)和社會(huì)發(fā)展過(guò)程中將呈現(xiàn)出越來(lái)越突出的重要作用。 隨著Internet的出現(xiàn),網(wǎng)絡(luò)正在改變整個(gè)世界,由于Internet具有傳播信息容量極大、形態(tài)多樣、迅速方便、全球覆蓋、自由和交互的特點(diǎn),已經(jīng)發(fā)展成為新的傳播媒體,而將教育和網(wǎng)絡(luò)相結(jié)合,將會(huì)更好的推動(dòng)教育的發(fā)展?,F(xiàn)在不僅很多大學(xué)和眾多企業(yè)部門(mén)都已經(jīng)建立了自己的網(wǎng)站

7、,而且個(gè)人網(wǎng)站也如雨后春筍般大量的出現(xiàn),通過(guò)計(jì)算機(jī)網(wǎng)絡(luò)實(shí)現(xiàn)宣傳、交流及資源的整合 第一章 網(wǎng)站制作的基礎(chǔ)知識(shí) 1.1建站工具 編輯網(wǎng)頁(yè)的工具有很多,但是我們一般用的是Macromedia公司的網(wǎng)頁(yè)制作三劍客來(lái)制作網(wǎng)頁(yè)。三劍客分別為Dreamweaver CS3、fireworks、flash。 1.2網(wǎng)站建設(shè)的三個(gè)階段 (1)、網(wǎng)站的定位 即網(wǎng)站設(shè)計(jì)的最終目標(biāo)及指導(dǎo)方針。確立網(wǎng)站的主題,解決為誰(shuí)設(shè)計(jì)、吸引誰(shuí),交流什么。 (2)、制作網(wǎng)頁(yè) 通過(guò)網(wǎng)頁(yè)設(shè)計(jì)體現(xiàn)網(wǎng)站整體協(xié)調(diào)一致的風(fēng)格。網(wǎng)站的色彩基調(diào)、配色方案、頁(yè)面色彩的格調(diào)、頁(yè)面構(gòu)圖及圖片、

8、動(dòng)畫(huà)的處理等都要反復(fù)研究。方便的導(dǎo)航設(shè)計(jì)使用戶易于訪問(wèn)站點(diǎn)中的資源。 (3)、網(wǎng)站的發(fā)布與維護(hù) 完成對(duì)網(wǎng)站所有文件的測(cè)試并上傳到服務(wù)器,進(jìn)行網(wǎng)站的推廣和宣傳,建立信息的收集反饋系統(tǒng),及時(shí)更新網(wǎng)頁(yè)。 1.3網(wǎng)站設(shè)計(jì)步驟 (1)、設(shè)定網(wǎng)站主題并搜集資料 分析網(wǎng)站的訪問(wèn)對(duì)象是什么樣的群體,確定網(wǎng)站要為訪問(wèn)者提供什么樣的服務(wù)。圍繞網(wǎng)站設(shè)計(jì)要達(dá)到的目標(biāo),進(jìn)一步?jīng)Q定網(wǎng)站展示的內(nèi)容和網(wǎng)站要實(shí)現(xiàn)的功能。 (2)、建立站點(diǎn)的目錄結(jié)構(gòu) 用來(lái)分類(lèi)保存網(wǎng)站中的不同的資源,精心設(shè)計(jì)的網(wǎng)站目錄結(jié)構(gòu)有利于網(wǎng)站類(lèi)容的擴(kuò)充和移植需要。很多初學(xué)者往往不注意建立站點(diǎn)的目錄結(jié)構(gòu),所有的文件都保存在一個(gè)目錄中,這給今后的

9、網(wǎng)站維護(hù)和擴(kuò)充帶來(lái)了很大的困難。例如,files保存非index之外是文件,images保存圖片文件,sounds保存聲音文件等等。 (3)、建立網(wǎng)頁(yè)的鏈接關(guān)系 網(wǎng)頁(yè)的鏈接結(jié)構(gòu)要層次清晰、訪問(wèn)方便快捷,就要設(shè)計(jì)網(wǎng)站中網(wǎng)頁(yè)的鏈接關(guān)系。用最少的點(diǎn)擊打開(kāi)網(wǎng)站內(nèi)的任何一個(gè)網(wǎng)頁(yè),為用戶提供最便捷的服務(wù)。 (4)、頁(yè)面設(shè)計(jì)與網(wǎng)頁(yè)制作 網(wǎng)站圖標(biāo)、網(wǎng)頁(yè)標(biāo)題、導(dǎo)航欄設(shè)計(jì)、各頁(yè)風(fēng)格、頁(yè)面規(guī)劃、便捷的鏈接、合理使用框架、巧用背景色、合適的圖片、網(wǎng)頁(yè)空白。 (5)、網(wǎng)站測(cè)試 已經(jīng)建好的一個(gè)設(shè)計(jì)精美的網(wǎng)站在發(fā)布之前要進(jìn)行嚴(yán)格的測(cè)試。如果在測(cè)試過(guò)程中發(fā)現(xiàn)了錯(cuò)誤,就要及時(shí)修改,在準(zhǔn)確無(wú)誤后,可正式在Intern

10、et上發(fā)布。 (6)、網(wǎng)站發(fā)布 把制作好的網(wǎng)站發(fā)布到自己的服務(wù)器系統(tǒng)上,也可以使用上傳工具把網(wǎng)站發(fā)布到ISP提供的虛擬主機(jī)上。在國(guó)外或國(guó)內(nèi)網(wǎng)站提供免費(fèi)的主頁(yè)空間和域名,上傳后就可以使用瀏覽器訪問(wèn)自己的網(wǎng)站了 (7)、推廣宣傳與后期維護(hù) 網(wǎng)頁(yè)上傳后,及時(shí)更新網(wǎng)站內(nèi)容,為瀏覽者提供豐富、及時(shí)的信息。網(wǎng)頁(yè)的更新速度是衡量一個(gè)網(wǎng)站的主要目標(biāo)。同時(shí)為了增加網(wǎng)站的訪問(wèn)量,要采用各種方法加以推廣。例如在搜索引擎上注冊(cè),發(fā)布網(wǎng)絡(luò)廣告提供免費(fèi)服務(wù)或者使用傳統(tǒng)的促銷(xiāo)媒介等等方式來(lái)推廣網(wǎng)站。 第二章 制作網(wǎng)頁(yè) 2.1 建立站點(diǎn) 選擇“

11、站點(diǎn)”,單擊“管理站點(diǎn)”,單擊“新建”,選擇站點(diǎn)。如圖(2—1): 圖2—1 在按上圖完成所填部分,在面板組就會(huì)出現(xiàn)站點(diǎn)等文件夾了。在右邊的面板組中選擇“站點(diǎn)”文件名,右擊“新建文件”,命名為“index”,完成首頁(yè)的命名。 2.2 制作首頁(yè) 2.2.1 頁(yè)面設(shè)置 首先雙擊“index.html”,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域,在菜單中選擇“頁(yè)面屬性”,之后彈出“頁(yè)面屬性”對(duì)話框,若選擇主菜單“修改/頁(yè)面屬性”項(xiàng),也可以把打開(kāi)該對(duì)話框。在“頁(yè)面屬性”對(duì)話框中,左側(cè)窗口顯示“分類(lèi)”,其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)

12、,右側(cè)區(qū)域則顯示各類(lèi)中可以設(shè)置的項(xiàng)目。首頁(yè)設(shè)置的屬性如圖(2—2)所示: 圖2—2 2.2.2 網(wǎng)頁(yè)布局 在網(wǎng)頁(yè)布局中一般采用表格來(lái)進(jìn)行布局。下面簡(jiǎn)單介紹下表格的布局方式。通過(guò)單擊“插入”面板中的“常用”選項(xiàng)中的“表格”來(lái)打開(kāi)“表格”對(duì)話框,對(duì)話框可分為“表格大小”、“頁(yè)眉”、“輔助功能”三部分。對(duì)表格的各項(xiàng)屬性設(shè)置如圖(2—3)所示: 圖2—3 2.2.3 插入圖像 圖像是網(wǎng)頁(yè)中不可或缺的組成成份,恰當(dāng)?shù)厥褂脠D像,可以使網(wǎng)站充滿生活生命力與說(shuō)服力,吸引更多的瀏覽者,加深他們欣賞你網(wǎng)站的意愿。首先將游標(biāo)停留在要插入圖像的位置,通過(guò)單擊“常用”欄中的“圖像”的下拉按鈕,單擊第

13、一個(gè)“圖像”按鈕,隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件。如圖(2—4)所示: 圖2—4 2.2.4 插入多媒體 將光標(biāo)移到要插入Flash動(dòng)畫(huà)的位置,選擇“插入”面板中的“常用”選項(xiàng)卡單擊“媒體”右側(cè)的命令,再單擊第一個(gè)“Flash”選項(xiàng)。再?gòu)拇蜷_(kāi)選擇文件對(duì)話框中選擇你所需要的Flash動(dòng)畫(huà)(*.swf),調(diào)整Flash 動(dòng)畫(huà)的大小,既可以手動(dòng)調(diào)整,也可以在下面的屬性里添上我自己事先設(shè)置好的大小,如圖(2—5)所示,在瀏覽器中,F(xiàn)lash動(dòng)畫(huà)才可以被看到,要想看看效果的話,只有按F12預(yù)覽下。 圖2—5 2.2.5插入文本 文字是人類(lèi)語(yǔ)言最

14、基本的表達(dá)方式,在網(wǎng)頁(yè)中,文本內(nèi)容也可以說(shuō)是重要的組成部分,它是最關(guān)鍵的因素。插入文本的兩種方式:一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本;另一種是復(fù)制文本的方式。直接使用Dreamweaver的文本復(fù)制功能,將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作,具體步驟如下:打開(kāi)文本編輯軟件(如Microsoft Word),選中要復(fù)制的文本,執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C,之后切換回Dreamweaver,將游標(biāo)停留在插入文本的位置,執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。 2.3 建立子網(wǎng)頁(yè) 制作子網(wǎng)頁(yè)的一般步

15、驟和首頁(yè)的步驟差不多。如果說(shuō)你的首頁(yè)中有標(biāo)題的話,那么在子網(wǎng)頁(yè)中也一定要和首頁(yè)的位置是一樣的。在子網(wǎng)頁(yè)中一般需要大量的文字?jǐn)⑹龌蛘邎D片,這就需要做好細(xì)節(jié)工作了。 第三章 網(wǎng)頁(yè)鏈接 網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的,那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢?這就是本章要講的內(nèi)容----網(wǎng)頁(yè)的“鏈接”。“鏈接”,又稱(chēng)“超鏈接",它作為網(wǎng)頁(yè)的橋梁。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver 中,如果以“鏈接”的媒介來(lái)劃分的話,則“鏈接”可以分為“文本鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”,共8種

16、。下面我所介紹將是在本網(wǎng)站中所能用到的鏈接方式。 3.1文本鏈接 “文字鏈接”即以文字作為媒介的鏈接,它是網(wǎng)頁(yè)中最常被使用的鏈接方式,具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。接下來(lái)結(jié)合我的個(gè)人網(wǎng)站為實(shí)例,來(lái)講解如何為文字建立“鏈接”。 將已經(jīng)制作完成的首頁(yè)的各個(gè)子網(wǎng)頁(yè)準(zhǔn)備好。在Dreamweaver 中打開(kāi)首頁(yè),之后反白選取作為“鏈接”的文字。觀察“屬性面板”,其中包括一個(gè)“鏈接”文本框和“目標(biāo)”文本框。接下來(lái)需要把鏈接的位址加入到文本框中。 在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表,從中可以選擇鏈接網(wǎng)頁(yè)顯示的窗口方式,共有4種。(“目標(biāo)”文本框有四個(gè)選項(xiàng)。分別為-blank 、-

17、parent 、-self或 top。)點(diǎn)擊“blank”表示鏈接目標(biāo)出現(xiàn)在新打開(kāi)的窗口。還可以設(shè)置一些“鏈接”的屬性,單擊“屬性面板”中的“頁(yè)面屬性”,選擇其中的“鏈接”分類(lèi),可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問(wèn)鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。至此,第1個(gè)欄目的鏈接就制作完畢了,按下Ctrl+S保存網(wǎng)頁(yè),再按下F12預(yù)覽,測(cè)試一下,當(dāng)鼠標(biāo)放在你所鏈接的文字上時(shí)將變成手形,并且瀏覽器窗口下面的狀態(tài)區(qū)中會(huì)顯示鏈接到的網(wǎng)頁(yè)的位址,單擊文字,頁(yè)面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中,這表示鏈接已經(jīng)制作成功了。 3.2圖像鏈接 “圖像”也是常被使用

18、的鏈接媒體,它和“文字鏈接”非常相似。為圖像加入鏈接,首先應(yīng)該在網(wǎng)頁(yè)中插入“圖像”,有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容,接下來(lái)以我的網(wǎng)站為例,講解如何建立“圖像鏈接”。 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面在Dreamweaver中打開(kāi)網(wǎng)站的首頁(yè),之后選取要制作“鏈接”的圖像。觀察“屬性面板”,在“鏈接”文本框中輸入鏈接的文字位址。如果有需要,可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁(yè)顯示的窗口方式,分別為-blank 、-parent 、-self或 top。至此,第1個(gè)欄目的圖像鏈接就制作完畢了,按下Ctrl+S保存網(wǎng)頁(yè),再按下F12預(yù)覽,測(cè)試一下,將鼠標(biāo)放在“主頁(yè)”上時(shí)

19、將變成手形,同時(shí)瀏覽器窗口下面的狀態(tài)區(qū)中會(huì)顯示出鏈接到的網(wǎng)頁(yè)的地址,并且會(huì)顯示出“替代”文本“動(dòng)畫(huà)制作”,單擊文字,頁(yè)面會(huì)立即跳轉(zhuǎn),這表示鏈接已經(jīng)制作成功了。同理,按照以上步驟,再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。如果有需要,在欄目頁(yè)面中制作“返回首頁(yè)”的鏈接,使得單擊后可以跳轉(zhuǎn)回首頁(yè)。 3.3郵件鏈接 為了保持訪問(wèn)者與網(wǎng)頁(yè)制作人員之間的聯(lián)系,應(yīng)該建立指向電子郵件的鏈接。選擇要鏈接的元素。單擊“插入”面板“常用”選項(xiàng)卡中的“電子郵件鏈接”圖標(biāo),在打開(kāi)的對(duì)話框中輸入E—mail地址就行了。如圖(3—1)所示?;蛘咴凇版溄印蔽谋究蛑休斎搿癿ailto:”加上郵件地址也可以的。按下Ctrl+

20、S保存網(wǎng)頁(yè),再按下F12預(yù)覽,單擊E—mail地址,看看能不能跳轉(zhuǎn)到空的網(wǎng)頁(yè)。 圖3—1 3.4錨點(diǎn)鏈接 錨點(diǎn)是在網(wǎng)頁(yè)文檔中設(shè)置的標(biāo)記,這些標(biāo)記通常放在文檔的特定處。錨點(diǎn)鏈接可以快速將訪問(wèn)者帶到指定的位置。創(chuàng)建到錨點(diǎn)的過(guò)程分為兩步:第一步創(chuàng)建命名錨記;第二步創(chuàng)建到命名錨記的鏈接。 首先將光標(biāo)放在你想要插入錨點(diǎn)的位置。選擇菜單“插入”中的“命名錨記”,在彈出的對(duì)話框中輸入你想命名的錨記的名稱(chēng),如圖(3—2)所示。錨記的名稱(chēng)不能為漢字。單擊“確定”按鈕。然后在網(wǎng)頁(yè)文檔中選擇要建立鏈接的文本,之后在“屬性”面板的“鏈接”文本中輸入“#錨記名稱(chēng)”。按下Ctrl+S保存網(wǎng)頁(yè),再按下F12預(yù)覽

21、,看看單擊你所錨點(diǎn)的文本,能不能跳轉(zhuǎn)到你想要的位置??梢缘脑?,至此,整個(gè)“錨點(diǎn)鏈接”的實(shí)例就全部完成了。 圖3—2 第四章 HTML語(yǔ)言 4.1HTML語(yǔ)言結(jié)構(gòu) HTML是超文本標(biāo)記語(yǔ)言的縮寫(xiě)。它使用一些寫(xiě)在<>中的標(biāo)記對(duì)文本格式、特性等進(jìn)行描述,形成的文件稱(chēng)為超文本文件。通過(guò)瀏覽器解釋標(biāo)記的含義,顯示文件的內(nèi)容。下面來(lái)介紹一下網(wǎng)頁(yè)的HTML代碼結(jié)構(gòu): 標(biāo)記用于定義注釋的內(nèi)容,注釋的內(nèi)容在瀏覽器中不顯示。 ......標(biāo)記定義HTML文件(網(wǎng)頁(yè)),用于瀏覽器識(shí)別網(wǎng)頁(yè)文件

22、。網(wǎng)頁(yè)文件的所有內(nèi)容都在......標(biāo)記中。 ......標(biāo)記定義網(wǎng)頁(yè)的頭部信息。頭部定義包括網(wǎng)頁(yè)的簡(jiǎn)介和為搜索引擎提供相關(guān)信息等內(nèi)容。 ......標(biāo)記用來(lái)定義網(wǎng)頁(yè)的標(biāo)題,網(wǎng)頁(yè)的標(biāo)題顯示在瀏覽器的標(biāo)題欄中,也用于搜索引擎的按標(biāo)題查找。此標(biāo)記位于......標(biāo)記中。 ......標(biāo)記中定義的內(nèi)容是頁(yè)面正文。標(biāo)記中包含的文本如果不設(shè)置格式標(biāo)示符,瀏覽器將忽略所有空格和回車(chē)。 4.2 網(wǎng)頁(yè)的基本代碼 ......標(biāo)題標(biāo)記,添加在文本的兩邊

23、會(huì)使文本顯示出不同的標(biāo)題風(fēng)格。

......

段落標(biāo)記,定義文本的段落。
換行標(biāo)記。
水平線標(biāo)記,使網(wǎng)頁(yè)中出現(xiàn)分隔線。
......
標(biāo)記用來(lái)定義網(wǎng)頁(yè)頁(yè)腳的版權(quán)信息,其中內(nèi)容是傾斜的。
......
標(biāo)記是在該標(biāo)記范圍內(nèi)的內(nèi)容強(qiáng)制居中對(duì)齊。 4.3表格的基本語(yǔ)法
   
表格的所有內(nèi)容都在......

24、able>中,表格的行數(shù)有

......標(biāo)記的個(gè)數(shù)確定,表格的列數(shù)有的個(gè)數(shù)所確定。單元格中的內(nèi)容都在中。 4.4超鏈接代碼 超鏈接是通過(guò)......標(biāo)記定義的,定義文本超鏈接或圖片超鏈接是必須指定所鏈接的目標(biāo)位置。通過(guò)標(biāo)記的href屬性的值來(lái)確定鏈接的目標(biāo)位置。格式為: 描述文字文字鏈接

25、> href:是標(biāo)記的一種屬性,該屬性中的URL等于鏈接目標(biāo)文件的地址。Target:也是標(biāo)記的一種屬性,相當(dāng)于Dreamweaver“屬性面板”中的“目標(biāo)”,它的值等于-blank,效果是在新窗口中打開(kāi)。 如果想要進(jìn)行圖片超鏈接的話,只需要像這樣就可以了。的標(biāo)記中插入圖片文件和該圖片文件所鏈接的目標(biāo)位置。 第五章 網(wǎng)站維護(hù)和測(cè)試 網(wǎng)站建成后并不意味著網(wǎng)站建設(shè)的結(jié)束,網(wǎng)站內(nèi)容需要不斷更新, 并且網(wǎng)站發(fā)布前要進(jìn)行細(xì)致

26、周密的測(cè)試,以保證正常瀏覽和使用。主要測(cè)試內(nèi)容: (1)、服務(wù)器穩(wěn)定性、安全性。 (2)、程序軟件的測(cè)試。 (3)、網(wǎng)頁(yè)兼容性測(cè)試,如瀏覽器、顯示器。 (4)、根據(jù)需要的其他測(cè)試。 網(wǎng)站發(fā)布后也要定時(shí)的對(duì)網(wǎng)站進(jìn)行維護(hù),以保證網(wǎng)站的正常瀏覽和使用。主要的維護(hù)內(nèi)容有: (1)、服務(wù)器及相關(guān)軟硬件的維護(hù),對(duì)可能出現(xiàn)的問(wèn)題進(jìn)行評(píng)估,制定響應(yīng)時(shí)間。 (2)、數(shù)據(jù)庫(kù)維護(hù),有效地利用數(shù)據(jù)是網(wǎng)站維護(hù)的重要內(nèi)容,因此數(shù)據(jù)庫(kù)的維護(hù)要受到重視。 (3)、內(nèi)容的更新、調(diào)整等。 (4)、制定相關(guān)網(wǎng)站維護(hù)的規(guī)定,將網(wǎng)站維護(hù)制度化、規(guī)范化。 總 結(jié) 在

27、本次設(shè)計(jì)的全過(guò)程中,我對(duì)四年所學(xué)的知識(shí)有了一個(gè)比較系統(tǒng)的認(rèn)識(shí)和理解。涉及了各方面的知識(shí),大大擴(kuò)展了我的知識(shí)面,同時(shí)是我學(xué)會(huì)了如何使用所學(xué)的知識(shí)去解決一些實(shí)際的問(wèn)題。 在設(shè)計(jì)中我深知自己掌握的知識(shí)還遠(yuǎn)遠(yuǎn)不夠,掌握的一些理論知識(shí)應(yīng)用到實(shí)踐中去,總會(huì)出現(xiàn)這樣或那樣的問(wèn)題,不是理論沒(méi)有掌握好,而是光知道書(shū)本上的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的,一定要把理論知識(shí)和實(shí)踐結(jié)合起來(lái)。把學(xué)到的知識(shí)應(yīng)用到時(shí)間中去,多做多練,才可以把理論的精華發(fā)揮出來(lái)。知識(shí)不是知道,了解就好,一定要去應(yīng)用它,發(fā)展它,讓它在現(xiàn)實(shí)生活中得到充分的應(yīng)用,從而解決一些問(wèn)題,這才是學(xué)習(xí)的根本目的。而且知識(shí)又不是單一的,它是互相聯(lián)系的,學(xué)科與學(xué)科之間都有著

28、內(nèi)在的聯(lián)系。計(jì)算機(jī)是一門(mén)非常復(fù)雜且龐大的學(xué)科,一項(xiàng)課題往往需要多項(xiàng)技術(shù)才可以完成的。在設(shè)計(jì)階段,通過(guò)對(duì)課題的深入分析與研究,迫使我對(duì)技術(shù)有了一定的了解。 計(jì)算機(jī)技術(shù)的高速發(fā)展,使我深深地認(rèn)識(shí)到只有不斷的加強(qiáng)學(xué)習(xí),才能在計(jì)算機(jī)技術(shù)方面不至于被淘汰,今后,我還要加強(qiáng)學(xué)習(xí),努力使自己成為一位專(zhuān)業(yè)的計(jì)算機(jī)人員,為我自己所從事的工作服務(wù)。 參考文獻(xiàn) (1)、姜楠,完美網(wǎng)頁(yè)設(shè)計(jì)與制作,中國(guó)青年出版社, 2004年5月。 (2)、王映雪等編著作,HTML網(wǎng)頁(yè)制作,上??茖W(xué)普及出版社, 2006。 (3)、雁騰創(chuàng)作室編,網(wǎng)頁(yè)制作方法與技巧,機(jī)械工業(yè)出版社, 2009。 (4)、丁淼,網(wǎng)頁(yè)設(shè)計(jì)與制作,東南大學(xué)出版社 (5)、David Karlins,Build Your Own Web Site [M],McGraw-Hill Osborne Media,2003.1 (6)、Dan Suciu, Gottfried Vosen,The World Wide Web and databases,Springer,2001.1 17

展開(kāi)閱讀全文
溫馨提示:
1: 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
2: 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
3.本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
5. 裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

相關(guān)資源

更多
正為您匹配相似的精品文檔

copyright@ 2023-2025  zhuangpeitu.com 裝配圖網(wǎng)版權(quán)所有   聯(lián)系電話:18123376007

備案號(hào):ICP2024067431號(hào)-1 川公網(wǎng)安備51140202000466號(hào)


本站為文檔C2C交易模式,即用戶上傳的文檔直接被用戶下載,本站只是中間服務(wù)平臺(tái),本站所有文檔下載所得的收益歸上傳人(含作者)所有。裝配圖網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)上載內(nèi)容本身不做任何修改或編輯。若文檔所含內(nèi)容侵犯了您的版權(quán)或隱私,請(qǐng)立即通知裝配圖網(wǎng),我們立即給予刪除!

五月丁香婷婷狠狠色,亚洲日韩欧美精品久久久不卡,欧美日韩国产黄片三级,手机在线观看成人国产亚洲
............