個(gè)人主頁制作

《個(gè)人主頁制作》由會(huì)員分享，可在線閱讀，更多相關(guān)《個(gè)人主頁制作（27頁珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、xx學(xué)院課程實(shí)訓(xùn)報(bào)告實(shí)訓(xùn)題目 :個(gè)人主頁制作系 部 電氣與信息工程系 專 業(yè) 班 級(jí) 電子信息 學(xué) 號(hào) 姓 名 xxx 指 導(dǎo) 教 師 xxx 完 成 日 期 2016年1月8日 請(qǐng)預(yù)覽后下載！課程實(shí)訓(xùn)任務(wù)書專業(yè)電子信息班級(jí) 課程名稱網(wǎng)頁制作設(shè)計(jì)題目個(gè)人主頁制作指導(dǎo)教師xxx起止時(shí)間2016年1月4日至1月15日周數(shù)2周設(shè)計(jì)地點(diǎn)實(shí)驗(yàn)室設(shè)計(jì)目的：掌握網(wǎng)頁制作過程、掌握網(wǎng)頁制作軟件的使用，了解軟件的使用和用途。設(shè)計(jì)任務(wù)或主要技術(shù)指標(biāo)：1. 網(wǎng)頁制作軟件的靈活使用。2. 掌握制作的過程的順序和流程；設(shè)計(jì)進(jìn)度與要求：第1-2天：布置任務(wù)，查找相關(guān)資料；第3-5天：熟悉網(wǎng)頁制作軟件，研究軟件功能；第6-

2、7天：查找相關(guān)資料，撰寫課程設(shè)計(jì)報(bào)告；第8-10天：進(jìn)行答辯； 主要參考書及參考資料：1胡崧. HTML 從入門到精通M.北京：中國(guó)青年出版社，20072知新文化. HTML 完全手冊(cè)與速查辭典M.北京：科學(xué)出版社，20073楊選輝.網(wǎng)頁設(shè)計(jì)與制作教程M.北京：清華大學(xué)出版社，20094王誠(chéng)君，劉振華，郭竑暉，高中山.Dreamweaver 8 網(wǎng)頁設(shè)計(jì)應(yīng)用教程M.北京：清華大 學(xué)出版社，2007教研室主任（簽名） 系（部）主任（簽名） 年 月 日請(qǐng)預(yù)覽后下載！課程實(shí)訓(xùn)評(píng)定意見實(shí)訓(xùn)題目： 個(gè)人主頁制作 學(xué)生姓名： xxx 專業(yè)： 電子信息工程技術(shù) 班級(jí)： 電子信息 評(píng)定意見：評(píng)定成績(jī)： 指導(dǎo)教

3、師（簽名）： 年 月 日請(qǐng)預(yù)覽后下載！摘 要Dreamweaver，簡(jiǎn)稱“DW”，中文名稱 "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。本次實(shí)訓(xùn)主要制作個(gè)人簡(jiǎn)歷的網(wǎng)頁，掌握網(wǎng)頁制作過程、掌握網(wǎng)頁制作軟件的使用，了解軟件的使用和用途。關(guān)鍵詞：Dreamweaver 個(gè)人簡(jiǎn)歷 網(wǎng)頁制作請(qǐng)預(yù)覽后下載！目錄第一章引言11.1什么是Dreamweaver11.2 Dreamweaver功能介紹11

4、.3Dreamweaver的優(yōu)缺點(diǎn)3第二章主頁介紹82.1站點(diǎn)82.1.1 創(chuàng)建站點(diǎn)82.1.2 創(chuàng)建站點(diǎn)內(nèi)容92.2 首頁92.2.1設(shè)置首頁的頁面屬性102.2.2 插入圖像102.2.3插入多媒體112.2.4插入文本122.3創(chuàng)建其它網(wǎng)頁132.4建立網(wǎng)頁鏈接14總結(jié)16致謝17參考文獻(xiàn)18請(qǐng)預(yù)覽后下載！第一章引言1.1什么是Dreamweaver Dreamweaver，簡(jiǎn)稱“DW”，中文名稱 "夢(mèng)想編織者"，是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，

