工作报告之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是自己修改的，花了一些力气。这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显示。如图：主页面index.html,然后依次建立分页面。step2：对网页设计框架，进行布局。利用表格和框架。主页这里的布局，我主要是使用的表格布局，嵌套使用了div+css样式。在日志列表下面，因为主要框架相同，就可以避免重复。部分演示如下：每个部分的框架，要设计好，不然很容易出现混乱的状况。step3:使网站更加美观和多元化，使用了一些媒体元素和特效：?插入了音乐embedsrc=music/norahjones-newyorkcity.mp3hidden=true/embed；?插入flash导航，使用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?使用文字特效和图片滚动。利用的marqueebehavior=“value”bgcolor也就是说网站的信息内容有着特殊的传播内涵与外沿，弄错了游戏规则可能会损失大量的浏览者。1.3本课题研究内容1、我们所做的是班级网页，网页主要是展示了我们班级的风采。在主页中有班级主页、班级相册、班级新闻、最新文学和班级留言等五个栏目。旨在加深同学们的交流和沟通。2、网站主题：我们的网站的主旨在于从各个方面全面的介绍我们的班级，展示班级，包括班级的个人资料、班级相片。另外，网站里还包