畢業(yè)設(shè)計(jì)(論文)個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)(參考版)
2025-06-29 16:27本頁(yè)面
【正文】 。 2003年10月[6]賀凱 焦超 Flash Mx 2004動(dòng)畫(huà)制作典型范例 精彩網(wǎng)頁(yè)制作三劍客 機(jī)械工業(yè)出版社 多媒體技術(shù)應(yīng)用教程（4）版 珠海出版社 Flash Mx實(shí)例教程 2004年5月[2]歐陽(yáng)峰，陳朝榮參考文獻(xiàn)[1]姜楠 接下來(lái)要感謝我的同學(xué)給我的大力支持，是他們?cè)谠O(shè)計(jì)之初協(xié)助我掌握了Dreamweaver的使用方法。特別要感謝的是程老師對(duì)我們嚴(yán)格的要求，嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度。致謝本設(shè)計(jì)的頁(yè)面不是很精美，這寫(xiě)些不足之處還待后期的開(kāi)發(fā)和改進(jìn)。并且。 本次設(shè)計(jì)用Macromedia公司開(kāi)發(fā)的專業(yè)HTML編輯器Dreamweaver,對(duì)Wed站點(diǎn)、Web頁(yè)和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開(kāi)發(fā)。由于是個(gè)人網(wǎng)站，在設(shè)計(jì)上就沒(méi)有什么拘束和限制，完全發(fā)揮自己的想象力和創(chuàng)造力，展現(xiàn)自己的興趣和個(gè)性。 經(jīng)過(guò)幾周的工作，個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)終于完成，本次設(shè)計(jì)基本完成任務(wù)書(shū)要求的功能。能讓瀏覽者很輕松的地觀看是很重要的，這其中的關(guān)鍵就再于“鏈接“了。“文件下載鏈接”實(shí)例的代碼如下所述。htmlheadtitleEmail鏈接/title/headbodypa href=”mailto:jiangnan?subject=網(wǎng)站的意見(jiàn)建議“ 給我寫(xiě)信/a/p/bodyhtml解釋 只需使href 等于“mailto：郵件地址？subject=主題＂即可，其中subject為可選項(xiàng)，“？subject=主題”也可以不加。而是還可以使用”img 的屬性，如alt（替換文本）、width（寬）、height（高）、及border（邊框）等“文本鏈接”中a與/a之間的內(nèi)容是文字內(nèi)容，而“圖像鏈接”中就肯定是圖片內(nèi)容了。該實(shí)例相對(duì)應(yīng)的ＨＴＭＬ代碼所示。這些文本將放在使用了鏈接屬性href和目標(biāo)屬性target的 a與/a標(biāo)記之間，產(chǎn)生了鏈接的效果。171。除此之外還包括其他3種：parent,self和top。171。 171。其基本格式為：a href=”URL”文本內(nèi)容/a舉個(gè)簡(jiǎn)單的“文本鏈接”的實(shí)例，該實(shí)例相對(duì)應(yīng)的HTML代碼如下所示。本設(shè)計(jì)中未用到此鏈接，在此只作簡(jiǎn)單介紹。讀者可以打開(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)制作。先在頁(yè)面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語(yǔ)句即可mailto: ding_zhuimeng123 ?subject=網(wǎng)站的建議與第1種方法不同的是，EMail 地址前面增加了mailto:字樣。上面的方法只適用于文本的“EMail鏈接”，如果想在其它的對(duì)象（如圖像）上也加入這種鏈接，該怎辦呢？下面介紹第2種建立“EMail鏈接”的方法。步驟4 單擊“確定”按鈕，具有“EMail鏈接”屬性的文本就ding_zhuimeng123。步驟3 在彈出的“電子郵件鏈接”對(duì)話框中有兩個(gè)輸入項(xiàng)，分別是“文本”和“EMail” 。操作步驟步驟1 將光標(biāo)停留在頁(yè)面右下角要插入Email鏈接的位置。 –Mail的鏈接EMail鏈接，是指當(dāng)瀏覽者單擊該鏈接之后，不是打開(kāi)一個(gè)網(wǎng)頁(yè)文件，而是啟動(dòng)用戶的E Mail客戶端軟件（如Outlook Express）,并打開(kāi)一個(gè)空白的新郵件，供瀏覽者撰寫(xiě)內(nèi)容來(lái)與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動(dòng)方式。至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。實(shí)例中為第1個(gè)欄目增加欄目名稱的“替代”文本。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式?？梢允褂弥爸v過(guò)的“指向文件”和“選擇文件”的方法。實(shí)例中先為第3個(gè)欄目“動(dòng)畫(huà)制作”設(shè)置鏈接，因此選中包含“動(dòng)畫(huà)制作”4個(gè)字的圖像。操作步驟步驟1 首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的鏈接?！皥D像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。下面繼續(xù)介紹其他類型的鏈接。至此，整個(gè)“文字鏈接”的實(shí)例就全就全部完成了。步驟8 同理，按照以上步驟，再為“動(dòng)畫(huà)制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄制作指向?qū)?yīng)欄目的鏈接。單擊“屬性面板”中的“頁(yè)面屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問(wèn)鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。如圖：實(shí)例中沒(méi)有選擇任何選項(xiàng)，保持空白，表示在原窗口中打開(kāi)鏈接網(wǎng)頁(yè)。不過(guò)有點(diǎn)很重要，由于大多數(shù)服務(wù)器都不支持中文文件名，而且對(duì)大小寫(xiě)敏感，因此采用英文文件名并統(tǒng)一大小寫(xiě)。這里我用到的是直接點(diǎn)擊文件夾圖標(biāo)。步驟3 觀察“屬性面板”，其中包括一個(gè)“鏈接”文本框。實(shí)例中要做到單擊不同的欄目的網(wǎng)頁(yè)。 準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面（假設(shè)除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個(gè)欄目，這里的5個(gè)欄目“平面設(shè)計(jì)”、“動(dòng)畫(huà)制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說(shuō)明”為例來(lái)進(jìn)行講解。具體操作步驟如下所述?！拔淖宙溄印奔匆晕淖肿鳛槊浇榈逆溄樱蔷W(wǎng)頁(yè)中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。其中部分內(nèi)容在之前的章節(jié)中可能接觸過(guò)，這里將對(duì)其進(jìn)行更深入的講解。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。第三章 建立網(wǎng)頁(yè)鏈接網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的，那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容網(wǎng)頁(yè)的“鏈接”。 在“個(gè)人說(shuō)明”中也用到這點(diǎn)，首先定好需要尺寸，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。 在Dreamwerver中常常會(huì)用到Firework、Flash，它們是相輔相成，在主頁(yè)中的主體部分就是用Firework,如圖所示：這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。有些讀者可能不喜歡使用Dreamweaver MX2004來(lái)進(jìn)行打字的工作，而更習(xí)慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作，具體步驟如下。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就可以運(yùn)指如飛了。插入文本的兩種方式網(wǎng)頁(yè)中需要大量的文本，我們或以通過(guò)以下兩種方式插入它們。在這最關(guān)鍵的因素。在 這里我的主頁(yè)插入的一個(gè)動(dòng)畫(huà)，如圖所示：步驟2 將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快捷按鈕。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動(dòng)畫(huà)播放功能。要在瀏覽器中
環(huán)評(píng)公示相關(guān)推薦
鄂ICP備17016276號(hào)-1