5、利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。Macromedia公司成立于1992年，2005年被Adobe公司收購(gòu)。Adobe Dreamweaver使用所見即所得的接口，亦有HTML（標(biāo)準(zhǔn)通用語言下的一個(gè)應(yīng)用）編輯的功能。它有系統(tǒng)的版本。隨Macromedia被收購(gòu)后，Adobe也開始計(jì)劃開發(fā)版本的Dreamweaver了。 Dreamweaver自MX版本開始，使用了排版引擎"Presto" 作為網(wǎng)頁預(yù)覽。1.2 Dreamweaver功能介紹功能特色，借助共享型用戶界面設(shè)計(jì),在AdobeCreativeSuite4的不同組件之間更快、更明

6、智地工作。使用工作區(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)格版面，來創(chuàng)建跨平臺(tái)和跨瀏覽器的兼容網(wǎng)頁設(shè)計(jì)。利用簡(jiǎn)潔、業(yè)界標(biāo)準(zhǔn)的代碼為各種不同設(shè)備和計(jì)算機(jī)開發(fā)項(xiàng)目，提高工作效率。直觀地創(chuàng)建復(fù)雜網(wǎng)頁設(shè)計(jì)和頁面版面，無需忙于編寫代碼。改善FTP性能，利用重新改良的多線程FTP傳輸工具節(jié)省上傳大型文件的時(shí)間。更快速高效地上傳網(wǎng)站文件，縮短

7、制作時(shí)間。Catalyst集成，使用Dreamweaver中集成的面板連接并編輯您利用需另外購(gòu)買建立的網(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)開發(fā)工作流程。更新的支持更新的支持可輕松為Android和IOS建立和封裝本地應(yīng)用程序。通過改編現(xiàn)有的HTML代碼來創(chuàng)建移動(dòng)應(yīng)用程序。使用Phone模擬器檢查您的設(shè)計(jì)。CSS3轉(zhuǎn)換,將CSS屬性變化制成動(dòng)畫轉(zhuǎn)換效果，使網(wǎng)頁設(shè)計(jì)栩栩如生。在您處理網(wǎng)頁元素和創(chuàng)建優(yōu)美效果時(shí)保持對(duì)網(wǎng)頁設(shè)計(jì)的精準(zhǔn)控制。更新的實(shí)時(shí)視圖使用更新的“實(shí)時(shí)視圖”功

8、能在發(fā)布前測(cè)試頁面?！皩?shí)時(shí)視圖”現(xiàn)已使用最新版的轉(zhuǎn)換引擎，能夠提供絕佳的HTML5支持。更新的多屏幕預(yù)覽面板利用更新的“多屏幕預(yù)覽”面板檢查智能手機(jī)、平板電腦和臺(tái)式機(jī)所建立項(xiàng)目的顯示畫面。該增強(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ì)。借助媒體查詢支持，開發(fā)人員可以通過一個(gè)面板為各種設(shè)備設(shè)計(jì)樣式并實(shí)現(xiàn)渲染可視化。C

9、SS3/HTML5支持,通過CSS面板設(shè)置樣式，該面板經(jīng)過更新可支持新的CSS3規(guī)則。設(shè)計(jì)視圖現(xiàn)支持媒體查詢，在您調(diào)整屏幕尺寸的同時(shí)可應(yīng)用不同的樣式。使用HTML5進(jìn)行前瞻性的編碼，同時(shí)提供代碼提示和設(shè)計(jì)視圖渲染支持。集成借助代碼提示加入高級(jí)交互性。是行業(yè)標(biāo)準(zhǔn)JavaScript庫(kù)，允許您為網(wǎng)頁輕松加入各種交互性。借助針對(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í)

