2023年11月28日发(作者：)
html网页制作实验报告
【篇一：html实验报告】
武夷学院实验报告 课程名称：电子商务网站设计与开发_ 项目名称：
_基于html的网页设计 姓名：林元卿专业：旅游管理 班级：3班学
号：2
实验操作成绩（百分制）__________ 实验指导教师签字：
__________
）实验报告成绩（百分制）__________ 实验指导教师签字：
__________
【篇二：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是自己修改的，花了一些力气。
这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显
示。如图：
主页面,然后依次建立分页面。
step2：对网页设计框架，进行布局。
利用表格和框架。主页这里的布局，我主要是使用的表格布局，嵌
套使用了div+css样式。
在日志列表下面，因为主要框架相同，就可以避免重复。部分演示
如下：
每个部分的框架，要设计好，不然很容易出现混乱的状况。
step3:使网站更加美观和多元化，使用了一些媒体元素和特效：
? 插入了音乐embed src=music/norah jones - new york
3
hidden=true/embed；
? 插入flash导航，使用object classid=c
codebase=/pub/shockwave/c
abs/flash/#version=7,0,19,0 width=837 height=312
param name=movie value=flash/
param name=quality value=high
embed src=flash/ quality=highpluginspage=
=“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
第一章 概述
甚至网站建设的策划等工作。这大大超出了网页设计师所应受理的
职权范围然而这就是我们作为网页设计师所要面对的不足并且需要
不断进取的方面。
2、网页设计出现的历史并不长在我国网页设计正处于方兴未艾的时
期。网页设计人员也是各大网络公司、设计公司争相礼聘的高级人
才。在网上随意浏览一下就可以发现许多关于网页设计的站点并且
在数以万计的主页中也不乏精良之作可见我国的网页设计已经有了
相当的基础。但仍然可以看到许多网页设计人员并没有认识到技术
与艺术结合的重要性或片面地理解了艺术设计的含义。因此在网上
看到更多的可能是布局千篇一律、色彩搭配混乱、版式繁杂纷乱、
表面五光十色实则空洞无物的设计。要解决这个问题提高网页设计
的整体水平就需要设计师重视网页设计理解网页设计的内涵和特征
并以此为基础进行创新性的工作。迄今为止?我国对网页设计这一课
也就是说网站的信息内容有着特殊的传播内涵与外沿，弄错了游戏
规则可能会损失大量的浏览者。
1.3 本课题研究内容
1、我们所做的是班级网页，网页主要是展示了我们班级的风采。在
主页中有班级主页、班级相册、班级新闻、最新文学和班级留言等
发布评论