個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)畢業(yè)設(shè)計(jì)論文(參考版)
2025-06-26 20:34本頁(yè)面
【正文】 在設(shè)計(jì)中他們給我提了不少的意見(jiàn)，還幫助我解決了很多技術(shù)上的問(wèn)題。特別要感謝的是程老師對(duì)我們嚴(yán)格的要求，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度。 致謝 繁忙的設(shè)計(jì)終于完成了，在設(shè)計(jì)期間我受到了來(lái)自四面八方的幫助和支持。借助Dreamweaver，還可以使用服務(wù)器語(yǔ)言（例如：ASP,ColdFusion標(biāo)記語(yǔ)言（CFML），JSP，PHP）。 利用Dreamweaver中的可視化編輯功能，用戶可以快速創(chuàng)建頁(yè)面而無(wú)須編寫任何代碼。由于是個(gè)人網(wǎng)站，在設(shè)計(jì)上就沒(méi)有什么拘束和限制，完全發(fā)揮自己的想象力和創(chuàng)造力，展現(xiàn)自己的興趣和個(gè)性。 第四章第四章第四章第四章 結(jié)論結(jié)論結(jié)論結(jié)論 經(jīng)過(guò)幾周的工作，個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)終于完成，本次設(shè)計(jì)基本完成任務(wù)書要求的功能。 本章講解的是網(wǎng)站的鏈接的方法和技巧。 文件下載鏈接文件下載鏈接文件下載鏈接 “文件下載鏈接”實(shí)例的代碼如下所述。而是還可以使用”img 的屬性，如alt（替換文本）、width（寬）、height（高）、及border（邊框）等 －ＭＥ－ＭＥ－ＭＥ－Ｍailailailail鏈接鏈接鏈接鏈接 該實(shí)例相對(duì)應(yīng)的“ＨＴＭＬ”代碼如下所述?！拔谋炬溄印敝衋與/a之間的內(nèi)容是文字內(nèi)容，而“圖像鏈接”中就肯定是圖片內(nèi)容了。該實(shí)例相對(duì)應(yīng)的ＨＴＭＬ代碼所示。 提示 再提醒讀者一下，p為段落標(biāo)記，在Dreamweaver中是由Enter（回車）鍵產(chǎn)生的。 ? 文本內(nèi)容：如代碼實(shí)例中的“平面設(shè)計(jì)”。除此之外還包括其他3種：parent,self和top。 html head title文字鏈接/title /head body pa href“”target=”blank” 平面設(shè)計(jì)/a（新開(kāi)窗口，blank)/p pa href=”動(dòng)畫制作/a（原窗口，默認(rèn)為空）/p pa href=”網(wǎng)文精品/a/p /body /html 解釋 ? href:是a標(biāo)記的一種屬性，該屬性中的URL等于鏈接目標(biāo)文件的地址。 在在在HTMLHTMLHTMLHTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接 文字鏈接文字鏈接文字鏈接 在HTML語(yǔ)言中用超鏈接標(biāo)記指向一個(gè)目標(biāo)。讀者可以打開(kāi)“我的文檔”文件夾，隨時(shí)欣賞下載影片。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。 步驟3 保存網(wǎng)頁(yè)，按下F12預(yù)覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會(huì)彈出“文本下載”選擇框，單擊其中的“保存”按鈕。 操作步驟 步驟1 ，放入站點(diǎn)的media文件夾下。 在前面“插入多媒體”一章中，我們?cè)?jīng)講過(guò)直接鏈接文件的方式來(lái)插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”。 瀏覽器無(wú)法識(shí)別的文件類型有很多，這里就介紹一個(gè)最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來(lái)制作。用這種方法就可以給圖像等其他對(duì)象建立“EMail鏈接”了。 其實(shí)很簡(jiǎn)單，與前面講過(guò)的圖像加入鏈接的方法基本一樣。插入到光標(biāo)所在位置了，按下 Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽查看實(shí)際效果。在“文本”項(xiàng)中輸入鏈接的文字，中文、英文均可，在EMail項(xiàng)中輸入網(wǎng)站聯(lián)系有的電子郵件地址，如實(shí)例中的 ding_zhuimeng123。 步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側(cè)第2個(gè)“電子郵件鏈接”按鈕。 結(jié)合“個(gè)人說(shuō)明”網(wǎng)頁(yè)，建立EMail鏈接的步驟如下所述。 至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。 步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。實(shí)例中為第1個(gè)欄目增加欄目名稱的“替代”文本。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式?？梢允褂弥爸v過(guò)的“指向文件”和“選擇文件”的方法。實(shí)例中先為第3個(gè)欄目“動(dòng)畫制作”設(shè)置鏈接，因此選中包含“動(dòng)畫制作”4個(gè)字的圖像。 操作步驟 步驟1 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的鏈接。 圖像鏈接圖像鏈接圖像鏈接 “圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。通過(guò)對(duì)這個(gè)實(shí)例的講解，讀者不僅應(yīng)該學(xué)會(huì)如何為文字制作鏈接，還應(yīng)用對(duì)“鏈接”有了更加深刻的理解，鏈接的目的何在？它到底能夠在網(wǎng)頁(yè)的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是網(wǎng)頁(yè)制作者更應(yīng)該思考的問(wèn)題。 步驟9 通常在欄目頁(yè)面中還需要有“返回首頁(yè)”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁(yè)，因此在各個(gè)欄目中還要插入“網(wǎng)站首頁(yè)”的文字，制作方法不變。 步驟7 至此，第1個(gè)欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁(yè)的地址，單擊文字，頁(yè)面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。 步驟6 還可以設(shè)置一些“鏈接”的屬性，這是前面講過(guò)的內(nèi)容。如圖所示： 步驟5 在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁(yè)顯示的窗口方式，共有4種。這樣就建立了超鏈接。 步驟4 接下來(lái)需要把鏈接的地址加入到文本框中，方法有3種。因此為第1個(gè)欄目“平面設(shè)計(jì)”設(shè)置鏈接，首先要反白選中“平面設(shè)計(jì)”4個(gè)文字。 步驟2 在Dreamweaver 中打開(kāi)首頁(yè)，之后反白選取作為“鏈接”的文字。 具體操作步驟如下所述。 “文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁(yè)中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。在Dreamweaver MX2004中，如果以“鏈接”的媒介來(lái)劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“Email鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。 “鏈接”，又稱“超鏈接（Hyperlink）,它作為網(wǎng)頁(yè)的橋梁，起著相當(dāng)重要的作用。 在Dreamwerver中常常會(huì)用到Firework、Flash，它們是相輔相成，在主頁(yè)中的主體部分就是用Firework,如圖所示： 在“個(gè)人說(shuō)明”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。 還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。 打開(kāi)文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。 另一種是復(fù)制文本的方式。 一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤敲入文本?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁(yè)中。在 這里我的主頁(yè)插入的一個(gè)動(dòng)畫，如圖所示： 文字是人類語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1