10、的瀏覽器環(huán)境中設(shè)計(jì)網(wǎng)頁,同時(shí)仍可以直接訪問代碼。呈現(xiàn)的屏幕內(nèi)容會(huì)立即反映出對(duì)代碼所做的更改。針對(duì)和框架的代碼提示新增功能。借助改進(jìn)的JavaScript核心對(duì)象和基本數(shù)據(jù)類型支持,更快速、準(zhǔn)確地編寫JavaScript。通過集成包括Prototype和流行框架,充分利用DreamweaverCS4的擴(kuò)展編碼功能。相關(guān)文件新增功能，源代碼,在“設(shè)計(jì)”視圖中查看父頁面。集成編碼增強(qiáng)功能領(lǐng)略內(nèi)建代碼提示的強(qiáng)大功能,令框架、原型和幾種服務(wù)器語言中的編碼更快、更清晰。代碼導(dǎo)航器新增功能新增的“代碼導(dǎo)航器”功能可顯示影響當(dāng)前選定內(nèi)容的所有代碼源,如CSS規(guī)則、服務(wù)器端包括、外部JavaScript功能、模

11、板、源文件等。創(chuàng)作支持新增功能在DW中直接新建基于HTML和應(yīng)用程序。在Dreamweaver中即可預(yù)覽AIR應(yīng)用程序。使應(yīng)用程序隨時(shí)可與AIR打包及代碼簽名功能一起部署。FLV支持增強(qiáng)功能通過輕松點(diǎn)擊和符合標(biāo)準(zhǔn)的編碼將FLV集成到任何網(wǎng)頁中-無需軟件知識(shí)。設(shè)計(jì)時(shí)在Dreamweaver全新的實(shí)時(shí)視圖中播放FLV影片。支持領(lǐng)先技術(shù)，在支持大多數(shù)領(lǐng)先Web開發(fā)技術(shù)的工具中進(jìn)行設(shè)計(jì)和編碼,這些技術(shù)包括HTML、XHTML、CSS、XML、JavaScript、軟件和ASP。學(xué)習(xí)最佳做法 ,參考CSS最佳做法實(shí)現(xiàn)可視化設(shè)計(jì)并輔以通俗易懂的實(shí)用概念說明。在支持可訪問性和最佳做法的同時(shí)創(chuàng)造Ajax驅(qū)動(dòng)的

12、交互性。集成增強(qiáng),通過跨產(chǎn)品線的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和強(qiáng)大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS4、PhotoshopCS4和DeviceCentralCS4軟件。請(qǐng)預(yù)覽后下載！新增功能,在Dreamweaver中設(shè)計(jì)頁面,使最終用戶能使用在線服務(wù)編輯他們的網(wǎng)頁,無需幫助或使用其它軟件。作為Dreamweaver設(shè)計(jì)人員,您可以限制對(duì)特定頁面、特殊區(qū)域的更改權(quán),甚至可以自定格式選項(xiàng)。Subversion集成新增功能在Dreamweaver中直接更新站點(diǎn)和登記修改內(nèi)容。Dreamweave

13、rCS4與Subversion軟件緊密集成,后者是一款開放源代碼版本控制系統(tǒng),可以提供更強(qiáng)大的登記/注銷體驗(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)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對(duì)于選單，快捷鍵與格式控制，都只要一個(gè)簡(jiǎn)單步驟便可完成

14、。Dreamweaver能與您喜愛的設(shè)計(jì)工具，如外掛模組等搭配，不需離開Dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使Dreamweaver自動(dòng)開啟Firework或Photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化?？刂颇芰?Dreamweaver是唯一提供、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含和BBEdit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡(jiǎn)單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，Dreamweaver支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進(jìn)行版面配置。

15、所見即所得Dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給Third-party廠商，包含ASP，Apache，ColdFusion，Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用Dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。請(qǐng)預(yù)覽后下載！夢(mèng)幻樣版將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。全方位的呈現(xiàn)利用Dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的

16、呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對(duì)于動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的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)頁。改變網(wǎng)頁位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡(jiǎn)單。軟件特點(diǎn)，效果難一致，難以精確

