《計(jì)算機(jī)畢業(yè)論文》由會(huì)員分享，可在線閱讀，更多相關(guān)《計(jì)算機(jī)畢業(yè)論文（15頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、東北師范大學(xué)計(jì)算機(jī)學(xué)院二學(xué)歷本科畢業(yè)論文 肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇

2、葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇

3、蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈

4、蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆

5、薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇

6、蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇

7、蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅

8、芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃肂腿節(jié)衿羈膈莄蟻襖膇蒆袇螀芇蕿蝕肈芆羋蒂羄芅莁蚈袀芄薃蒁袆芃芃螆螂節(jié)蒞蕿肁節(jié)蕆螄羇芁薀薇袃莀艿螃蝿荿莂薆肇莈蒄螁羃莇蚆薄罿莆莆衿裊羃蒈螞螁羂薀袈肀羈芀蝕羆羀莂袆袂聿蒅蠆螈聿薇蒂肇肈莇蚇肅肇葿薀罿肆薁螅裊肅芁薈螁肄莃螄聿肅蒆薆羅膃薈螂袁膂羋薅螇膁蒀螀螃膀薂蚃 吉林省高等

9、教育自學(xué)考試計(jì)算機(jī)軟件專業(yè)二學(xué)歷本科 畢業(yè)論文 論文題目： 個(gè)人主頁設(shè)計(jì) 專 業(yè)： 學(xué)生姓名： 準(zhǔn)考證號： 指導(dǎo)教師： 2011年 3 月 1 日 論文題目：個(gè)人主頁設(shè)計(jì) 15 摘　　要 隨著現(xiàn)代計(jì)算機(jī)科學(xué)

10、的發(fā)展，網(wǎng)絡(luò)已經(jīng)越來越普及，如今網(wǎng)絡(luò)已經(jīng)成為每個(gè)人生活的一部分，同時(shí)網(wǎng)絡(luò)也提供了一種很好的信息交換平臺(tái)，而個(gè)人主頁是一個(gè)可以在網(wǎng)絡(luò)上展示個(gè)人信息的方便手段。本文介紹了如何開發(fā)個(gè)人網(wǎng)站。首先介紹開發(fā)工具Dreamweaver以及HTML等技術(shù)，然后詳細(xì)講解了個(gè)人主頁的結(jié)構(gòu)與開發(fā)。 關(guān)鍵詞：Dreamweaver 個(gè)人主頁 HTML 簡歷 ABSTRACT Along with the modern computer science development, the network already more and more popularized, now the network

11、 already became a part each person life, at the same time the network has also provided one kind of very good exchange of information platform, but individual main page was may demonstrate individual information in the network the convenient method. This article introduced how to develop individual

12、website. First introduced development kit Dreamweaver and HTML technology, then in detail explained the structure of the individual page and how to develop. Keywords: Dreamweaver; Individual website; HTML; resume 目　　錄 第一章 引言 5 第二章 網(wǎng)頁制作概述 6 2.1 網(wǎng)頁的基礎(chǔ)知識(shí) 6 2.1.1 Internet簡介 6 1.1.2 站點(diǎn)與網(wǎng)頁的建立

13、 6 2.2 Dreamweaver的運(yùn)用 6 2.2.1 背景的設(shè)置 6 2.2.2 表格的使用 6 2.2.3 插入圖像及調(diào)整圖像大小 7 2.2.4文本段落的編輯 7 2.3 應(yīng)用多媒體 7 2.3.1 在頁面中插入背景音樂 7 2.3.2 添加Flash影片 7 2.4模板的制作與應(yīng)用 8 2.5 應(yīng)用HTML語言 8 2.5.1制作跑馬燈效果 8 第三章 網(wǎng)頁內(nèi)容介紹 10 3.1 首頁的設(shè)計(jì)及目的 10 3.2 簡歷頁面的設(shè)計(jì)及內(nèi)容 11 3.3 相冊頁面的設(shè)計(jì)及內(nèi)容 11 3.4 日志頁面的設(shè)計(jì)及內(nèi)容 12 3.5 聯(lián)系我頁面的設(shè)計(jì)及內(nèi)容 13

