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=download.macromedia/pub/shockwave/cabs/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 ” scrollam
ount =“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、网页设计出现的历史并不长在我国网页设计正处于方兴未艾的时期。网页设计人员也是各大网络公司、设计公司争相礼聘的高级人才。在网上随意浏览一下就可以发现许多关于网页设计的站点并且在数以万计的主页中也不乏精良之作可见我国的网页设计已经有了相当的基础。但仍然可以看到许多网页设计人员并没有认识到技术与艺术结合的重要性或片面地理解了艺术设计的含义。因此在网上看到更多的可能是布局千篇一律、彩搭配混乱、版式繁杂纷乱、表面五光十实则空洞无物的设计。要解决这个问题提高网页设计的整体水平就需要设计师重视网页设计理解网页设计的内涵和特征并以此为基础进行创新性的工作。迄今为止?我国对网页设计这一课题的系统研究还略显薄弱特别是在艺术设计领域对网页设计的探讨尤显不足至今未能提出系统的设计理论与指导原则。对网页设计进行系统性的研究。将视觉传达设计的基本原则创造性地应用于网页设计之中确实是当务之急也是促进我国网络业及网络文化发展的重要环节。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论