17、達(dá)到與瀏覽器完全一致的顯示效果也就是說您在所見即所得網(wǎng)頁編輯器中制作的網(wǎng)頁放到瀏覽器中是很難完全達(dá)到您真正想要的效果，這一點(diǎn)在結(jié)構(gòu)復(fù)雜一些的網(wǎng)頁（如分幀結(jié)構(gòu)、動(dòng)態(tài)網(wǎng)頁結(jié)構(gòu)）中便可以體現(xiàn)出來。代碼難控制，相比之下，非所見所得的網(wǎng)頁編輯器，就不存在這個(gè)問題，因?yàn)樗械腍TML代碼都在您的監(jiān)控下產(chǎn)生，但是由于非所見所得編輯器的先天條件就注定了它的工作低效率。如何實(shí)現(xiàn)兩者的完美結(jié)合，則既產(chǎn)生干凈、準(zhǔn)確的HTML代碼，具備所見所得的高效率、直觀性。Dream weaver是在網(wǎng)頁設(shè)計(jì)與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著Dream weaver 8的發(fā)布，更堅(jiān)定Dreamweaver在該

18、領(lǐng)域的地位。它集網(wǎng)頁設(shè)計(jì)、網(wǎng)站開發(fā)和站點(diǎn)管理功能于一身，具有可視化、支持多平臺(tái)和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計(jì)、開發(fā)、制作的首選工具。 1、靈活的編寫方式 Dream weaver具有靈活編寫網(wǎng)頁的特點(diǎn)，不但將世界一流水平的“設(shè)計(jì)”和“代碼”編輯器合二為一，而且在設(shè)計(jì)窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。2、可視化編輯界面 Dream weaver是一種所見即所得的HTML編輯器，可實(shí)現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時(shí)亦保證了其專業(yè)性和兼容性，并且可以對(duì)內(nèi)部的HTML編輯器和任何第三方的HTML編輯器進(jìn)行實(shí)時(shí)的訪問。無論用戶習(xí)慣手工輸入HT

19、ML源代碼還是使用可視化的編輯界面，Dream weaver都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁和管理網(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)以確定頁面有沒有目標(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、Flas

20、h和Shock wave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實(shí)用的網(wǎng)頁。 8、豐富的媒體支持能力 可以方便地加入Java、Flash、Shock wave、Active X以及其他媒體。Dream weaver具有強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實(shí)現(xiàn)網(wǎng)頁元素的動(dòng)作和交互操作。Dream weaver還提供行為和時(shí)間線兩種控件來產(chǎn)生交互式響應(yīng)和進(jìn)行動(dòng)畫處理。 9、超強(qiáng)的擴(kuò)展能力 Dream weaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴(kuò)展Dream weaver的功能，

21、并且可以發(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)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。Dream weaver：這是網(wǎng)頁三劍客之一，專門制作網(wǎng)頁的工具，可以自動(dòng)將網(wǎng)頁生成代碼，是普通網(wǎng)頁制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。設(shè)計(jì)活動(dòng)中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁主題之后，首先要明確和

22、熟悉設(shè)計(jì)的對(duì)象和構(gòu)成的要素。網(wǎng)頁藝術(shù)設(shè)計(jì)涉及的具體內(nèi)容很多，可以概括為視聽元素和版式設(shè)計(jì)兩個(gè)方面。1.視聽元素 這里所說的視聽元素，主要包括：文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動(dòng)態(tài)影像等。無論是文字、圖形、動(dòng)畫，還是音頻、視頻，網(wǎng)頁設(shè)計(jì)者所要考慮的是如何以感人的形式把它們放進(jìn)頁面這個(gè)“大畫布”里。多媒體技術(shù)的運(yùn)用大大豐富了網(wǎng)頁藝術(shù)設(shè)計(jì)的表現(xiàn)力。以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示GIF、JPEG圖形和GIF89a動(dòng)畫。還有些多媒體文件（如MP3音樂）需要先下載到本地硬盤上，然后啟動(dòng)相應(yīng)的外部程序來播

23、放。另外，在瀏覽器使用插件（Plug-in）可以播放更多格式的多媒體文件。微軟推出IE瀏覽器后，提供了基于OLE的Active X技術(shù)，用來在網(wǎng)頁中播放多媒體。目前Active X已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是Java Applet。它是用Java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，相比于插件和Active X，Java Applet具有更大的靈活性和良好的跨平臺(tái)能力，因此具有很好的發(fā)展前景?？傊?，技術(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁藝術(shù)設(shè)計(jì)中的綜合運(yùn)用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn)，也對(duì)網(wǎng)頁的藝術(shù)設(shè)計(jì)提出了更高的要求。Access數(shù)據(jù)庫(kù)是集成在M

24、icrosoft公司開發(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ī)用戶即可掌握并使用它。而且最重要的一點(diǎn)是，Access的功能足夠強(qiáng)大，足以應(yīng)付一般的數(shù)據(jù)管理及處理需要。 ODBC（Open Database Connectivity開放式數(shù)據(jù)庫(kù)互聯(lián)）是微軟推出的一種工業(yè)標(biāo)準(zhǔn)，一種開放的獨(dú)立于廠商的API應(yīng)用程序接口，可以跨平臺(tái)訪問各種個(gè)人計(jì)算機(jī)、小型機(jī)以及主機(jī)系統(tǒng)11。ODBC作為一個(gè)工業(yè)

25、標(biāo)準(zhǔn)，絕大多數(shù)數(shù)據(jù)庫(kù)廠商、大多數(shù)應(yīng)用軟件和工具軟件廠商都為自己的產(chǎn)品提供了ODBC接口或提供了ODBC支持，這其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，當(dāng)然也包括了Access用Microsoft Access 來創(chuàng)建數(shù)據(jù)庫(kù)，最簡(jiǎn)單的是通過它提供的的一個(gè)請(qǐng)預(yù)覽后下載！“向?qū)А?，在啟?dòng)這個(gè)軟件以后，建立數(shù)據(jù)庫(kù)文件的操作。下面是我利用“向?qū)А眮韯?chuàng)建一份數(shù)據(jù)庫(kù)文件的具體操作步驟： 選擇“Access數(shù)據(jù)庫(kù)向?qū)?、?shù)據(jù)頁和項(xiàng)目”單選按扭，然后單擊“確定”按鈕，若選擇Microsoft Access對(duì)話框中的“空Access數(shù)據(jù)庫(kù)”單選項(xiàng)按鈕，就會(huì)建立一個(gè)空的數(shù)據(jù)庫(kù)了，數(shù)據(jù)庫(kù)

