第一篇：論文：個人網(wǎng)站的設計與實現(xiàn)
個人網(wǎng)站的設計與實現(xiàn)
前 言
隨著國際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個人建立網(wǎng)站是為了追求時尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。
無論是專業(yè)的，還是業(yè)余的，很多人對網(wǎng)頁制作頗感興趣。事實上制作一個簡單的網(wǎng)頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器。
同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過程中起到了錦上添花的作用，是個人網(wǎng)站實現(xiàn)的好幫手，在制作網(wǎng)站的時候經(jīng)常會用到這些軟件。
本文有五章，我來由淺到深介紹個人網(wǎng)站的設計與實現(xiàn)。
摘 要
在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力。現(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權威地位。建立個人網(wǎng)站的基本過程可以分為以下七個環(huán)節(jié) : 1 了解中國網(wǎng)絡個人主頁研究背景與發(fā)展現(xiàn)狀 2 系統(tǒng)需求分析與總體設計 3 熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境 把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁。5 使用動態(tài)網(wǎng)頁技術(ASP)，實現(xiàn)動態(tài)內(nèi)容更新。6 認真地選取測試用例，進行交叉測試 7 網(wǎng)站的后期完善、宣傳及發(fā)展方向
其中 ,網(wǎng)頁制作和使用動態(tài)網(wǎng)頁技術(ASP)實現(xiàn)動態(tài)內(nèi)容更新是網(wǎng)站開發(fā)的核心內(nèi)容。
關鍵詞：網(wǎng)頁、制作、訪問、鏈接 Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links: 1、understands the Chinese network individual main page research background and the development present situation 2 systems demands analysis and system design 3 familiar websites developments pattern, tool and environment 4 and wants own work the content which demonstrated to manufacture the homepage.5 uses dynamic homepages technology(ASP), realization dynamic content renewal.6 earnestly selects measured the test example, carries on the overlapping test 7 websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link
第一章 預備知識
1.1 什么是Internet Internet的中文名為“國際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。
Internet是由眾多的計算機網(wǎng)絡互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，它是采用開放系統(tǒng)協(xié)議的計算機通訊網(wǎng)絡。然而，Internet不僅僅是計算機的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。
要了解Internet，就必須先了解局域網(wǎng)。我們可以將同一地點的許多計算機使用網(wǎng)線連接在一起，構成一個高效率的計算機網(wǎng)絡，所有處于網(wǎng)絡內(nèi)的終端機或電腦都能享受網(wǎng)絡內(nèi)所有的資源，比如程序，圖文資料等。這種計算機網(wǎng)絡因為一般都局限在一定區(qū)域中，我們稱之為“局域網(wǎng)”（Local Area Network,簡稱LAN）,它是在日常工作中用得最多的一種小型計算機網(wǎng)絡。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公里，甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見的校園網(wǎng)，一座寫字樓內(nèi)部的網(wǎng)絡等都屬于局域網(wǎng)。
而Internet則不是指單個區(qū)域范圍內(nèi)的網(wǎng)絡，而是指將全世界的各中不同類型的計算機網(wǎng)絡連接起來的一個全球性的網(wǎng)絡。Internet上有取之不盡，用之不竭的信息資源。對于Internet中各種各樣的信息，所有的人都可以通過網(wǎng)絡的連接來共享和使用。
1.2 Internet有那些功能
Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務，通過瀏覽WWW（萬維網(wǎng)）中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。信息發(fā)布：通過Internet，不僅可以瀏覽別人發(fā)布在Web頁上的信息，也可以將自己要發(fā)布的信息制作成Web頁，也即網(wǎng)頁，然后發(fā)布到Internet上，供全世界的人瀏覽。
電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet傳輸，寫信，發(fā)信，收信都在計算機上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費的，所以比傳統(tǒng)郵件既節(jié)省時間又經(jīng)濟的多。
網(wǎng)上聊天：通過聊天軟件（如QQ、ICQ等）或不同網(wǎng)站的聊天室，可以和世界各地的網(wǎng)友聊天。網(wǎng)友可能是遠在天邊的異國朋友，也可能是與你一起工作的餓同事，或者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國籍、膚色的限制，完全突破了交友的傳統(tǒng)方式，人們可通過Internet互相了解對方，進行各種各樣的交流。
電子商務：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級電子商務、網(wǎng)上貨幣支付等電子商務活動已經(jīng)搞的有聲有色，幾乎所有的專家都預測，在未來的幾年內(nèi)，電子商務會飛速發(fā)展。在不久的將來，您可以做在電腦前進行各種各樣的商務活動。
網(wǎng)絡游戲：通過Internet，可以與全世界的玩家一起進行游戲對戰(zhàn)，也可以協(xié)同作戰(zhàn)。網(wǎng)絡游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟增長點，每年都為開發(fā)商帶來巨額的利潤。通過網(wǎng)絡游戲，可以充分享受Internet給我們帶來的樂趣。
網(wǎng)絡電話：網(wǎng)絡電話也稱IP電話。它采用Internet技術，利用專門的網(wǎng)絡電話軟件，只需支付非常低廉的話費就可通話。Internet在電信市場上的應用將越來越廣泛。
1.3 WWW的簡介
WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。WWW是一個基于超文本（Hypertext）方式的信息檢索服務工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件，這些網(wǎng)頁文件被放置到WWW服務器上，并且都有一定的地址。當我們想瀏覽某個網(wǎng)站時，首先要在電腦上安裝瀏覽器，如Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進入網(wǎng)站進行瀏覽。在這些網(wǎng)頁中，都有超連接，當將鼠標指針移動到某個地方（如文本或圖象）時，鼠標指針就會變成一個小手形形狀，單擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。
WWW 為我們帶來的是世界范圍的超級文本服務：只須操縱鼠標，就可以通過Internet從世界各地調(diào)來你所希望的文本、圖像、動畫和聲音等信息。通過使用WWW，一個不熟悉網(wǎng)絡使用的人也可以成為Internet的行家。
1.4網(wǎng)頁基本構成元素
要學會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構成的。
文字：文本是構成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。
圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。
動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。
超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。
其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。
1.5軟件的安裝與啟動 要使用網(wǎng)站設計軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需要如何啟動，如何創(chuàng)建快捷方式。下面就讓我們來詳細地看一看具體的操作步驟。
1.5.1軟件的安裝
安裝之前，需要先了解軟件對系統(tǒng)的要求。以Windows為例，系統(tǒng)要求如下： Intel Pentium II處理器或等效處理器，主頻300MHz或更高。
Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windows Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用內(nèi)存（RAM），建議采用128MB內(nèi)存。
分辨率可達 800×600像素的256色顯示器（建議顏色為百萬顏色，分辨率達到1024×768像素）。CD-ROM 驅動器。
檢查一下您的計算機，看是否具備了以上條件。如果具備，將“Macromedia Studio MX”程序會自動運行。如果不能自動運行，可以找到光盤放入光驅，安裝程序會自動運行?？梢哉业焦獗P中的“Install Macromedia Studio MX”程序或“Autorun”程序并雙擊運行。
Dreamweaver的安裝比較容易，幾乎可以自動完成。下面簡要說明一下安裝步驟。
操作步驟：
1、將安裝光盤放入光驅，安裝程序自動運行，并出現(xiàn)安裝界面。如果單擊安裝界面上的“Macromedia STUDIO MX安裝”，那么將會安裝其下方所列出的軟件。所有的安裝會自動完成。
2、單擊Dreamweaver MX,開始安裝過裝過程.先是出現(xiàn)解壓縮文件窗口,等待一會兒,便會出現(xiàn)安裝向導對話框。單擊“下一步”按鈕，繼續(xù)安裝過程。
3、出現(xiàn)“選擇目的地位置”對話框，默認的盤是C盤，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對話框選擇不同的文件，如要安裝在D盤則可直接將路徑中的“C：”改為“D:”。也可以在下面的“目錄”中選擇其它的文件夾，設置完后，單擊“確定”，回到“選擇目的地址”對話框，單擊“下一步”繼續(xù)。
4、而后會出現(xiàn)“默認編輯器”的對話框，默認為全選。如果希望讓Dreamweaver MX成為下面所列文件類型的默認編輯器，那么可以在這里做選擇。選擇完畢，單擊“下一步”按鈕。
5、出現(xiàn)“開始復制文件”對話框，單擊“下一步”安裝程序開始復制文件，過幾分鐘后，安裝結束，單擊“結束”按鈕，結束安裝。
1.5.2 軟件啟動
軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動在“開始”菜單中加入了快捷方式。
單擊“開始”菜單，將鼠標指針依次指向“程序”|“Macromedia”|“Macromedia MX”,并在上面單擊鼠標左鍵。
1.5.3 創(chuàng)建快捷方式 使用“開始”菜單啟動程序的過程比較煩瑣?？梢栽赪indows桌面或快速啟動欄上創(chuàng)建快捷方式，這樣可以快速的啟動程序。
具體實現(xiàn)方法是：在“開始”菜單中找到相應程序的快捷方式，不過這是不要用鼠標左鍵單擊，而是用右鍵按住向桌面拖動，然后松開右鍵，會出現(xiàn)一個快捷菜單，在其中可以選擇不同的命令，比如選擇“在當前位置創(chuàng)建快捷方式”或“復制到當前位置”。
這樣以后在運行程序時，就方便快捷的多了。
1.6 制作網(wǎng)頁前的準備
電腦必備：
電腦速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.軟件可選：
其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。
1.7 Dreamweaver MX的操作環(huán)境
我們將工作界面分成了“標題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。
1.7.1 標題欄 Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網(wǎng)頁的話，在后面還會顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標題、所在位置及網(wǎng)頁名稱，右邊有三個鈕，分別對應Dreamweaver MX的最大化最小化和關閉的操作。
1.7.2 菜單欄
“標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。
1.7.3 快捷工具欄
“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現(xiàn)出來了。
1.7.4 屬性面板
在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中起到舉足輕重的作用。
屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標所選中對象的不同，“屬性面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調(diào)整。
第二章 網(wǎng)站制作實戰(zhàn)
2.1 站點
2.1.1 創(chuàng)建站點
要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網(wǎng)站的脈絡結構清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。
從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追夢人”。
填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務器技術?！?單擊“下一步”，進入下一個步驟。
在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。
這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。
2.1.2 創(chuàng)建站點內(nèi)容
站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。
由于“追夢人”網(wǎng)站分為“平面設計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應上面的五個大欄目。存放它們各自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。
之后在個欄目的文件夾里還要建立想相應的欄目網(wǎng)頁。
2.2 首頁
2.2.1 設置首頁布局
每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風格與特色，就網(wǎng)站架構上而言，它代表了網(wǎng)站的第一層架構，至于網(wǎng)站上其他Web頁，原則上都必須通過首頁來連接散播出去，可見首頁是多么的重要。
首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當然，后綴名為html也是正確的。
具體設置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。
首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：
1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標光標放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。
3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可以按住Ctrl鍵繪制多個表格。追夢人”網(wǎng)站首頁的布局如圖所示：
2.2.2設置首頁的頁面屬性
首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。
在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區(qū)域則顯示各類中可以設置的項目。“追夢人”首頁設置的屬性如下圖所示：
2.2.3查看和編輯頭內(nèi)容
一個網(wǎng)頁文件結構上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關鍵的關鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵字。
下面就以首頁為例，說明怎樣插入較常用的頭（head）內(nèi)容。
單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側將會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭頭，會彈出菜單，該項列出的便是即將插入的頭內(nèi)容。
2.2.4 插入圖像
圖像是網(wǎng)頁中不可或缺的組成成份，恰當?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。
另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關鍵因素。由于網(wǎng)絡在傳輸上的限制，導致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細介紹對網(wǎng)頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風格搭配的基礎上，圖片文件能夠變的更小。
1、首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。
2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當前文檔；如果選擇“站點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網(wǎng)站標志logo，插入logo圖象，如圖所示：
最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.5插入多媒體
在Dreamweaver MX2004中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對象，以及進行相關的后期處理和添加設計備注等操作。
在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則是通過相應的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動畫播放功能。操場作步驟：
步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，選擇第1項Flash圖標。
步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫，如圖所示：
2.2.6插入文本 文字是人類語言最基本的表達方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個網(wǎng)站成功與否，它是最關鍵的因素。在這最關鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。插入文本的兩種方式
網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。
一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習慣的輸入法，就可以運指如飛了。
另一種是復制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來進行打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準備好了要放入網(wǎng)頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進行排版的工作，具體步驟如下。
打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。
這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要粘貼的位置，crtl+v到Dreamweaver即可。
2.3創(chuàng)建其它網(wǎng)頁
還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合?！捌矫嬖O計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework,如圖所示：
在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。
第三章 建立網(wǎng)頁鏈接
網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”。
“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當重要的作用。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉菜單”，共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對其進行更深入的講解。
3.1文字鏈接
“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護”的特點。
接下來結合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟
步驟1 準備好已經(jīng)制作完成的首頁的各個欄目頁面（假設除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，這里的5個欄目----“平面設計”、“動畫制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明”為例來進行講解。
步驟2 在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實例中要做到單擊不同的欄目的網(wǎng)頁。因此為第1個欄目“平面設計”設置鏈接，首先要反白選中“平面設計”4個文字。
步驟3 觀察“屬性面板”，其中包括一個“鏈接”文本框。步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。
這里我用到的是直接點擊文件夾圖標，在文件夾中找到要鏈接的對象graph.htm。這樣就建立了超鏈接。不過有點很重要，由于大多數(shù)服務器都不支持中文文件名，而且對大小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。如圖所示：
步驟5 在“鏈接”文本框下面還有一個“目標”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：
實例中沒有選擇任何選項，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。
步驟6 還可以設置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進行的設置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。
步驟7 至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預覽，測試一下，當鼠標放在“平面設計”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會立即跳轉到第1個欄目中，這表示鏈接已經(jīng)制作成功了。
步驟8 同理，按照以上步驟，再為“動畫制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄制作指向對應欄目的鏈接。
步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉回首頁，因此在各個欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈接，制作方法不變。
至此，整個“文字鏈接”的實例就全就全部完成了。通過對這個實例的講解，讀者不僅應該學會如何為文字制作鏈接，還應用對“鏈接”有了更加深刻的理解，鏈接的目的何在？它到底能夠在網(wǎng)頁的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是網(wǎng)頁制作者更應該思考的問題。下面繼續(xù)介紹其他類型的鏈接。
3.2圖像鏈接
“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應該在網(wǎng)頁中插入“圖像”，有關插入“圖像”或“導航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“追夢人“為例，講解如何建立“圖像鏈接”。操作步驟
步驟1 首先仍然要準備好已經(jīng)制作完成的首頁和各個欄目的頁面（假設除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，下面我們就動手為這6個欄目分別制作它們的鏈接。
步驟2 在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實例中先為第3個欄目“動畫制作”設置鏈接，因此選中包含“動畫制作”4個字的圖像。步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址。可以使用之前講過的“指向文件”和“選擇文件”的方法。
步驟4 如果有需要，可以在“目標”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分別為-blank、-parent、-self或 top。實例中使用了默認出的保留空白選項的方式。
步驟5 另外，讀者還可以為圖像增加“替代”文本。實例中為第1個欄目增加欄目名稱的“替代”文本。
步驟6 至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預覽，測試一下，將鼠標放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗口下面的狀態(tài)欄中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制作”，單擊文字，頁面會立即跳轉到第3個欄目中，這表示鏈接已經(jīng)制作成功了。步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向對應欄目的鏈接。
步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉回首頁，其制作方法不變。
至此，整個“圖像鏈像”的實例就全部完成了。
3.3E –Mail的鏈接
E-Mail鏈接，是指當瀏覽者單擊該鏈接之后，不是打開一個網(wǎng)頁文件，而是啟動用戶的E-Mail客戶端軟件（如Outlook Express）,并打開一個空白的新郵件，供瀏覽者撰寫內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動方式。結合“個人說明”網(wǎng)頁，建立E-Mail鏈接的步驟如下所述。操作步驟 步驟1 將光標停留在頁面右下角要插入E-mail鏈接的位置。
步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側第2個“電子郵件鏈接”按鈕。
步驟3 在彈出的“電子郵件鏈接”對話框中有兩個輸入項，分別是“文本”和“E-Mail”。在“文本”項中輸入鏈接的文字，中文、英文均可，在E-Mail項中輸入網(wǎng)站聯(lián)系有的電子郵件地址，如實例中的 ding_zhuimeng123@163.net。
步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標所在位置了，按下 Ctrl+S保存網(wǎng)頁，再按下F12預覽查看實際效果。上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對象（如圖像）上也加入這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。
其實很簡單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語句即可----mailto: ding_zhuimeng123@163.net ?subject=網(wǎng)站的建議與第1種方法不同的是，E-Mail 地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對象建立“E-Mail鏈接”了。
3.4文件下載鏈接
“文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用IE瀏覽器直接進行下載，并保存到本地計算機中。
瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業(yè)以實例來說明。在前面“插入多媒體”一章中，我們曾經(jīng)講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經(jīng)過數(shù)據(jù)下載后，Windows系統(tǒng)將啟動自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟
步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件夾下。
步驟2 將文件路徑輸入至“鏈接”文本框中。
步驟3 保存網(wǎng)頁，按下F12預覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。
步驟4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經(jīng)典回顧”文件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。
本設計中未用到此鏈接，在此只作簡單介紹。
3.5在HTML語言中建立網(wǎng)頁鏈接
3.5.1文字鏈接
在HTML語言中用超鏈接標記指向一個目標。其基本格式為： 舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。 a href-“index2.html”target=”-blank”>平面設計
動畫制作（原窗口，默認為空）
第二篇：個人網(wǎng)站的設計與實現(xiàn) 畢業(yè)設計(論文)
隨著國際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而
是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個
人建立網(wǎng)站是為了追求時尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。
無論是專業(yè)的，還是業(yè)余的，很多人對網(wǎng)頁制作頗感興趣。事實上制作一個簡單的
網(wǎng)頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁就不那么容易
了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網(wǎng)頁制作和
網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器。
同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過程中起到了錦上添
花的作用，是個人網(wǎng)站實現(xiàn)的好幫手，在制作網(wǎng)站的時候經(jīng)常會用到這些軟件。
本文有五章，我來由淺到深介紹個人網(wǎng)站的設計與實現(xiàn)。
摘
摘摘
摘
要
要要 要
在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電
視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可
以建立自己的個人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自
己在眾多參與者中的權威地位。建立個人網(wǎng)站的基本過程可以分為以下七個環(huán)節(jié) : 1 了解中國網(wǎng)絡個人主頁研究背景與發(fā)展現(xiàn)狀 系統(tǒng)需求分析與總體設計 熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境 把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁。使用動態(tài)網(wǎng)頁技術(ASP)，實現(xiàn)動態(tài)內(nèi)容更新。認真地選取測試用例，進行交叉測試 網(wǎng)站的后期完善、宣傳及發(fā)展方向
其中 ,網(wǎng)頁制作和使用動態(tài)網(wǎng)頁技術(ASP)實現(xiàn)動態(tài)內(nèi)容更新是網(wǎng)站開發(fā)的核心內(nèi)容。
關鍵詞：網(wǎng)頁、制作、訪問、鏈接
Abstract
目 錄
第一章 引言
1.1 什么是Internet
1.2 Internet有哪些功能 1.3 www簡介
1.4 網(wǎng)頁基本構成元素
1.5 軟件的安裝與啟動
1.5.1 軟件的安裝
1.5.2 軟件的啟動
1.5.3 創(chuàng)建快捷方式
1.6 制作網(wǎng)頁前的準備
1.7 Dreamweaver的操作環(huán)境
1.7.1標題欄
1.7.2菜單欄
1.7.3快捷工具欄
1.7.4屬性面板
第二章 網(wǎng)站制作實戰(zhàn)
2.1 站點
2.1.1創(chuàng)建站點
2.1.2 創(chuàng)建站點內(nèi)容
2.2 首頁
2.2.1 設置首頁布局
2.2.2 設置首頁的頁面屬性 2.2.3 查看和編輯頭內(nèi)容
2.2.4 插入圖像
2.2.5 插入多媒體 2.2.6 插入文本
2.3 創(chuàng)建其它網(wǎng)頁
第三章 建立網(wǎng)頁鏈接
3.1 文字鏈接
3.2 圖像鏈接
3.3 E-Mail鏈接
3.4 文件下載鏈接
3.5 在HTML語言中建立網(wǎng)頁鏈接
3.5.1 文字鏈接
3.5.2 圖像鏈接
3.5.3 E-Mail鏈接
3.6.4 文件下載鏈接
第四章 結論
致 謝
參考文獻
第一章
第一章第一章
第一章
預備知識
預備知識預備知識
預備知識
1.1
InternetInternet
Internet
Internet的中文名為“國際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。
Internet是由眾多的計算機網(wǎng)絡互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，它是采
用開放系統(tǒng)協(xié)議的計算機通訊網(wǎng)絡。然而，Internet不僅僅是計算機的互聯(lián)網(wǎng)，它還是
全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各
種各樣的服務，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。
要了解Internet，就必須先了解局域網(wǎng)。我們可以將同一地點的許多計算機使用網(wǎng)
線連接在一起，構成一個高效率的計算機網(wǎng)絡，所有處于網(wǎng)絡內(nèi)的終端機或電腦都能享
受網(wǎng)絡內(nèi)所有的資源，比如程序，圖文資料等。這種計算機網(wǎng)絡因為一般都局限在一定
區(qū)域中，我們稱之為“局域網(wǎng)”（Local Area Network,簡稱LAN）,它是在日常工作中
用得最多的一種小型計算機網(wǎng)絡。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公
里，甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見的校園網(wǎng)，一座寫字樓內(nèi)
部的網(wǎng)絡等都屬于局域網(wǎng)。
而Internet則不是指單個區(qū)域范圍內(nèi)的網(wǎng)絡，而是指將全世界的各中不同類型的
計算機網(wǎng)絡連接起來的一個全球性的網(wǎng)絡。Internet上有取之不盡，用之不竭的信息資
源。對于Internet中各種各樣的信息，所有的人都可以通過網(wǎng)絡的連接來共享和使用。1.2
1.2 Internet有那些功能
Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務，通過瀏覽WWW（萬維網(wǎng)）
中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)
明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。信息發(fā)布：通過Internet，不僅可以瀏覽別人發(fā)布在Web頁上的信息，也可以將
自己要發(fā)布的信息制作成Web頁，也即網(wǎng)頁，然后發(fā)布到Internet上，供全世界的人
瀏覽。
電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet傳輸，寫信，發(fā)信，收信都在計算機上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)
郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費的，所以比傳統(tǒng)郵件既節(jié)省時間
又經(jīng)濟的多。
網(wǎng)上聊天：通過聊天軟件（如QQ、ICQ等）或不同網(wǎng)站的聊天室，可以和世界各
地的網(wǎng)友聊天。網(wǎng)友可能是遠在天邊的異國朋友，也可能是與你一起工作的餓同事，或
者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國籍、膚色的限制，完全
突破了交友的傳統(tǒng)方式，人們可通過Internet互相了解對方，進行各種各樣的交流。
電子商務：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級電子商務、網(wǎng)上貨幣支付等電子商務活動已經(jīng)搞的有聲有色，幾乎所有的專家都
預測，在未來的幾年內(nèi)，電子商務會飛速發(fā)展。在不久的將來，您可以做在電腦前進行
各種各樣的商務活動。
網(wǎng)絡游戲：通過Internet，可以與全世界的玩家一起進行游戲對戰(zhàn)，也可以協(xié)同
作戰(zhàn)。網(wǎng)絡游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟增長點，每年都為開發(fā)商帶來巨額的利潤。
通過網(wǎng)絡游戲，可以充分享受Internet給我們帶來的樂趣。
網(wǎng)絡電話：網(wǎng)絡電話也稱IP電話。它采用Internet技術，利用專門的網(wǎng)絡電話
軟件，只需支付非常低廉的話費就可通話。Internet在電信市場上的應用將越來越廣泛。
1.3 WWW的簡介
WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。
WWW是一個基于超文本（Hypertext）方式的信息檢索服務工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件，這些網(wǎng)頁文件被放置到WWW服務器上，并且都有一定的地址。當我們想瀏覽某個網(wǎng)站時，首先要在電腦上安裝瀏覽器，如Internet Explorer或Netscape，然后在瀏覽器中輸
入網(wǎng)站的地址（網(wǎng)址），就可以進入網(wǎng)站進行瀏覽。在這些網(wǎng)頁中，都有超連接，當將
鼠標指針移動到某個地方（如文本或圖象）時，鼠標指針就會變成一個小手形形狀，單
擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉，我們之所以
能在Internet的海洋中穿梭自如，正是超連接的功勞。
WWW 為我們帶來的是世界范圍的超級文本服務：只須操縱鼠標，就可以通過Inter net從世界各地調(diào)來你所希望的文本、圖像、動畫和聲音等信息。通過使用WWW，一個
不熟悉網(wǎng)絡使用的人也可以成為Internet的行家。
1.4網(wǎng)頁基本構成元素
要學會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構成的。
文字：文本是構成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。
圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。
動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。
超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪
洋大海中的一座孤島，失去了與外界的一切聯(lián)系。
其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。
1.5軟件的安裝與啟動
要使用網(wǎng)站設計軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需
要如何啟動，如何創(chuàng)建快捷方式。下面就讓我們來詳細地看一看具體的操作步驟。
1.5.1軟件的安裝
安裝之前，需要先了解軟件對系統(tǒng)的要求。以Windows為例，系統(tǒng)要求如下：
Intel Pentium II處理器或等效處理器，主頻300MHz或更高。
Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windo
ws Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用內(nèi)存（RAM），建議采用128MB內(nèi)存。
分辨率可達 800×600像素的256色顯示器（建議顏色為百萬顏色，分辨率達到102
4×768像素）。
CD-ROM 驅動器。
檢查一下您的計算機，看是否具備了以上條件。如果具備，將“Macromedia Stud
io MX”程序會自動運行。如果不能自動運行，可以找到光盤放入光驅，安裝程序會自
動運行。可以找到光盤中的“Install Macromedia Studio MX”程序或“Autorun”程
序并雙擊運行。
Dreamweaver的安裝比較容易，幾乎可以自動完成。下面簡要說明一下安裝步驟。
操作步驟：
1、將安裝光盤放入光驅，安裝程序自動運行，并出現(xiàn)安裝界面。如果單擊安裝界面
上的“Macromedia STUDIO MX安裝”，那么將會安裝其下方所列出的軟件。所有的安裝
會自動完成。
2、單擊Dreamweaver MX,開始安裝過裝過程.先是出現(xiàn)解壓縮文件窗口,等待一會兒，便會出現(xiàn)安裝向導對話框。單擊“下一步”按鈕，繼續(xù)安裝過程。
3、出現(xiàn)“選擇目的地位置”對話框，默認的盤是C盤，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對話框選擇不同 的文件，如要安裝在D盤則可直接將路徑中的“C：”改為“D:”。也可以在下面的“目
錄”中選擇其它的文件夾，設置完后，單擊“確定”，回到“選擇目的地址”對話框，單擊“下一步”繼續(xù)。
4、而后會出現(xiàn)“默認編輯器”的對話框，默認為全選。如果希望讓Dreamweaver M
X成為下面所列文件類型的默認編輯器，那么可以在這里做選擇。選擇完畢，單擊“下
一步”按鈕。
5、出現(xiàn)“開始復制文件”對話框，單擊“下一步”安裝程序開始復制文件，過幾
分鐘后，安裝結束，單擊“結束”按鈕，結束安裝。
1.5.2 軟件啟動
軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動在“開始”菜單中加入
了快捷方式。
單擊“開始”菜單，將鼠標指針依次指向“程序”|“Macromedia”|“MacromediaMX”,并在上面單擊鼠標左鍵。
1.5.3 創(chuàng)建快捷方式
使用“開始”菜單啟動程序的過程比較煩瑣?？梢栽赪indows桌面或快速啟動欄上
創(chuàng)建快捷方式，這樣可以快速的啟動程序。
具體實現(xiàn)方法是：在“開始”菜單中找到相應程序的快捷方式，不過這是不要用
鼠標左鍵單擊，而是用右鍵按住向桌面拖動，然后松開右鍵，會出現(xiàn)一個快捷菜單，在
其中可以選擇不同的命令，比如選擇“在當前位置創(chuàng)建快捷方式”或“復制到當前位置”。
這樣以后在運行程序時，就方便快捷的多了。
1.6 制作網(wǎng)頁前的準備
電腦必備：
電腦速度夠快，最好能夠上網(wǎng)。
操作系統(tǒng)：Windows XP.軟件可選： 其它軟件：看圖軟件美圖秀秀 圖像處理軟件Photoshop、上傳工具CuteFTP
1.7 Dreamweaver MX的操作環(huán)境
我們將工作界面分成了“標題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。
1.7.1 標題欄
Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果
打開網(wǎng)頁的話，在后面還會顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標題、所在位置及網(wǎng)頁名稱，右邊有三個鈕，分別對應Dreamweaver MX的最大化最小化和關閉的操作。
1.7.2 菜單欄
“標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插
入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意
一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是
該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個
小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。
1.7.3 快捷工具欄
“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾
選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現(xiàn)出來了。
1.7.4 屬性面板
在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中
起到舉足輕重的作用。
屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標所選中對象的不同，“屬性
面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調(diào)整。
站點
2.1.1
創(chuàng)建站點
創(chuàng)建站點
要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使
整個網(wǎng)站的脈絡結構清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。
從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其
中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追
夢人”。
填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務器技術?！?/p>
單擊“下一步”，進入下一個步驟。
在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上
傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其 中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文
件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。
這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。
而后“下一步”再“完成”，即可。
2.1.2 創(chuàng)建站點內(nèi)容
站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇
“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標右擊面板中的本地根目錄
文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或i
ndex.html),它就是未來的首頁。
由于“追夢人”網(wǎng)站分為“平面設計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回
顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側，在彈出的菜單中選擇第
二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命
名為graph、anim、books、music、letter，分別對應上面的五個大欄目。存放它們各
自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的
內(nèi)容。
之后在個欄目的文件夾里還要建立想相應的欄目網(wǎng)頁。
2.2.1 設置首頁布局
每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風格與特色，就網(wǎng)站
架構上而言，它代表了網(wǎng)站的第一層架構，至于網(wǎng)站上其他Web頁，原則上都必須通過
首頁來連接散播出去，可見首頁是多么的重要。
首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端 的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的
居多。當然，后綴名為html也是正確的。
具體設置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設
成首頁”。
首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從
“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。
操作步驟：
1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標光標放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動
就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。
3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可
以按住Ctrl鍵繪制多個表格。追夢人”網(wǎng)站首頁的布局如圖所示：
2.2.2設置首頁的頁面屬性
首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白
區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修
改/頁面屬性”項，也可以把打開該對話框。
在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈
接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區(qū)域則顯示各類中可以設置 的項目。“追夢人”首頁設置的屬性如下圖所示：
2.2.3查看和編輯頭內(nèi)容
一個網(wǎng)頁文件結構上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容
主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（he
ad）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關鍵的關鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵字。
下面就以首頁為例，說明怎樣插入較常用的頭（head）內(nèi)容。
單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側將
會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭
頭，會彈出菜單，該項列出的便是即將插入的頭內(nèi)容。
2.2.4 插入圖像
圖像是網(wǎng)頁中不可或缺的組成成份，恰當?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力
與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。
另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關鍵因素。由于網(wǎng)絡在傳輸上 的限制，導致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關鍵就在
于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細介紹對網(wǎng)頁圖像進行處理的
操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風格搭配的基礎上，圖片文件能夠變的更
小。
1、首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄” 的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。
左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。
2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件
URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當前文檔；如果選擇“站
點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網(wǎng)站標志logo，插入l
ogo圖象，如圖所示：
最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.5插入多媒體
在Dreamweaver MX2004中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對象，以
及進行相關的后期處理和添加設計備注等操作。
在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。
要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Play er）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則
是通過相應的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏
覽器中，均已集成了 Flash動畫播放功能。操場作步驟：
步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下
拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷
按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，選擇第1項Fl
ash圖標。
步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe
aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在
這里我的主頁插入的一個動畫，如圖所示：
2.2.6插入文本
文字是人類語言最基本的表達方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成
部分，一個網(wǎng)站成功與否，它是最關鍵的因素。在這最關鍵的因素?？韶S富網(wǎng)站的文字
內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。
插入文本的兩種方式
網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。
一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習慣的輸入法，就
可以運指如飛了。
另一種是復制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來進行
打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Wind
ows自帶的記事本等，又或者讀者已經(jīng)準備好了要放入網(wǎng)頁的文本的電子版本，那么我
們就可以直接使用Dreamweaver的文本復制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯
窗口來進行排版的工作，具體步驟如下。
打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標
停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可
將大段的文本快速粘貼到網(wǎng)頁中。
這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要
粘貼的位置，crtl+v到Dreamweaver即可。
2.3創(chuàng)建其它網(wǎng)頁
還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合?！捌矫嬖O計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。
在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部
分就是用Firework,如圖所示：
在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設好背景，顏色等
等，插入圖象，輸入文字，也word里的操作雷同。
3.建立網(wǎng)頁鏈接
網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講 的內(nèi)容----網(wǎng)頁的“鏈接”。“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當重要的作用。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈
接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉菜單”，共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對其進行更深入的講解。3.1文字鏈接
“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具
有“文件小、制作簡單和便于維護”的特點。
接下來結合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。
具體操作步驟如下所述。操作步驟
步驟1 準備好已經(jīng)制作完成的首頁的各個欄目頁面（假設除了“鏈接”，其他內(nèi)容都
已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，這里的5個欄目----“平面設計”、“動畫
制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明”為例來進行講解。
步驟2 在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實例中要做
到單擊不同的欄目的網(wǎng)頁。因此為第1個欄目“平面設計”設置鏈接，首先要反白選中
“平面設計”4個文字。
步驟3 觀察“屬性面板”，其中包括一個“鏈接”文本框。
步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。
這里我用到的是直接點擊文件夾圖標，在文件夾中找到要鏈接的對象graph.htm。這樣
就建立了超鏈接。不過有點很重要，由于大多數(shù)服務器都不支持中文文件名，而且對大
小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。如圖所示：
步驟5 在“鏈接”文本框下面還有一個“目標”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示 的窗口方式，共有4種。如圖：
實例中沒有選擇任何選項，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。
步驟6 還可以設置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的 “頁面屬性”，選擇其中的“鏈接”分類，可以進行的設置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下
劃線樣式”。
步驟7 至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預
覽，測試一下，當鼠標放在“平面設計”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會立即跳轉到第1個欄目
中，這表示鏈接已經(jīng)制作成功了。
步驟8 同理，按照以上步驟，再為“動畫制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄
制作指向對應欄目的鏈接。
步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉回首頁，因
此在各個欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈接，制作方法不變。
至此，整個“文字鏈接”的實例就全就全部完成了。通過對這個實例的講解，讀者不僅
應該學會如何為文字制作鏈接，還應用對“鏈接”有了更加深刻的理解，鏈接的目的何
在？它到底能夠在網(wǎng)頁的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是
網(wǎng)頁制作者更應該思考的問題。
下面繼續(xù)介紹其他類型的鏈接。
3.2
3.23.2
3.2圖像鏈接
圖像鏈接圖像鏈接
圖像鏈接
“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首
先應該在網(wǎng)頁中插入“圖像”，有關插入“圖像”或“導航條”按鈕的內(nèi)容，接下來以
我的網(wǎng)站“追夢人“為例，講解如何建立“圖像鏈接”。
操作步驟
步驟1 首先仍然要準備好已經(jīng)制作完成的首頁和各個欄目的頁面（假設除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，下面我們就動手為這6個欄目分
別制作它們的鏈接。
步驟2 在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實例中先
為第3個欄目“動畫制作”設置鏈接，因此選中包含“動畫制作”4個字的圖像。步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v
過的“指向文件”和“選擇文件”的方法。
步驟4 如果有需要，可以在“目標”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分
別為-blank、-parent、-self或 top。實例中使用了默認出的保留空白選項的方式。
步驟5 另外，讀者還可以為圖像增加“替代”文本。實例中為第1個欄目增加欄目名稱 的“替代”文本。
步驟6 至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F1 2預覽，測試一下，將鼠標放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗
口下面的狀態(tài)欄中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制
作”，單擊文字，頁面會立即跳轉到第3個欄目中，這表示鏈接已經(jīng)制作成功了。
步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向對應欄目的鏈接。
步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉回首頁，其制作方
法不變。
至此，整個“圖像鏈像”的實例就全部完成了。
3.3E
3.3E 3.3E
3.3E –
––
MailMail
Mail的鏈接 的鏈接的鏈接 的鏈接
E-Mail鏈接，是指當瀏覽者單擊該鏈接之后，不是打開一個網(wǎng)頁文件，而是啟動用戶的
E-Mail客戶端軟件（如Outlook Express）,并打開一個空白的新郵件，供瀏覽者撰寫
內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動方式。
結合“個人說明”網(wǎng)頁，建立E-Mail鏈接的步驟如下所述。
操作步驟 步驟1 將光標停留在頁面右下角要插入E-mail鏈接的位置。步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側第2個“電子郵件鏈接”按鈕。
步驟3 在彈出的“電子郵件鏈接”對話框中有兩個輸入項，分別是“文本”和“E-Mai
l”。在“文本”項中輸入鏈接的文字，中文、英文均可，在E-Mail項中輸入網(wǎng)站聯(lián)
系有的電子郵件地址，如實例中的 ding_zhuimeng123@163.net。
步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標所在位置了，按下 Ctrl+S保存網(wǎng)頁，再按下F12預覽查看實際效果。
上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對象（如圖像）上也加入
這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。
其實很簡單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁面中需要的地方插入
圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語句即可----ma
ilto: ding_zhuimeng123@163.net ?subject=網(wǎng)站的建議與第1種方法不同的是，E-Ma
il 地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對象建立“E-Mail
鏈接”了。
3.4
3.43.4
3.4文件下載鏈接
文件下載鏈接文件下載鏈接
文件下載鏈接
“文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用 IE瀏覽器直接進行下載，并保存到本地計算機中。
瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名 的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下
面我們就業(yè)以實例來說明。在前面“插入多媒體”一章中，我們曾經(jīng)講過直接鏈接文件的方式來插入“視頻”，即
直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經(jīng)過數(shù)據(jù)下載后，Windows系統(tǒng)將啟動自帶的媒體播放器Windows Media Player 來播
放該視頻。
操作步驟
步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件
夾下。
步驟2 將文件路徑輸入至“鏈接”文本框中。
步驟3 保存網(wǎng)頁，按下F12預覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會
彈出“文本下載”選擇框，單擊其中的“保存”按鈕。
步驟4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經(jīng)典回顧”文
件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”
便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣
賞下載影片。
本設計中未用到此鏈接，在此只作簡單介紹。
3.5
3.53.5
3.5在在在
在HTML
HTMLHTML
HTML語言中建立網(wǎng)頁鏈接
語言中建立網(wǎng)頁鏈接語言中建立網(wǎng)頁鏈接
語言中建立網(wǎng)頁鏈接
3.5.1
3.5.13.5.1
3.5.1文字鏈接
文字鏈接文字鏈接
文字鏈接
在HTML語言中用超鏈接標記指向一個目標。其基本格式為： 舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。
a href-“index2.html”target=”-blank”>平面設計（新開窗口，-blank)< /p>
動畫制作（原窗口，默認為空）
第三篇：畢業(yè)設計(論文)個人網(wǎng)站的設計與實現(xiàn)
題目：個人網(wǎng)站實現(xiàn)技術
個人網(wǎng)站實現(xiàn)技術
個人網(wǎng)站的設計與實現(xiàn)
前 言
隨著國際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個人建立網(wǎng)站是為了追求時尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。
無論是專業(yè)的，還是業(yè)余的，很多人對網(wǎng)頁制作頗感興趣。事實上制作一個簡單的網(wǎng)頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器。
同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過程中起到了錦上添花的作用，是個人網(wǎng)站實現(xiàn)的好幫手，在制作網(wǎng)站的時候經(jīng)常會用到這些軟件。
本文有五章，我來由淺到深介紹個人網(wǎng)站的設計與實現(xiàn)。
摘 要
在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力。現(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權威地位。建立個人網(wǎng)站的基本過程可以分為以下七個環(huán)節(jié) : 1 了解中國網(wǎng)絡個人主頁研究背景與發(fā)展現(xiàn)狀 2 系統(tǒng)需求分析與總體設計 3 熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境 把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁。5 使用動態(tài)網(wǎng)頁技術(ASP)，實現(xiàn)動態(tài)內(nèi)容更新。6 認真地選取測試用例，進行交叉測試 7 網(wǎng)站的后期完善、宣傳及發(fā)展方向
其中 ,網(wǎng)頁制作和使用動態(tài)網(wǎng)頁技術(ASP)實現(xiàn)動態(tài)內(nèi)容更新是網(wǎng)站開發(fā)的核心內(nèi)容。
關鍵詞：網(wǎng)頁、制作、訪問、鏈接 Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links: 1、understands the Chinese network individual main page research background and the development present situation 2 systems demands analysis and system design 3 familiar websites developments pattern, tool and environment 4 and wants own work the content which demonstrated to manufacture the homepage.5 uses dynamic homepages technology(ASP), realization dynamic content renewal.6 earnestly selects measured the test example, carries on the overlapping test 7 websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link
目 錄 第一章 引言 1.1 什么是Internet 1.2 Internet有哪些功能 1.3 www簡介
1.4 網(wǎng)頁基本構成元素 1.5 軟件的安裝與啟動 1.5.1 軟件的安裝 1.5.2 軟件的啟動 1.5.3 創(chuàng)建快捷方式 1.6 制作網(wǎng)頁前的準備 1.7 Dreamweaver的操作環(huán)境 1.7.1標題欄 1.7.2菜單欄 1.7.3快捷工具欄 1.7.4屬性面板 第二章 網(wǎng)站制作實戰(zhàn) 2.1 站點 2.1.1創(chuàng)建站點 2.1.2 創(chuàng)建站點內(nèi)容 2.2 首頁
2.2.1 設置首頁布局 2.2.2 設置首頁的頁面屬性 2.2.3 查看和編輯頭內(nèi)容 2.2.4 插入圖像 2.2.5 插入多媒體 2.2.6 插入文本 2.3 創(chuàng)建其它網(wǎng)頁 第三章 建立網(wǎng)頁鏈接 3.1 文字鏈接 3.2 圖像鏈接 3.3 E-Mail鏈接 3.4 文件下載鏈接
3.5 在HTML語言中建立網(wǎng)頁鏈接 3.5.1 文字鏈接 3.5.2 圖像鏈接 3.5.3 E-Mail鏈接 3.6.4 文件下載鏈接 第四章 結論 致 謝 參考文獻
第一章 預備知識
1.1 什么是Internet Internet的中文名為“國際互聯(lián)網(wǎng)”，又稱“因特網(wǎng)”。
Internet是由眾多的計算機網(wǎng)絡互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，它是采用開放系統(tǒng)協(xié)議的計算機通訊網(wǎng)絡。然而，Internet不僅僅是計算機的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫，它提供了包括科研、教育、文化娛樂、商業(yè)和信息交流等各種各樣的服務，使得世界范圍內(nèi)的人與人之間的交流在時間和空間上變的更小了。
要了解Internet，就必須先了解局域網(wǎng)。我們可以將同一地點的許多計算機使用網(wǎng)線連接在一起，構成一個高效率的計算機網(wǎng)絡，所有處于網(wǎng)絡內(nèi)的終端機或電腦都能享受網(wǎng)絡內(nèi)所有的資源，比如程序，圖文資料等。這種計算機網(wǎng)絡因為一般都局限在一定區(qū)域中，我們稱之為“局域網(wǎng)”（Local Area Network,簡稱LAN）,它是在日常工作中用得最多的一種小型計算機網(wǎng)絡。局域網(wǎng)所覆蓋的地理范圍比較小，通常不超過幾十公里，甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見的校園網(wǎng)，一座寫字樓內(nèi)部的網(wǎng)絡等都屬于局域網(wǎng)。
而Internet則不是指單個區(qū)域范圍內(nèi)的網(wǎng)絡，而是指將全世界的各中不同類型的計算機網(wǎng)絡連接起來的一個全球性的網(wǎng)絡。Internet上有取之不盡，用之不竭的信息資源。對于Internet中各種各樣的信息，所有的人都可以通過網(wǎng)絡的連接來共享和使用。
1.2 Internet有那些功能
Web頁瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務，通過瀏覽WWW（萬維網(wǎng)）中的網(wǎng)頁，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂動態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會變得如此豐富多彩，才能走進千家萬戶。信息發(fā)布：通過Internet，不僅可以瀏覽別人發(fā)布在Web頁上的信息，也可以將自己要發(fā)布的信息制作成Web頁，也即網(wǎng)頁，然后發(fā)布到Internet上，供全世界的人瀏覽。
電子郵件：不同于傳統(tǒng)郵件，電子郵件(E-mail)通過Internet傳輸，寫信，發(fā)信，收信都在計算機上完成，一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去，其效率是傳統(tǒng)郵件無法比擬的。而且發(fā)送與接收電子郵件幾乎是免費的，所以比傳統(tǒng)郵件既節(jié)省時間又經(jīng)濟的多。
網(wǎng)上聊天：通過聊天軟件（如QQ、ICQ等）或不同網(wǎng)站的聊天室，可以和世界各地的網(wǎng)友聊天。網(wǎng)友可能是遠在天邊的異國朋友，也可能是與你一起工作的餓同事，或者是一起生活的家人，在這里沒有年齡、性別、身份、職業(yè)、國籍、膚色的限制，完全突破了交友的傳統(tǒng)方式，人們可通過Internet互相了解對方，進行各種各樣的交流。
電子商務：現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實，網(wǎng)上購物、網(wǎng)上商品銷售、網(wǎng)上拍賣、企業(yè)級電子商務、網(wǎng)上貨幣支付等電子商務活動已經(jīng)搞的有聲有色，幾乎所有的專家都預測，在未來的幾年內(nèi)，電子商務會飛速發(fā)展。在不久的將來，您可以做在電腦前進行各種各樣的商務活動。
網(wǎng)絡游戲：通過Internet，可以與全世界的玩家一起進行游戲對戰(zhàn)，也可以協(xié)同作戰(zhàn)。網(wǎng)絡游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟增長點，每年都為開發(fā)商帶來巨額的利潤。通過網(wǎng)絡游戲，可以充分享受Internet給我們帶來的樂趣。
網(wǎng)絡電話：網(wǎng)絡電話也稱IP電話。它采用Internet技術，利用專門的網(wǎng)絡電話軟件，只需支付非常低廉的話費就可通話。Internet在電信市場上的應用將越來越廣泛。
1.3 WWW的簡介
WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬維網(wǎng)”、3W、Web。WWW是一個基于超文本（Hypertext）方式的信息檢索服務工具。我們上網(wǎng)瀏覽到的網(wǎng)頁就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標記語言)文件，這些網(wǎng)頁文件被放置到WWW服務器上，并且都有一定的地址。當我們想瀏覽某個網(wǎng)站時，首先要在電腦上安裝瀏覽器，如Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進入網(wǎng)站進行瀏覽。在這些網(wǎng)頁中，都有超連接，當將鼠標指針移動到某個地方（如文本或圖象）時，鼠標指針就會變成一個小手形形狀，單擊它就可以連接到另個網(wǎng)頁中，從而使得瀏覽者能在不同的信息之間跳轉，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。
WWW 為我們帶來的是世界范圍的超級文本服務：只須操縱鼠標，就可以通過Internet從世界各地調(diào)來你所希望的文本、圖像、動畫和聲音等信息。通過使用WWW，一個不熟悉網(wǎng)絡使用的人也可以成為Internet的行家。
1.4網(wǎng)頁基本構成元素
要學會制作網(wǎng)頁，首先需要了解網(wǎng)頁都是由什么元素構成的。
文字：文本是構成網(wǎng)頁的基本元素。一個最簡單的網(wǎng)頁可以只有幾行文本。
圖片：正是有個各種美麗的圖片，網(wǎng)頁才變得多姿多彩。
動畫：如今，網(wǎng)頁上的動畫越來越多，最常用的有GIF動畫、Flash動畫等。
超連接：如上所述，超連接幾乎是必不可少的。一個沒有超連接的網(wǎng)頁，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。
其它元素：還可以在網(wǎng)頁中添加聲音、視頻等元素。
1.5軟件的安裝與啟動 要使用網(wǎng)站設計軟件，自然先要將這些軟件安裝到自己的電腦中。安裝完畢，還需要如何啟動，如何創(chuàng)建快捷方式。下面就讓我們來詳細地看一看具體的操作步驟。
1.5.1軟件的安裝
安裝之前，需要先了解軟件對系統(tǒng)的要求。以Windows為例，系統(tǒng)要求如下： Intel Pentium II處理器或等效處理器，主頻300MHz或更高。
Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windows Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用內(nèi)存（RAM），建議采用128MB內(nèi)存。
分辨率可達 800×600像素的256色顯示器（建議顏色為百萬顏色，分辨率達到1024×768像素）。CD-ROM 驅動器。
檢查一下您的計算機，看是否具備了以上條件。如果具備，將“Macromedia Studio MX”程序會自動運行。如果不能自動運行，可以找到光盤放入光驅，安裝程序會自動運行。可以找到光盤中的“Install Macromedia Studio MX”程序或“Autorun”程序并雙擊運行。
Dreamweaver的安裝比較容易，幾乎可以自動完成。下面簡要說明一下安裝步驟。
操作步驟：
1、將安裝光盤放入光驅，安裝程序自動運行，并出現(xiàn)安裝界面。如果單擊安裝界面上的“Macromedia STUDIO MX安裝”，那么將會安裝其下方所列出的軟件。所有的安裝會自動完成。
2、單擊Dreamweaver MX,開始安裝過裝過程.先是出現(xiàn)解壓縮文件窗口,等待一會兒,便會出現(xiàn)安裝向導對話框。單擊“下一步”按鈕，繼續(xù)安裝過程。
3、出現(xiàn)“選擇目的地位置”對話框，默認的盤是C盤，如果想安裝到不同的位置，可以單擊目的文件夾右邊的“瀏覽”按鈕，并在彈出的“選擇文件夾”對話框選擇不同的文件，如要安裝在D盤則可直接將路徑中的“C：”改為“D:”。也可以在下面的“目錄”中選擇其它的文件夾，設置完后，單擊“確定”，回到“選擇目的地址”對話框，單擊“下一步”繼續(xù)。
4、而后會出現(xiàn)“默認編輯器”的對話框，默認為全選。如果希望讓Dreamweaver MX成為下面所列文件類型的默認編輯器，那么可以在這里做選擇。選擇完畢，單擊“下一步”按鈕。
5、出現(xiàn)“開始復制文件”對話框，單擊“下一步”安裝程序開始復制文件，過幾分鐘后，安裝結束，單擊“結束”按鈕，結束安裝。
1.5.2 軟件啟動
軟件安裝完畢后，我們就可以使用它了。安裝程序已經(jīng)自動在“開始”菜單中加入了快捷方式。
單擊“開始”菜單，將鼠標指針依次指向“程序”|“Macromedia”|“Macromedia MX”,并在上面單擊鼠標左鍵。
1.5.3 創(chuàng)建快捷方式 使用“開始”菜單啟動程序的過程比較煩瑣。可以在Windows桌面或快速啟動欄上創(chuàng)建快捷方式，這樣可以快速的啟動程序。
具體實現(xiàn)方法是：在“開始”菜單中找到相應程序的快捷方式，不過這是不要用鼠標左鍵單擊，而是用右鍵按住向桌面拖動，然后松開右鍵，會出現(xiàn)一個快捷菜單，在其中可以選擇不同的命令，比如選擇“在當前位置創(chuàng)建快捷方式”或“復制到當前位置”。
這樣以后在運行程序時，就方便快捷的多了。
1.6 制作網(wǎng)頁前的準備
電腦必備：
電腦速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.軟件可選：
其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動畫軟件Flash等。
1.7 Dreamweaver MX的操作環(huán)境
我們將工作界面分成了“標題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。
1.7.1 標題欄 Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網(wǎng)頁的話，在后面還會顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標題、所在位置及網(wǎng)頁名稱，右邊有三個鈕，分別對應Dreamweaver MX的最大化最小化和關閉的操作。
1.7.2 菜單欄
“標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。
1.7.3 快捷工具欄
“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現(xiàn)出來了。
1.7.4 屬性面板
在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中起到舉足輕重的作用。
屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標所選中對象的不同，“屬性面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調(diào)整。
第二章 網(wǎng)站制作實戰(zhàn)
2.1 站點
2.1.1 創(chuàng)建站點
要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網(wǎng)站的脈絡結構清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。
從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追夢人”。
填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務器技術?！?單擊“下一步”，進入下一個步驟。
在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。
這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。
2.1.2 創(chuàng)建站點內(nèi)容
站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。
由于“追夢人”網(wǎng)站分為“平面設計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應上面的五個大欄目。存放它們各自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。
之后在個欄目的文件夾里還要建立想相應的欄目網(wǎng)頁。
2.2 首頁
2.2.1 設置首頁布局
每個網(wǎng)站都會有一個首頁，就功能上而言，它代表著一個網(wǎng)站的風格與特色，就網(wǎng)站架構上而言，它代表了網(wǎng)站的第一層架構，至于網(wǎng)站上其他Web頁，原則上都必須通過首頁來連接散播出去，可見首頁是多么的重要。
首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當然，后綴名為html也是正確的。
具體設置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。
首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：
1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標光標放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。
3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可以按住Ctrl鍵繪制多個表格。追夢人”網(wǎng)站首頁的布局如圖所示：
2.2.2設置首頁的頁面屬性
首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。
在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區(qū)域則顯示各類中可以設置的項目?！白穳羧恕笔醉撛O置的屬性如下圖所示：
2.2.3查看和編輯頭內(nèi)容
一個網(wǎng)頁文件結構上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關鍵的關鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵字。
下面就以首頁為例，說明怎樣插入較常用的頭（head）內(nèi)容。
單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側將會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭頭，會彈出菜單，該項列出的便是即將插入的頭內(nèi)容。
2.2.4 插入圖像
圖像是網(wǎng)頁中不可或缺的組成成份，恰當?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。
另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關鍵因素。由于網(wǎng)絡在傳輸上的限制，導致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細介紹對網(wǎng)頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風格搭配的基礎上，圖片文件能夠變的更小。
1、首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。
2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當前文檔；如果選擇“站點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網(wǎng)站標志logo，插入logo圖象，如圖所示：
最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.5插入多媒體
在Dreamweaver MX2004中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對象，以及進行相關的后期處理和添加設計備注等操作。
在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則是通過相應的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動畫播放功能。操場作步驟：
步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，選擇第1項Flash圖標。
步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫，如圖所示：
2.2.6插入文本 文字是人類語言最基本的表達方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個網(wǎng)站成功與否，它是最關鍵的因素。在這最關鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。插入文本的兩種方式
網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。
一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習慣的輸入法，就可以運指如飛了。
另一種是復制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來進行打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準備好了要放入網(wǎng)頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進行排版的工作，具體步驟如下。
打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。
這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要粘貼的位置，crtl+v到Dreamweaver即可。
2.3創(chuàng)建其它網(wǎng)頁
還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合?！捌矫嬖O計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework,如圖所示：
在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。
第三章 建立網(wǎng)頁鏈接
網(wǎng)站實際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁的“鏈接”。
“鏈接”，又稱“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當重要的作用。網(wǎng)頁中的很多對象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉菜單”，共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過，這里將對其進行更深入的講解。
3.1文字鏈接
“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡單和便于維護”的特點。
接下來結合我的個人網(wǎng)站為實例，來講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟
步驟1 準備好已經(jīng)制作完成的首頁的各個欄目頁面（假設除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，這里的5個欄目----“平面設計”、“動畫制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明”為例來進行講解。
步驟2 在Dreamweaver 中打開首頁，之后反白選取作為“鏈接”的文字。實例中要做到單擊不同的欄目的網(wǎng)頁。因此為第1個欄目“平面設計”設置鏈接，首先要反白選中“平面設計”4個文字。
步驟3 觀察“屬性面板”，其中包括一個“鏈接”文本框。步驟4 接下來需要把鏈接的地址加入到文本框中，方法有3種。
這里我用到的是直接點擊文件夾圖標，在文件夾中找到要鏈接的對象graph.htm。這樣就建立了超鏈接。不過有點很重要，由于大多數(shù)服務器都不支持中文文件名，而且對大小寫敏感，因此采用英文文件名并統(tǒng)一大小寫。如圖所示：
步驟5 在“鏈接”文本框下面還有一個“目標”下拉列表，從中可以選擇鏈接網(wǎng)頁顯示的窗口方式，共有4種。如圖：
實例中沒有選擇任何選項，保持空白，表示在原窗口中打開鏈接網(wǎng)頁。
步驟6 還可以設置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進行的設置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏色、“活動鏈接”顏色及“下劃線樣式”。
步驟7 至此，第1個欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預覽，測試一下，當鼠標放在“平面設計”這4個文字上時將變成手形，并且瀏覽器窗口下面的狀態(tài)欄中會顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會立即跳轉到第1個欄目中，這表示鏈接已經(jīng)制作成功了。
步驟8 同理，按照以上步驟，再為“動畫制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄制作指向對應欄目的鏈接。
步驟9 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉回首頁，因此在各個欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁index.html的鏈接，制作方法不變。
至此，整個“文字鏈接”的實例就全就全部完成了。通過對這個實例的講解，讀者不僅應該學會如何為文字制作鏈接，還應用對“鏈接”有了更加深刻的理解，鏈接的目的何在？它到底能夠在網(wǎng)頁的網(wǎng)站中發(fā)揮什么樣的作用？怎樣才能更好地使用它？這些是網(wǎng)頁制作者更應該思考的問題。下面繼續(xù)介紹其他類型的鏈接。
3.2圖像鏈接
“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應該在網(wǎng)頁中插入“圖像”，有關插入“圖像”或“導航條”按鈕的內(nèi)容，接下來以我的網(wǎng)站“追夢人“為例，講解如何建立“圖像鏈接”。操作步驟
步驟1 首先仍然要準備好已經(jīng)制作完成的首頁和各個欄目的頁面（假設除了“鏈接”，其他內(nèi)容都已經(jīng)制作完成了），該網(wǎng)站包含6個欄目，下面我們就動手為這6個欄目分別制作它們的鏈接。
步驟2 在Dreamweaver中打開網(wǎng)站的首頁，之后選取要制作“鏈接”的圖像。實例中先為第3個欄目“動畫制作”設置鏈接，因此選中包含“動畫制作”4個字的圖像。步驟3 觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字地址?？梢允褂弥爸v過的“指向文件”和“選擇文件”的方法。
步驟4 如果有需要，可以在“目標”下拉列表中選擇“鏈接”網(wǎng)頁顯示的窗口方式，分別為-blank、-parent、-self或 top。實例中使用了默認出的保留空白選項的方式。
步驟5 另外，讀者還可以為圖像增加“替代”文本。實例中為第1個欄目增加欄目名稱的“替代”文本。
步驟6 至此，第1個欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預覽，測試一下，將鼠標放在“動畫制作”4個文字上時將變成手形，同時瀏覽器窗口下面的狀態(tài)欄中會顯示出鏈接到的網(wǎng)頁的地址，并且會顯示出“替代”文本“動畫制作”，單擊文字，頁面會立即跳轉到第3個欄目中，這表示鏈接已經(jīng)制作成功了。步驟7 同理，按照以上步驟，再為其它幾幅圖像制作指向對應欄目的鏈接。
步驟8 在欄目頁面中制作“返回首頁”的鏈接，使得單擊后可以跳轉回首頁，其制作方法不變。
至此，整個“圖像鏈像”的實例就全部完成了。
3.3E –Mail的鏈接
E-Mail鏈接，是指當瀏覽者單擊該鏈接之后，不是打開一個網(wǎng)頁文件，而是啟動用戶的E-Mail客戶端軟件（如Outlook Express）,并打開一個空白的新郵件，供瀏覽者撰寫內(nèi)容來與網(wǎng)站聯(lián)系人聯(lián)系，這是一種最方便的互動方式。結合“個人說明”網(wǎng)頁，建立E-Mail鏈接的步驟如下所述。操作步驟 步驟1 將光標停留在頁面右下角要插入E-mail鏈接的位置。
步驟2 選擇“插入快捷欄”中的“常用”分類，單擊左側第2個“電子郵件鏈接”按鈕。
步驟3 在彈出的“電子郵件鏈接”對話框中有兩個輸入項，分別是“文本”和“E-Mail”。在“文本”項中輸入鏈接的文字，中文、英文均可，在E-Mail項中輸入網(wǎng)站聯(lián)系有的電子郵件地址，如實例中的 ding_zhuimeng123@163.net。
步驟4 單擊“確定”按鈕，具有“E-Mail鏈接”屬性的文本就ding_zhuimeng123@163.net。插入到光標所在位置了，按下 Ctrl+S保存網(wǎng)頁，再按下F12預覽查看實際效果。上面的方法只適用于文本的“E-Mail鏈接”，如果想在其它的對象（如圖像）上也加入這種鏈接，該怎辦呢？下面介紹第2種建立“E-Mail鏈接”的方法。
其實很簡單，與前面講過的圖像加入鏈接的方法基本一樣。先在頁面中需要的地方插入圖像，之后選中圖像，并在“屬性面板”的“鏈接”文本框中輸入如下語句即可----mailto: ding_zhuimeng123@163.net ?subject=網(wǎng)站的建議與第1種方法不同的是，E-Mail 地址前面增加了mailto:字樣。用這種方法就可以給圖像等其他對象建立“E-Mail鏈接”了。
3.4文件下載鏈接
“文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用IE瀏覽器直接進行下載，并保存到本地計算機中。
瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業(yè)以實例來說明。在前面“插入多媒體”一章中，我們曾經(jīng)講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經(jīng)過數(shù)據(jù)下載后，Windows系統(tǒng)將啟動自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟
步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件夾下。
步驟2 將文件路徑輸入至“鏈接”文本框中。
步驟3 保存網(wǎng)頁，按下F12預覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。
步驟4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經(jīng)典回顧”文件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。
本設計中未用到此鏈接，在此只作簡單介紹。
3.5在HTML語言中建立網(wǎng)頁鏈接
3.5.1文字鏈接
在HTML語言中用超鏈接標記指向一個目標。其基本格式為： 舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。 a href-“index2.html”target=”-blank”>平面設計
動畫制作（原窗口，默認為空）
第四篇：個人網(wǎng)站的設計與實現(xiàn)
二○○七屆學生畢業(yè)論文（設計）
畢業(yè)設計(論文)論文題目
個人網(wǎng)站的設計與實現(xiàn)
英文 Personal Webside Design and accomplish 個人網(wǎng)站的設計與實現(xiàn)
摘 要
在互聯(lián)網(wǎng)走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網(wǎng)給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網(wǎng)站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權威地位。建立個人網(wǎng)站的基本過程可以分為以下七個環(huán)節(jié)：
1.了解中國網(wǎng)絡個人主頁研究背景與發(fā)展現(xiàn)狀 2.系統(tǒng)需求分析與總體設計
3.熟悉網(wǎng)站開發(fā)模式、工具及環(huán)境
4.把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁 5.使用動態(tài)網(wǎng)頁技術(ASP)，實現(xiàn)動態(tài)內(nèi)容更新 6.認真地選取測試用例，進行交叉測試 7.網(wǎng)站的后期完善、宣傳及發(fā)展方向
其中 ,網(wǎng)頁制作和使用動態(tài)網(wǎng)頁技術(ASP)實現(xiàn)動態(tài)內(nèi)容更新是網(wǎng)站開發(fā)的核心內(nèi)容。
關鍵詞：網(wǎng)頁、制作、訪問、鏈接
Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links： 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link
前 言
隨著國際互聯(lián)網(wǎng)的普及，很多人已經(jīng)不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網(wǎng)站，這似乎已經(jīng)成為一種潮流。如果說個人建立網(wǎng)站是為了追求時尚，那么企業(yè)建立網(wǎng)站就是必然的選擇了。
無論是專業(yè)的，還是業(yè)余的，很多人對網(wǎng)頁制作頗感興趣。事實上制作一個簡單的網(wǎng)頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器。
同樣出自Macromedia公司的Flash,Fireworks在制作網(wǎng)站的過程中起到了錦上添花的作用，是個人網(wǎng)站實現(xiàn)的好幫手，在制作網(wǎng)站的時候經(jīng)常會用到這些軟件。
目 錄
摘要----------------1 前言----------------1 第一章：緒論--3 1.1 我國網(wǎng)絡發(fā)展現(xiàn)狀---------------------3 1.2 個人網(wǎng)站的目的------------------------3 第二章：個人網(wǎng)站的開發(fā)環(huán)境--------4 2.1 Dreamweaver簡述----------------------4 2.2 Dreamweaver的操作環(huán)境-------------4 2.3 ASP技術--5 第三章：需求分析--------------------------7 3.1 概述-------7 第四章：網(wǎng)站制作---------------------------9
4.1站點-----------9 4.2首頁-----------9 4.3創(chuàng)建其它網(wǎng)頁-----------------------------11 3.2個人網(wǎng)站的問題定義與可行性分析-7 3.3 個人網(wǎng)站整體要求----------------------8 第五章：網(wǎng)頁鏈接的建立-----------------12 5.1 鏈接的概念12 5.2 創(chuàng)立連接---12 5.3文字鏈接-----15 5.4影像鏈--------16 5.5 Email鏈接---18 5.6文件下載鏈接------------------------------21 5.7在HTML語言中建立網(wǎng)頁鏈接-------22 第六章：總 結--25 致謝------------------26 參考文獻----------27
第一章 緒論
1.1 我國網(wǎng)絡發(fā)展現(xiàn)狀
2010年1月15日，中國互聯(lián)網(wǎng)絡信息中心（CNNIC）發(fā)布了《第25次中國互聯(lián)網(wǎng)絡發(fā)展狀況統(tǒng)計報告》（以下簡稱《報告》）。《報告》數(shù)據(jù)顯示，截至2009年12月，我國網(wǎng)民規(guī)模已達3.84億，互聯(lián)網(wǎng)普及率進一步提升，達到28.9%。隨著我國互聯(lián)網(wǎng)普及率的逐年提高，互聯(lián)網(wǎng)正在走進人們的工作與生活。CNNIC《報告》調(diào)查顯示，在家和單位上網(wǎng)的網(wǎng)民比例在2009年有了明顯的提高，有83.2%的網(wǎng)民選擇在家上網(wǎng)，另有30.2%的網(wǎng)民選擇在單位上網(wǎng)，互聯(lián)網(wǎng)作為人們?nèi)粘９ぞ叩膬r值正在日益提升。
1.2 個人網(wǎng)站的目的
個人網(wǎng)站最開始的動機可能是出于興趣或一種愛好，但時間一長，這些興趣或愛好便為自己積累了許多資源，比如數(shù)量可觀的訪問量。當這些資源積累到一定程度的時候，商業(yè)意識比較敏感的個人網(wǎng)站站長便開始尋求開展電子商務，將自己手中的資源進行商業(yè)操作，從而，個人網(wǎng)站開始賺錢。當然，目前比較流行的個人網(wǎng)站賺錢方式可能更多的還是依賴于廣告，但從目前個人網(wǎng)站的廣告收入來看，它已經(jīng)陷入了一個低谷。所以，如果個人網(wǎng)站想要得到長足的發(fā)展，或者希望自己的
網(wǎng)站能夠賺錢，那么必須主動出擊！事在人為，作為一個個人網(wǎng)站，我們可以擁有自己的產(chǎn)品，并把它們賣掉，依靠自己來賺錢！
一、個人網(wǎng)站自主經(jīng)營的可行性 網(wǎng)民正在不斷地快速增長。另有調(diào)查表明，網(wǎng)民的平均收入水平提高了，也就是說網(wǎng)民的消費水平也提高了。我們個人網(wǎng)站為什么要依靠做廣告來賺錢？我們難道不可以轉變一下思路嗎？打個比方，你的網(wǎng)站日訪問量有1000左右(也就是說每天有1000個人左右進入你的“商店”)，做廣告相當于代理別人的產(chǎn)品，就算賣出去了也只能返回給你一部分的利潤。但是如果你的“商店”賣自己的產(chǎn)品，那么大部分利潤就掌握在自己手中。廣告賺錢只是做網(wǎng)站的“副產(chǎn)品”，真正的產(chǎn)品是你自己的網(wǎng)站。記?。耗愕木W(wǎng)站是一座金礦，可能你只是開采了“瀏覽量”這一層礦產(chǎn)，更深層次的礦產(chǎn)你可能還尚未開發(fā)出來！你完全可以將你自己網(wǎng)站的產(chǎn)品進行出售，比如將你網(wǎng)站的精品內(nèi)容印成一本書，然后在網(wǎng)上賣你自己的書。還有更多的經(jīng)營方法，關鍵是你要去不斷探索！下面我就結合我對互聯(lián)網(wǎng)的觀察與自己的實踐經(jīng)驗告訴大家如何經(jīng)營自己的產(chǎn)品。對于網(wǎng)絡經(jīng)商，起初一定要抱平和的心態(tài)！因為中國的網(wǎng)民畢竟不是很多，大家不要過分期望網(wǎng)絡經(jīng)商會給你帶來很大的效益。要把網(wǎng)絡經(jīng)商作為一種鍛煉，說句現(xiàn)實的話：“現(xiàn)在賺小錢，以后賺大錢”。這是我對
網(wǎng)絡經(jīng)商的一種“長期作戰(zhàn)”的戰(zhàn)略觀點。第二章 個人網(wǎng)站的開發(fā)環(huán)境
2.1 Dreamweaver簡述
Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用 它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。
Dreamweaver是在網(wǎng)頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著Dreamweaver 8的發(fā)布，更堅定Dreamweaver在該領域的地位。它集網(wǎng)頁設計、網(wǎng)站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設計、開發(fā)、制作的首選工具。Dreamweaver8.0的特點如下。
1、靈活的編寫方式
Dreamweaver具有靈活編寫網(wǎng)頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。
2、可視化編輯界面
Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網(wǎng)頁和管理網(wǎng)站變得更容易。
3、功能更多的CSS支持——CSS可視化設計、CSS檢查工具
4、動態(tài)跨瀏覽器驗證
當保存時系統(tǒng)自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結構。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應目前的主瀏覽器。
5、強大的WEB站點管理功能
6、內(nèi)建的圖形編輯引擎
7、Dreamweaver的集成特性
Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。
8、豐富的媒體支持能力
可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產(chǎn)生交互式響應和進行動畫處理。
2.2 Dreamweaver的操作環(huán)境
我們將工作界面分成了“標題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。
2.2.1 標題欄
Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網(wǎng)頁的話，在后面還會顯示該網(wǎng)頁的一些信息，如網(wǎng)頁標題、所在位置及網(wǎng)頁名稱，右邊有三個鈕，分別對應Dreamweaver MX的最大化最小化和關閉的操作。
2.2.2菜單欄
“標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。
2.2.3快捷工具欄
“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現(xiàn)出來了。
2.2.4屬性面板
在網(wǎng)頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中起到舉足輕重的作用。
屬性面板顧名思義，就是顯示，調(diào)整屬性的面板，根據(jù)鼠標所選中對象的不同，“屬性面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調(diào)整。
2.3 ASP技術
Active Server Pages：“動態(tài)服務器網(wǎng)頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產(chǎn)生的執(zhí)行結果都是標準的HTML格式，而且這些程序是在網(wǎng)絡服務端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結果，并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設計程序，客戶端（Client）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結果。ASP的特點如下：
1、任何開發(fā)工具皆可發(fā)展ASP 只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網(wǎng)頁發(fā)展工具，例如，F(xiàn)rontPage Express、FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網(wǎng)頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。
通過各家瀏覽由于ASP程序是在網(wǎng)絡服務器端中執(zhí)行，執(zhí)行結果所產(chǎn)生的HTML文件適用于不同的瀏覽器。
2、語言相容性高
ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java script Active X服務器組件來設計外，并可經(jīng)由plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。
3、隱密安全性高
如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因杰ＡＳＰ程序先于網(wǎng)站服務（Web Server）端執(zhí)行后，將結果轉換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。
4、易于操控數(shù)據(jù)庫
ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數(shù)據(jù)庫，例如：Access fox pro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是“Excel” 文件當成數(shù)據(jù)庫用。
5、面向對象學習容易
ＡＳＰ具備有面向對象（object-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內(nèi)建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內(nèi)建的“Application”對象或“Session”對象所撰寫出來的ＡＳＰ程序可以在多個網(wǎng)頁之間暫時保存必要的信息。
6、ASP的六大內(nèi)部對象 對象名稱 功能描述
Request Response Server Session Application Object Context 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個
Session內(nèi)的用戶信息，該信息僅可被該用戶訪問在一個 ASP-Application中讓不同的客戶端共享信息可以用來配合 Microsoft Transaction 服務器進行分布式事務處理 所以我選擇了ASP結合Dreamweaver架構個人站點。
第三章 需求分析
3.1 概述
需求分析最根本的任務是確定“為了滿足客戶的需要，系統(tǒng)必須做什么”。具體的說，應該確定系統(tǒng)必須具有的功能和性能，系統(tǒng)要求的運行環(huán)境，并且預測系統(tǒng)發(fā)展的前景。必須仔細分析系統(tǒng)中的資料，既要分析系統(tǒng)中的數(shù)據(jù)流，又要分析長期使用的資料儲存。該階段不是確定系統(tǒng)怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也就是對目標系統(tǒng)提出完整、準確、清晰、具體的要求。
3.2個人網(wǎng)站的問題定義與可行性分析
一、明確架設網(wǎng)站的目的及客戶要求
通常情況下，架設個人網(wǎng)站主要是為了通過互聯(lián)網(wǎng)表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網(wǎng)站一般體現(xiàn)在：為了展示自己的風采，讓大家和我一起分享我的心得與經(jīng)驗，讓和我有共同愛好的朋友有一個傾訴的地方。
二、我的個人網(wǎng)站概貌 因為是個人網(wǎng)站，所以只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術和數(shù)據(jù)庫技術。因此將網(wǎng)站設計分為前臺頁面展示平臺和后臺在線管理平臺。
三、功能劃分
網(wǎng)站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享
3.2.1 功能定義
（1）管理員權限：修改所有頁面內(nèi)容、增刪改文章、管理評論、修改公告、修改管理員自身信息、編輯各頁面欄目、添加刪除圖片、添加刪除音樂、修改版權信息等。
（2）瀏覽者權限：閱讀所有頁面內(nèi)容、添加評論、添加留言、瀏覽文章、瀏覽圖片、瀏覽音樂等。3.2.2 可行性分析
系統(tǒng)可行性分析主要從經(jīng)濟可行性、技術可行性和操作可行性三方面去分析。（1）經(jīng)濟可行性分析
從系統(tǒng)的開發(fā)和效益關系上講，采用asp這個可以開發(fā)出交互、高性能Web數(shù)據(jù)庫應用的技術進行開發(fā)，效率較高。該系統(tǒng)的開發(fā)不需要花費太多的經(jīng)費，只需在域名和服務器空間租用上有開銷，因為個人網(wǎng)站不涉及超大容量的文件存儲和龐大的訪問量，因此對于服務器來講，要求不會太高，開銷不會很大。因此，從經(jīng)濟性分析是可行的。
（2）技術可行性分析
根據(jù)現(xiàn)有的技術設備條件，在技術上實現(xiàn)也是可行的。在設備方面，前期系統(tǒng)開發(fā)在本地端制作完成，只需通過ftp軟件上傳至服務器端即可，而軟件開發(fā)所需條件相對較低，對于系統(tǒng)開發(fā)及運行環(huán)境均不造成任何困難。對于系統(tǒng)開發(fā)人員基本具備了計算機專業(yè)知識，有一定的編程基礎，熟悉和掌握數(shù)據(jù)庫及網(wǎng)絡相關知識，具備開發(fā)條件。
（3）操作可行性
該系統(tǒng)操作上非常簡單，對于用戶來說，只要具備IE瀏覽器5.5版本以上即可通過域名搜索即可登錄本站。
3.3 個人網(wǎng)站整體要求
3.3.1 功能要求
（1）頁面風格簡潔明快，給人以較好的視覺印象。（2）用戶瀏覽、操作均便捷，迅速。（3）用戶權限、功能的設置要準確無誤。3.3.2 系統(tǒng)性能要求
在目前硬件設備條件下，要求處理程序的速度相對較快。因此，在程序設計階段，優(yōu)化代碼，降低處理時間是需要考慮的問題。3.3.3關于未來需求
由于系統(tǒng)開發(fā)時間較短，可能不是很完善，在運行過程中還會遇到一些問題，所以應在系統(tǒng)設計過程中對未來可能需要的擴充和修改做好準備，以便及時變更
第四章 網(wǎng)站制作
4.1 站點
4.1.1 創(chuàng)建站點
要制作一個網(wǎng)站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網(wǎng)站的脈絡結構清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“追夢人”。填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網(wǎng)頁，所以選擇上面的一項“否，我不想使用服務器技術?！?單擊“下一步”，進入下一個步驟。
在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。
這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。
4.1.2 創(chuàng)建站點內(nèi)容
站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇“文件/文件”面板，此時整個網(wǎng)站中沒有任何內(nèi)容。用鼠標右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。網(wǎng)站分為“平面設計”、“動畫制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應上面的五個大欄目。存放它們各自的內(nèi)容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內(nèi)容。
之后在個欄目的文件夾里還要建立想相應的欄目網(wǎng)頁。
4.2首頁
4.2.1 設置首頁布局
首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當然，后綴名為html也是正確的。
具體設置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。
首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：
1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。
2、將變成“+”形狀的鼠標光標放到編輯中網(wǎng)頁上，在要繪制的地方進行拖動就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網(wǎng)頁的最左上角開始繪制）。
3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可以按住Ctrl鍵繪制多個表格。
4.2.2設置首頁的頁面屬性
首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。
在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區(qū)域則顯示各類中可以設置的項目。4.2.3查看和編輯頭內(nèi)容
一個網(wǎng)頁文件結構上實際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內(nèi)容（head）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關鍵的關鍵字和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵字。
下面就以首頁為例，說明怎樣插入較常用的頭（head）內(nèi)容。
單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側將會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭頭，會彈出菜單，該項列出的便是即將插入的頭內(nèi)容。4.2.4 插入圖像
圖像是網(wǎng)頁中不可或缺的組成成份，恰當?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。
另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關鍵因素。由于網(wǎng)絡在傳輸上的限制，導致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟于事了。
所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細介紹對網(wǎng)頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網(wǎng)站風格搭配的基礎上，圖片文件能夠變的更小。
1、首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。
2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當前文檔；如果選擇“站點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網(wǎng)站標志logo，插入logo圖象。
最后單擊“確定”按鈕，即可完成插入圖像的操作。
4.2.5 插入多媒體
在Dreamweaver中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash按鈕和文本對象，以及進行相關的后期處理和添加設計備注等操作。
在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。
要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則是通過相應的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動
3、畫播放功能。操場作步驟：
步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，選擇第1項Flash圖標。
步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe
aver的“網(wǎng)頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫。4.2.6插入文本
在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個網(wǎng)站成功與否，它是最關鍵的因素。在這最關鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。
插入文本的兩種方式
一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習慣的輸入法，就可以運指如飛了。
另一種是復制文本的方式。有些讀者可能不喜歡使用Dreamweaver來進行打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準備好了要放入網(wǎng)頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進行排版的工作，具體步驟如下。
打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。
這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要粘貼的位置，crtl+v到Dreamweaver即可。
4.3創(chuàng)建其它網(wǎng)頁
還有其它的幾個網(wǎng)站與主頁的制作相同，一個網(wǎng)頁是圖象和文字的組合。
“平面設計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework 在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。
第五章 網(wǎng)頁鏈接的建立
5.1 鏈接的概念
鏈接（或稱超鏈接）是網(wǎng)頁與網(wǎng)頁之間一種單向的連接關系。也是004km.cn如圖所示
（3）即對所選文本或圖像建立完鏈接。
5.6文件下載鏈接
“文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用IE瀏覽器直接進行下載，并保存到本地計算機中。
瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業(yè)以實例來說明。
在前面“插入多媒體”一章中，我們曾經(jīng)講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經(jīng)過數(shù)據(jù)下載后，Windows系統(tǒng)將啟動自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟
步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件夾下。
步驟2 將文件路徑輸入至“鏈接”文本框中。
步驟3 保存網(wǎng)頁，按下F12預覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。
步驟4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經(jīng)典回顧”文 件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。
本設計中未用到此鏈接，在此只作簡單介紹。
5.7在HTML語言中建立網(wǎng)頁鏈接
5.7.1文字鏈接
在HTML語言中用超鏈接標記指向一個目標。其基本格式為： 舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。 a href-“index2.html”target=”-blank”>平面設計
動畫制作（原窗口，默認為空）
第五篇：個人網(wǎng)站設計及實現(xiàn)畢業(yè)設計論文
個人網(wǎng)站設計及實現(xiàn)
第一章 文獻綜述
互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡的強大生命力和它在未來將處于的重要地位。他們鉆研并且努力進入到這一個新的空間，新的領域。以個人為中心，淡化了傳統(tǒng)中心地位，使得我們的世界向多元化加速發(fā)展，人人都有話語權，人人都是中心。
互聯(lián)網(wǎng)是一個互動性極強的平臺，它自由、寬容、平等、共享，并使來自民間的聲音參與到了構建主流話語的行動中來。計算機技術的發(fā)展，特別是網(wǎng)絡技術的飛速發(fā)展，給文檔的保存和管理提供極大的方便[1]。本論文中，將軟件工程的基本原理和方法應用到整個網(wǎng)站系統(tǒng)，并對其進行需求分析，提出了解決問題的具體方法。在具體制作中，用ASP技術來實現(xiàn)B/S系統(tǒng)，ASP技術與數(shù)據(jù)庫技術結合，用戶在瀏覽器端可以隨意查詢自己需要的標本，這樣提高了網(wǎng)頁的互動性，使整個系統(tǒng)能更好的為用戶服務。
Internet飛速發(fā)展使得網(wǎng)站不再僅僅為企業(yè)或公司等大型結構所擁有，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設在Internet應用上的地位顯而易見，一個家庭甚至個人都可以擁有屬于自己的網(wǎng)站，而在這其中，個人網(wǎng)站已經(jīng)日漸普及，而且發(fā)展到今天，創(chuàng)建一個能充分體現(xiàn)自我風格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。
1.1 課題研究現(xiàn)狀分析
伴隨著社會的發(fā)展和科學的進步，上網(wǎng)成為越來越多人們的選擇。隨著互聯(lián)網(wǎng)的飛速發(fā)展，有關網(wǎng)絡的技術也層出不窮。如今互聯(lián)網(wǎng)上的個人網(wǎng)站如雨后春筍般蓬勃發(fā)展，絢麗多彩的主頁比比皆是。每個人都有發(fā)揮個人才能，揮灑自己個性的網(wǎng)上伊甸園。在hao123神話以后，網(wǎng)站大全類網(wǎng)站又再一次達到頂峰。然而這個模式拷貝成功的網(wǎng)站卻寥寥無幾。而對于技術薄弱的個人網(wǎng)站來說，似乎網(wǎng)址類網(wǎng)站應該是一個很好的切入點。但是由于搜索的異軍突起，網(wǎng)址類網(wǎng)站似乎變得可有可無。
第 1 頁（共 9 頁）
[2]
網(wǎng)頁實際是一個文件，他存放在世界某個角落的某一臺計算機中而這臺計算機必須是與互聯(lián)網(wǎng)相連的。網(wǎng)頁經(jīng)由網(wǎng)址（URL）來識別與存取，當我們在瀏覽器輸入網(wǎng)址后，經(jīng)過一段復雜而又快速的程序，網(wǎng)頁文件會被傳送到你的計算機，然后再通過瀏覽器解釋網(wǎng)頁的內(nèi)容，再展示到你的眼前。文字與圖片是構成一個網(wǎng)頁的兩個最基本的元素。可以簡單的理解為：文字，就是網(wǎng)頁的內(nèi)容，圖片，就是網(wǎng)頁的美觀。除此之外，網(wǎng)頁的元素還包括動畫、音樂、程序等等。網(wǎng)頁實際上只是一個純文本文件，它通過各式各樣的標記對頁面上的文字、圖片、表格、聲音等元素進行描述（例如字體、顏色、大?。鵀g纜器則對這些標記進行解釋并生成頁面。1.2 個人網(wǎng)站的研究工作 1．理論研究基礎
個人網(wǎng)站是由個別提供的一套集博客、文章、相冊、日程、通訊錄、鏈接、調(diào)查、留言板等諸多功能于一體的網(wǎng)絡平臺。個人網(wǎng)站的自由、開放精神，并使之更容易操作，更具個性需求，而不需要高深的技術。它可以幫助個人進行全面的信息化，以多種形式達到對信息獲取、組織、思考、表達、共享和交流的目的。以個人為中心，建立一個完全屬于自己的可定制的個性化網(wǎng)絡平臺。來自文章的評論，留言板都可以很好的進行交流，傾聽別人的聲音。2．技術層面的支持
隨著互聯(lián)網(wǎng)的進一步發(fā)展與成熟，網(wǎng)絡的帶寬進一步加闊，網(wǎng)絡應用也越來越廣泛。網(wǎng)頁制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目的網(wǎng)站，使得整個互聯(lián)網(wǎng)多姿多彩。
在進行動態(tài)網(wǎng)頁制作的時候，通常都是使用ASP來完成。由于ASP使用方便，操作簡單，很多網(wǎng)頁設計者一直使用ASP。ASP集成在HTML和腳本語言中，其工作界面簡單，因此，ASP相對于其他網(wǎng)頁制作軟件來說，易學易用，是網(wǎng)頁制作初學者的入門軟件。同時配合數(shù)據(jù)庫的操作，使個人網(wǎng)站具有更好的網(wǎng)絡平臺和交互性。1.3 已經(jīng)取得的研究成果
中國互聯(lián)網(wǎng)在近幾年發(fā)展迅猛。一方面，產(chǎn)生了一批依賴技術領先的互聯(lián)網(wǎng)公司，取得了成功；另一方面，互聯(lián)網(wǎng)技術逐漸走向普及，使得行業(yè)進入門檻正在降低[4]。目前中國網(wǎng)站總數(shù)已經(jīng)近百萬。在這里面出現(xiàn)了大量的個人網(wǎng)站。并且個人網(wǎng)站存在著巨
第 2 頁（共 9 頁）
[3]
大的商業(yè)價值。如果能以強大的號召力，把互補的個人網(wǎng)站聯(lián)合起來，不知道可以成立多少個門戶網(wǎng)站。我們有理由相信，個人網(wǎng)站還極具潛力。1.4選題的目的及意義
隨著Internet的迅速普及，我們已經(jīng)不再滿足于僅僅瀏覽網(wǎng)頁，而是希望更深入地參預到網(wǎng)絡中去，Internet的開放性使個人建立自己的網(wǎng)站成為可能，擁有自己的網(wǎng)站也越來越成為一種時尚，同時創(chuàng)建一個能充分體現(xiàn)自我風格和特色的個人網(wǎng)站已經(jīng)成為互聯(lián)網(wǎng)用戶的新追求。
我們更需要交流，相信交流能夠促進我們不斷的進步，并融合別人的長處；讓我們多一些渠道傾聽來自不同立場的聲音；設想我們的網(wǎng)絡，當每個人都擁有個人網(wǎng)頁，不管是否在線，我們都可以跨越時間、空間進行交流，因為這個網(wǎng)頁中擁有我所有的一切，生活，見解，知識，思想；理想的狀態(tài)是個人門戶就是每個人的影子，他為每個人打點網(wǎng)絡上的一切，很多志同道合的朋友會在這里和你相識相知。1.5 課題研究的主要內(nèi)容
互聯(lián)網(wǎng)是社會發(fā)展的必然趨勢，很多人已經(jīng)意識到網(wǎng)絡的強大生命力和它在未來將處于的重要地位。他們鉆研并且努力進入到這一個新的空間，新的領域。其中包括你和我。
在我們的工作、日常生活中，能夠擁有一個自己的網(wǎng)站，一個已經(jīng)成為不少人的希望和驕傲。就這個課題的研究，因為是個人網(wǎng)站，所以我只是選擇了自己擅長和喜愛的內(nèi)容，在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術和數(shù)據(jù)庫技術。[5]
第二章 設計部分
“個人網(wǎng)站要發(fā)展，要么是從我的需求出發(fā)，要么是從我周圍人的需求出發(fā)?！眹鴥?nèi)著名個人網(wǎng)站站長、手機之家站長高春輝說。網(wǎng)頁設計是一門新興的設計類和網(wǎng)絡的交叉學科，近幾年隨著網(wǎng)絡的發(fā)展而逐漸收到人們的重視，它本身以網(wǎng)絡為載體,把各種信息以最快捷、方便的方式傳達給大眾。一個網(wǎng)站項目的確立是建立在各種各樣的需求上面的，這是個人網(wǎng)站，所以這種需求往往來自于個人的實際需求，其中每個人的實
第 3 頁（共 9 頁）
際需求占了絕大部分[6]。因此如何更好地的了解、分析、明確需求，并且能夠準確、清晰以文檔的形式表達出來，保證開發(fā)過程按照個人需求為目的正確項目開發(fā)方向進行。2.1設計的愿望
在Internet飛速發(fā)展的今天，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟、生活等各個方面發(fā)揮著重要的作用。因此網(wǎng)站建設在Internet應用上的地位顯而易見，它已成為個人、政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視[7]。
越來越多的人希望能真正參預到互聯(lián)網(wǎng)上，這就出現(xiàn)了越來越多的個人網(wǎng)站的設計以及推廣的工作和任務。
就我個人而言，之所以在畢業(yè)設計的時候選擇這個課題是因為我也想擁有自己的個人網(wǎng)站，在互聯(lián)網(wǎng)上擁有自己的一席之地，從而真正的參與到網(wǎng)絡中去，做網(wǎng)絡新時代的主人，同時也希望自己喜歡和收藏的一些東西能夠和網(wǎng)絡一起分享，和互聯(lián)網(wǎng)上的你一起分享。
我所制作的個人網(wǎng)站大體可分為以下幾個功能： 1．搜索引擎：
根據(jù)瀏覽者的要求，使用主頁上的搜索引擎鏈接到百度，在整個Internet上進行搜索，完成信息的優(yōu)化與提取。2．論壇：
主要功能是網(wǎng)友和網(wǎng)站之間的交流平臺，也是網(wǎng)友給版主提出意見的主要渠道。在論壇中用戶可以發(fā)表意見，這些意見可以讓所有人看到，也可以只讓版主看到，版主和其他人可以針對留言的內(nèi)容進行回復，只留給版主的留言只有版主能夠回復，并且版主可以登錄后臺對留言進行管理，是否發(fā)表或刪除。3．發(fā)送電子郵件：
網(wǎng)友可以通過“聯(lián)系我”利用outlook 向版主或其他人發(fā)送電子郵件。4．精品收藏：
在其中展示我喜愛的東西，包括電影、歌曲和一些優(yōu)美的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。但我增加了管理權限，我以管理員的身份可以對加入的新內(nèi)容進
第 4 頁（共 9 頁）
行管理，即允許加入和對其進行刪除。5．留言板：
是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。
2.2設計介紹
這次我所設計的課題正是互聯(lián)網(wǎng)與個人生活之間的緊密聯(lián)系的體現(xiàn)，個人的宣傳網(wǎng)站，包括個人簡介、論壇、個人照片、個人專題等。在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網(wǎng)站設計技術和數(shù)據(jù)庫技術。
2.3設計的背景 2.3.1用戶特征
用戶人群：具有基本的計算機操作能力，熟知網(wǎng)絡并能夠在Internet遨游。2.3.2運行環(huán)境
軟件平臺需要服務器上的操作系統(tǒng)為microsoft windows xp server。因為ASP的開發(fā)平臺首選是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同樣現(xiàn)在的瀏覽器是微軟一家獨大，使用的瀏覽器是微軟的explorer，網(wǎng)站的數(shù)據(jù)庫使用了同樣是microsoft的office access數(shù)據(jù)庫，因為一個數(shù)據(jù)不是很龐大的個人網(wǎng)站沒有必要使用oracle等大型數(shù)據(jù)庫系統(tǒng)，同時access數(shù)據(jù)庫結構比較的簡單，使用起來比較簡單好用。
2.4 達到的預期成果
在明確了我的個人網(wǎng)站的風格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設計和數(shù)據(jù)庫設計。網(wǎng)站最后完成發(fā)不到網(wǎng)上后，能夠充分吸引瀏覽者的目光，利用搜索引擎，瀏覽者可以在網(wǎng)站內(nèi)搜索自己喜歡的資料，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員可以對網(wǎng)站信息進行管理。站內(nèi)的其它頁面均是我自己的精心收藏，與大家一起分享。
第 5 頁（共 9 頁）
2.5使用工具的簡要介紹 2.5.1 IIS的簡要介紹
IIS是Internet Information Server的縮寫，它是微軟公司主推的Web服務器，最新的版本是Windows2000里面包含的IIS 5.0，IIS與WindowNT Server完全集成在一起，因而用戶能夠利用Windows NT Server和NTFS（NT File System，NT的文件系統(tǒng)）內(nèi)置的安全特性，建立強大、靈活而安全的Internet和Intranet站點。IIS的一個重要特性是支持ASP[9]。IIS 3.0版本以后引入了ASP，可以很容易的張貼動態(tài)內(nèi)容和開發(fā)基于Web的應用程序。2.5.2 數(shù)據(jù)庫Access的簡要介紹
Access數(shù)據(jù)庫是集成在Microsoft公司開發(fā)的產(chǎn)品更新?lián)Q代Office系統(tǒng)中的集成軟件[10]。
Access是一個數(shù)據(jù)庫管理系統(tǒng)，它之所以被集成到Office中而不是Visual Studio中，是因為它與其它的數(shù)據(jù)庫管理系統(tǒng)（如Visual FoxPro）相比更加簡單易學，一個普通的計算機用戶即可掌握并使用它。而且最重要的一點是，Access的功能足夠強大，足以應付一般的數(shù)據(jù)管理及處理需要。
ODBC（Open Database Connectivity開放式數(shù)據(jù)庫互聯(lián)）是微軟推出的一種工業(yè)標準，一種開放的獨立于廠商的API應用程序接口，可以跨平臺訪問各種個人計算機、小型機以及主機系統(tǒng)[11]。ODBC作為一個工業(yè)標準，絕大多數(shù)數(shù)據(jù)庫廠商、大多數(shù)應用軟件和工具軟件廠商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，當然也包括了Access。2.5.3 對ASP的簡要介紹
Active Server Pages（ASP）是服務器端腳本編寫環(huán)境，使用它可以創(chuàng)建和運行動態(tài)、交互的 Web 服務器應用程序。使用 ASP 可以組合 HTML頁、VBScript腳本命令和JavaScript腳本命令等，以創(chuàng)建交互的 Web 頁和基于 Web 的功能強大的應用程序[14]。
由于腳本程序是在服務器上而不是在客戶端運行，傳送到瀏覽器上的 Web 頁是在 Web 服務器上生成的。所以不必擔心瀏覽器能否處理腳本：Web 服務器已經(jīng)完成了所有
第 6 頁（共 9 頁）
腳本的處理，并將標準的 HTML 頁面?zhèn)鬏數(shù)綖g覽器。由于只有腳本的結果返回到瀏覽器，所以服務器端腳本不易被別人復制。用戶看不到創(chuàng)建他們正在瀏覽的頁的腳本命令。2.6 任務概述
隨著計算機的普及和網(wǎng)絡技術的迅速發(fā)展，人們也越來越依賴于計算機和網(wǎng)絡。因此，網(wǎng)絡安全應該也必須引起注意。網(wǎng)絡安全是一門涉及計算機、網(wǎng)絡、通訊、密碼、信息安全、應用數(shù)學、數(shù)論、信息論等多種學科的綜合性學科，涉及面極廣，而且不斷更新和發(fā)展。國家對信息產(chǎn)業(yè)的扶持，使國內(nèi)的網(wǎng)絡狀況逐漸好轉，更多的服務器的開通，更快的寬帶網(wǎng)得逐漸普及，各種各樣的攻擊行為在網(wǎng)上也越來越頻繁化和簡單化。
微軟在推出 ASP 時提到的 ASP 的一個好處是：Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可以避免所寫的源程序被他人剽竊，也提高了程序的安全性。然而，由于 NT、IIS 以及 ASP 系統(tǒng)本身存在的一些漏洞，卻可能使 ASP 源碼暴露無遺，解決方法就是及時更新補丁。
該個人網(wǎng)站系統(tǒng)是基于Internet/Intranet 及Web技術，建立以Browser/Server 為結構模式、以數(shù)據(jù)庫為后臺核心應用、以服務為目的信息平臺，對資源進行科學的加工整序和管理維護，為用戶提供個人信息保障和直接參預到互聯(lián)網(wǎng)上而設計的系統(tǒng)。包括界面設計,代碼設計,這一階段偏重于網(wǎng)頁制作工具和技巧的應用, 編寫總系統(tǒng)總體功能分析及架構圖。
2.6.1 個人簡介版塊
本模塊是個人簡介部分，每個個人網(wǎng)站都會有作者介紹。在這個模塊訪客會了解到作者的一些基本信息,此版塊采用了靜態(tài)網(wǎng)頁設計，最大的亮點就是利用了一個圖片特效產(chǎn)生的效果，圖片以溶解的方式漸漸出現(xiàn).2.6.2 我的論壇版塊
在個人網(wǎng)站建設中，BBS論壇也是其中最主要的一個子系統(tǒng)。BBS論壇的主要功能就是討論問題，論壇采用了B/S模式，提供了發(fā)表評論，回復評論和管理員對評論進行管理等功能。
第 7 頁（共 9 頁）
2.6.3 個人專題版塊
在這個版塊我設計和兩部分內(nèi)容包括文學欣賞和快樂音樂。文學欣賞里收集了一些精美文章，快樂音樂里收集了一些好聽的mp3歌曲。2.6.4 我的相冊版塊
個人網(wǎng)站中又一亮點就是個人相冊的設置，在我的相冊里，放置了我自己的照片、班級照片和校園照片。2.6.5 網(wǎng)站說明版塊
此版塊是我根據(jù)自己的網(wǎng)站結構對整個網(wǎng)站以及每個版塊所做的網(wǎng)站結構和功能的說明，以及網(wǎng)站和作者版權說明。2.6.6 給我留言版塊
留言板是目前最為流行的網(wǎng)絡應用之一，使用留言板，可以為留言者提供發(fā)言的機會，讓他們能夠及時、準確地交換自己的觀點。2.6.7 鏈接百度版塊
在網(wǎng)站的首頁上我設置了鏈接百度的搜索引擎，如果訪客有內(nèi)容要查詢，可以直接在此引擎內(nèi)搜索，可直接鏈接到百度查找內(nèi)容。
第三章 總結
在本次設計的全過程中，我對四年所學的知識有了一個比較系統(tǒng)的認識和理解。涉及了各方面的知識，大大擴展了我的知識面，同時是我學會了如何使用所學的知識去解決一些實際的問題。
在設計中我深知自己掌握的知識還遠遠不夠，掌握的一些理論知識應用到實踐中去，總會出現(xiàn)這樣或那樣的問題，不是理論沒有掌握好，而是光知道書本上的知識是遠遠不夠的，一定要把理論知識和實踐結合起來。把學到的知識應用到時間中去，多做多
第 8 頁（共 9 頁）
練，才可以把理論的精華發(fā)揮出來。知識不是知道，了解就好，一定要去應用它，發(fā)展它，讓它在現(xiàn)實生活中得到充分的應用，從而解決一些問題，這才是學習的根本目的。而且知識又不是單一的，它是互相聯(lián)系的，學科與學科之間都有著內(nèi)在的聯(lián)系。計算機是一門非常復雜且龐大的學科，一項課題往往需要多項技術才可以完成的。在設計階段，通過對課題的深入分析與研究，迫使我對技術有了一定的了解。在遇到問題時，得到了指導老師與同學的悉心幫助，使我感受到集體的力量是無窮的。
通過這次設計，我學會了和別人配合工作，因為一個人所學的知識不可能面面俱到的，只有通過合作，發(fā)揮自己的優(yōu)點，體現(xiàn)團隊精神，才能使工作做得更為出色。通過這次設計，我學到了許多書本上學不到的知識，增強了自己的動手能力。即將畢業(yè)我十分珍惜這次鍛煉的機會，我按部就班的完成了自己的設計任務，但由于自己的知識水平有限，仍然存在很多的不足之處，懇請老師多多指教！當今的社會是競爭的社會，而人才的競爭則是競爭的焦點，畢業(yè)設計對于我們即將離校的同學來說，是離校前很好的一次鍛煉，使我們各方面的能力都有了很大的提高，為我們踏出校門，走上社會增強了能力與自信！
計算機技術的高速發(fā)展，使我深深地認識到只有不斷的加強學習，才能在計算機技術方面不至于被淘汰，今后，我還要加強學習，努力使自己成為一位專業(yè)的計算機人員，為我自己所從事的工作服務。
第 9 頁（共 9 頁）
點擊咨詢 