文档介绍：工作报告之html网页制作实验报告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是skydream,寓意是我的梦游园。色彩主页是以蓝色为主,强调梦感。栏目分为主页,日志(我的印记),相册(美丽瞬间),个人档案(我的万花筒),心情(我的叨叨)和留言板(留言星星河)。flash是自己修改的,花了一些力气。这里强调一下目录下文件夹的分类,不能出现中文,不然会无法显示。如图:,然后依次建立分页面。step2:对网页设计框架,进行布局。利用表格和框架。主页这里的布局,我主要是使用的表格布局,嵌套使用了div+css样式。在日志列表下面,因为主要框架相同,就可以避免重复。部分演示如下:每个部分的框架,要设计好,不然很容易出现混乱的状况。step3:使网站更加美观和多元化,使用了一些媒体元素和特效:?插入了音乐embedsrc=music/norahjones-=true/embed;?插入flash导航,odebase=http://download./pub/shockwave/cabs/flash/#version=7,0,19,0width=837height=312paramname=movievalue=flash/=qualityvalue=highembedsrc=flash/=highpluginspage=/go/getflashplayertype=application/