26、里面的信息需要手工來添加，若選擇“打開已有文件”單選按鈕則可以從下方的列表中選擇打開已經(jīng)存在的數(shù)據(jù)庫(kù)。在彈出的“新建”對(duì)話框中，我們可以選擇一個(gè)模板來快速建立數(shù)據(jù)庫(kù)，我們就 先選擇個(gè)“定單管理”看看，然后單擊“確定”按扭。“文件新建數(shù)據(jù)庫(kù)”對(duì)話框的功能是，指定數(shù)據(jù)文件名，以及保存它的文件夾。我們就以它的初始文件名“定單入口1”吧，單擊“創(chuàng)建”安扭后，新建的數(shù)據(jù)庫(kù)文件就將被指定保存到Microsoft Access默認(rèn)的文件夾下了，或我們給它指定一個(gè)新的也行，這樣一來，一份新的數(shù)據(jù)庫(kù)就建立好了，屏幕上也將顯示“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框?！跋乱徊健卑粹o。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框分為左右兩部分，左邊的窗口

27、是用來選擇“數(shù)據(jù)庫(kù)中 的表”，右邊的窗口是用來選擇“表中的字段”。選擇好所需要的數(shù)據(jù)庫(kù)中的表和表中的字段之后，就單擊下一步按鈕。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框是用來確定屏幕的顯示樣式，我們就采用標(biāo)準(zhǔn)樣式吧，單擊下一步按鈕。以上“數(shù)據(jù)庫(kù)向?qū)А睂?duì)話框是用來確定打印報(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ì)彈出“

