《網(wǎng)絡(luò)技術(shù)畢業(yè)設(shè)計(jì)(論文)個(gè)人主頁(yè)設(shè)計(jì)》由會(huì)員分享,可在線閱讀,更多相關(guān)《網(wǎng)絡(luò)技術(shù)畢業(yè)設(shè)計(jì)(論文)個(gè)人主頁(yè)設(shè)計(jì)(16頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、
網(wǎng)絡(luò)技術(shù)畢業(yè)論文
論文題目: 個(gè)人主頁(yè)設(shè)計(jì)
專 業(yè): 計(jì)算機(jī)網(wǎng)絡(luò)
學(xué)生姓名:
準(zhǔn)考證號(hào): 060510100
指導(dǎo)教師:
2010年 1 月 1 日
摘 要
隨著現(xiàn)代計(jì)算機(jī)科學(xué)的發(fā)展,網(wǎng)絡(luò)已經(jīng)越來(lái)越普及,如今網(wǎng)絡(luò)已經(jīng)成為每個(gè)人生活的一部分,同時(shí)網(wǎng)絡(luò)也提供了一種很好的信息交換平臺(tái),而個(gè)人主頁(yè)是一個(gè)可以在網(wǎng)絡(luò)上展示個(gè)人信息的方便手段。本文介紹了如何開發(fā)個(gè)人網(wǎng)站。首先介紹開發(fā)工具Dreamweaver以及HTML等
2、技術(shù),然后詳細(xì)講解了個(gè)人主頁(yè)的結(jié)構(gòu)與開發(fā)。
關(guān)鍵詞:Dreamweaver 個(gè)人主頁(yè) HTML 簡(jiǎn)歷
ABSTRACT
Along with the modern computer science development, the network already more and more popularized, now the network already became a part each person life, at the same time the network has also provided one kind of very good exchange
3、 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 website. First introduced development kit Dreamweaver and HTML technology, then in detail explained the structure of t
4、he individual page and how to develop.
Keywords: Dreamweaver; Individual website; HTML; resume
目 錄
第一章 引言 5
第二章 網(wǎng)頁(yè)制作概述 6
2.1 網(wǎng)頁(yè)的基礎(chǔ)知識(shí) 6
2.1.1 Internet簡(jiǎn)介 6
1.1.2 站點(diǎn)與網(wǎng)頁(yè)的建立 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 在頁(yè)面中插入
5、背景音樂(lè) 7
2.3.2 添加Flash影片 7
2.4模板的制作與應(yīng)用 8
2.5 應(yīng)用HTML語(yǔ)言 8
2.5.1制作跑馬燈效果 8
第三章 網(wǎng)頁(yè)內(nèi)容介紹 10
3.1 首頁(yè)的設(shè)計(jì)及目的 10
3.2 簡(jiǎn)歷頁(yè)面的設(shè)計(jì)及內(nèi)容 11
3.3 相冊(cè)頁(yè)面的設(shè)計(jì)及內(nèi)容 11
3.4 日志頁(yè)面的設(shè)計(jì)及內(nèi)容 12
3.5 聯(lián)系我頁(yè)面的設(shè)計(jì)及內(nèi)容 13
結(jié) 論 14
參考文獻(xiàn) 15
第一章 引言
在Internet飛速發(fā)展的今天,互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過(guò)網(wǎng)
6、站來(lái)實(shí)現(xiàn)的,獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見,它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分,從而倍受人們的重視。我利用Dreamweaver軟件制作了我的個(gè)人主頁(yè)。下面我將從所運(yùn)用的技術(shù)和包含的內(nèi)容兩方面向大家全面的介紹其制作過(guò)程。
第二章 網(wǎng)頁(yè)制作概述
2.1 網(wǎng)頁(yè)的基礎(chǔ)知識(shí)
2.1.1 Internet簡(jiǎn)介
Internet是一個(gè)全球性的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò),中文名稱為“國(guó)際互聯(lián)網(wǎng)”或“因特網(wǎng)”,它集現(xiàn)代通信技術(shù)和計(jì)算機(jī)技術(shù)與一體,是計(jì)算機(jī)之間進(jìn)行國(guó)際信息交流和實(shí)現(xiàn)
7、資源共享的良好手段。
Internet是全球最大的信息資源庫(kù),幾乎包括了人類生活的方方面面的信息,如政府部門、教育、科研、商業(yè)、工業(yè)、文化藝術(shù)、娛樂(lè)等。經(jīng)過(guò)多年的發(fā)展,互聯(lián)網(wǎng)已經(jīng)在社會(huì)的各個(gè)層面為全人類提供便利。
1.1.2 站點(diǎn)與網(wǎng)頁(yè)的建立
在制作網(wǎng)頁(yè)之前,首先要?jiǎng)?chuàng)建和設(shè)置本地站點(diǎn)。首先要?jiǎng)?chuàng)建本地站點(diǎn)的文件夾,命名為MY PW.然后分別建立“首頁(yè)”、“簡(jiǎn)歷”、“相冊(cè)”、“日志”、“聯(lián)系我”等主要網(wǎng)頁(yè)。然后在“日志”中有設(shè)分頁(yè),將內(nèi)容進(jìn)一步擴(kuò)展。編輯網(wǎng)頁(yè)時(shí),直接點(diǎn)擊右側(cè)文件中的相應(yīng)網(wǎng)頁(yè)即可。
2.2 Dreamweaver的運(yùn)用
2.2.1 背景的設(shè)置
網(wǎng)頁(yè)的背景顏色決定了網(wǎng)頁(yè)
8、的風(fēng)格,合理的設(shè)計(jì)和搭配是網(wǎng)頁(yè)成功的關(guān)鍵,由于是個(gè)人主頁(yè),所以背景顏色沒有特殊的要求,全憑個(gè)人喜好,我比較喜歡夜晚的星空,所以用星空作為背景,并保持整個(gè)網(wǎng)站的主色調(diào)為黑色,看起來(lái)眼睛也會(huì)覺得很舒服。對(duì)于原有圖形利用Photoshop進(jìn)行處理,調(diào)整好大小和顏色在頁(yè)面屬性中插入預(yù)先設(shè)計(jì)好的圖片。
2.2.2 表格的使用
表格是網(wǎng)頁(yè)設(shè)計(jì)的精華,它使信息更加簡(jiǎn)潔和條理化。表格是網(wǎng)頁(yè)排版布局不可缺少的工具,合理利用表格,可以使網(wǎng)頁(yè)結(jié)構(gòu)清晰有層次,而且便于管理和修改。在設(shè)計(jì)過(guò)程中,我在布局頁(yè)面通過(guò)設(shè)定表格區(qū)域,插入表格,對(duì)網(wǎng)頁(yè)進(jìn)行布局,使結(jié)構(gòu)看起來(lái)整潔有序。
2.2.3 插入圖像及調(diào)整圖像大小
一
9、個(gè)純文本的網(wǎng)頁(yè)會(huì)讓人感到索然無(wú)味,所以適當(dāng)?shù)膱D片是必須的,但是要保證不能太多,不但會(huì)喧賓奪主,而且還影響網(wǎng)頁(yè)的下載速度,讓用戶因?yàn)槭懿涣私辜钡牡却x開頁(yè)面。通過(guò)網(wǎng)絡(luò)我搜索了與網(wǎng)站內(nèi)容相關(guān),顏色搭配的一些素材,力在突出我的專業(yè)特色,在網(wǎng)頁(yè)里插入了一些與電子方面相關(guān)的圖片。
2.2.4文本段落的編輯
文本的編輯是網(wǎng)頁(yè)設(shè)計(jì)中比較容易實(shí)現(xiàn)的功能,但也是一個(gè)網(wǎng)站的主要內(nèi)容所在,不管網(wǎng)頁(yè)做的有多么花哨,內(nèi)容一定要充實(shí),這樣才能吸引別人光顧。在需要輸入文字的表格中單擊之后即可輸入文字。利用“屬性”命令,可以更改輸入文字的字體及大小。在輸入文字過(guò)程中,若想連續(xù)輸入空格,則需要單擊“編輯—首選參數(shù)—允許連
10、續(xù)輸入多個(gè)空格”選中該框即可,也可以按住shift+ctrl+任意次空格。
其中如果想讓各個(gè)網(wǎng)頁(yè)的文字有統(tǒng)一的格式,可以用CSS來(lái)對(duì)文本進(jìn)行設(shè)置,具體CSS的用法在下面詳細(xì)介紹。
2.3 應(yīng)用多媒體
2.3.1 在頁(yè)面中插入背景音樂(lè)
除了靜態(tài)的圖片,越來(lái)越多的動(dòng)態(tài)效果被應(yīng)用到網(wǎng)頁(yè)的設(shè)計(jì)和制作過(guò)程中。多媒體技術(shù)使網(wǎng)頁(yè)變得更加生動(dòng)、有趣、絢麗多彩。在制作時(shí),可以在網(wǎng)頁(yè)中插入背景音樂(lè),增加意境。首先是鼠標(biāo)放在需要插入音樂(lè)的地方,單擊插入插件,打開“選擇文件”對(duì)話框,選擇站點(diǎn)文件夾中的聲音文件,并單擊確定。在“屬性”檢查其中“參數(shù)”按鈕中輸入“hidden”,”autostart”,在列中
11、均輸入”true”,則播放器被隱藏且無(wú)限期重復(fù)。
但是考慮到插入背景音樂(lè)會(huì)很大程度上影響網(wǎng)頁(yè)的下載速度,并且有很多用戶不喜歡背景音樂(lè),甚至剛一開網(wǎng)頁(yè)突然的很大聲的音樂(lè)會(huì)給訪問(wèn)者帶來(lái)不好的印象,所以我沒有在我的個(gè)人主頁(yè)里插入背景音樂(lè)。
2.3.2 添加Flash影片
Flash是一種交互式動(dòng)畫,在網(wǎng)頁(yè)中插入Flash影片,增添了動(dòng)態(tài)效果,使網(wǎng)頁(yè)看起來(lái)更加富有動(dòng)感。它是網(wǎng)頁(yè)的亮點(diǎn),它能給網(wǎng)頁(yè)帶來(lái)新鮮與活力。好的flash能讓網(wǎng)頁(yè)添色很多,但是如果flash總不停的閃爍,影響訪問(wèn)者的閱讀,讓訪問(wèn)者的眼睛感到不適,那樣的flash就很失敗了。經(jīng)過(guò)我的精心挑選,幾乎在每個(gè)網(wǎng)頁(yè)中我都插入了flash
12、動(dòng)畫。
Flash圖像瀏覽器可以通過(guò)自定義參數(shù)實(shí)現(xiàn)圖像的切換特效。將光標(biāo)放置于要插入圖像瀏覽器的位置,執(zhí)行菜單欄上“插入-媒體-圖像查看器命令”打開“保存Flash元素”的對(duì)話框,將其保存在指定的站點(diǎn)目錄下,將文件名輸入browse.swf并保存。設(shè)置Flash元素面板,即可完成操作。
2.4模板的制作與應(yīng)用
如果網(wǎng)頁(yè)中的布局格式基本相同,可以采用創(chuàng)建模板,不但可以節(jié)省大量時(shí)間,也便于網(wǎng)站的維護(hù)管理。
創(chuàng)建模板通常有兩種方式,一是先創(chuàng)建文檔,再把文檔轉(zhuǎn)化成模板;另一種方法是直接創(chuàng)建。在此次網(wǎng)頁(yè)制作過(guò)程中,創(chuàng)建模板的方法為首先創(chuàng)建網(wǎng)頁(yè)中所有子頁(yè)相同的部分,然后在模板窗口中插入表格作為可編
13、輯區(qū)。最后保存模板。應(yīng)用模板時(shí),單擊右側(cè)的“文件”窗格,選擇“資源”面板,單擊“應(yīng)用”按鈕即可應(yīng)用。在編輯區(qū)編輯子頁(yè),最后進(jìn)行保存。
2.5 應(yīng)用HTML語(yǔ)言
HTML(HyperText Mark-up Language)即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言,是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言,也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言。設(shè)計(jì)HTML語(yǔ)言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起,形成有機(jī)的整體,HTML文本是由HTML命令組成的描述性文本,HTML命令可以說(shuō)明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。
2.5.1制作跑馬燈效果
在網(wǎng)頁(yè)的下面,我利
14、用HTML提供的marquee命令,即: