html网页制作实验报告

《html网页制作实验报告》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、html网页制作实验报告篇一：HTML实验报告武夷学院实验报告课程名称：电子商务网站设计与开发_项目名称：_基于HTML的网页设计姓名：林元卿专业：旅游管理班级：3班学号：20136031005实验操作成绩（百分制）__________实验指导教师签字：__________）实验报告成绩（百分制）__________实验指导教师签字：__________篇二：HTML标记的综合应用网页设计实验报告学生实验报告学院：软件与通信工程学院课程名称：网页设计基础专业班级：08软件与通信工程学院4班姓名：陈贝贝学号：0088225学生实验报告一、实验综述1、实验

2、目的及要求实验目的：通过用HTML语言进行编辑，使学生了解网站的制作流程；了解HTML表单标记的应用；了解HTML表格标记的应用；掌握HTML的基本概念、文档的基本结构；掌握HTML文档的结构、HTML设计文字排版；掌握HTML插入多媒体；掌握HTML基本标记，包括标题、背景图片、图像、水平线、字体编辑、段落、超链接、文本堆砌等的使用方法。熟练掌握HTML中的常用标记的名称及用途。熟练掌握对HTML语言文字结构的理解；掌握各种元素的使用；熟练掌握图片、动画、声音的嵌入以及超级连接的控制和应用，结合实际，巩固课堂中所学的理论知识。实验要求：以个人独立完成

3、的方式，完成一个用HTML语言进行编辑的网页制作，实现一个具有独立主题的网页制作。2、实验仪器、设备或软件带IE浏览器的计算机，Windows的写字板、记事本。二、实验过程（实验步骤、记录、数据、分析）Step1：设计网站LOGO，网站的标准色彩，并且确定网站主题和网站栏目，一切设计完成后开始构建页面。我定义的主题是个人网站，所以主要突出自己的个性特质。LOGO是skydream，寓意是我的梦游园。色彩主页是以蓝色为主，强调梦感。栏目分为主页，日志（我的印记），相册（美丽瞬间），个人档案（我的万花筒），心情（我的叨叨）和留言板（留言星星河）。Flash

4、是自己修改的，花了一些力气。这里强调一下目录下文件夹的分类，不能出现中文，不然会无法显示。如图：主页面index.html,然后依次建立分页面。Step2：对网页设计框架，进行布局。利用表格和框架。主页这里的布局，我主要是使用的表格布局，嵌套使用了div+css样式。在日志列表下面，因为主要框架相同，就可以避免重复。部分演示如下：每个部分的框架，要设计好，不然很容易出现混乱的状况。Step3:使网站更加美观和多元化，使用了一些媒体元素和特效：?插入了音乐embedsrc="music/NorahJones-NewYorkCity.mp3&qu

5、ot;hidden="true"/embed；?插入flash导航，使用objectclassid="c"codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0width="837height="312"paramname="movievalue="flash/flash.swf"paramname="

6、qualityvalue="high"embedsrc="flash/flash.swfquality="high"pluginspage="/go/getflashplayer"type="application/x-shockwave-flashwidth="837"height="312"/embed/object?使用文字特效和图片滚动。利用的MARQUEEbehavior=“value”bgcolor=“color”dire

7、ction=“value”height=“value”width=“value”loop=“value”scrollamount=“value”scrolldelay=“value”hspace=“value”vspace=“value”滚动文字/MARQUEE。子页面效果预览1.留言板：运用了表单，按钮等元素。篇三：《Html+Css网站设计》实训任报告安徽机电职业技术学院《Html+Css网站设计》课程实训说明书系（部）：信息工程系班级：姓名：指导教师：2012~2013摘要熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。培养我们利

8、用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。网页是世界上最有价