28、我的公司信息”對(duì)話框，當(dāng)然，不同的模板 是不相同的，象這個(gè)就是要求輸入公司的名稱和地址信息，如下圖所示，關(guān)閉這個(gè)對(duì)話框，系統(tǒng)將自動(dòng)保存信息。 關(guān)閉“我的公司信息”對(duì)話框后，會(huì)彈出“主切換面板”對(duì)話框。位于“主切換 面板”對(duì)話框后面的是“定單入口1”窗體，通過這兩個(gè)窗體即可對(duì)新創(chuàng)建的數(shù)據(jù)庫(kù)進(jìn)行各種操作了。無論什么時(shí)候使用“數(shù)據(jù)庫(kù)向?qū)А毙陆〝?shù)據(jù)庫(kù)，Microsoft Access都將自動(dòng)新建一個(gè)切換面板，這個(gè)面板對(duì)瀏覽數(shù)據(jù)庫(kù)都是很有幫助的，“切換面板”中有一些按鈕，單擊它們可以打開相應(yīng)的窗體和報(bào)表，或打開其他窗體和報(bào)表的切換面板、退出Microsoft Access或自定義切換面。請(qǐng)預(yù)覽后下載！第

29、二章主頁介紹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)站名稱“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頁來填充站點(diǎn)了，在菜單中選擇“新建文件”，

30、新建一個(gè)文件后將其命名為“首頁.htm(或首頁.html),它就是未來的首頁。 由于“個(gè)人簡(jiǎn)歷”網(wǎng)站分為“首頁”、“基礎(chǔ)資料”、“教育背景”、“自我評(píng)價(jià)”、“愛好“、“職業(yè)證書”這六個(gè)大欄目網(wǎng)頁，所以要新建六個(gè)html文件，分別對(duì)應(yīng)上面的六個(gè)大欄目網(wǎng)頁，存放它們各自的內(nèi)容。2.2 首頁每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁，就功能上而言，它代表著一個(gè)網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，至于網(wǎng)站上其他Web頁，原則上都必須通過首頁來連接散播出去，可見首頁是多么的重要。首頁是打開網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.h

31、tm,default.htm或home.htm等。首頁的布局有很多方法，在這里我所用到的是如下圖2.3所示的“布局模式AP Div（A）”。使用了CSS樣式表中的絕對(duì)定位屬性的<div>標(biāo)簽就叫做AP Div。Dreamweaver CS5中的“AP Div”就是Dreamweaver舊版本中的“層”。AP Div可以理解為浮動(dòng)在網(wǎng)頁上的一個(gè)頁面，可以放置在頁面中的任何位置，可以隨意移動(dòng)這些位置，而且它們的位置可以相互重疊，也可以任意控制AP Div的前后位置、顯示與隱藏，因此大大加強(qiáng)了網(wǎng)頁設(shè)計(jì)的靈活性。請(qǐng)預(yù)覽后下載！在網(wǎng)頁設(shè)計(jì)中，將網(wǎng)頁元素放到AP Div中，然后在頁面中精確定位

32、AP Div的位置，可以實(shí)現(xiàn)網(wǎng)頁內(nèi)容的精確定位，使網(wǎng)頁內(nèi)容在頁面上排列得整齊、美觀、井井有條。操作步驟：1、在“插入快捷欄”的“布局對(duì)象”分類中，單擊“AP Div（A）”按紐。2、將變成“+”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁上，在要繪制的地方進(jìn)行拖動(dòng)就可以進(jìn)行創(chuàng)建了。2.2.1設(shè)置首頁的頁面屬性首先雙擊“文件”浮動(dòng)面板中的index.htm,進(jìn)入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對(duì)話框，若選擇主菜單“修改/頁面屬性”項(xiàng)，也可以把打開該對(duì)話框。在“頁面屬性”對(duì)話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖

33、像”5項(xiàng)，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項(xiàng)目。首頁設(shè)置的屬性2.2.2 插入圖像圖像是網(wǎng)頁中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。另一方面，網(wǎng)頁的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制，導(dǎo)致了下載的速度不可能太快，因此，網(wǎng)頁的大小就不能太大，其中關(guān)鍵就在于圖像的大小了，否則瀏覽者會(huì)失去等待的耐心，無論你的網(wǎng)站多么精彩也無濟(jì)于事了。所以，在網(wǎng)面容量大小的問題上一定要重視。下面就來詳細(xì)介紹對(duì)網(wǎng)頁圖像進(jìn)行處理的操作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更小。1、 首先將光

