html網(wǎng)頁(yè)制作實(shí)驗(yàn)報(bào)告【篇一：html實(shí)驗(yàn)報(bào)告】武夷學(xué)院實(shí)驗(yàn)報(bào)告課程名稱：電子商務(wù)網(wǎng)站設(shè)計(jì)與開(kāi)發(fā)_項(xiàng)目名稱：_基于html的網(wǎng)頁(yè)設(shè)計(jì)姓名：林元卿專業(yè)：旅游管理班級(jí)：3班學(xué)號(hào)：20136031005實(shí)驗(yàn)操作成績(jī)（百分制）__________實(shí)驗(yàn)指導(dǎo)教師簽字：__________）實(shí)驗(yàn)報(bào)告成績(jī)（百分制）__________實(shí)驗(yàn)指導(dǎo)教師簽字：__________【篇二：html標(biāo)記的綜合應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)報(bào)告】學(xué)生實(shí)驗(yàn)報(bào)告學(xué)院：軟件與通信工程學(xué)院課程名稱：網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)專業(yè)班級(jí)：08軟件與通信工程學(xué)院4班姓名：陳貝貝學(xué)號(hào)：0088225學(xué)生實(shí)驗(yàn)報(bào)告一、實(shí)驗(yàn)綜述1、實(shí)驗(yàn)?zāi)康募耙髮?shí)驗(yàn)?zāi)康模和ㄟ^(guò)用html語(yǔ)言進(jìn)行編輯，使學(xué)生了解網(wǎng)站的制作流程；了解html表單標(biāo)記的應(yīng)用；了解html表格標(biāo)記的應(yīng)用；掌握html的基本概念、文檔的基本結(jié)構(gòu)；掌握html文檔的結(jié)構(gòu)、html設(shè)計(jì)文字排版；掌握html插入多媒體；掌握html基本標(biāo)記，包括標(biāo)題、背景圖片、圖像、水平線、字體編輯、段落、超鏈接、文本堆砌等的使用方法。熟練掌握html中的常用標(biāo)記的名稱及用途。熟練掌握對(duì)html語(yǔ)言文字結(jié)構(gòu)的理解；掌握各種元素的使用；熟練掌握?qǐng)D片、動(dòng)畫(huà)、聲音的嵌入以及超級(jí)連接的控制和應(yīng)用，結(jié)合實(shí)際，鞏固課堂中所學(xué)的理論知識(shí)。實(shí)驗(yàn)要求：以個(gè)人獨(dú)立完成的方式，完成一個(gè)用html語(yǔ)言進(jìn)行編輯的網(wǎng)頁(yè)制作，實(shí)現(xiàn)一個(gè)具有獨(dú)立主題的網(wǎng)頁(yè)制作。2、實(shí)驗(yàn)儀器、設(shè)備或軟件帶ie瀏覽器的計(jì)算機(jī)，windows的寫(xiě)字板、記事本。二、實(shí)驗(yàn)過(guò)程（實(shí)驗(yàn)步驟、記錄、數(shù)據(jù)、分析）step1：設(shè)計(jì)網(wǎng)站logo，網(wǎng)站的標(biāo)準(zhǔn)色彩，并且確定網(wǎng)站主題和網(wǎng)站欄目，一切設(shè)計(jì)完成后開(kāi)始構(gòu)建頁(yè)面。我定義的主題是個(gè)人網(wǎng)站，所以主要突出自己的個(gè)性特質(zhì)。logo是skydream，寓意是我的夢(mèng)游園。色彩主頁(yè)是以藍(lán)色為主，強(qiáng)調(diào)夢(mèng)感。欄目分為主頁(yè)，日志（我的印記），相冊(cè)（美麗瞬間），個(gè)人檔案（我的萬(wàn)花筒），心情（我的叨叨）和留言板（留言星星河）。flash是自己修改的，花了一些力氣。這里強(qiáng)調(diào)一下目錄下文件夾的分類，不能出現(xiàn)中文，不然會(huì)無(wú)法顯示。如圖：主頁(yè)面index.html,然后依次建立分頁(yè)面。step2：對(duì)網(wǎng)頁(yè)設(shè)計(jì)框架，進(jìn)行布局。利用表格和框架。主頁(yè)這里的布局，我主要是使用的表格布局，嵌套使用了div+css樣式。在日志列表下面，因?yàn)橹饕蚣芟嗤?，就可以避免重?fù)。部分演示如下：每個(gè)部分的框架，要設(shè)計(jì)好，不然很容易出現(xiàn)混亂的狀況。step3:使網(wǎng)站更加美觀和多元化，使用了一些媒體元素和特效：?插入了音樂(lè)embedsrc=music/norahjones-newyorkcity.mp3hidden=true/embed；?插入flash導(dǎo)航，使用objectclassid=ccodebase=/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0width=837height=312paramname=movievalue=flash/flash.swfparamname=qualityvalue=highembedsrc=flash/flash.swfquality=highpluginspage=/go/getflashplayertype=application/x-shockwave-flashwidth=837height=312/embed/object?使用文字特效和圖片滾動(dòng)。利用的marqueebehavior=“value”bgcolor甚至網(wǎng)站建設(shè)的策劃等工作。這大大超出了網(wǎng)頁(yè)設(shè)計(jì)師所應(yīng)受理的職權(quán)范圍然而這就是我們作為網(wǎng)頁(yè)設(shè)計(jì)師所要面對(duì)的不足并且需要不斷進(jìn)取的方面。2、網(wǎng)頁(yè)設(shè)計(jì)出現(xiàn)的歷史并不長(zhǎng)在我國(guó)網(wǎng)頁(yè)設(shè)計(jì)正處于方興未艾的時(shí)期。網(wǎng)頁(yè)設(shè)計(jì)人員也是各大網(wǎng)絡(luò)公司、設(shè)計(jì)公司爭(zhēng)相禮聘的高級(jí)人才。在網(wǎng)上隨意瀏覽一下就可以發(fā)現(xiàn)許多關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的站點(diǎn)并且在數(shù)以萬(wàn)計(jì)的主頁(yè)中也不乏精良之作可見(jiàn)我國(guó)的網(wǎng)頁(yè)設(shè)計(jì)已經(jīng)有了相當(dāng)?shù)幕A(chǔ)。但仍然可以看到許多網(wǎng)頁(yè)設(shè)計(jì)人員并沒(méi)有認(rèn)識(shí)到技術(shù)與藝術(shù)結(jié)合的重要性或片面地理解了藝術(shù)設(shè)計(jì)的含義。因此在網(wǎng)上看到更多的可能是布局千篇一律、色彩搭配混亂、版式繁雜紛亂、表面五光十色實(shí)則空洞無(wú)物的設(shè)計(jì)。要解決這個(gè)問(wèn)題提高網(wǎng)頁(yè)設(shè)計(jì)的整體水平就需要設(shè)計(jì)師重視網(wǎng)頁(yè)設(shè)計(jì)理解網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)涵和特征并以此為基礎(chǔ)進(jìn)行創(chuàng)新性的工作。迄今為止?我國(guó)對(duì)網(wǎng)頁(yè)設(shè)計(jì)這一課題的系統(tǒng)研究還略顯薄弱特別是在藝術(shù)設(shè)計(jì)領(lǐng)域?qū)W(wǎng)頁(yè)設(shè)計(jì)的探討尤顯不足至今未能提出系統(tǒng)的設(shè)計(jì)理論與指導(dǎo)原則。對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行系統(tǒng)性的研究。將視覺(jué)傳達(dá)設(shè)計(jì)的基本原則創(chuàng)造性地應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)之中確實(shí)是當(dāng)務(wù)之急也是促進(jìn)我國(guó)網(wǎng)絡(luò)業(yè)及網(wǎng)絡(luò)文化發(fā)展的重要環(huán)節(jié)。1.2本課題研究的意義?1、如今的互聯(lián)網(wǎng)已經(jīng)滲透到我們生活中的各個(gè)層面。網(wǎng)站內(nèi)容既豐富又全面滿足了各種不同需求的瀏覽者。正當(dāng)網(wǎng)絡(luò)作為第四媒體逐漸走向成熟和完善的時(shí)候網(wǎng)頁(yè)設(shè)計(jì)業(yè)也已逐步脫離了傳統(tǒng)廣告設(shè)計(jì)的范疇形成特殊而獨(dú)立的體系。同時(shí)這一現(xiàn)象也表明了我們對(duì)網(wǎng)頁(yè)的視覺(jué)審美以及網(wǎng)站功能應(yīng)用等多個(gè)方面的認(rèn)知達(dá)到了新的高度。網(wǎng)站是信息的儲(chǔ)存空間，從理論上來(lái)說(shuō)套用相同的模板只要保證瀏覽者能夠獲取信息網(wǎng)站的功能就實(shí)現(xiàn)了。如同年以前的網(wǎng)頁(yè)幾乎是純文字的頁(yè)面沒(méi)有什么所謂“設(shè)計(jì)”的概念可言。而從實(shí)際情況上看至今網(wǎng)絡(luò)上依舊到處充斥著那種僅僅是通過(guò)信息堆砌而成的網(wǎng)頁(yè)。2、網(wǎng)民們是為了不同的目的登陸相關(guān)的網(wǎng)站上查詢信息的。試想一下一個(gè)需要閱讀娛樂(lè)新聞的人是不會(huì)到體育網(wǎng)站上去尋找的而一個(gè)需要收集出國(guó)政策的人更是不會(huì)到游戲網(wǎng)站上去搜索的這是有關(guān)信息類別的不同選擇。信息不同網(wǎng)站的氣氛亦會(huì)不同。當(dāng)瀏覽者進(jìn)入娛樂(lè)網(wǎng)站中卻感覺(jué)如同進(jìn)入體育競(jìng)技場(chǎng)那么這個(gè)網(wǎng)站所傳遞出的信息概念則完全錯(cuò)誤瀏覽者對(duì)網(wǎng)頁(yè)的設(shè)計(jì)及網(wǎng)站本身都不會(huì)給予認(rèn)可。也就是說(shuō)網(wǎng)站的信息內(nèi)容有著特殊的傳播內(nèi)涵與外沿，弄錯(cuò)了游戲規(guī)則可能會(huì)損失大量的瀏覽者。1.3本課題研究?jī)?nèi)容1、我們所做的是班級(jí)網(wǎng)頁(yè)，網(wǎng)頁(yè)主要是展示了我們班級(jí)的風(fēng)采。在主頁(yè)中有班級(jí)主頁(yè)、班級(jí)相冊(cè)、班級(jí)新聞、最新文學(xué)和班級(jí)留言等五個(gè)欄目。旨在加深同學(xué)們的交流和溝通。2、網(wǎng)站主題：我們的網(wǎng)站的主旨