個(gè)人網(wǎng)站設(shè)計(jì)論文幻燈1!

1、個(gè)人網(wǎng)站電腦愛好者之家 考 生 姓名:張世杰 準(zhǔn) 考 證號(hào): 專 業(yè):計(jì)算機(jī)及其應(yīng)用(B080702) 指 導(dǎo) 教師:郝曉青老師 地 址:四川宜賓市南岸長江大道中段34號(hào)附1號(hào) 郵 編:644000 電 話: Em a I l: 引 言 我的論文是以“電腦愛好者之家個(gè)人網(wǎng)站的制作過程為主線，依據(jù)網(wǎng)站網(wǎng)頁制作設(shè)計(jì)與制作的根本流程，詳細(xì)介紹了個(gè)人網(wǎng)站的制作方法，為需要制作網(wǎng)頁的朋友提供了制作優(yōu)秀個(gè)人網(wǎng)站的范例。 本論文核心內(nèi)容共分為四個(gè)部份，第一局部是根底知識(shí)簡介、第二局部為需求分析；第三局部是網(wǎng)站籌劃，講述了制作本網(wǎng)站遵循的一些根本原那么，包括目標(biāo)、主題確實(shí)立、風(fēng)格的選擇、布局的規(guī)劃等； 第四部

2、份是網(wǎng)頁的制作，包括LOGO、BANNAR導(dǎo)航條、頁腳及各頁面的制作、網(wǎng)站的測試、網(wǎng)站的發(fā)布與日常維護(hù)等。通過這些活動(dòng)更好地掌握了個(gè)人網(wǎng)站的制作方法，成功地制作了一個(gè)電腦愛好者個(gè)人網(wǎng)站。網(wǎng)站可以向?qū)o盤網(wǎng)絡(luò)建設(shè)感興趣的朋友們提供技術(shù)資料，進(jìn)行相互交流學(xué)習(xí)，現(xiàn)已完成了對(duì)網(wǎng)站建設(shè)總體結(jié)構(gòu)、實(shí)施技術(shù)正確性和效果的驗(yàn)證。第一部份 根底知識(shí) 包括了以下內(nèi)容：2.1 Internet簡介2.2 HTML超文本標(biāo)記語言2.3用到的網(wǎng)頁制作工具 2.3.1 Dreamweaver介紹 2.3.2 FLASH介紹2.3.3 Photoshop介紹第二部份 需求分析 internet已經(jīng)成為人們工作、學(xué)習(xí)和生活的

3、一個(gè)重要組成局部，internet的核心是提供信息、利用信息、交流信息和傳輸信息，網(wǎng)站是互聯(lián)網(wǎng)上交流的平臺(tái)。 使用以dreamweaver 、flash 、photoshop為工具建設(shè)個(gè)人網(wǎng)站，參與信息交流，為網(wǎng)友提供免費(fèi)技術(shù)效勞，對(duì)于計(jì)算機(jī)應(yīng)用專業(yè)來說具有較大的意義。因無盤網(wǎng)絡(luò)建設(shè)在本錢上有較大的應(yīng)用意義，所以確認(rèn)可建設(shè)一個(gè)個(gè)人網(wǎng)站為對(duì)無盤網(wǎng)絡(luò)建設(shè)感興趣的朋友提供傳遞技術(shù)資料，包括技術(shù)文章，無盤資料下載、在線交流等。 第三部份 網(wǎng)站籌劃1、網(wǎng)站建設(shè)的根本流程確定網(wǎng)站目標(biāo)可行性分析網(wǎng)站功能設(shè)計(jì)素材收集整理規(guī)劃設(shè)計(jì)風(fēng)格網(wǎng)頁制作與開發(fā) 網(wǎng)站測試與評(píng)價(jià) 網(wǎng)站發(fā)布與推廣 網(wǎng)站日常管理 2、確定網(wǎng)站目標(biāo)

4、和主題內(nèi)容 網(wǎng)站主題邏輯如圖4.2所示網(wǎng)站目標(biāo)網(wǎng)站性質(zhì) 愛好及能力初始主題客戶對(duì)象 網(wǎng)站主題依據(jù)以上邏輯圖，確定以下四個(gè)主題來統(tǒng)領(lǐng)本網(wǎng)站內(nèi)容：一是技術(shù)文章，二是無盤資料，三是終端無盤，四是下載專區(qū)。 3、可行性分析 可行性分析流程 資料來源網(wǎng)站主題客戶對(duì)象原方案內(nèi)容初步網(wǎng)站內(nèi)容難易程度考慮表現(xiàn)形式需求分析考慮技術(shù)實(shí)現(xiàn)問題加減調(diào)整內(nèi)容總結(jié)具體網(wǎng)站內(nèi)容可行性分析結(jié)論 技術(shù)可行性方面，本論文中主要涉及靜態(tài)網(wǎng)頁，只要掌握dreamweaver 、flash 、photoshop等網(wǎng)頁制作工具就能做出高質(zhì)量的網(wǎng)站，技術(shù)上是可行的。 經(jīng)濟(jì)可行性方面，本網(wǎng)站規(guī)模不大，所需內(nèi)容多為自己制作，經(jīng)濟(jì)上是可行的。

