畢業(yè)論文個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)

1、1個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)個(gè)人網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)【摘要摘要】個(gè)人網(wǎng)站的設(shè)計(jì)和內(nèi)容由于個(gè)人的喜好和看法，而大不相同。在這次我們將設(shè)計(jì)一個(gè)以故事為主題的個(gè)人網(wǎng)站，希望可以給用戶在忙碌的生活中停下來(lái)休息的地方，可以輕松的說(shuō)說(shuō)各自的故事，談?wù)勛约旱目捶ā＝?jīng)過(guò)分析我們使用MICROSOFT公司的Dreamweaver作為開發(fā)技術(shù)利用其提供的各種面向?qū)ο蟮拈_發(fā)工具以CSS為主的網(wǎng)站架構(gòu)，在短時(shí)間內(nèi)建立一個(gè)個(gè)人網(wǎng)站?！娟P(guān)鍵詞關(guān)鍵詞】站點(diǎn).個(gè)人網(wǎng)站.Dreamw

2、eaver1.緒論緒論可以說(shuō)21世紀(jì)是一個(gè)充滿個(gè)性和夢(mèng)想的時(shí)代，每一個(gè)人都在展示著自己的實(shí)力和自己的想法，可能這與我們得到的教育和社會(huì)進(jìn)步，人對(duì)自身認(rèn)識(shí)的加深有關(guān)系，但這其中不能不忽視互聯(lián)網(wǎng)的威力。一個(gè)虛擬的空間，一個(gè)充滿希望而又嬪紛多彩的世界，在這里人們隨意的展示著自己的想法，每一個(gè)人都是這世界的主人。在這里人們構(gòu)造著自己的夢(mèng)，寫一些以前很想寫但是沒(méi)有舞臺(tái)的故事，唱著一些想別人聽(tīng)見(jiàn)但是又地方唱的歌曲，講著一些自己身上發(fā)生的故事，體驗(yàn)著

3、每一個(gè)陌生而又熟悉的朋友的經(jīng)歷，一個(gè)虛構(gòu)但又感覺(jué)真實(shí)的舞臺(tái)。這個(gè)神奇的舞臺(tái)也真的把一部分人的心愿和想法實(shí)現(xiàn)了出來(lái)，網(wǎng)絡(luò)歌手，網(wǎng)絡(luò)作家，可以說(shuō)是近期最紅的話題。不至如此很多人在這個(gè)還實(shí)現(xiàn)了自己的發(fā)財(cái)夢(mèng)，明星夢(mèng)。網(wǎng)上商店可以說(shuō)是近年來(lái)年輕人創(chuàng)業(yè)的首選，年輕的一代也越來(lái)越接受這一種新穎而又輕松的購(gòu)物方式并且這一現(xiàn)象也正在向全民化普及.聽(tīng)說(shuō)掏寶網(wǎng)有一億多的注冊(cè)用戶，這難道不能說(shuō)明網(wǎng)絡(luò)在改變著我們的生活嗎。近期很多音樂(lè)網(wǎng)站上提供了很多供個(gè)人使用的

4、個(gè)人原創(chuàng)專區(qū)，這令到很多有著音樂(lè)夢(mèng)想的人，有了一個(gè)展示自己的舞臺(tái)，而也正有不少人由于這樣成就了自己的明星夢(mèng)。有人用草根明星或者草根英雄這些字眼來(lái)形容這些人，不管草根明星還是草根英雄，都是以前未嘗出現(xiàn)過(guò)的詞語(yǔ)，平凡確實(shí)很難和英雄，明星聯(lián)上關(guān)系，但真是這種平凡給人的親切和真實(shí)感，才是他們巨大魅力的來(lái)源。說(shuō)到這里我們也來(lái)，在這虛擬的世界里找一下自己的夢(mèng)想，建立一個(gè)自己的天地：一個(gè)屬于我們的心情故事網(wǎng)站.2.2.認(rèn)識(shí)認(rèn)識(shí)DreamweaverD

5、reamweaver的編輯環(huán)境的編輯環(huán)境2.12.1工作布局工作布局在Windows中首次啟動(dòng)DreamweaverMX時(shí)，會(huì)出現(xiàn)“工作區(qū)設(shè)置”窗口，從中可以選擇一種工作區(qū)布局，提供的三種不同的工作界面分別是“DreamweaverMX工作區(qū)”“Dreamweaver4工作區(qū)”和“HomesiteCoderStyle代碼編者樣式”.確定了工作區(qū)后，如果希望改為其它布局，可以選擇“編輯”菜單中的“參數(shù)選擇”命令，切換到不同的工作區(qū)。2.2

6、2.2窗口和面版的概述窗口和面版的概述應(yīng)用DreamweaverMX時(shí)，首先出現(xiàn)的是DreamweaverMX的操作界面窗口.現(xiàn)將其組成部分說(shuō)明如下:3當(dāng)按鈕為上三角時(shí)，屬性面版中顯示的為所有屬性。單擊面版右上角的“快速標(biāo)簽編輯器”按鈕，可以添加或者編輯HTML語(yǔ)言。在文檔窗口中選擇不同的網(wǎng)頁(yè)對(duì)象時(shí)，屬性面版中將顯示相應(yīng)的對(duì)象屬性，下面為常見(jiàn)的幾種對(duì)象的屬性面版顯示。圖象的屬性面版顯示表格的屬性面版顯示文字的屬性面版顯示框架的屬性面版顯

7、示2.3.42.3.4插入面版插入面版在DreamweaverMX中將一些常用的項(xiàng)目，例如圖象的插入、表格的設(shè)定等放置在插入面版中，這樣可以十分方便快捷的進(jìn)行操作，而且面版中相應(yīng)的圖標(biāo)非常直觀，應(yīng)用這些快捷方式，可以使網(wǎng)頁(yè)制作事半功倍。插入面版的位置及顯示。包括常用、布局、文本、表格、框架、表單、模板、字符、媒體、文件頭、腳本及應(yīng)用程序。選擇“編輯”菜單下的“參數(shù)”命令，在左側(cè)的“分類”中選擇“常規(guī)”選項(xiàng)，在右側(cè)的“插入面版”選項(xiàng)中可以

8、選擇插入面版的顯示類型，默認(rèn)的選擇為“僅圖標(biāo)”，也可以選擇“圖標(biāo)和文本”或者“僅文本”。1.常用插入面版常用插入面版的顯示，他主要進(jìn)行各種頁(yè)面內(nèi)物體的操作，包括圖象及超級(jí)鏈接的插入等。2.字符插入面版應(yīng)用字符插入面版可以在頁(yè)面內(nèi)加入各種符號(hào)。應(yīng)用時(shí)將光標(biāo)停留在需要標(biāo)志的位置，然后單擊圖標(biāo)即可，在HTML頁(yè)面內(nèi)出現(xiàn)的是標(biāo)志代碼，在瀏覽器中顯示的是符號(hào)。單擊“其他字符”按鈕有，出現(xiàn)“插入其他字符”窗口。選定一個(gè)符號(hào)后，在上面的“插入”文本框