14、 結(jié) 論 14 參考文獻(xiàn) 15 第一章 引言 在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網(wǎng)站來實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。我利用Dreamweaver軟件制作了我的個(gè)人主頁。下面我將從所運(yùn)用的技術(shù)和包含的內(nèi)容兩方面向大家全面的介紹其制作過程。 第二章

15、網(wǎng)頁制作概述 2.1 網(wǎng)頁的基礎(chǔ)知識(shí) 2.1.1 Internet簡介 Internet是一個(gè)全球性的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，中文名稱為“國際互聯(lián)網(wǎng)”或“因特網(wǎng)”，它集現(xiàn)代通信技術(shù)和計(jì)算機(jī)技術(shù)與一體，是計(jì)算機(jī)之間進(jìn)行國際信息交流和實(shí)現(xiàn)資源共享的良好手段。 Internet是全球最大的信息資源庫，幾乎包括了人類生活的方方面面的信息，如政府部門、教育、科研、商業(yè)、工業(yè)、文化藝術(shù)、娛樂等。經(jīng)過多年的發(fā)展，互聯(lián)網(wǎng)已經(jīng)在社會(huì)的各個(gè)層面為全人類提供便利。 1.1.2 站點(diǎn)與網(wǎng)頁的建立 在制作網(wǎng)頁之前，首先要?jiǎng)?chuàng)建和設(shè)置本地站點(diǎn)。首先要?jiǎng)?chuàng)建本地站點(diǎn)的文件夾，命名為MY PW.然后分別建立“首頁”、“簡

16、歷”、“相冊”、“日志”、“聯(lián)系我”等主要網(wǎng)頁。然后在“日志”中有設(shè)分頁，將內(nèi)容進(jìn)一步擴(kuò)展。編輯網(wǎng)頁時(shí)，直接點(diǎn)擊右側(cè)文件中的相應(yīng)網(wǎng)頁即可。 2.2 Dreamweaver的運(yùn)用 2.2.1 背景的設(shè)置 網(wǎng)頁的背景顏色決定了網(wǎng)頁的風(fēng)格，合理的設(shè)計(jì)和搭配是網(wǎng)頁成功的關(guān)鍵，由于是個(gè)人主頁，所以背景顏色沒有特殊的要求，全憑個(gè)人喜好，我比較喜歡夜晚的星空，所以用星空作為背景，并保持整個(gè)網(wǎng)站的主色調(diào)為黑色，看起來眼睛也會(huì)覺得很舒服。對于原有圖形利用Photoshop進(jìn)行處理，調(diào)整好大小和顏色在頁面屬性中插入預(yù)先設(shè)計(jì)好的圖片。 2.2.2 表格的使用 表格是網(wǎng)頁設(shè)計(jì)的精華，它使信息更加簡潔和條

17、理化。表格是網(wǎng)頁排版布局不可缺少的工具，合理利用表格，可以使網(wǎng)頁結(jié)構(gòu)清晰有層次，而且便于管理和修改。在設(shè)計(jì)過程中，我在布局頁面通過設(shè)定表格區(qū)域，插入表格，對網(wǎng)頁進(jìn)行布局，使結(jié)構(gòu)看起來整潔有序。 2.2.3 插入圖像及調(diào)整圖像大小 一個(gè)純文本的網(wǎng)頁會(huì)讓人感到索然無味，所以適當(dāng)?shù)膱D片是必須的，但是要保證不能太多，不但會(huì)喧賓奪主，而且還影響網(wǎng)頁的下載速度，讓用戶因?yàn)槭懿涣私辜钡牡却x開頁面。通過網(wǎng)絡(luò)我搜索了與網(wǎng)站內(nèi)容相關(guān)，顏色搭配的一些素材，力在突出我的專業(yè)特色，在網(wǎng)頁里插入了一些與電子方面相關(guān)的圖片。 2.2.4文本段落的編輯 文本的編輯是網(wǎng)頁設(shè)計(jì)中比較容易實(shí)現(xiàn)的功能，但也是一個(gè)網(wǎng)站的主

18、要內(nèi)容所在，不管網(wǎng)頁做的有多么花哨，內(nèi)容一定要充實(shí)，這樣才能吸引別人光顧。在需要輸入文字的表格中單擊之后即可輸入文字。利用“屬性”命令，可以更改輸入文字的字體及大小。在輸入文字過程中，若想連續(xù)輸入空格，則需要單擊“編輯—首選參數(shù)—允許連續(xù)輸入多個(gè)空格”選中該框即可，也可以按住shift+ctrl+任意次空格。 其中如果想讓各個(gè)網(wǎng)頁的文字有統(tǒng)一的格式，可以用CSS來對文本進(jìn)行設(shè)置，具體CSS的用法在下面詳細(xì)介紹。 2.3 應(yīng)用多媒體 2.3.1 在頁面中插入背景音樂 除了靜態(tài)的圖片，越來越多的動(dòng)態(tài)效果被應(yīng)用到網(wǎng)頁的設(shè)計(jì)和制作過程中。多媒體技術(shù)使網(wǎng)頁變得更加生動(dòng)、有趣、絢麗多彩。在制作

19、時(shí)，可以在網(wǎng)頁中插入背景音樂，增加意境。首先是鼠標(biāo)放在需要插入音樂的地方，單擊插入插件，打開“選擇文件”對話框，選擇站點(diǎn)文件夾中的聲音文件，并單擊確定。在“屬性”檢查其中“參數(shù)”按鈕中輸入“hidden”，”autostart”,在列中均輸入”true”,則播放器被隱藏且無限期重復(fù)。 但是考慮到插入背景音樂會(huì)很大程度上影響網(wǎng)頁的下載速度，并且有很多用戶不喜歡背景音樂，甚至剛一開網(wǎng)頁突然的很大聲的音樂會(huì)給訪問者帶來不好的印象，所以我沒有在我的個(gè)人主頁里插入背景音樂。 2.3.2 添加Flash影片 Flash是一種交互式動(dòng)畫，在網(wǎng)頁中插入Flash影片，增添了動(dòng)態(tài)效果，使網(wǎng)頁看起來更加富有

20、動(dòng)感。它是網(wǎng)頁的亮點(diǎn)，它能給網(wǎng)頁帶來新鮮與活力。好的flash能讓網(wǎng)頁添色很多，但是如果flash總不停的閃爍，影響訪問者的閱讀，讓訪問者的眼睛感到不適，那樣的flash就很失敗了。經(jīng)過我的精心挑選，幾乎在每個(gè)網(wǎng)頁中我都插入了flash動(dòng)畫。 Flash圖像瀏覽器可以通過自定義參數(shù)實(shí)現(xiàn)圖像的切換特效。將光標(biāo)放置于要插入圖像瀏覽器的位置，執(zhí)行菜單欄上“插入-媒體-圖像查看器命令”打開“保存Flash元素”的對話框，將其保存在指定的站點(diǎn)目錄下，將文件名輸入browse.swf并保存。設(shè)置Flash元素面板，即可完成操作。 2.4模板的制作與應(yīng)用 如果網(wǎng)頁中的布局格式基本相同，可以采用創(chuàng)建模板

21、，不但可以節(jié)省大量時(shí)間，也便于網(wǎng)站的維護(hù)管理。 創(chuàng)建模板通常有兩種方式，一是先創(chuàng)建文檔，再把文檔轉(zhuǎn)化成模板；另一種方法是直接創(chuàng)建。在此次網(wǎng)頁制作過程中，創(chuàng)建模板的方法為首先創(chuàng)建網(wǎng)頁中所有子頁相同的部分，然后在模板窗口中插入表格作為可編輯區(qū)。最后保存模板。應(yīng)用模板時(shí)，單擊右側(cè)的“文件”窗格，選擇“資源”面板，單擊“應(yīng)用”按鈕即可應(yīng)用。在編輯區(qū)編輯子頁，最后進(jìn)行保存。 2.5 應(yīng)用HTML語言 HTML（HyperText Mark-up Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。設(shè)計(jì)HTML語言的目的是為了能把存放在

22、一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。 2.5.1制作跑馬燈效果 在網(wǎng)頁的下面，我利用HTML提供的marquee命令,即：

23、gn="center">歡迎光臨我的主頁，希望這里可以給你帶來輕松與歡笑！

完成了滾動(dòng)公告板的制作。 具體過程不用記住代碼，可以用Dreamweaver自帶的“標(biāo)簽檢查器”設(shè)置標(biāo)簽的屬性值，它的功能類似于屬性面板，但是比屬性面板更強(qiáng)大。步驟如下： 1.把光標(biāo)插入點(diǎn)放在需要插入滾動(dòng)字幕的地方。 2.點(diǎn)擊插入面板的“標(biāo)簽選擇器 ” 3.選擇 marquee標(biāo)簽，點(diǎn)擊“插入”按鈕。 4.轉(zhuǎn)換到代碼視圖。把光標(biāo)插入點(diǎn)放在 marquee標(biāo)簽內(nèi)。 5. 選擇“窗口”-->“標(biāo)簽檢查器”。然后選擇屬性，單擊未分類前面的＂＋＂，可以在“標(biāo)簽檢查器”中設(shè)置標(biāo)簽的各種用

24、法。 6.點(diǎn)擊behavior設(shè)置項(xiàng)右邊的下拉箭頭，選擇滾動(dòng)字幕內(nèi)容的運(yùn)動(dòng)方式。 7.direction屬性設(shè)置字幕內(nèi)容的滾動(dòng)方向。 8.scrollamount屬性設(shè)置字幕滾動(dòng)的速度。 9.scrolldelay屬性設(shè)置字幕內(nèi)容滾動(dòng)時(shí)停頓的時(shí)間，單位為毫秒。如果要讓滾動(dòng)看起來流暢，數(shù)值應(yīng)該盡量小。實(shí)例中設(shè)置為1毫秒。如果要有步進(jìn)的感覺，就設(shè)置時(shí)間長一點(diǎn)。 10.width屬性設(shè)置滾動(dòng)字幕的寬度。 11.style屬性設(shè)置字幕內(nèi)容的樣式。實(shí)例中設(shè)置字幕文字大小，輸入了“font:12px;”。 12.loop屬性設(shè)置字幕內(nèi)容滾動(dòng)次數(shù)，默認(rèn)值為無限?！?1”也為無限。 第

25、三章 網(wǎng)頁內(nèi)容介紹 本網(wǎng)站制作的主要關(guān)于我生活學(xué)習(xí)中的一些事情，主要分為“首頁”“簡歷”“相冊”“日志”“聯(lián)系我”五個(gè)板塊，從不同方面展示我自己。同時(shí)還鏈接了簡歷下載，供用人單位下載。我將在下面進(jìn)行詳細(xì)介紹。 3.1 首頁的設(shè)計(jì)及目的 首頁是一個(gè)網(wǎng)站的主索引頁，是令訪客了解網(wǎng)站概貌并引導(dǎo)其調(diào)閱重點(diǎn)內(nèi)容的向?qū)?。首頁是一個(gè)網(wǎng)站的第一頁，也是最重要的一頁。首頁是體現(xiàn)個(gè)人主頁的主人性格的的重中之重，也是網(wǎng)站所有信息的歸類目錄或分類縮影。首頁設(shè)計(jì)要求在保障整體感的前提下，根據(jù)大多數(shù)人的閱讀習(xí)慣以色彩、線條、圖片等要素將導(dǎo)航條、各功能區(qū)以及內(nèi)容區(qū)進(jìn)行分隔。以營造高易用性與視覺舒適性的人機(jī)交互界面為終

