個人網站實訓設計報告

PAGEPAGE15目錄一、課程設計題目 1二、課程設計目的 12.1專業(yè)能力目的 12.1.1知識目的 12.1.2技能目的 12．2通用能力目的 1三、課程設計要求 2四、課程設計概述 24.1系統(tǒng)中使用的硬件環(huán)境和軟件環(huán)境 24.1.1硬件環(huán)境 24.1.2軟件環(huán)境 24.2對所開發(fā)系統(tǒng)的整體概述 34.3網站整體結構圖 3五、課程設計任務 4六、課程設計步驟 46.1網站需求分析 46.2網站系統(tǒng)分析 46.3系統(tǒng)開發(fā)環(huán)境介紹 56.4網站總體功能設計 86.5系統(tǒng)各頁面的詳細設計 96.6網頁調試………………9七、結論 9八、結束語 9九、參考文獻 10十、附錄 11課程設計題目個人網站設計課程設計目的2.1專業(yè)能力目的2.1.1知識目的網頁設計與制作綜合實訓是教學過程中重要的環(huán)節(jié)。它是根據職業(yè)崗位的需求，在老師指導下對學生進行的網頁制作專業(yè)技能的訓練，培養(yǎng)學生綜合運用知識分析和解決實際問題的能力，是對我們綜合分析能力與獨立工作能力的培養(yǎng)過程。因此，加強實踐教學環(huán)節(jié)，搞好實訓教學，對實現本專業(yè)的培養(yǎng)目標，提高學生的綜合素有著重要的作用。我們讀書就是為了獲得知識，現在我們學習了網頁設計，當然就是要能做一個精美的網頁。在此次網頁設計中，我們要能更加的了解Dreameaver強大的功能和更好的使用它。通過此次設計我們還要能夠知道靜態(tài)網頁和動態(tài)網也的區(qū)別。誠然，次此設計的個人網頁，一方面是為了完成我們的考試，但更重要的是把我們所學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好和html的核心工具和技術，以便提高對網頁知識的更深層了解。第三點也是最要的一點是，把我們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上，把這些東西都用在所要做的網頁上面。以達到老師要求的效果和學以致用。2.1.2技能目的（1）掌握規(guī)劃網站的內容結構、目錄結構、鏈接結構的方法。（2）熟練掌握網頁制作軟件Dreamweaver8的基本操作和使用技能。（3）掌握頁面的整體控制和頭部內容設置的方法。（4）熟練掌握網頁頁面布局的各種方法。（5）熟練掌握在網頁中輸入、設置標題和正文文字的方法。（6）熟練掌握在網頁中插入圖像、flash動畫、背景音樂的方法。（7）掌握建立各種形式超級鏈接的方法。（8）掌握表單網頁制作方法。（9）掌握網頁特效的制作方法。（10）掌握網站測試的方法。2．2通用能力目這是對自己在一學期內該學習科目以來的成果的檢查，這是一個自我審視的過程：檢測我該學期的學習成果，衡量一期以來的收獲，更為重要的是揚長避短，發(fā)現自己的問題與缺點，使自己及時改正，發(fā)覺自身的優(yōu)點和長處并堅持發(fā)揚，有利于我以后的學習和發(fā)展。這不僅是為了肩負學生的責任而去完成老師交給我的任務，更是對過去學習的知識的溫習鞏固，是一個把理論轉化為實踐的過程，是一個把自己的設計思想轉化為實物的過程，是一個發(fā)揮自己創(chuàng)造力和想象力的過程。根據老師的要求及指導，我設計了此網站，本網站屬于小型個人網站，目的在于簡單的介紹一下個人狀況，可以使老師和同學們更進一步的了解我現在以及部分過去的情況，加強老師和同學們對我的認識，深化我們大家的情誼，有利于以后在學習、工作生活當中的團結協作。三、課程設計要求課程設計的要求體現于整個工作的各個階段中，可根據課題的特點而有所側重，但應達到如下的基本要求：（1）在規(guī)定時間完成課程設計任務書中的全部任務。（2）通過課程設計，要求學生在指導教師的指導下，獨立完成設計課題的全部內容。（3）通過對所選課題的分析，有針對性的進行調查研究，學會收集、整理相關資料等。（4）完成網站模塊或功能的設計，由于在課程教學中本課程以靜態(tài)網頁為主，所以對網站設計過程中對后臺的設計可以適當簡單一點。（5）網站界面盡量美觀、大方。實訓內容里要求的必須要全面實現。（6）進行具體的設計，并調試運行。（7）設計報告要做到文字通暢、論點正確、論述有據。（8）課程設計報告、作品刻成光盤和以書面打印形式的報告交給指導教師。2．注意事項（1）嚴格遵守校紀校規(guī)。課程設計期間不得無故缺勤，無故缺勤達1/3以上者，成績?yōu)椴患案瘛＃?）實訓期間的非上機時間，學生應在教室進行上機前準備工作，收集網頁設計與制作相關的各項知識。（3）實訓過程中，首先由老師布置實訓的任務，分析實訓的目的和要求，學生進行網站建設各項知識的討論，并獨立完成網站建設的各項任務。（4）實訓過程中，老師在學生詢問和實際調試操作中，對學生以客觀的評估，給出平時成績，同時督促差生提高網站建設的操作能力。（5）實訓最后進行一次網站評比，以檢查學生實訓成果。（6）不準無故曠課、遲到、早退；若有特殊情況，需事先請假，征求許可。（7）在實訓期間遵守機房的各項規(guī)章制度。四、課程設計概述4.1系統(tǒng)中使用的硬件環(huán)境和軟件環(huán)境4.1.1硬件環(huán)境(1)主機上要求安裝有dreamweaver或photoshop等軟件。(2)主機能與互聯網相連、以便學生能夠瀏覽優(yōu)秀網站，搜集相關材料等。(3)開發(fā)本系統(tǒng)使用的計算幾配置為CPU：Core2_1.66Ghz；內存：1Gb；硬盤：80b；顯卡：GeForce7400_128Gb。經實際測試本程序運行是只占用1008Kb內存容量，基本上適用于絕大多數計算機，外部設備只需要標準輸入輸出設備。4.1.2軟件環(huán)境（1）.Dreamweaver將“設計”和“代碼”編輯器集成在一起，既可以方便的進行源代碼編輯，也可以使用鼠標方式添加和設置對象。（2）.Dreamweaver是一種所見即所得的網頁編輯器，既有效的減少了代碼編寫的工作量，也確保所設計文檔的專業(yè)性和兼容性。（3）.CSS樣式可以有效的控制網頁對象的外觀，美化網頁界面，如文本字體，顏色，表單樣式、圖像風格等。Dreamweaver中有強大的CSS樣式表編輯器，可以比較輕松的編輯CSS樣式。（4）.Dreamweaver提供了強大的站點管理功能，可以安全，系統(tǒng)的維護和管理各種規(guī)模的網站。（5）.Dreamweaver與Fireworks，Flash，Shockwave具有良好的集成性，可以在這些Web創(chuàng)作工具之間自由的進行切換。（6）.在Dreamweaver文檔中，可以靈活加入JAVA，Flash，Shockwave，ActiveX以及其他媒體元素，也可以對各種多媒體元素進行處理。（7）.Dreamweaver可以實現功能的擴展。利用Adobe公司免費提供的Dreamweaver插件，可以豐富Dreamweaver的媒體處理能力。4.2對所開發(fā)系統(tǒng)的整體概述第一個為插入圖象的按鈕，點擊后，會彈出對話框，標準對話框，選擇想要的圖象就行了。第二個（橫向走）為插入輪替圖象，它彈出的對話框會讓選擇兩副圖，以及鼠標點擊時的連接等。作好后，用鼠標移動到圖象上面，圖象就會變成另外的一副圖象，點擊它，就會連接到另外一個頁面上去。第三個為表格，點擊后，在彈出的對話框中，添入想要的行數和列數以及表格邊距顏色等。第四個為插入表格式數據，可以將以前作成的表格形狀的數據表，直接插入到網頁中來，而不用做任何的修改。第五個按鈕為插入水平線按鈕，插入后，在屬性浮動面板上改改它的大小等。第六個為導航條，和第二個差不多，也可以換圖象，不過，比起第二個要復雜的多，但絕對簡單。第七個為插入層，這好象是Dreamweaver特有的特性，其他的網頁編輯軟件中都沒有這項功能。插入的層可以位于頁面的任何位置。拖動就行。第八個為插入換行符，有時網頁中的文字想讓它換行，按回車又太大，用換行符就是一種不錯的選擇。第九個為插入Email，將聯系用的Email插入網頁中，只要填上Email地址就行。第十個為插入日期，很簡單，沒有什么好說的。第十一個為插入Flash按鈕，Flash是現在網頁中新興的一種多媒體，有動畫，有聲音，但文件很小，極適合在網上傳播。第十二個為插入Shockwave按鈕，做好了的Shockwave直接就可以插到這兒來。第十三個為插入制作人，親自制作的東西不想留名嗎？點它就行。第十四為插入Firework按鈕，Firework是Macromedia公司的又一個產品，具有制作動畫圖象等動態(tài)功能。也是專門為網頁制作設計的。第十五為插入Java語言編寫的Applet小程序按鈕。第十六為插入ActiveX控件用的按鈕。第十七為插入插件用的按鈕，這兒可以插入別的插件，上面未包括的。第十八未插入服務器端接口聯系的按鈕。4.3系統(tǒng)整體結構圖數據流程圖能夠很好的反應系統(tǒng)和模板的邏輯功能，但不涉及具體的模板物理結構和實現途徑，不能有效地體現整個系統(tǒng)的層次關系。HIPO圖可以從系統(tǒng)的整體出發(fā)，明確系統(tǒng)的層次之間的關系和模板之間的關系。五、課程設計任務所創(chuàng)建的網站至少包括6個頁面，分為三層，第一層為首頁，第二層為二級子頁，第三層為內容頁。（1）首頁采用表格進行布局，必須包含導航欄；（2）二級子頁可利用模板、表格制作；（3）三級子頁可利用框架（最好是浮動框架）制作。（4）各個頁面根據需要插入合適的圖像和Falsh動畫。（5）所有頁面要求內容充實、布局合理、顏色搭配協調、美觀大方。（6）各個頁面之間導航清晰、鏈接準確無誤。六、課程設計步驟6.1網站需求分析隨著互聯網的高速發(fā)展和Web.2.0時代的到來，愈來愈多的網站如雨后春筍般又出來。根據中國互聯網信息中心發(fā)表的權威報告顯示，截止11年6月底，我國網站數達到287.8萬個。網站數量的劇增，導致競爭的加劇。于是愈來愈多的，尤其是個人，開始對網站的發(fā)展前景表示擔憂。甚至有人斷言，個人網站的時代已經過去。需求分析最根本的任務是確定“為了滿足客戶的需要”。具體的說，應該確定系統(tǒng)必須具有功能和性能，系統(tǒng)要求的運行環(huán)境，并且預測系統(tǒng)發(fā)展的前景。必須仔細分析系統(tǒng)中的資料，既要分析系統(tǒng)中的數據流，又要分析長期使用的資料儲存。該階段不是確定系統(tǒng)怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也就是對目標系統(tǒng)提出完整、準確、清晰、具體的要求。通常情況下，個人網站主要是為了通過互聯網達到個人在商業(yè)、科技、交往、生活等發(fā)面的信息需求或者進行信息的交流，具體較強的目的性，我的個人網站一般體現在；為了展示自己的風采，讓大家和我分享我的心得與經驗，讓和我有共同愛好的朋友有一個傾訴的地方。6.2網站的系統(tǒng)分析隨著網民的日益增長，建立個人網站，不但可以剛好的展示自己，而且可以提高自己在計算機應用方面的能力。故本次作業(yè)，我選擇制作個人網站。本頁面主要介紹我的個人概況，個人背景，為了使大家更好的了解我，并使用本網站更豐富多彩，所有對我的業(yè)余愛好進行了相關的鏈接。在我的個人的網站了，可以更加了解到我。根據前面的設計思想進行分析，按照系統(tǒng)開發(fā)的基本觀點對網站進行分解，從內容上可對網站作如下劃分：個人介紹通過個人資料、個人愛好及部分圖片等內容來展現。優(yōu)點特色通過新聞、生動活潑的個人欄目來展現。信息發(fā)布通過公告欄來實現，內容有個人資料、興趣愛好，收集與制作的。在網頁制作中，我借鑒了韓國個人網站的設計風格，著重于給瀏覽者以強烈的視覺沖擊。運用了photoshop強大的圖像制作和處理能力。進行了大量的圖片制作，從而給人以強大的時代動感。整個網站的架構是由Dreamwaver完成的。6.3系統(tǒng)開發(fā)環(huán)境介紹隨著軟件業(yè)尤其是繪圖的應有軟件及其網頁設計的軟件的不斷變化升級，使用起來愈來愈方便。打個比方：原來的網頁全是如同文本編輯一樣，圖片的定位就相當困難，往往要求助于表格加表格，表格里插表格，這就需要熟練掌握表格的應用。而且還很難達到目標，有時不得不更改一些自己的目標。這有時是牽一發(fā)而動全身的?，F在呢？在Dreamweaver出現后，采用了高級的Dhtml技術以層的形式和定位功能將這問題輕松的解決了。網站設計是一門新興的邊緣性職業(yè)，如今全球信息技術和互聯網經濟的高速發(fā)展，使網站設計同其他諸如動畫設計，程序開發(fā)，電子商務等等一系列職業(yè)一樣應運而生。網站如同一個門門面，從個人主頁，公司企業(yè)，政府部門以致國際組織等等，無不將網站作為自己向外界展示形象，傳達信息的窗口。個人網站致力于廣大用戶提供優(yōu)質的交流平臺，提高網站的知名度和訪問量，從而獲得為個人網站提供更多展示的機會提升自己網站的價值。為了滿足網站信息管理系統(tǒng)的要求，實現系統(tǒng)靜態(tài)與動態(tài)頁面的相互分離。6.4網站總體功能設計要領一：確定網站主題做網站，首先必須要解決的就是網站內容問題，即確定網站的主題。美國《個人電腦》雜志(PCMagazine)評出了99年度排名前100位的全美知名網站的十類題材：第1類：網上求職；第2類：網上聊天/即時信息/ICQ；第3類：網上社區(qū)/討論/郵件列表；第4類：計算機技術；第5類：網頁/網站開發(fā)；第6類：娛樂網站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參看上面的分類，繼續(xù)細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網站時不會覺得無聊或者力不從心。興趣是制作網站的動力，沒有創(chuàng)作熱情，很難設計制作出優(yōu)秀的作品。對于內容主題的選擇，要做到小而精，主題定位要小，內容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網站的特色，也會帶來高強度的勞動，給網站的及時更新帶來困難。記?。涸诨ヂ摼W上只有第一，沒有第二！要領二：選擇好域名域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站，其所有建設的價值，都凝結在其網站域名之上。失去這個域名，所有前期工作就將柯淇鍘?br>目前，做個人網站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網易的虛擬域名服務，其實這對個人網站的推廣與發(fā)展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網站，而且也妨礙了網頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去注冊一個域名，獨立的域名就是個人網站的第一筆財富，要把域名起得形象、簡單、易記。要領三：確定網站界面構建一個網站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網站建設初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導致網站結構不清晰，目錄龐雜混亂，板塊編排混亂等。結果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網站也相當困難。所以，我們在動手制作網頁前，一定要考慮好欄目和板塊的編排問題。網站的題材確定后，就要將收集到的資料內容作一個合理的編排。比如，將一些最吸引人的內容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。在欄目編排時需要注意的是：盡可能刪除那些與主題無關的欄目；盡可能將網站內最有價值的內容列在欄目上；盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內容，如站點簡介、版權信息、個人信息等大可不必放在主欄目里，以免沖淡主題。6.5網站各頁面的詳細設計（1）創(chuàng)建站點要制作一個網站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網站的脈絡結構清晰地展現在面前，避免了以后再進行復雜的管理。（2）創(chuàng)建站點內容站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇“文件/文件”面板，此時整個網站中沒有任何內容。用鼠標右面板中的本地目錄文件夾。在彈出的菜單中選擇“新建文件”，新建的一個文件后將其命名為“index.html”，它就是未來的首頁。（3）設置首頁布局每個網站都會有一個首頁，就功能上而言，它代表著一個網站的風格與特色，就網站架構上而言，它代表了網站的第一層架構，至于網站上其他Web也，原則上都必須通過首頁來鏈接散播出去，可見首頁的重要性。首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。（4）設置首頁的頁面屬性首先雙擊“文件”浮動面板中的index.html進入頁面的編輯窗口。右擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。在“頁面屬性”對話框中，左擊窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”。“跟蹤圖像”5項，右側區(qū)域則顯示各類中可以設置的項目。（5）插入圖像圖像是網頁中不可或缺的組成成分，恰當的使用圖像，可以使網站充滿生命力和說服力，吸引更多的瀏覽者，加深他們欣賞你網站的意愿。步驟：首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快捷欄”的下拉菜單，選擇其中的常用類，則右側將會顯示該類中可以插入的對象快捷鍵。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。（6）插入多媒體在Dreamweaver中，除了之前說到的可以插入“圖像”外，還可以插入動畫、音頻、視頻等媒體元素。步驟：將光標停留在要插入的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，進行選擇。（7）插入文本文字是人類語言最基本的表達方式，在網頁中，文本內容也可以說是重要的組成部分，一個網站成功與否，它最關鍵的因素?？韶S富網站的文字內容，并以最最美觀、最整齊的方式放入到網頁中。步驟：在網頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件的使用方法一樣，選好習慣的輸入法，就可以運指如飛了。(8)創(chuàng)建其它網頁還有其它的幾個網站與主頁的制作相同，一個網頁是圖像和文字的組合?！捌矫嬖O計”中的圖像插入和前面的介紹相似，并可以在屬性欄中調整圖像的大小。（9）建立網頁鏈接網站實際上是由很多網頁組成的，在網頁之間是用網頁鏈接來完成的?！版溄印?，又稱“超鏈接”，它作為網頁的橋梁，起著相當重要的作用。網頁中的很多對象都可以加入鏈接屬性?！版溄印笨梢苑譃椤拔淖宙溄印?、“圖像鏈接”、“錨點連接”、“文件下載鏈接”、“跳轉菜單”等等。6.6網頁調試調試網頁編輯軟件dreamweaver是一個既見既所得的軟件，一般情況下是我們在編輯器里看到的頁面和在瀏覽器里看到的頁應沒多大的區(qū)別，如果我們采用了服務器技術的話，在本地瀏覽器是不能調試的，必須上傳到服務器高調試。所以調試的方式一般有兩種如果是靜態(tài)頁面的話就在本機調試，如果采用了服務器技術就上傳到服務器調試。（1）首先在winxp下安裝IIS6（2）安裝完成IIS后。對IIS的默認網點進行配置。將默認路徑指向網頁文件所在的目錄。（3）打開瀏覽器，輸入地址http：///index.htlm。完成調試。上傳這個制作網站的最后一步，如果全部制作完成，調試成功的話就可以上傳到服務器了，上傳時要用到一種FTP上傳軟件，常用的有l(wèi)eapftp，如果是申請的空間，服務商會給你提供主機名，用戶名和密碼，依次填入。如果不會使用可以查閱相關資料。七、結論不知不覺網頁設計的課程將要結束了，這門課程所包含內容的豐富是讓我從沒有想到的。在整個的學習過程中，我學習了Dreamwave、photoshop、Html語言、IIS、網站建設的基本思想等重要內容。到現在為止，我還是很慶幸能夠學到這么多的內容。整個網站的制作是我一個人完成的。雖然整個網頁的結構還有很多不足，還有一些板塊沒有開通，但是我的確能夠感到在我制作過程中技能的提高。整個網站的不足我想是沒有使用到一些動態(tài)網頁的知識，使得日后網站的維護較為繁雜。希望明年可以選到動態(tài)網站的課程，從而彌補自己在動態(tài)網絡語言方面的不足。通過這次設計，我發(fā)現一個很普遍的問題：我們往往是眼高手低，學習這些知識時覺得它就是小菜一樁，但現在真的驗證了“看花容易繡花難”這句話，當我們著手實踐時就不像我們想象中的那么簡單了，每一個細節(jié)都需要注意，稍有不慎頁面就在預覽中變了樣，因此更需要我們細心和耐心地去完成，也就兩個字概括——認真，只有認真對待才會從骨子里學到東西，才學到心里去了。我覺得這次確實是很有意義的一次檢測，本來自我感覺良好的，結果實戰(zhàn)時還是存在很多問題的，平時學起來覺得很輕松就以為掌握了所學知識，但現在都忘記很多細節(jié)是怎么樣的了，因此開始著手時有些障礙，但我下定決心把以前的實驗內容都溫習一遍，遇到不懂的就及時查資料，比如翻閱資料書，百度，也可以請教同學，一起討論，相互學習，于是最后也如魚得水，水到渠成，因此得到一個非常重要的結論——只要自己想學只要自己有那份執(zhí)著與毅力，虛心的請教，勤于查閱相關資料就一定會有收獲的，真的當今沒有什么知識是用不著的，在哪，哪里都是知識，只要自己持有高度的學習熱忱。當然，我們在學習過程中一定要及時鞏固、練習，掌握了也不一定熟悉，熟能生巧?。∥覀儜撐∵@個教訓，否則即使我們最終達到了目的，但我們走了很多彎路，而不是事半功倍的結果了。不過最終，經過長久的堅持與不斷的琢磨，看到了自己辛苦后的成果，盡管這還有很多不足，但看著它我心里充滿著喜悅，一分耕耘一分收獲，這永遠是真理。八、結束語本設計實現了網上方便、快捷的一個個人網站，讓別人在網上能夠更好了解到我，了解到我的學習和生活的環(huán)境，我用的主要工具是Dreamweaver（網頁制作），還熟練運用了Html語言，把語言編寫的腳本到嵌入到html代碼中，實現了強大功能。本網站上我簡單介紹了本人的基本情況和學習背景，還有本人的一些個人作品，網站要做到新穎，不是看網站上有多少內容，而是要看制作網站的方法和后臺處理方法上。本設計業(yè)基本是從這幾方面入手，并能簡單的實現許多動態(tài)畫面。這次網頁設計實戰(zhàn)篇——個人網站設計完成后，我收獲了很多，感觸也很深。我最大的感受就是理論不用于實踐終究是理論，說得難聽點那根本就是紙上談兵，止于理論的學習，將來是沒多少成績的，有前途發(fā)展的話也必將是少了更為之錦上添花的一筆。當然也深刻認識了一點，那就是我們所學的知識雖說是很基礎很根本，但沒有根基怎么能建好別墅呢?所以說基礎知識是很重要的，我們在學習過程中不能小看而去忽略它，它是一筆財富，能引導我們看得更遠飛得更高。完成自己的作品后我也觀賞了其他同學的作品，對比起來，各有千秋，當然能從其中發(fā)現很多值得我去學習的地方，比如說有的頁面布局很好，有的頁面內容很充實，看起來很有感覺，也可以稱之為網站了，而我的有些頁面看上去，可能使別人不會產生網站這一個概念，反而會覺得像是PPT演示文稿，這也反映了我的一個問題：心中還沒很清楚領悟建立網站的基本要點，還應該加強這方面的知識儲備。另外我也發(fā)現有的同學的頁面設計插入了太多圖片或者太多浮動的東西，弄得網頁太雜，沒有一定的風格，更談不上凸顯主題了······從對比中，我學到了很多，能讓我揚長避短，吸取他人之精華，去除他人之糟粕。這次作業(yè)對于我來說不是一項任務而是一種享受，因為我發(fā)現我越來越喜歡它，不管別人說做這件事做到多晚做得有多累，我都沒覺得，甚至還越做越興奮。對于一個女生來說，特別是對于一個對電腦不感興趣的女生來說，我覺得這是我最大的收獲，我找到了我的興趣、我的老師，我在計算機專業(yè)中找到了方向。真的很感謝老師能給我們這次機會，當然也發(fā)現有很多同學跟我一樣喜歡上了它，在這方面也做得比較好，于是我也有一種緊迫感，畢竟現在競爭壓力很大，“適者生存，弱者淘汰”是亙古不變的自然法則，我想我應該更加努力，抓住機會把它學通學精九、參考文獻（1）何翠平著HTML從入門到精通[M]電子工業(yè)出版社（2）邱郁惠著精通CSS與HMTL設計模式[M]人民郵電出版社（3）（美）桑德斯（Sounders，S）著高性能網站建設指南[M]電子工業(yè)出版社（4）徐磊著網頁制作與網站建設指南[M]清華大學出版社（5）吳濤主編，網站全程設計技術（修訂本），北京：清華大學出版社；北京交通大學出版社（6）張華、賈志娟主編，asp項目開發(fā)實踐，中國鐵道出版社（7）沈大林主編，中文Flash8案例教程，中國鐵道出版社（8）任學文、范嚴編,網頁設計與制作，中國科學技術出版社（9）武創(chuàng)、王惠主編,網頁設計探索之旅,電子工業(yè)出版社（10）杜巧玲等編,網頁設計超級夢幻組合,清華大學出版社（11）吳黎兵、羅云芳編，網頁設計教程，武漢大學出版社（12）張軍、王佩楷主編，ASP動態(tài)網站設計經典案例，機械工業(yè)出版社（13）http：///pcedu/sj/wz,太平洋電腦網（14）,源碼之家課程設計心得與體會通過這次個人網頁的制作，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。通過把自己的網頁上傳到互聯網上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品，那種成就感是無法用語言形容的。所以我覺得這次制作網頁我已經達到了自己的目的，而不是單單為了完成作業(yè)而已。這是一個完全關于自己的個人網頁，既然是介紹自己，就應該讓觀者在瀏覽了之后了解自己其人，我覺得這點我已經基本上做到了。關鍵字頁面設計ASP和數據庫1.一般來說，個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。2.題材最好是你自己擅長或者喜愛的內容。比如：您對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報道最新的球場戰(zhàn)況等等。這樣在制作時，才不會覺得無聊或者力不從心。3.不要太濫或者目標太高?！疤珵E”是指到處可見，人人都有的題材；“目標太高”是指在這一題材上已經有非常優(yōu)秀，知名度很高的站點，你要超過它是很困難的。選定了一個好的題材，是不是可以立刻動手制作了？不，經驗告訴我們，必須要先規(guī)劃框架。這是很重要的一步！每個網站都是一項龐大的工程。好比造高樓，沒有設計圖紙，規(guī)劃好結構，盲目的建造，結果往往是倒塌；也好比寫文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規(guī)劃架構好自己網站，不要急于求成。規(guī)劃一個網站，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其當你要制作一個很大的網站(有很多頁面)的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，十分累人，也十分費錢。大綱列出來后，你還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。為了提高瀏覽效率，方便資料的尋找，本站的框架基本采用“蒲公英”式，即所有的主要鏈接都在首頁上，鏈接的層次不多，深度淺?？蚣芏ㄏ聛砹?，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也為你的主頁將來發(fā)展打下良好的基礎。下一步，你可以動手制作具體內容了，我將告訴你一些收集資料的竅門。題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集就個人主頁而言，很少有人有能力完全靠自己來創(chuàng)作所有的內容。（一些高手能夠提供自己編的軟件，文章或則音樂，是我非常佩服的?。┐蟛糠秩说姆椒ㄊ牵簭膱蠹?，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網絡上收集，您只要到雅虎，搜狐等搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。如果您是英語高手，您可以到國外站點上把最新的信息，資料翻譯成中文，提供給大家，這叫“洋為中用”。網絡上的資料呈爆炸性的增長，只要注意收集某一非常細