html页面布局实验原理,html网页制作实验报告.doc

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是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="/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0width="837height="312"

param name="movievalue="flash/flash.swf"

param name="qualityvalue="high"

embed src="flash/flash.swfquality="high"pluginspage="

/go/getflashplayer"

type="application/x-shockwave-flashwidth="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网站

设计》实训任报告

安徽机电职