26、極目標(biāo)。 最上面為通過CSS修飾了的“于鵬的個(gè)人主頁”，下面是導(dǎo)航條，包括了網(wǎng)站里的所有主要的網(wǎng)頁，清晰明了。左邊以flash按鈕的方式列出了一些常用的網(wǎng)站鏈接，以方便平時(shí)上網(wǎng)。按鈕下面是我的英文個(gè)性簽名，使得網(wǎng)頁更加突出個(gè)人性格色彩。中間是對網(wǎng)站三大部分的闡述和簡介，以一個(gè)指南針和一個(gè)flash時(shí)鐘修飾，右下角是一個(gè)世界時(shí)間的flash，可以用來查看各個(gè)時(shí)區(qū)的時(shí)間，左上角用一個(gè)flash作為banner條，具有動(dòng)態(tài)效果，又不顯得凌亂。頁面最下方用滾動(dòng)條的形式顯示了歡迎語。整個(gè)頁面簡潔大方，富有個(gè)性，動(dòng)靜結(jié)合，達(dá)到了我努力營造的比較和諧的效果。具體布局如下圖。 首頁 3.2 簡歷頁面

27、的設(shè)計(jì)及內(nèi)容 簡歷頁面是從方便招聘公司的角度來進(jìn)行設(shè)計(jì)的。首先一個(gè)黑色的頁面里有一棵大樹，后面是藍(lán)天和白云，讓人的眼睛感到很舒服，心情很平靜愉快，黑色不刺激眼睛，而藍(lán)色則能讓人的眼睛放松。 為了方便用人單位進(jìn)行查看，我對簡歷的每一個(gè)部分都同多錨記進(jìn)行了鏈接，可以方便快捷的查看每個(gè)部分，并且由于網(wǎng)頁比較長，我在最后也通過錨記鏈接到了頁首，使界面友好。并且可以通過點(diǎn)擊簡歷下載來下載我的正式版的個(gè)人簡歷，以供用人單位參考和保存。網(wǎng)頁通過導(dǎo)航條跟各個(gè)頁面連接。 文字通過CSS進(jìn)行修飾，整體采用綠色和白色兩種色調(diào)，主要還是起到即明顯又不累眼睛的作用。 文字右上方用Dreamweaver自帶的相冊

28、生成工具制作，具體方法為插入—媒體—圖像查看器，然后按向?qū)нM(jìn)行各個(gè)設(shè)置，最后就自動(dòng)生成了一個(gè)簡介的相冊，用來動(dòng)態(tài)的展示我的獎(jiǎng)勵(lì)與證書。 3.3 相冊頁面的設(shè)計(jì)及內(nèi)容 相冊頁面大體布局跟首頁相似，只是中間內(nèi)容區(qū)顯示的是我通過Flash軟件制作的個(gè)人相冊，里面有我去沈陽，北京的照片以及我自己的影的作品和收藏的圖片。 Flash相冊功能強(qiáng)大，左下角的圖像用來選擇背景音樂，右邊顯示圖片的預(yù)覽，并且可以直接點(diǎn)進(jìn)任何一個(gè)照片，下面的按鈕用來一個(gè)一個(gè)的查看以及幻燈片效果播放。右上角的蝴蝶可以拖到相冊的任何位置，并不時(shí)的扇動(dòng)翅膀，增加相冊的動(dòng)感。 3.4 日志頁面的設(shè)計(jì)及內(nèi)容 日志模塊里存放

