工作报告之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/c abs/flash/swflash.cab#version=7,0,19,0 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网站设计》课程实训
说明书
系（部）：信息工程系
班级：姓名：指导教师：
2012 ~ 2013
摘要
熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。

培养我们利用计算机进行商务网页设计的基本思路和应用开发能力，提高我们的计算机文化素质。

网页是世界上最有价值的不动产之一。

人们在这个不足0.1平米的空间内投资达数百万美元。

我们在老师的指导下学习了有关html的相关知识。

在这次html的实训中，我学会了有关html的更多的知识。

实训中我们用的dreamweaver工具开发网页。

在实训中了解到网页开发的时需要分析网页的实际需求，根据要求开发实际的网页。

网页的开发需要涉及到不止一种的开发工具，要用到的有ps或fw和flash工具的使用，还要用到的有ie等浏览器的调试帮助。

想要设计出美观新颖的浏览器需要的不知是止识还要有创新的思想。

关键词：主页需求分析设计网页制作软件
目录
第一章概
述 ....................................................................................................... . (4)
1.1 本课题研究现
状 ....................................................................................................... . (4)
1.2 本课题研究的意
义 ....................................................................................................... (5)
1.3 本课题研究内
容 ....................................................................................................... . (5)
第二章站点规划........................................................................................................ .. (6)
第三章详细页面设计与制
作 (6)
1.1 资料搜
集 ....................................................................................................... . (6)
1.2网页的设计展
示 ....................................................................................................... .. (6)
1.3 网页设计说
明 ....................................................................................................... .. (9)
第四章总
结 ....................................................................................................... ...................... 9 参考文
献 ....................................................................................................... . (11)
第一章概述
1.1 本课题研究现状
1、比起几年前现今优秀的网站作品已经很多了。

可行业现状依旧显得可悲不少网页设计师是用教条的、形式化的方式设计网页?作品也给人一种像是一个模子印出来的感觉甚至有些人因为使用了免费模版消化客户订单而自鸣得意。

当然?造成这种现状的原因是多方面的一种是部分设计师本人滥竽充数的行为造成的而更为普遍的原因是因为网页设计师的雇佣方造成的很多单位在招聘网站方面的员工时往往希望应聘人员什么技术都会。

如果要求美术设计师精通网页制作和动画设计技术是比较合理的要求。

然而却有很多企业抱着“程序设计人员精通美术设计”这样的愿望去招聘这就使得目前大部分网络公司都用程序员兼了网页设计一职。

同时也少有人分得清楚网页制作与网页设计的区别“工种不分家”使每个在网页设计岗位的设计者不仅仅要考虑到美术设计与制作方面同时还要兼顾信息结构的规划
甚至网站建设的策划等工作。

这大大超出了网页设计师所应受理的
职权范围然而这就是我们作为网页设计师所要面对的不足并且需要
不断进取的方面。

2、网页设计出现的历史并不长在我国网页设计正处于方兴未艾的时期。

网页设计人员也是各大网络公司、设计公司争相礼聘的高级人才。

在网上随意浏览一下就可以发现许多关于网页设计的站点并且
在数以万计的主页中也不乏精良之作可见我国的网页设计已经有了
相当的基础。

但仍然可以看到许多网页设计人员并没有认识到技术
与艺术结合的重要性或片面地理解了艺术设计的含义。

因此在网上
看到更多的可能是布局千篇一律、色彩搭配混乱、版式繁杂纷乱、
表面五光十色实则空洞无物的设计。

要解决这个问题提高网页设计
的整体水平就需要设计师重视网页设计理解网页设计的内涵和特征
并以此为基础进行创新性的工作。

迄今为止?我国对网页设计这一课
题的系统研究还略显薄弱特别是在艺术设计领域对网页设计的探讨
尤显不足至今未能提出系统的设计理论与指导原则。

对网页设计进
行系统性的研究。

将视觉传达设计的基本原则创造性地应用于网页
设计之中确实是当务之急也是促进我国网络业及网络文化发展的重
要环节。

1.2 本课题研究的意义
?1、如今的互联网已经渗透到我们生活中的各个层面。

网站内容既
丰富又全面满足了各种不同需求的浏览者。

正当网络作为第四媒体
逐渐走向成熟和完善的时候网页设计业也已逐步脱离了传统广告设
计的范畴形成特殊而独立的体系。

同时这一现象也表明了我们对网
页的视觉审美以及网站功能应用等多个方面的认知达到了新的高度。

网站是信息的储存空间，从理论上来说套用相同的模板只要保证浏
览者能够获取信息网站的功能就实现了。

如同年以前的网页几乎是
纯文字的页面没有什么所谓“设计”的概念可言。

而从实际情况上看
至今网络上依旧到处充斥着那种仅仅是通过信息堆砌而成的网页。

2、网民们是为了不同的目的登陆相关的网站上查询信息的。

试想一下一个需要阅读娱乐新闻的人是不会到体育网站上去寻找的而一个
需要收集出国政策的人更是不会到游戏网站上去搜索的这是有关信
息类别的不同选择。

信息不同网站的气氛亦会不同。

当浏览者进入
娱乐网站中却感觉如同进入体育竞技场那么这个网站所传递出的信
息概念则完全错误浏览者对网页的设计及网站本身都不会给予认可。

也就是说网站的信息内容有着特殊的传播内涵与外沿，弄错了游戏规则可能会损失大量的浏览者。

1.3 本课题研究内容
1、我们所做的是班级网页，网页主要是展示了我们班级的风采。

在主页中有班级主页、班级相册、班级新闻、最新文学和班级留言等五个栏目。

旨在加深同学们的交流和沟通。

2、网站主题：我们的网站的主旨在于从各个方面全面的介绍我们的班级，展示班级，包括班级的个人资料、班级相片。

另外，网站里还包括文化资料，建立一个展示班级形象的平台。

同时，网站里的每一个网页都有统一的风格，每一个网页的主题色彩都有其独特的个性，用以展示出不同的效果。

最重要的是做出自己的风格，给浏览者以美得感受。