html网页制作实验报告
【篇一：html实验报告】
武夷学院实验报告 课程名称：电子商务网站设计与开发_ 项目名称：_基于html的网页设计 姓名：林元卿专业：旅游管理 班级：3班学号：6031005
实验操作成绩(百分制)__________ 实验指导教师签字：__________
)实验报告成绩(百分制)__________ 实验指导教师签字：__________
【篇二：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网站设计》课程实训
说 明 书
系 (部)： 信息工程系
班 级： 姓 名：指导教师：
~
摘 要
熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利用计算机进行商务网页设计的 基本思路和应用开发能力，提高我们的计算机文化素质。网页是世界上最有价值的不动产之一。人们在这个不足0.1平米的空间内投资达数百万美元。我们在老师的指导下学习了有关html的相关知识。在