29、了我原創(chuàng)的和搜集日志，里面有我大學(xué)一直在做的智能車相關(guān)的日志以及各種生活感悟，各種有教育意義的內(nèi)容。 日志首頁通過一個(gè)“鼠標(biāo)經(jīng)過圖像”來裝飾，讓頁面生動(dòng)有趣。左邊有各個(gè)日志的鏈接，可以方便快捷的查看各個(gè)日志。 3.5 聯(lián)系我頁面的設(shè)計(jì)及內(nèi)容 最后是能跟我進(jìn)行交互的聯(lián)系我頁面，上面的表單可以方便瀏覽者留下個(gè)人信息并跟我進(jìn)行交流，不過數(shù)據(jù)庫方面沒有做，所以只是一個(gè)形式，具體內(nèi)容有待添加。 下面是我的個(gè)人信息，其中電子郵件通過在鏈接里輸入mailto:yup775@可以直接打開用戶電腦里的郵件軟件給我發(fā)送郵件，方便讀者。 結(jié) 論 在整個(gè)網(wǎng)站的設(shè)計(jì)制作過程中，我運(yùn)用了CSS，表

30、格布局網(wǎng)頁，并添加了圖像、Flash動(dòng)畫、按鈕、動(dòng)態(tài)圖片等，力求使網(wǎng)頁更加美觀，引人入勝。但由于本人專業(yè)水平有限，雖力求完美，卻仍有很大的不足亟待改正。在以后的學(xué)習(xí)中，我將會(huì)不斷努力，提高自己的專業(yè)水平，設(shè)計(jì)制作出更加完美的網(wǎng)頁。 參考文獻(xiàn) [1] 劉霆雨 編著DreamweaverMX2004　人民郵電出版社2006 [2] 林毅　編著　精通Dreamweaver8　北京：清華大學(xué)出版社　2007 [3] 湯倩 編著 Dreamweaver基礎(chǔ)精講與實(shí)例 人民郵電出版社 2006 [4] 彭力揚(yáng) 編著 網(wǎng)頁制作 中國青年出版社2006 [5] 王杰 周湘文 等編著

31、 網(wǎng)頁編程入門與應(yīng)用實(shí)例 清華大學(xué)出版社 2003 [6] 張楠 刑謹(jǐn) 編著 網(wǎng)頁設(shè)計(jì)基礎(chǔ)教程 清華大學(xué)出版社 2004 [7] 李剛 編著 網(wǎng)頁美工基礎(chǔ) 機(jī)械工業(yè)出版社 2004. [8] 姜楠 編著 Dreamweaver完美網(wǎng)站設(shè)計(jì)與制作 中國青年出版社 2004 [9] 管建軍 編著 CSS動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)與制作 清華大學(xué)出版社 2006 [10]張孝文 編著 Dreamweaver設(shè)計(jì)與制作 人民郵電出版社 [11]程佩青 編著 完美網(wǎng)頁制作與設(shè)計(jì)實(shí)例 機(jī)械工業(yè)出版社 2003 [12]王學(xué)武 編著 基礎(chǔ)網(wǎng)站建立與設(shè)計(jì) 中國青年出版社 2003

32、 蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅

33、肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃

34、腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖

35、膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅

36、芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃

37、芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃

38、袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅蚇羈芀羋薃肀羀蒃葿蚇肂芆蒞蚆膄蒂螄蚅羄莄蝕蚄肆薀薆蚃腿莃蒂蚃芁膅螀螞羈莁蚆螁肅膄薂螀膅荿蒈蝿裊膂蒄螈肇蒈螃螇腿芀蠆螇節(jié)蒆薅螆羈艿蒁螅肄蒄莇襖膆芇蚆袃袆蒂薂袂羈芅薈袁膀薁蒄袁芃莄螂袀羂膆蚈衿肅莂薄袈膇膅蒀羇袇莀莆羆罿膃蚅羅肁莈蟻羅芃膁薇羄羃蕆蒃羃肅芀螁羂膈蒅