工作報(bào)告之html網(wǎng)頁(yè)制作實(shí)驗(yàn)報(bào)告

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ì)與開發(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)康模和ㄟ^用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)畫、聲音的嵌入以及超級(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的寫字板、記事本。二、實(shí)驗(yàn)過程（實(shí)驗(yàn)步驟、記錄、數(shù)據(jù)、分析）step1：設(shè)計(jì)網(wǎng)站logo，網(wǎng)站的標(biāo)準(zhǔn)色彩，并且確定網(wǎng)站主題和網(wǎng)站欄目，一切設(shè)計(jì)完成后開始構(gòu)建頁(yè)面。我定義的主題是個(gè)人網(wǎng)站，所以主要突出自己的個(gè)性特質(zhì)。logo是skydream，寓意是我的夢(mèng)游園。色彩主頁(yè)是以藍(lán)色為主，強(qiáng)調(diào)夢(mèng)感。欄目分為主頁(yè)，日志（我的印記），相冊(cè)（美麗瞬間），個(gè)人檔案（我的萬花筒），心情（我的叨叨）和留言板（留言星星河）。flash是自己修改的，花了一些力氣。這里強(qiáng)調(diào)一下目錄下文件夾的分類，不能出現(xiàn)中文，不然會(huì)無法顯示。如圖：主頁(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)站更加美觀和多元化，使用了一些媒體元素和特效：?插入了音樂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)站的信息內(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)站的主旨在于從各個(gè)方面全面的介紹我們的班級(jí)，展示班級(jí)，包括班級(jí)的個(gè)人資料、班級(jí)相片。另外，網(wǎng)站里還包