5、4、制定如下網(wǎng)站規(guī)劃書 項(xiàng)目內(nèi)容網(wǎng)站類型個(gè)人網(wǎng)站中文名稱電腦愛好者之家注冊域名WWW.PCABC.COM.cn網(wǎng)站目標(biāo)提供無盤技術(shù)文章及資料瀏覽人群電腦愛好者中的無盤網(wǎng)絡(luò)管理人員網(wǎng)站結(jié)構(gòu)采用目錄層次結(jié)構(gòu)采用技術(shù)采用靜態(tài)網(wǎng)頁內(nèi)容來源網(wǎng)上搜集和自己撰寫、制作相結(jié)合開發(fā)硬件PC機(jī)一臺(tái)，開發(fā)軟件Dreamweaver 、flash 、Photoshop發(fā)布形式虛擬主機(jī)開發(fā)周期三個(gè)月建設(shè)費(fèi)用500開發(fā)人員1 5、進(jìn)行網(wǎng)站功能設(shè)計(jì)、素材收集整理、規(guī)劃設(shè)計(jì)風(fēng)格、網(wǎng)站布局規(guī)劃： 版面的布局根本上分為三局部：頁眉、主內(nèi)容區(qū)和頁腳，分布如下表： 頁 眉 主內(nèi)容區(qū) 頁 腳 本網(wǎng)站首頁布局見以下圖 LOGO BANN

6、ER 首頁 技術(shù)文章 無盤資料 終端無盤 下載中心 給我留言 頁 腳技術(shù)文章 圖 片無盤資料終端無盤下載中心 圖 片其余頁面的布局形式如以下圖所示 LOGO BANNER 首頁 技術(shù)文章 無盤資料 終端無盤 下載中心 給我留言 主內(nèi)容區(qū)頁 腳1、 使用photoshop制作網(wǎng)站LOGO創(chuàng)立變形文字第四局部 網(wǎng)頁的制作2、使用FLASH制作BANNER條將文字設(shè)置為紅色將文字設(shè)置為紅色將文字設(shè)置為白色將文字設(shè)置為黃色將文字設(shè)置為紅色將文字設(shè)置為紅色 最后得到的BANNER效果圖如下：3 、使用photoshop對(duì)其它圖片處理如以下圖示：4 、建立本地站點(diǎn)在電腦磁盤上建立一個(gè)文件夾，命名為fxwl

7、。將做好的圖片、動(dòng)畫復(fù)制到這個(gè)文件夾中。在dreamweaver 里單擊“站點(diǎn)|“新建按鈕，并按照其提示，逐步進(jìn)行，直到進(jìn)入如下畫面，檢查關(guān)于站點(diǎn)的信息，單擊“完成按鈕。5 、模板的制作1、啟動(dòng)Dreamweaver MX,選中模板菜單，然后再單擊工具欄中的新建模板，并取名為template1.dwt。新建模板此處為模板菜單模板管理模板文件名2、設(shè)置頁面屬性，標(biāo)題及背景色等；3、選中菜單中的表格，單擊工具欄上的新建表格，輸入行數(shù)列數(shù)，建立表格；4、插入圖片，在相應(yīng)位置輸入所需的文字，進(jìn)行表格背景色及文字顏色的設(shè)置等；分別見以下圖所示：插入LOGO圖片LOGO圖片相關(guān)參數(shù)及鏈接 LOGO的設(shè)置插

8、入BANNER圖片BANNER圖片參數(shù)BANNER的設(shè)置鏈接設(shè)置網(wǎng)頁導(dǎo)航條的鏈接設(shè)置插入特效網(wǎng)頁的腳本網(wǎng)頁導(dǎo)航條的鏈接設(shè)置使用Dreamweaver編譯源代碼返回的源代碼返回返回的屬性設(shè)置6、主頁的制作及效果該頁面的制作方法與前面模板的制作方法差不多，也是利用表格功能來劃分出不同區(qū)域來，特別利用了表格內(nèi)再插入表格，然后再插入相應(yīng)的圖片或文本。LOGO、BANNER、導(dǎo)行欄、主文本區(qū)及頁腳的制作方法都與模板制作中類似。制作效果見以下圖：主頁制作效果圖：7、其他頁面的制作及效果 其他頁面全都以template1.dwt為模板創(chuàng)立，在可編輯區(qū)輸入相應(yīng)的文本內(nèi)容即可。頁面效果如以下圖：8、交流頁面的制作及效果交流界面效果圖如下：9、最后，對(duì)各頁面的鏈接及檢查。在確認(rèn)無誤后，進(jìn)行網(wǎng)站的上傳與發(fā)布，以及日常維護(hù)工作。結(jié)束語 本次設(shè)計(jì)對(duì)我來說是一個(gè)全新的學(xué)習(xí)過程，也是一個(gè)新的挑戰(zhàn)。由于以前未動(dòng)手進(jìn)行過網(wǎng)站設(shè)計(jì)實(shí)踐，在期間遇到許多問題，但通過自己查閱資料及老師的指導(dǎo)下，不斷學(xué)習(xí)、實(shí)踐，最終解決了遇到的問題，同時(shí)也使自己在實(shí)踐中得到很大提高，受益非淺。 但由于個(gè)人水平有限，該設(shè)計(jì)中仍有缺乏之處，敬請(qǐng)各位老師批評(píng)、指正。 致謝： 首先向我的指導(dǎo)老師郝曉青致以崇高的敬意和衷心的感謝。做畢業(yè)設(shè)計(jì)期間，由于以前未接觸過網(wǎng)站設(shè)計(jì)，經(jīng)驗(yàn)缺乏，設(shè)計(jì)和制作過程中遇到了很多的問題，是在郝老師悉心的指導(dǎo)和關(guān)