关于HTML5的网页设计与实现学年论文

时间:2019-05-14 04:52:38下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《关于HTML5的网页设计与实现学年论文》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《关于HTML5的网页设计与实现学年论文》。

第一篇:关于HTML5的网页设计与实现学年论文

滨江学院

学年论文

关于HTML5的网页设计与实现

院 系 滨江学院 专 业 软件工程 学生姓名 胡 飞 学 号 20082344062 指导教师 郑关胜 职

称 副教授

二O一一年十二月五日

目录

一 引言............................................................2 二 网站建设的流程..................................................2 三 网页制作........................................................3

(一)制作步骤.....................................................3

(二)常用参数.....................................................3

(三)网页布局.....................................................4

(四)网页色彩.....................................................5

(五)细节的把握...................................................6

(六)常用工具介绍.................................................7 四 HTML5的改进特性.................................................7

(二)程序接口.....................................................8

(三)元素变化.....................................................9

(四)异常处理.....................................................9 五 结束语.........................................................11

关于HTML5的网页设计与实现

胡飞

南京信息工程大学滨江学院软件工程专业 南京 210044 摘要: 关键字:

一 引言

随着Internet的诞生和发展,许多人不再仅仅局限于网上冲浪,而是参与到网站建设中。企业建站相当于在网上建立一个家,你就可以在这里向客户介绍你的企业,展示你的实力,推销你的产品,网页制作作为网站制作中一个重要的环节,相对于传统的平面设计而言,网页设计具有更多的新颖性,更多可以表现的手法。结合本人的实习过程,现就网站建设与管理过程中,网页设计与制作的具体经历,包括:网页设计与制作过程中的网页布局、色彩构置,框架结构等相关事项做以下论述。什么是 HTML5?

HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。

HTML 的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。HTML5 是如何起步的?

HTML5 是 W3C 与 WHATWG 合作的结果。

W3C 指 World Wide Web Consortium,万维网联盟。

WHATWG 指 Web Hypertext Application Technology Working Group。WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

二 网站建设的流程

1.定义合适的域名。由域名构成的网址会像商标一样,有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外,还要具有简洁、易记、具有冲击力的特点。

2.租用虚拟服务器。有了域名后,就需要一个空间存放网站,这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器,用户可根据网站的内容设置及其发展前景来选择。

3.设计网页。网页的设计制作可以自己完成,也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等,并尽量用文字详细说明制作的框架结构,将收集的材料提供给网页设计者。

4.ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动,打击不良互联网信息的传播,如果网站不备案的话,很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 http://www.xiexiebang.com

五 结束语

网页制作主要是利用图形制作软件和处理软件进行网页效果图的制作。我们需要了解一个完整网站的制作过程,并知道网页制作在网站制作中的作用。一方面结合具体的实例,多加练习,培养对于技术的敏感和快速适应性,注意到技术变化带来的各种新的可能性,消除技术所形成的障碍;另一方面要多方面、多角度地感受与掌握电脑设计的时尚语言,扩展对传统设觉设计范畴的认识。

致 谢 词

毕业论文如期完成了,在此我要感谢在毕业设计期间给予我帮助的许多人。首先,我要特别感谢的是我敬爱的指导老师庞涛老师。因为是他为我提供了一个良好的环境,才使我很好的完成了毕业设计。在设计期间他也给与我无私的帮助。在此表示深深的谢意。

正是他的付出,使我找到并改正了许多看起来很明显的错误和不严谨的论述。在毕业设计的过程中是愉快的,我很感谢与我设计有帮助的每一个人,是他们的存在,让我感到了毕业设计的过程中的快乐,使我融入到了团队工作中,感受到了相互合作的乐趣。

我对所有人的耐心表示感谢,尤其是我的指导老师庞涛老师。他仔细阅读了我的论文和程序,并提出了许多宝贵的意见和建议。感谢他能在忙碌的工作中抽时间指导我。我在与他通过电话和电子邮件的联系中很好的把握住了设计的进度,使设计得以顺利完成。

最后,当然不能忘记帮助过我的老师和同学。写论文通常是一项非常枯燥的工作,但幸运的是他们使这项工作变成了一种乐趣。还有默默无闻帮过我的朋友,也在此表示对你们诚挚的感谢。

第二篇:网页设计与HTML课程设计补考

网页设计与HTML课程设计补考

要求:

1.网站主题为“**班级网站建设”,页面数3-4页,其中一页为主页;

2.小组人数2-4人

3.站点内容丰富,站点目录结构清晰,符合规范;

4.页面布局合理,美观大方;

5.能综合应用网页制作技术,Photoshop,flash,Dreamweaver,HTML,CSS等;

6.撰写课程设计报告;

7.提交文档:

网站:软件

课程设计报告:纸质,A4纸打印,装订成册

8.提交时间:

2013-3-19日之前由谢小芳同学统一收齐,交网页老师处

课程设计补考名单:阿拉坦敖都、梁启明、李洋洋、夏伟达、于泽鹏、张磊(112131047)、张鹏

