内容发布更新时间 : 2024/11/5 13:10:00星期一 下面是文章的全部内容请认真阅读。

html网页制作实验报告

【篇一：html实验报告】

武夷学院实验报告 课程名称：电子商务网站设计和开发_ 项目名称：_基于html的网页设计 姓名：林元卿专业：旅游管理 班级：3班学号：20136031005

实验操作成绩（百分制）__________ 实验指导教师签字：__________

）实验报告成绩（百分制）__________ 实验指导教师签字：__________

【篇二：html标记的综合使用网页设计实验报告】

学 生 实 验 报 告

学 院： 软件和通信工程学院 课程名称： 网页设计基础

专业班级： 08软件和通信工程学院4班 姓 名： 陈贝贝 学 号： 0088225 学生实验报告 一、实验综述 1、实验目的及要求 实验目的：

通过用html语言进行编辑，使学生了解网站的制作流程；了解html表单标记的使用；了解html表格标记的使用；掌握html的基本概念、文档的基本结构；掌握html文档的结构、html设计文字排

版；掌握html插入多媒体；掌握html基本标记，包括标题、背景图片、图像、水平线、字体编辑、段落、超链接、文本堆砌等的使用方法。熟练掌握html中的常用标记的名称及用途。熟练掌握对html语言文字结构的理解；掌握各种元素的使用；熟练掌握图片、动画、声音的嵌入以及超级连接的控制和使用，结合实际，巩固课堂中所学的理论知识。 实验要求：

以个人独立完成的方式，完成一个用html语言进行编辑的网页制作，实现一个具有独立主题的网页制作。 2、实验仪器、设备或软件

带ie浏览器的计算机，windows的写字板、记事本。 二、实验过程（实验步骤、记录、数据、分析）

step1：设计网站logo，网站的标准色彩，并且确定网站主题和网站栏目，一

切设计完成后开始构建页面。

我定义的主题是个人网站，所以主要突出自己的个性特质。logo是sky dream，寓意是我的梦游园。色彩主页是以蓝色为主，强调梦感。栏目分为主页，日志（我的印记），相册（美丽瞬间），个人档案（我的万花筒），心情（我的叨叨）和留言板（留言星星河）。flash是自己修改的，花了一些力气。

这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显示。如图：

主页面index.html,然后依次建立分页面。 step2：对网页设计框架，进行布局。

利用表格和框架。主页这里的布局，我主要是使用的表格布局，嵌套使用了div+css样式。

在日志列表下面，因为主要框架相同，就可以避免重复。部分演示如下：

每个部分的框架，要设计好，不然很容易出现混乱的状况。 step3:使网站更加美观和多元化，使用了一些媒体元素和特效： ? 插入了音乐embed src=music/norah jones - new york city.mp3

hidden=true/embed；

? 插入flash导航，使用object classid=c codebase= width=837 height=312

param name=movie value=flash/flash.swf param name=quality value=high

embed src=flash/flash.swf quality=highpluginspage= /go/getflashplayer

type=application/x-shockwave-flash width=837 height=312/embed /object

? 使用文字特效和图片滚动。利用的marquee behavior =“value” bgcolor

=“color” direction =“value” height =“value” width =“value” loop =“value ” scrollamount =“value ” scrolldelay =“value” hspace=“value” vspace=“value”滚动文字/marquee。 子页面效果预览

1. 留言板：运用了表单，按钮等元素。 设计》实训任报告

安徽机电职业技术学院 《html+css网站设计》课程实训 说 明 书

系 （部）： 信息工程系 班 级： 姓 名：指导教师： 2012 ~ 2013 摘 要

熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的 基本思路和使用开发能力，提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。我们在老师的指导下学习了有关html的相关知识。在这次html的实训中，我学会了有关html的更多的知识。实训中我们用的

dreamweaver工具开发网页。在实训中了解到网页开发的时需要分析网页的实际需求，根据要求开发实际的网页。网页的开发需要涉及到不止一种的开发工具，要用到的有ps或fw和flash工具的使用，还要用到的有ie等浏览器的调试帮助。想要设计出美观新颖的浏览器需要的不知是止识还要有创新的思想。 关键词：主页 需求分析 设计 网页制作软件 目录

第一章 概

述 .......................................................................................................................... 4

1.1 本课题研究现

状 .............................................................................................................. 4

1.2 本课题研究的意

义 .......................................................................................................... 5

1.3 本课题研究内

容 .............................................................................................................. 5

第二章 站点规

划................................................................................................................... 6

第三章 详细页面设计和制

作 ........................................................................................ 6

1.1 资料搜

集 .......................................................................................................................... 6

1.2网页的设计展

示 ............................................................................................................... 6

1.3 网页设计说

明 .................................................................................................................. 9

第四章 总

结 ............................................................................................................................. 9 参考文

献 ................................................................................................................................... 11