34、標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入”快健欄，選擇其中的“圖像”。 2、隨即彈出如下圖2.5所示的“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項(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插入多媒體除了之前講到的可以插入“圖像”外，

35、還可插入動(dòng)畫、聲音、視頻等媒體元素，如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)畫，必須在瀏覽器中集成“Flash 播放器 （Flash Player）”。其中，Intern

36、et Explorer通過ActiveX控制來實(shí)現(xiàn)，Netscape Navigator則是通過相應(yīng)的插件來實(shí)現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動(dòng)畫播放功能。操場(chǎng)作步驟：步驟1  將光標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入”快捷欄，選擇其中的“媒體”按鈕，單擊它右側(cè)的FLV。步驟2  在彈出的對(duì)話框中選擇擴(kuò)展名為flv 的Flash文件，即可將其插入到Dreamweaver的“網(wǎng)頁編輯窗口”中，可以看到，在這個(gè)窗口中Flash文件的大小。在這里我的主頁插入的一個(gè)動(dòng)畫，如圖2

37、.6所示。 請(qǐng)預(yù)覽后下載！ 圖2.6插入視頻2.2.4插入文本文字是人類語言最基本的表達(dá)方式，在網(wǎng)頁中，文本內(nèi)容也可以說是重要的組成部分，一個(gè)網(wǎng)站成功與否，它是最關(guān)鍵的因素。在這最關(guān)鍵的因素?？韶S富網(wǎng)站的文字內(nèi)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁中。插入文本的兩種方式網(wǎng)頁中需要大量的文本，我們或以通過以下兩種方式插入它們。一種是在網(wǎng)頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法。另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用Dreamweaver MX2004來進(jìn)行打字的工作，而

38、更習(xí)慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁的編輯窗口來進(jìn)行排版的工作，具體步驟如下。打開文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁中。這在我的“網(wǎng)文精品”中用到

39、很多，全部是在word軟件中排好ctrl+c,然后點(diǎn)擊要粘貼的位置，crtl+v到Dreamweaver即可。 圖2.7插入文本請(qǐng)預(yù)覽后下載！2.3創(chuàng)建其它網(wǎng)頁還有其它的幾個(gè)網(wǎng)站與主頁的制作相同，一個(gè)網(wǎng)頁是圖象和文字的組合。為圖方便可以先將首頁的導(dǎo)航條以及其它與子頁面相同的做好進(jìn)行復(fù)制。 “基礎(chǔ)資料”中的文本插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)字體的大小。在其它子頁面中也用到這點(diǎn)，在屬性中設(shè)好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。2.4建立網(wǎng)頁鏈接網(wǎng)站實(shí)際上是由很多網(wǎng)頁組成的，那么網(wǎng)頁之間是如何聯(lián)系的呢？這就是本節(jié)要講的內(nèi)容-網(wǎng)頁的“鏈接”?！版溄印?，又稱

40、“超鏈接"（Hyperlink）,它作為網(wǎng)頁的橋梁，起著相當(dāng)重要的作用。網(wǎng)頁中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver MX2004中，如果以“鏈接”的媒介來劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。 我的個(gè)人主頁主要運(yùn)用了“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。接下來結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟步驟1

41、60; 準(zhǔn)備好已經(jīng)制作完成的首頁的各個(gè)欄目頁面，該網(wǎng)站包含6個(gè)欄目，這里的5個(gè)欄目-“基礎(chǔ)資料”、“教育背景”、“自我評(píng)價(jià)”、“愛好“、“職業(yè)證書”為例來進(jìn)行講解。步驟2 在Dreamweaver 中打開首頁，之后選取 “基礎(chǔ)資料”4個(gè)文字。步驟3右單機(jī)選擇“創(chuàng)建連接”。請(qǐng)預(yù)覽后下載！步驟4在文件夾中找到要鏈接的對(duì)象“基礎(chǔ)資料.html”。這樣就建立了超鏈接。如圖2.9所示：圖2.9網(wǎng)頁鏈接步驟5還可以設(shè)置一些“鏈接”的屬性，這是前面講過的內(nèi)容。單擊“屬性面板”中的“頁面屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問鏈接”顏

42、色、“活動(dòng)鏈接”顏色及“下劃線樣式”。步驟5 至此，第1個(gè)欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁，再按下F12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將出現(xiàn)下劃線，并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁的地址，單擊文字，頁面會(huì)立即跳轉(zhuǎn)到“基礎(chǔ)資料”中，這表示鏈接已經(jīng)制作成功了。步驟6 同理，按照以上步驟，再為“教育背景”、“自我評(píng)價(jià)”、“愛好“、“職業(yè)證書”等其它欄制作指向?qū)?yīng)欄目的鏈接。步驟7 通常在欄目頁面中還需要有“返回首頁”的鏈接，單擊其后可以跳轉(zhuǎn)回首頁，因此在各個(gè)欄目中還要插入“網(wǎng)站首頁”的文字，并且制作指向首頁的鏈接，制作方法不變。如下圖2.10所示請(qǐng)

43、預(yù)覽后下載！圖2.10返回至此，整個(gè)“文字鏈接”的就全部完成了。總 結(jié)經(jīng)過兩周的工作，個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)終于完成，本次設(shè)計(jì)基本完成任務(wù)書要求的功能。查找信息、文件共享等。由于是個(gè)人網(wǎng)站，在設(shè)計(jì)上就沒有什么拘束和限制，完全發(fā)揮自己的想象力和創(chuàng)造力，展現(xiàn)自己的興趣和個(gè)性。  本次設(shè)計(jì)用Macromedia公司開發(fā)的專業(yè)HTML編輯器Dreamweaver,對(duì)Wed站點(diǎn)、Web頁和Web應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開發(fā)。  利用Dreamweaver中的可視化編輯功能，用戶可以快速創(chuàng)建頁面而無須編寫任何代碼。并且。借助Dreamweaver，還可以使用服務(wù)器語言

44、（例如：ASP,ASP.NET,ColdFusion標(biāo)記語言（CFML），JSP，PHP）。本設(shè)計(jì)的頁面不是很精美，這寫些不足之處還待后期的開發(fā)和改進(jìn)。請(qǐng)預(yù)覽后下載！致 謝首先我要感謝我們的xxx老師，他在平常工作繁忙之際，還來為我們上課，解答實(shí)訓(xùn)中的困惑，為我們講解實(shí)訓(xùn)中所需要的課程，讓我們?cè)趯?shí)訓(xùn)中更好的完成我們的課題。其次我要感謝的是我們班的同學(xué)給我的幫助。他們一直在鼓勵(lì)我?guī)椭?，沒有因?yàn)橐稽c(diǎn)困難而放棄。在本次實(shí)訓(xùn)中團(tuán)結(jié)互助，克服了在此次實(shí)訓(xùn)過程中遇到的種種困難，在以后的工作中向他們一樣努力去做不輕易放棄，向他們學(xué)習(xí)，這次實(shí)訓(xùn)，雖然還是沒有最大限度地投入，但比以前我有了很大的進(jìn)步。參與了這次集體的設(shè)計(jì)，和同學(xué)在一起共同完成一項(xiàng)任務(wù)的感覺很好，我體會(huì)到團(tuán)隊(duì)力量的重要性。真心地感謝xxx老師和全班同學(xué)，謝謝，是你們讓我對(duì)計(jì)算機(jī)網(wǎng)絡(luò)方面有了更深的了解，讓我受益匪淺。請(qǐng)預(yù)覽后下載！參考文獻(xiàn)1胡崧. HTML 從入門到精通M.北京：中國(guó)青年出版社，20072知新文化. HTML 完全手冊(cè)與速查辭典M.北京：科學(xué)出版社，20073楊選輝.網(wǎng)頁設(shè)計(jì)與制作教程M.北京：清華大學(xué)出版社，20094王誠(chéng)君，劉振華，郭竑暉，高中山.Dreamweaver 8 網(wǎng)頁設(shè)計(jì)應(yīng)用教程M.北京：清華大 學(xué)出版社，2007 （注：可編輯下載，若有不當(dāng)之處，請(qǐng)指正，謝謝!） 請(qǐng)預(yù)覽后下載！