期末考试补考名单:阿拉坦敖都、梁启明、李永竞、石涛、夏伟达、杨超、于泽鹏、张磊(112131047)

第三篇:html网页设计总结

第一章......................................................................................................................................3 1.1 第一节...........................................................................................................................3

1.1.1 第一课 认识HTML.........................................................................................3 1.1.2 第二课 段落及超链接.....................................................................................4 1.1.3 第三课 设置背景图及图片.............................................................................6 1.1.4 第四课 表格.....................................................................................................6 1.1.5 第五课 hr属性、滚动字符、列表.................................................................8 1.2 第二节.........................................................................................................................10 1.2.1 第一课 表单...................................................................................................10 1.2.2 第二课按钮及下拉框.....................................................................................11 1.2.3 第三课 框架,标签iframe...........................................................................13 1.2.4 第四课背景音乐,多媒体.............................................................................14 1.3 第三节css...................................................................................................................15 1.3.1 第一课 了解css.............................................................................................15 1.3.2 第二课 属性...................................................................................................15 1.3.3 第三课 样式表的三类应用方式...................................................................17

第一章

1.1 第一节 1.1.1 第一课 认识HTML 1.html:超文本标记语言

网页又称WEB页面

2.html:包括文字,表格,图片,声音,视频.以及各种功能按钮 3.首页:进入一个网站第一个显示的页面

4.网页的格式是国际标准组织定义的叫做W3C.具体标准是HTML,标记语言格式

5.标记的基本语法:<标记名称> 6.新建一个网页:先新建文本文档,然后把后缀名改成“***.html”即可

7.html文件的后缀名:***.html或***.htm 用html语言编写的文档就是html文档,也常被称为“静态网页”文件

8.html标记语言规定:(1)html标签必须是成对出现

(2)html标签不区分大小写 9.常用标签

加粗 斜体下划线
换行 下标上标


水平线标题 10.font字体标签 “”>字体内容 Face:字体的风格

size:设置字体的大小 11.当开始标签与结束标签中间有内容时使用 <标签名>内容 当开始标签与结束标签中间没有内容时使用<标签名 /> 例:
1.1.2

1.

段落标签 第二课 段落及超链接

多个段落之间会自动换行,并且每个段落中间会空一行。

行级层标签:

多个span之间没有换行。

块级层标签:

多个div之间会自动换行,但是没有空行。

预格式化段落标签:

在代码写的内容,在显示时完全相同。2.特殊符号的处理:

空格:

<:

<

>:

> 3.属性:

对标签的描述称为属性。

属性的说法:

属性的名称=“值”

属性所写的位置:要写到开始标签的里面,每个属性之间用空格隔开。

4.标签的属性

bgcolor:设置背景色

text:设置文字的颜色 5.超链接

链接分类:

外部链接:在多个页面之间使用的效果

内部链接(锚链接):只能在一个页面中的链接

邮件链接:点击一个地址,可以快速的写邮件。6.链接的标签:

标签:

在点击的文字 7.绝对路径 和相对路径

绝对路径:在链接地址中带有盘符的路径称为绝对路径

相对路径:相对于某一个文件夹的路径称为相对路径 8.邮件链接

文字 9.内部链接

书签内容 “#标签a”>单击此处使浏览器调到“标签a” 1.1.3 第三课 设置背景图及图片

1.dw的运行网页的快捷键:f12 2.设置网页的背景图片的属性:background 当路径中出现“../”时,代表是上一级的信息 3.在网页中添加图片

”图片不存在时,显示的文字“ 解释: src:图片的路径 width:宽度 height:高度

border:边框的大小(0代表无边框)alt:图片不存在时,显示的文字

1.1.4

1.表格标签: 第四课 表格

表格标签

代表行的标签

设置行的背景色:bgcolor 2.表格的合并

行合并:在不同行中单元格的合并称为行合并

列合并:在同一行中单元格的合并称为列合并 3.列合并单元格的属性:colspan 行合并单元格的属性:rowspan 4.表格中线的宽度属性:cellspacing 这个属性必须写到table标签中

代表列的标签 使文字加粗并且居中 解释:

设置列的背景色:bgcolor 设置行的边框颜色:bordercolor
表格中的文字到表格线的距离:cellpadding 这个属性必须写到table标签中
5.设置表格中文字的位置:

(1)左(left),中(center),右(right)的属性align(2)上(top),中(middle),下(bottom)的属性valign 表格镶嵌:在表格中添加一个表格

1.1.5 第五课 hr属性、滚动字符、列表

1.hr标签的属性


color:可以设置水平线的颜色

width:可以设置水平线的宽度

align:可以设置水平线的位置,左,中,右 2.滚动字符 :marquee

要滚动的字体

属性:

bgcolor:滚动轨迹的颜色

direction:设置内容滚动的方向

Behavior:设置内容滚动的方式

Height:高度

Width:宽度

scrolldelay:设置二次滚动的时间间隔

Loop:滚动的次数 3.列表

无序列表:列表内容前面的符号是一样的 有序列表:列表内容前面的符号是自动排列的 自定义列表: 自己设置列表内容前面的符号

无序列表的标签: