個(gè)人主頁(yè)制作

xx學(xué)院課程實(shí)訓(xùn)報(bào)告實(shí)訓(xùn)題目 :個(gè)人主頁(yè)制作系 部 電氣與信息工程系 專(zhuān) 業(yè) 班 級(jí) 電子信息 學(xué) 號(hào) 姓 名 xxx 指 導(dǎo) 教 師 xxx 完 成 日 期 2016年1月8日 請(qǐng)預(yù)覽后下載！課程實(shí)訓(xùn)任務(wù)書(shū)專(zhuān)業(yè)電子信息班級(jí) 課程名稱(chēng)網(wǎng)頁(yè)制作設(shè)計(jì)題目個(gè)人主頁(yè)制作指導(dǎo)教師xxx起止時(shí)間2016年1月4日至1月15日周數(shù)2周設(shè)計(jì)地點(diǎn)實(shí)驗(yàn)室設(shè)計(jì)目的：掌握網(wǎng)頁(yè)制作過(guò)程、掌握網(wǎng)頁(yè)制作軟件的使用，了解軟件的使用和用途。設(shè)計(jì)任務(wù)或主要技術(shù)指標(biāo)：1. 網(wǎng)頁(yè)制作軟件的靈活使用。2. 掌握制作的過(guò)程的順序和流程；設(shè)計(jì)進(jìn)度與要求：第1-2天：布置任務(wù)，查找相關(guān)資料；第3-5天：熟悉網(wǎng)頁(yè)制作軟件，研究軟件功能；第6-7天：查找相關(guān)資料，撰寫(xiě)課程設(shè)計(jì)報(bào)告；第8-10天：進(jìn)行答辯； 主要參考書(shū)及參考資料：1胡崧. HTML 從入門(mén)到精通M.北京：中國(guó)青年出版社，20072知新文化. HTML 完全手冊(cè)與速查辭典M.北京：科學(xué)出版社，20073楊選輝.網(wǎng)頁(yè)設(shè)計(jì)與制作教程M.北京：清華大學(xué)出版社，20094王誠(chéng)君，劉振華，郭竑暉，高中山.Dreamweaver 8 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用教程M.北京：清華大 學(xué)出版社，2007教研室主任（簽名） 系（部）主任（簽名） 年 月 日請(qǐng)預(yù)覽后下載！課程實(shí)訓(xùn)評(píng)定意見(jiàn)實(shí)訓(xùn)題目： 個(gè)人主頁(yè)制作 學(xué)生姓名： xxx 專(zhuān)業(yè)： 電子信息工程技術(shù) 班級(jí)： 電子信息 評(píng)定意見(jiàn)：評(píng)定成績(jī)： 指導(dǎo)教師（簽名）： 年 月 日請(qǐng)預(yù)覽后下載！摘 要Dreamweaver，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng) "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。本次實(shí)訓(xùn)主要制作個(gè)人簡(jiǎn)歷的網(wǎng)頁(yè)，掌握網(wǎng)頁(yè)制作過(guò)程、掌握網(wǎng)頁(yè)制作軟件的使用，了解軟件的使用和用途。關(guān)鍵詞：Dreamweaver 個(gè)人簡(jiǎn)歷 網(wǎng)頁(yè)制作請(qǐng)預(yù)覽后下載！目錄第一章引言11.1什么是Dreamweaver11.2 Dreamweaver功能介紹11.3Dreamweaver的優(yōu)缺點(diǎn)3第二章主頁(yè)介紹82.1站點(diǎn)82.1.1 創(chuàng)建站點(diǎn)82.1.2 創(chuàng)建站點(diǎn)內(nèi)容92.2 首頁(yè)92.2.1設(shè)置首頁(yè)的頁(yè)面屬性102.2.2 插入圖像102.2.3插入多媒體112.2.4插入文本122.3創(chuàng)建其它網(wǎng)頁(yè)132.4建立網(wǎng)頁(yè)鏈接14總結(jié)16致謝17參考文獻(xiàn)18請(qǐng)預(yù)覽后下載！第一章引言1.1什么是Dreamweaver Dreamweaver，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng) "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，DW是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。Macromedia公司成立于1992年，2005年被Adobe公司收購(gòu)。Adobe Dreamweaver使用所見(jiàn)即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用語(yǔ)言下的一個(gè)應(yīng)用）編輯的功能。它有系統(tǒng)的版本。隨Macromedia被收購(gòu)后，Adobe也開(kāi)始計(jì)劃開(kāi)發(fā)版本的Dreamweaver了。 Dreamweaver自MX版本開(kāi)始，使用了排版引擎"Presto" 作為網(wǎng)頁(yè)預(yù)覽。1.2 Dreamweaver功能介紹功能特色，借助共享型用戶(hù)界面設(shè)計(jì),在AdobeCreativeSuite4的不同組件之間更快、更明智地工作。使用工作區(qū)切換器可以從一個(gè)工作環(huán)境快速切換到下一個(gè)環(huán)境。具體功能，CS6新增功能，利用AdobeDreamweaverCS6軟件中改善的FTP性能，更高效地傳輸大型文件。更新的“實(shí)時(shí)視圖”和“多屏幕預(yù)覽”面板可呈現(xiàn)HTML5代碼，使您能檢查自己的工作。自適應(yīng)網(wǎng)格，可響應(yīng)的自適應(yīng)網(wǎng)格版面，使用響應(yīng)迅速的CSS3自適應(yīng)網(wǎng)格版面，來(lái)創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁(yè)設(shè)計(jì)。利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開(kāi)發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁(yè)設(shè)計(jì)和頁(yè)面版面，無(wú)需忙于編寫(xiě)代碼。改善FTP性能，利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時(shí)間。更快速高效地上傳網(wǎng)站文件，縮短制作時(shí)間。Catalyst集成，使用Dreamweaver中集成的面板連接并編輯您利用需另外購(gòu)買(mǎi)建立的網(wǎng)站。利用托管解決方案建立電子商務(wù)網(wǎng)站。增強(qiáng)型移動(dòng)支持使用更新的移動(dòng)框架支持為IOS和Android平臺(tái)建立本地應(yīng)用程序。建立觸及移動(dòng)受眾的應(yīng)用程序，同時(shí)簡(jiǎn)化您的移動(dòng)開(kāi)發(fā)工作流程。更新的支持更新的支持可輕松為Android和IOS建立和封裝本地應(yīng)用程序。通過(guò)改編現(xiàn)有的HTML代碼來(lái)創(chuàng)建移動(dòng)應(yīng)用程序。使用Phone模擬器檢查您的設(shè)計(jì)。CSS3轉(zhuǎn)換,將CSS屬性變化制成動(dòng)畫(huà)轉(zhuǎn)換效果，使網(wǎng)頁(yè)設(shè)計(jì)栩栩如生。在您處理網(wǎng)頁(yè)元素和創(chuàng)建優(yōu)美效果時(shí)保持對(duì)網(wǎng)頁(yè)設(shè)計(jì)的精準(zhǔn)控制。更新的實(shí)時(shí)視圖使用更新的“實(shí)時(shí)視圖”功能在發(fā)布前測(cè)試頁(yè)面。“實(shí)時(shí)視圖”現(xiàn)已使用最新版的轉(zhuǎn)換引擎，能夠提供絕佳的HTML5支持。更新的多屏幕預(yù)覽面板利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫(huà)面。該增強(qiáng)型面板能夠讓您檢查HTML5內(nèi)容呈現(xiàn)。請(qǐng)預(yù)覽后下載！CS5后的新增功借助AdobeDreamweaverCS5.5軟件充滿自信地進(jìn)行設(shè)計(jì)、構(gòu)建最新的HTML5和CSS3網(wǎng)站、令交互性更上一層樓。同時(shí)為多個(gè)設(shè)備進(jìn)行設(shè)計(jì)，并對(duì)全面的代碼檢查充滿自信。多屏幕預(yù)覽面板借助多屏幕預(yù)”面板，為智能手機(jī)、Tablet和個(gè)人計(jì)算機(jī)進(jìn)行設(shè)計(jì)。借助媒體查詢(xún)支持，開(kāi)發(fā)人員可以通過(guò)一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。CSS3/HTML5支持,通過(guò)CSS面板設(shè)置樣式，該面板經(jīng)過(guò)更新可支持新的CSS3規(guī)則。設(shè)計(jì)視圖現(xiàn)支持媒體查詢(xún)，在您調(diào)整屏幕尺寸的同時(shí)可應(yīng)用不同的樣式。使用HTML5進(jìn)行前瞻性的編碼，同時(shí)提供代碼提示和設(shè)計(jì)視圖渲染支持。集成借助代碼提示加入高級(jí)交互性。是行業(yè)標(biāo)準(zhǔn)JavaScript庫(kù)，允許您為網(wǎng)頁(yè)輕松加入各種交互性。借助針對(duì)手機(jī)的起動(dòng)模板快速啟動(dòng)。借助構(gòu)建本機(jī)Android和IOS應(yīng)用程序。借助新增的Phone功能為Android和IOS構(gòu)建并打包本機(jī)應(yīng)用程序。借助Phone構(gòu)建本機(jī)Android和IOS應(yīng)用程序。新增功能，實(shí)時(shí)視圖新增功能，借助DreamweaverCS4中新增的實(shí)時(shí)視圖在真實(shí)的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁(yè),同時(shí)仍可以直接訪問(wèn)代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改。針對(duì)和框架的代碼提示新增功能。借助改進(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類(lèi)型支持,更快速、準(zhǔn)確地編寫(xiě)JavaScript。通過(guò)集成包括Prototype和流行框架,充分利用DreamweaverCS4的擴(kuò)展編碼功能。相關(guān)文件新增功能，源代碼,在“設(shè)計(jì)”視圖中查看父頁(yè)面。集成編碼增強(qiáng)功能領(lǐng)略?xún)?nèi)建代碼提示的強(qiáng)大功能,令框架、原型和幾種服務(wù)器語(yǔ)言中的編碼更快、更清晰。代碼導(dǎo)航器新增功能新增的“代碼導(dǎo)航器”功能可顯示影響當(dāng)前選定內(nèi)容的所有代碼源,如CSS規(guī)則、服務(wù)器端包括、外部JavaScript功能、模板、源文件等。創(chuàng)作支持新增功能在DW中直接新建基于HTML和應(yīng)用程序。在Dreamweaver中即可預(yù)覽AIR應(yīng)用程序。使應(yīng)用程序隨時(shí)可與AIR打包及代碼簽名功能一起部署。FLV支持增強(qiáng)功能通過(guò)輕松點(diǎn)擊和符合標(biāo)準(zhǔn)的編碼將FLV集成到任何網(wǎng)頁(yè)中-無(wú)需軟件知識(shí)。設(shè)計(jì)時(shí)在Dreamweaver全新的實(shí)時(shí)視圖中播放FLV影片。支持領(lǐng)先技術(shù)，在支持大多數(shù)領(lǐng)先Web開(kāi)發(fā)技術(shù)的工具中進(jìn)行設(shè)計(jì)和編碼,這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、軟件和ASP。學(xué)習(xí)最佳做法 ,參考CSS最佳做法實(shí)現(xiàn)可視化設(shè)計(jì)并輔以通俗易懂的實(shí)用概念說(shuō)明。在支持可訪問(wèn)性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的交互性。集成增強(qiáng),通過(guò)跨產(chǎn)品線的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強(qiáng)大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS4、PhotoshopCS4和DeviceCentralCS4軟件。請(qǐng)預(yù)覽后下載！新增功能,在Dreamweaver中設(shè)計(jì)頁(yè)面,使最終用戶(hù)能使用在線服務(wù)編輯他們的網(wǎng)頁(yè),無(wú)需幫助或使用其它軟件。作為Dreamweaver設(shè)計(jì)人員,您可以限制對(duì)特定頁(yè)面、特殊區(qū)域的更改權(quán),甚至可以自定格式選項(xiàng)。Subversion集成新增功能在Dreamweaver中直接更新站點(diǎn)和登記修改內(nèi)容。DreamweaverCS4與Subversion軟件緊密集成,后者是一款開(kāi)放源代碼版本控制系統(tǒng),可以提供更強(qiáng)大的登記/注銷(xiāo)體驗(yàn)?？缙脚_(tái)支持增強(qiáng)功能隨心所欲,盡情工作:DreamweaverCS4可用于基于Intel或PowerPC的Mac、以及系統(tǒng)。在首選系統(tǒng)中設(shè)計(jì),交付跨平臺(tái)、可靠、一致、高性能的成果。1.3Dreamweaver的優(yōu)缺點(diǎn)Dreamweaver軟件如圖1-1。圖1-1Dreamweaver軟件以用最快速的方式將Firework，F(xiàn)reehand，或Photoshop等檔案移至網(wǎng)頁(yè)上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁(yè)安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成。Dreamweaver能與您喜愛(ài)的設(shè)計(jì)工具，如外掛模組等搭配，不需離開(kāi)Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開(kāi)啟Firework或Photoshop來(lái)進(jìn)行編輯與設(shè)定圖檔的最佳化。控制能力,Dreamweaver是唯一提供、視覺(jué)化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無(wú)法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。所見(jiàn)即所得Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，ColdFusion，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)，所見(jiàn)即所得的功能，讓您不需要透過(guò)瀏覽器就能預(yù)覽網(wǎng)頁(yè)。請(qǐng)預(yù)覽后下載！夢(mèng)幻樣版將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門(mén)瀏覽器上。對(duì)于動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫(huà)的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。網(wǎng)站管理，使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁(yè)。改變網(wǎng)頁(yè)位置或檔案名稱(chēng)，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語(yǔ)法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。軟件特點(diǎn)，效果難一致，難以精確達(dá)到與瀏覽器完全一致的顯示效果也就是說(shuō)您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器中制作的網(wǎng)頁(yè)放到瀏覽器中是很難完全達(dá)到您真正想要的效果，這一點(diǎn)在結(jié)構(gòu)復(fù)雜一些的網(wǎng)頁(yè)（如分幀結(jié)構(gòu)、動(dòng)態(tài)網(wǎng)頁(yè)結(jié)構(gòu)）中便可以體現(xiàn)出來(lái)。代碼難控制，相比之下，非所見(jiàn)所得的網(wǎng)頁(yè)編輯器，就不存在這個(gè)問(wèn)題，因?yàn)樗械腍TML代碼都在您的監(jiān)控下產(chǎn)生，但是由于非所見(jiàn)所得編輯器的先天條件就注定了它的工作低效率。如何實(shí)現(xiàn)兩者的完美結(jié)合，則既產(chǎn)生干凈、準(zhǔn)確的HTML代碼，具備所見(jiàn)所得的高效率、直觀性。Dream weaver是在網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶(hù)最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dream weaver 8的發(fā)布，更堅(jiān)定Dreamweaver在該領(lǐng)域的地位。它集網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站開(kāi)發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開(kāi)發(fā)、制作的首選工具。 1、靈活的編寫(xiě)方式 Dream weaver具有靈活編寫(xiě)網(wǎng)頁(yè)的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶(hù)按工作需要定制自己的用戶(hù)界面。2、可視化編輯界面 Dream weaver是一種所見(jiàn)即所得的HTML編輯器，可實(shí)現(xiàn)頁(yè)面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫(xiě)，同時(shí)亦保證了其專(zhuān)業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪問(wèn)。無(wú)論用戶(hù)習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dream weaver都能提供便捷的方式使用戶(hù)設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。 3、功能更多的請(qǐng)預(yù)覽后下載！CSS支持CSS可視化設(shè)計(jì)、CSS檢查工具 4、動(dòng)態(tài)跨瀏覽器驗(yàn)證 當(dāng)保存時(shí)系統(tǒng)自動(dòng)檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測(cè)試用瀏覽器，同時(shí)系統(tǒng)自動(dòng)檢驗(yàn)以確定頁(yè)面有沒(méi)有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動(dòng)態(tài)跨瀏覽器有效性檢查功能可以自動(dòng)核對(duì)tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。5、強(qiáng)大的WEB站點(diǎn)管理功能 6、內(nèi)建的圖形編輯引擎 7、Dream weaver的集成特性 Dream weaver 8繼承了Fireworks、Flash和Shock wave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁(yè)。 8、豐富的媒體支持能力 可以方便地加入Java、Flash、Shock wave、Active X以及其他媒體。Dream weaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互操作。Dream weaver還提供行為和時(shí)間線兩種控件來(lái)產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫(huà)處理。 9、超強(qiáng)的擴(kuò)展能力 Dream weaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dream weaver的功能，并且可以發(fā)布這些插件。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。Dream weaver：這是網(wǎng)頁(yè)三劍客之一，專(zhuān)門(mén)制作網(wǎng)頁(yè)的工具，可以自動(dòng)將網(wǎng)頁(yè)生成代碼，是普通網(wǎng)頁(yè)制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁(yè)主題之后，首先要明確和熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽(tīng)元素和版式設(shè)計(jì)兩個(gè)方面。1.視聽(tīng)元素 這里所說(shuō)的視聽(tīng)元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂(lè)、動(dòng)態(tài)影像等。無(wú)論是文字、圖形、動(dòng)畫(huà)，還是音頻、視頻，網(wǎng)頁(yè)設(shè)計(jì)者所要考慮的是如何以感人的形式把它們放進(jìn)頁(yè)面這個(gè)“大畫(huà)布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的表現(xiàn)力。以上各視聽(tīng)元素大多數(shù)瀏覽器本身都可以顯示或收聽(tīng)，無(wú)需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫(huà)。還有些多媒體文件（如MP3音樂(lè)）需要先下載到本地硬盤(pán)上，然后啟動(dòng)相應(yīng)的外部程序來(lái)播放。另外，在瀏覽器使用插件（Plug-in）可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的Active X技術(shù)，用來(lái)在網(wǎng)頁(yè)中播放多媒體。目前Active X已經(jīng)成為熱門(mén)技術(shù)。另一種播放多媒體的技術(shù)是Java Applet。它是用Java語(yǔ)言編寫(xiě)的應(yīng)用于網(wǎng)頁(yè)之中的小應(yīng)用程序，相比于插件和Active X，Java Applet具有更大的靈活性和良好的跨平臺(tái)能力，因此具有很好的發(fā)展前景。總之，技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來(lái)越廣泛，使瀏覽者可以享受到更加完美的視聽(tīng)效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)提出了更高的要求。Access數(shù)據(jù)庫(kù)是集成在Microsoft公司開(kāi)發(fā)的產(chǎn)品更新?lián)Q代Office系統(tǒng)中的集成軟件10。 Access是一個(gè)數(shù)據(jù)庫(kù)管理系統(tǒng)，它之所以被集成到Office中而不是Visual Studio中，是因?yàn)樗c其它的數(shù)據(jù)庫(kù)管理系統(tǒng)（如Visual Fox Pro）相比更加簡(jiǎn)單易學(xué)，一個(gè)普通的計(jì)算機(jī)用戶(hù)即可掌握并使用它。而且最重要的一點(diǎn)是，Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。 ODBC（Open Database Connectivity開(kāi)放式數(shù)據(jù)庫(kù)互聯(lián)）是微軟推出的一種工業(yè)標(biāo)準(zhǔn)，一種開(kāi)放的獨(dú)立于廠商的API應(yīng)用程序接口，可以跨平臺(tái)訪問(wèn)各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)11。ODBC作為一個(gè)工業(yè)標(biāo)準(zhǔn)，絕大多數(shù)數(shù)據(jù)庫(kù)廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，當(dāng)然也包括了Access用Microsoft Access 來(lái)創(chuàng)建數(shù)據(jù)庫(kù)，最簡(jiǎn)單的是通過(guò)它提供的的一個(gè)請(qǐng)預(yù)覽后下載！“向?qū)А?，在啟?dòng)這個(gè)軟件以后，建立數(shù)據(jù)庫(kù)文件的操作。下面是我利用“向?qū)А眮?lái)創(chuàng)建一份數(shù)據(jù)庫(kù)文件的具體操作步驟： 選擇“Access數(shù)據(jù)庫(kù)向?qū)А?shù)據(jù)頁(yè)和項(xiàng)目”單選按扭，然后單擊“確定”按鈕，若選擇Microsoft Access對(duì)話框中的“空Access數(shù)據(jù)庫(kù)”單選項(xiàng)按鈕，就會(huì)建立一個(gè)空的數(shù)據(jù)庫(kù)了，數(shù)據(jù)庫(kù)里面的信息需要手工來(lái)添加，若選擇“打開(kāi)已有文件”單選按鈕則可以從下方的列表中選擇打開(kāi)已經(jīng)存在的數(shù)據(jù)庫(kù)。在彈出的“新建”對(duì)話框中，我們可以選擇一個(gè)模板來(lái)快速建立數(shù)據(jù)庫(kù)，我們就 先選擇個(gè)“定單管理”看看，然后單擊“確定”按扭?！拔募陆〝?shù)據(jù)庫(kù)”對(duì)話框的功能是，指定數(shù)據(jù)文件名，以及保存它的文件夾。我們就以它的初始文件名“定單入口1”吧，單擊“創(chuàng)建”安扭后，新建的數(shù)據(jù)庫(kù)文件就將被指定保存到Microsoft Access默認(rèn)的文件夾下了，或我們給它指定一個(gè)新的也行，這樣一來(lái)，一份新的數(shù)據(jù)庫(kù)就建立好了，屏幕上也將顯示“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框。“下一步”按鈕。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框分為左右兩部分，左邊的窗口是用來(lái)選擇“數(shù)據(jù)庫(kù)中 的表”，右邊的窗口是用來(lái)選擇“表中的字段”。選擇好所需要的數(shù)據(jù)庫(kù)中的表和表中的字段之后，就單擊下一步按鈕。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框是用來(lái)確定屏幕的顯示樣式，我們就采用標(biāo)準(zhǔn)樣式吧，單擊下一步按鈕。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框是用來(lái)確定打印報(bào)表的樣式的，我們可以選擇如“組 織”樣式，然后單擊下一步按鈕。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框的作用是確定數(shù)據(jù)庫(kù)的標(biāo)題和是否在所有報(bào)表上加一 幅圖片，我們就先設(shè)定數(shù)據(jù)庫(kù)的標(biāo)題為“定單入口”，并不在所有報(bào)表上加圖片，然后單擊下一步按鈕。單擊以上請(qǐng)預(yù)覽后下載！“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框的“完成”按鈕，就完成了創(chuàng)建數(shù)據(jù)庫(kù)的工作了。象這個(gè)數(shù)據(jù)庫(kù)在使用之前還會(huì)彈出“我的公司信息”對(duì)話框，當(dāng)然，不同的模板 是不相同的，象這個(gè)就是要求輸入公司的名稱(chēng)和地址信息，如下圖所示，關(guān)閉這個(gè)對(duì)話框，系統(tǒng)將自動(dòng)保存信息。 關(guān)閉“我的公司信息”對(duì)話框后，會(huì)彈出“主切換面板”對(duì)話框。位于“主切換 面板”對(duì)話框后面的是“定單入口1”窗體，通過(guò)這兩個(gè)窗體即可對(duì)新創(chuàng)建的數(shù)據(jù)庫(kù)進(jìn)行各種操作了。無(wú)論什么時(shí)候使用“數(shù)據(jù)庫(kù)向?qū)А毙陆〝?shù)據(jù)庫(kù)，Microsoft Access都將自動(dòng)新建一個(gè)切換面板，這個(gè)面板對(duì)瀏覽數(shù)據(jù)庫(kù)都是很有幫助的，“切換面板”中有一些按鈕，單擊它們可以打開(kāi)相應(yīng)的窗體和報(bào)表，或打開(kāi)其他窗體和報(bào)表的切換面板、退出Microsoft Access或自定義切換面。請(qǐng)預(yù)覽后下載！第二章主頁(yè)介紹2.1站點(diǎn)2.1.1 創(chuàng)建站點(diǎn)要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，這樣可以使整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前，避免了以后再進(jìn)行紛雜的管理。從菜單中選擇“站點(diǎn)/新建站點(diǎn)”在彈出如下圖2.1所示的對(duì)話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱(chēng)“xxx”。在桌面新建一個(gè)文件夾“電子信息-xxx”設(shè)為本地站點(diǎn)文件夾。圖2.1創(chuàng)建站點(diǎn)請(qǐng)預(yù)覽后下載！填好后，單擊“高級(jí)設(shè)置”，進(jìn)入下一個(gè)步驟。如下圖2.2所示將默認(rèn)圖像文件夾設(shè)為“image”，單機(jī)“保存”。圖2.2站點(diǎn)設(shè)置2.1.2創(chuàng)建站點(diǎn)內(nèi)容站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁(yè)來(lái)填充站點(diǎn)了，在菜單中選擇“新建文件”，新建一個(gè)文件后將其命名為“首頁(yè).htm(或首頁(yè).html),它就是未來(lái)的首頁(yè)。 由于“個(gè)人簡(jiǎn)歷”網(wǎng)站分為“首頁(yè)”、“基礎(chǔ)資料”、“教育背景”、“自我評(píng)價(jià)”、“愛(ài)好“、“職業(yè)證書(shū)”這六個(gè)大欄目網(wǎng)頁(yè)，所以要新建六個(gè)html文件，分別對(duì)應(yīng)上面的六個(gè)大欄目網(wǎng)頁(yè)，存放它們各自的內(nèi)容。2.2 首頁(yè)每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁(yè)，就功能上而言，它代表著一個(gè)網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他Web頁(yè)，原則上都必須通過(guò)首頁(yè)來(lái)連接散播出去，可見(jiàn)首頁(yè)是多么的重要。首頁(yè)是打開(kāi)網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁(yè)面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等。首頁(yè)的布局有很多方法，在這里我所用到的是如下圖2.3所示的“布局模式AP Div（A）”。使用了CSS樣式表中的絕對(duì)定位屬性的<div>標(biāo)簽就叫做AP Div。Dreamweaver CS5中的“AP Div”就是Dreamweaver舊版本中的“層”。AP Div可以理解為浮動(dòng)在網(wǎng)頁(yè)上的一個(gè)頁(yè)面，可以放置在頁(yè)面中的任何位置，可以隨意移動(dòng)這些位置，而且它們的位置可以相互重疊，也可以任意控制AP Div的前后位置、顯示與隱藏，因此大大加強(qiáng)了網(wǎng)頁(yè)設(shè)計(jì)的靈活性。請(qǐng)預(yù)覽后下載！在網(wǎng)頁(yè)設(shè)計(jì)中，將網(wǎng)頁(yè)元素放到AP Div中，然后在頁(yè)面中精確定位AP Div的位置，可以實(shí)現(xiàn)網(wǎng)頁(yè)內(nèi)容的精確定位，使網(wǎng)頁(yè)內(nèi)容在頁(yè)面上排列得整齊、美觀、井井有條。操作步驟：1、在“插入快捷欄”的“布局對(duì)象”分類(lèi)中，單擊“AP Div（A）”按紐。2、將變成“+”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁(yè)上，在要繪制的地方進(jìn)行拖動(dòng)就可以進(jìn)行創(chuàng)建了。2.2.1設(shè)置首頁(yè)的頁(yè)面屬性首先雙擊“文件”浮動(dòng)面板中的index.htm,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁(yè)面屬性”，之后彈出“頁(yè)面屬性”對(duì)話框，若選擇主菜單“修改/頁(yè)面屬性”項(xiàng)，也可以把打開(kāi)該對(duì)話框。在“頁(yè)面屬性”對(duì)話框中，左側(cè)窗口顯示“分類(lèi)”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)，右側(cè)區(qū)域則顯示各類(lèi)中可以設(shè)置的項(xiàng)目。首頁(yè)設(shè)置的屬性2.2.2 插入圖像圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說(shuō)服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。另一方面，網(wǎng)頁(yè)的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁(yè)的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無(wú)論你的網(wǎng)站多么精彩也無(wú)濟(jì)于事了。所以，在網(wǎng)面容量大小的問(wèn)題上一定要重視。下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。1、 首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入”快健欄，選擇其中的“圖像”。 2、隨即彈出如下圖2.5所示的“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱(chēng)。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類(lèi)型，如果選擇“文檔”選項(xiàng)，表示圖像地址相對(duì)于當(dāng)前文檔；如果選擇“站點(diǎn)根目錄”選項(xiàng)，表示地址相對(duì)于根目錄。在這里我要插入的是網(wǎng)站標(biāo)志logo，插入logo圖象，如圖2.5所示： 請(qǐng)預(yù)覽后下載！最后單擊“確定”按鈕，即可完成插入圖像的操作。圖2.5插入圖像 2.2.3插入多媒體除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫(huà)、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對(duì)象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime 、AVI java、 applet Active X控件以及各種格式的音頻文件。要在瀏覽器中播放Flash 動(dòng)畫(huà)，必須在瀏覽器中集成“Flash 播放器 （Flash Player）”。其中，Internet Explorer通過(guò)ActiveX控制來(lái)實(shí)現(xiàn)，Netscape Navigator則是通過(guò)相應(yīng)的插件來(lái)實(shí)現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動(dòng)畫(huà)播放功能。操場(chǎng)作步驟：步驟1  將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入”快捷欄，選擇其中的“媒體”按鈕，單擊它右側(cè)的FLV。步驟2  在彈出的對(duì)話框中選擇擴(kuò)展名為flv 的Flash文件，即可將其插入到Dreamweaver的“網(wǎng)頁(yè)編輯窗口”中，可以看到，在這個(gè)窗口中Flash文件的大小。在這里我的主頁(yè)插入的一個(gè)動(dòng)畫(huà)，如圖2.6所示。 請(qǐng)預(yù)覽后下載！ 圖2.6插入視頻2.2.4插入文本文字是人類(lèi)語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中，文本內(nèi)容也可以說(shuō)是重要的組成部分，一個(gè)網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素。可豐富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁(yè)中。插入文本的兩種方式網(wǎng)頁(yè)中需要大量的文本，我們或以通過(guò)以下兩種方式插入它們。一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法。另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來(lái)進(jìn)行打字的工作，而更習(xí)慣在專(zhuān)門(mén)的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作，具體步驟如下。打開(kāi)文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。這在我的“網(wǎng)文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。 圖2.7插入文本請(qǐng)預(yù)覽后下載！2.3創(chuàng)建其它網(wǎng)頁(yè)還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。為圖方便可以先將首頁(yè)的導(dǎo)航條以及其它與子頁(yè)面相同的做好進(jìn)行復(fù)制。 “基礎(chǔ)資料”中的文本插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)字體的大小。在其它子頁(yè)面中也用到這點(diǎn)，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。2.4建立網(wǎng)頁(yè)鏈接網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的，那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢？這就是本節(jié)要講的內(nèi)容-網(wǎng)頁(yè)的“鏈接”?！版溄印保址Q(chēng)“超鏈接"（Hyperlink）,它作為網(wǎng)頁(yè)的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈接”的媒介來(lái)劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。 我的個(gè)人主頁(yè)主要運(yùn)用了“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁(yè)中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。接下來(lái)結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來(lái)講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟步驟1  準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面，該網(wǎng)站包含6個(gè)欄目，這里的5個(gè)欄目-“基礎(chǔ)資料”、“教育背景”、“自我評(píng)價(jià)”、“愛(ài)好“、“職業(yè)證書(shū)”為例來(lái)進(jìn)行講解。步驟2 在Dreamweaver 中打開(kāi)首頁(yè)，之后選取 “基礎(chǔ)資料”4個(gè)文字。步驟3右單機(jī)選擇“創(chuàng)建連接”。請(qǐng)預(yù)覽后下載！步驟4在文件夾中找到要鏈接的對(duì)象“基礎(chǔ)資料.html”。這樣就建立了超鏈接。如圖2.9所示：圖2.9網(wǎng)頁(yè)鏈接步驟5還可以設(shè)置一些“鏈接”的屬性，這是前面講過(guò)的內(nèi)容。單擊“屬性面板”中的“頁(yè)面屬性”，選擇其中的“鏈接”分類(lèi)，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問(wèn)鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。步驟5 至此，第1個(gè)欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將出現(xiàn)下劃線，并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁(yè)的地址，單擊文字，頁(yè)面會(huì)立即跳轉(zhuǎn)到“基礎(chǔ)資料”中，這表示鏈接已經(jīng)制作成功了。步驟6 同理，按照以上步驟，再為“教育背景”、“自我評(píng)價(jià)”、“愛(ài)好“、“職業(yè)證書(shū)”等其它欄制作指向?qū)?yīng)欄目的鏈接。步驟7 通常在欄目頁(yè)面中還需要有“返回首頁(yè)”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁(yè)，因此在各個(gè)欄目中還要插入“網(wǎng)站首頁(yè)”的文字，并且制作指向首頁(yè)的鏈接，制作方法不變。如下圖2.10所示請(qǐng)預(yù)覽后下載！圖2.10返回至此，整個(gè)“文字鏈接”的就全部完成了。總 結(jié)經(jīng)過(guò)兩周的工作，個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)終于完成，本次設(shè)計(jì)基本完成任務(wù)書(shū)要求的功能。查找信息、文件共享等。由于是個(gè)人網(wǎng)站，在設(shè)計(jì)上就沒(méi)有什么拘束和限制，完全發(fā)揮自己的想象力和創(chuàng)造力，展現(xiàn)自己的興趣和個(gè)性。  本次設(shè)計(jì)用Macromedia公司開(kāi)發(fā)的專(zhuān)業(yè)HTML編輯器Dreamweaver,對(duì)Wed站點(diǎn)、Web頁(yè)和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開(kāi)發(fā)。  利用Dreamweaver中的可視化編輯功能，用戶(hù)可以快速創(chuàng)建頁(yè)面而無(wú)須編寫(xiě)任何代碼。并且。借助Dreamweaver，還可以使用服務(wù)器語(yǔ)言（例如：ASP,ASP.NET,ColdFusion標(biāo)記語(yǔ)言（CFML），JSP，PHP）。本設(shè)計(jì)的頁(yè)面不是很精美，這寫(xiě)些不足之處還待后期的開(kāi)發(fā)和改進(jìn)。請(qǐng)預(yù)覽后下載！致 謝首先我要感謝我們的xxx老師，他在平常工作繁忙之際，還來(lái)為我們上課，解答實(shí)訓(xùn)中的困惑，為我們講解實(shí)訓(xùn)中所需要的課程，讓我們?cè)趯?shí)訓(xùn)中更好的完成我們的課題。其次我要感謝的是我們班的同學(xué)給我的幫助。他們一直在鼓勵(lì)我?guī)椭?，沒(méi)有因?yàn)橐稽c(diǎn)困難而放棄。在本次實(shí)訓(xùn)中團(tuán)結(jié)互助，克服了在此次實(shí)訓(xùn)過(guò)程中遇到的種種困難，在以后的工作中向他們一樣努力去做不輕易放棄，向他們學(xué)習(xí)，這次實(shí)訓(xùn)，雖然還是沒(méi)有最大限度地投入，但比以前我有了很大的進(jìn)步。參與了這次集體的設(shè)計(jì)，和同學(xué)在一起共同完成一項(xiàng)任務(wù)的感覺(jué)很好，我體會(huì)到團(tuán)隊(duì)力量的重要性。真心地感謝xxx老師和全班同學(xué)，謝謝，是你們讓我對(duì)計(jì)算機(jī)網(wǎng)絡(luò)方面有了更深的了解，讓我受益匪淺。請(qǐng)預(yù)覽后下載！參考文獻(xiàn)1胡崧. HTML 從入門(mén)到精通M.北京：中國(guó)青年出版社，20072知新文化. HTML 完全手冊(cè)與速查辭典M.北京：科學(xué)出版社，20073楊選輝.網(wǎng)頁(yè)設(shè)計(jì)與制作教程M.北京：清華大學(xué)出版社，20094王誠(chéng)君，劉振華，郭竑暉，高中山.Dreamweaver 8 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用教程M.北京：清華大 學(xué)出版社，2007 （注：可編輯下載，若有不當(dāng)之處，請(qǐng)指正，謝謝!） 請(qǐng)預(yù)覽后下載！