2023年網(wǎng)設(shè)計(jì)綜合實(shí)驗(yàn)報(bào)告

網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告課程名稱(chēng):作業(yè)名稱(chēng):學(xué)生姓名:本人學(xué)號(hào)：專(zhuān)業(yè)班級(jí):任課老師:本人署名:?《網(wǎng)頁(yè)設(shè)計(jì)》課程綜合性實(shí)驗(yàn)報(bào)告實(shí)驗(yàn)題目個(gè)人主頁(yè)網(wǎng)站的開(kāi)發(fā)一、實(shí)驗(yàn)?zāi)康氖褂肈reamweaveｒ軟件完畢網(wǎng)頁(yè)的制作。二、設(shè)備與環(huán)境微機(jī)、Dreaｍwａvｅｒ8三、實(shí)驗(yàn)內(nèi)容按照特定的主題制作一個(gè)完整的網(wǎng)站。使用Ｄreaｍｗeaｖer軟件完畢網(wǎng)頁(yè)的制作。網(wǎng)站中要涉及文字與段落,列表,超鏈接，多媒體，表格,表單,框架，CSS,JａvａＳｃriｐt的9個(gè)內(nèi)容至少包含1個(gè)主頁(yè)頁(yè)面和3個(gè)功能頁(yè)面，各頁(yè)面規(guī)定綜合運(yùn)用CＳS、DＩV、JaｖaSｃript等技術(shù)完畢。盡也許多地使用學(xué)過(guò)的技術(shù)手段。在上交文獻(xiàn)中主頁(yè)一律以indeｘ.htm命名。四、實(shí)驗(yàn)結(jié)果及分析一．網(wǎng)站內(nèi)容主頁(yè)主頁(yè)相關(guān)圖片視頻注冊(cè)相關(guān)圖片視頻注冊(cè)網(wǎng)站部分截圖以上是網(wǎng)站的部分截圖二.Drｅamweａｖｅr部分Dreamweaver是美國(guó)MAＣＲOMEDＩＡ公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器,它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具,運(yùn)用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。本博客網(wǎng)站運(yùn)用Dreamwｅaｖer實(shí)現(xiàn)靜態(tài)網(wǎng)頁(yè),運(yùn)用了表格將網(wǎng)站頁(yè)面進(jìn)行整體布局，頁(yè)面專(zhuān)業(yè)美觀,色彩和諧。網(wǎng)頁(yè)絕大部分畫(huà)面都是由其完畢超鏈接部分超鏈接在本質(zhì)上屬于一個(gè)網(wǎng)頁(yè)的一部分，它是一種允許我們同其他網(wǎng)頁(yè)或站點(diǎn)之間進(jìn)行連接的元素。各個(gè)網(wǎng)頁(yè)鏈接在一起后,才干真正構(gòu)成一個(gè)網(wǎng)站。所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目的的連接關(guān)系,這個(gè)目的可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片,一個(gè)電子郵件地址，一個(gè)文獻(xiàn),甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目的將顯示在瀏覽器上,并且根據(jù)目的的類(lèi)型來(lái)打開(kāi)或運(yùn)營(yíng)。本網(wǎng)站中,導(dǎo)航欄,圖片及部分文字部分均設(shè)立了超鏈接，為查找相關(guān)的知識(shí)提供了便利的條件。Ｆlasｈ部分Flａsh是一種創(chuàng)作工具,設(shè)計(jì)人員和開(kāi)發(fā)人員可使用它來(lái)創(chuàng)建演示文稿、應(yīng)用程序和其它允許用戶交互的內(nèi)容。Fｌaｓh可以包含簡(jiǎn)樸的動(dòng)畫(huà)、視頻內(nèi)容、復(fù)雜演示文稿和應(yīng)用程序以及介于它們之間的任何內(nèi)容。通常，使用Flaｓh創(chuàng)作的各個(gè)內(nèi)容單元稱(chēng)為應(yīng)用程序，即使它們也許只是很簡(jiǎn)樸的動(dòng)畫(huà)。您也可以通過(guò)添加圖片、聲音、視頻和特殊效果，構(gòu)建包含豐富媒體的Fｌash應(yīng)用程序。網(wǎng)站在視頻部分，插入了視頻,可供來(lái)訪人員欣賞,豐富了網(wǎng)站內(nèi)容。CSS部分級(jí)聯(lián)樣式表（CaｓcadiｎgStylｅＳheet)簡(jiǎn)稱(chēng)“CＳS”，通常又稱(chēng)為“風(fēng)格樣式表(StyleＳｈｅe(cuò)t）”,它是用來(lái)進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)的。比如，假如想讓鏈接字未點(diǎn)擊時(shí)是藍(lán)色的,當(dāng)鼠標(biāo)移上去后字變成紅色的且有下劃線,這就是一種風(fēng)格。通過(guò)設(shè)立樣式表，可以統(tǒng)一地控制ＨTＭＬ中各標(biāo)志的顯示屬性。級(jí)聯(lián)樣式表可以使人更能有效地控制網(wǎng)頁(yè)外觀。使用級(jí)聯(lián)樣式表,可以擴(kuò)充精確指定網(wǎng)頁(yè)元素位置,外觀以及創(chuàng)建特殊效果的能力。網(wǎng)頁(yè)多數(shù)地方均涉及到CSＳ,達(dá)成美化頁(yè)面的作用。JavaSｃriｐt部分JavaSｃrｉpt是一種基于對(duì)象(Objｅcｔ)和事件驅(qū)動(dòng)(EventDriven)并具有安全性能的腳本語(yǔ)言。使用它的目的是與HTML超文本標(biāo)記語(yǔ)言、Ｊａｖa腳本語(yǔ)言（Jａｖa小程序）一起實(shí)現(xiàn)在一個(gè)Web頁(yè)面中連接多個(gè)對(duì)象,與Ｗｅb客戶交互作用。從而可以開(kāi)發(fā)客戶端的應(yīng)用程序等。它是通過(guò)嵌入或調(diào)入到標(biāo)準(zhǔn)的HTML語(yǔ)言中實(shí)現(xiàn)的。它的出現(xiàn)填補(bǔ)了HTML語(yǔ)言的缺陷，它是Javａ與HＴMＬ折衷的選擇。在本網(wǎng)頁(yè)中，注冊(cè)頁(yè)面與登錄頁(yè)面中,均運(yùn)用了JavａScripｔ，達(dá)成了網(wǎng)頁(yè)智能化的效果。七．小結(jié)通過(guò)本次的網(wǎng)站設(shè)計(jì),運(yùn)用了本學(xué)期所學(xué)到的知識(shí)這樣不僅復(fù)習(xí)了本學(xué)期學(xué)過(guò)的一些知識(shí),同時(shí)也加深所學(xué)知識(shí)的內(nèi)容，這次的網(wǎng)頁(yè)制作使我學(xué)會(huì)了很多:(1）掌握使用表格進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)。(2）掌握網(wǎng)頁(yè)裝飾設(shè)計(jì)。(３）會(huì)使用簡(jiǎn)樸的HTML設(shè)計(jì)。（４)會(huì)使用DＲEＡMWＥAVER建立本地站點(diǎn)。插入文字與段落，列表，超鏈接,多媒體，表格，表單,框架等內(nèi)容。（５）會(huì)運(yùn)用css或javaｓcｒｉｐt進(jìn)行編輯并將其應(yīng)用在網(wǎng)頁(yè)中。（7）實(shí)現(xiàn)簡(jiǎn)樸的交互。在制作網(wǎng)站的過(guò)程中，也碰到了不少的不明白的地方通過(guò)老師同學(xué)的幫助