网页制作HTML总结(范文大全)

时间:2019-05-12 07:37:09下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《网页制作HTML总结》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《网页制作HTML总结》。

第一篇:网页制作HTML总结

美诚国际教育宿州二中网页制作课程小结 田老师

第一讲 HTML的基本结构

-------根控制标记

-------头控制标记

标题-------标题标记 -------头控制标记(尾)

-------网页显示区域

第二篇:html网页毕业论文

毕业论文

网站设计与制作

所 属 系:计算机

专业:应用技术

学生姓名:***

学号:************

指导老师:****

二〇一一年五月

第1章网站总体分析及概要设计

1.1 模块功能分析

1.1.1 引导首页模块

引导首页使用整体颜色背景,配合图片或Flash构成,顶部为导航首页链接。

1.1.2 班级形象模块

该模块功能主要是展示班级的形象,同时作为网站的导航首页,在用户登录后就可以看到班级的整体形象,班级的展示及班级动态,用户还可以通过顶部和左侧的导航栏进入网站,更深入的了解该班级。

1.1.3 用户模块

用户注册与登录:网络上的用户通过填写ID、密码等信息可以注册成为会员,并获得相应的用户权限。系统自动把用户的注册信息存储到服务器端的数据库中。如果用户ID重复或者填写错误,系统会给出提示信息,而通过用户注册与登录、可以自由发布与查看各种信息。

用户信息维护:系统的注册用户可以随时修改自己的注册信息,这些修改后的信息将自动更新到服务器端的数据库中。

用户登录/退出:系统的注册用户可以登录系统并且获得相应的权限,登录了的用户也可以选择退出登录。

1.1.4 留言板模块

该模块功能主要是提供用户与网站主之间的交流平台及站长收集用户反馈信息以改善站点。

1.2 网站导航功能结构

网站主要实现的功能有:网站首页导航,各页面导航以及其他模块。

1.3 论文可行性分析

1.3.1 社会可行性分析

可行性分析主要分析现有技术条件能否顺利完成开发工作,软硬件配置能否满足开发者的需要等。随着计算机硬件和软件技术的飞速发展,为网站的建设提供了有利的技术条件,由此看来技术基础也已非常成熟,因而技术上是可行的。

1.3.2 软件可行性分析

1.3.2.1 ASP技术介绍

ASP(Active Server pages)即“动态服务器网页”,ASP之所以能受到大家的重视与使用的原因,只要在于脚本在服务器上而不是在客户端运行,传送到浏览器上的Web页是在Web服务器上生成的。所以不必担心浏览器能否处理脚本,Web服务器已经完成了所有脚本的处理,并肩标准的HTML传输到浏览器。由于只有脚本的结果返回到浏览器,所有服务器端脚本不易复制。用户看不到创建

他们正在浏览的页的脚本命令。所以在客户端看到的只能是经过解析之后的数据,而无法获得源代码,故编写者不用担心自己的代码会被别人剽窃。

ASP的主要特点:容易产生,无需Compile变异或Link链接即可执行,集成于HTML中,使用常规文本编辑器,如Windows的记书本,即可设计,用户端只要使用常规的可执行HTML码的浏览器,即可浏览ASP所设计的主页内容,Script语言(Vbscript,Jscript)是在站点服务器执行,用户不需要执行这些语言,可通过ActiveX服务器组件来扩充功能。ActiveX Server component,可使用visual Basic,Java,Visual C++,COBOL等语言来实现,任何AcTiveX scripting语言兼容。可使用Vbscript或Jscript等语言来设计,一个应用程序,可以在多个主页之间保留和使用一些共同的信息,也就是说一个用户,可以在多个主页之间保留和使用一些共同的信息,在多个主页之间共享信息。

1.3.2.2 DREAMWEAVER

Dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队),足见市场的反响和MACROMEDIA公司对它们的自信。说到

DREAMWEAVER我们应该了解一下网页编辑器的发展过程,随着互联网

(Internet)的家喻户晓,HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器),两者各有千秋。所见则所得网页编辑器的优点就是直观性,使用方便,容易上手,您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别。

Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如Playback Flash,Shockwave和外挂模组等搭配,不需离开Dreamweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称,Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver 支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,Cold Fusion,iCAT,Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时,所见即所得的功能,让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部份,内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。

Dreamweaver还集成了程序开发语言,对ASP、.NET、PHP、JS的基本语言和连接操作数据库,都是完全支持的。

1.3.2.3 SQL 2000

SQL Server 2000是为迅速提供可伸缩性电子商务、企业及数据仓库解决方案而开发的完整数据库与分析软件产品。SQL SERVER 2000定位于Internet背景下的数据库应用,它为用户的Web应用提供了一款完善的数据管理和数据分析解决方案。同时SQL SERVER 2000还是Windows DNA(Distributed Internet Architecture)架构的一个核心组件。它极大地缩短了用户开发电子商务、数据仓库应用的时间。SQL SERVER 2000还提供对XML(Extensible Markup Language扩展标示语言支持)和HTTP的全方位支持。

在高性能和企业级可伸缩性领域,SQL Server 2000 设计成利用 Windows 2000 对更多处理器、更大的系统内存的支持,最终达到支持 64 位硬件平台。在不断提升可用性的努力过程中,SQL Server 2000 采用 Windows 2000 四路群集,提供了大大改进的群集支持。SQL Server 7.0 已经在可管理性和易用性方面在行业内领先,SQL Server 2000 通过与 Windows 2000 活动目录紧密结合进一步改进了这些功能。而且,SQL Server 2000 还包含对现有管理工具和实用程序的重大改进,并引入更具自我调节和自我管理的引擎功能。

SQL Server 2000 按照设计可以为部署和维护强大的、易于管理、支持商务活动的 Web 站点提供最好的性能,这些站点可以从事商家和商家之间或商家与客户之间的交易。在寻求一个支持您的电子商务解决方案的数据库时,需要考虑的项目包括:可用性、性能、可管理性和价格。

1.3.2.4 PHOTOSHOP

Photoshop是Adobe公司推出的一款功能十分强大、使用范围广泛的平面图像处理软件。拥有多种选择工具,极大地方便了用户的不同需求。而且多种选择工具还可以结合起来选择较为复杂的图像。它不仅拥有多种内置滤镜可供用户选择使用,而且还支持第三方的滤镜。目前Photoshop是众多平面设计师进行平面设计,图形,图像处理的首选软件。

1.3.2.5 FLASH

Flash被大量应用于互联网网页的矢量动画设计。因为使用向量运算﹙Vector Graphics﹚的方式,产生出来的影片占用存储空间较小。使用Flash创作出的影片有自己的特殊档案格式﹙SWF﹚,该公司声称全世界97%的网络浏览器都内建Flash播放器﹙Flash Player﹚。Flash是Macromedia提出的“富因特网应用”(RIA)概念的实现平台。

1.4 开发环境介绍

操作系统:Windows XP professional;

开发的软件环境:IIS 5.1,Dreamweaver CS4,SQL server 2000,Photoshop CS5,Flash 8

开发的硬件环境:Pebtium(R)Dual-Core CPU T4200 @ 2.00GHZ 内存:2 GB

参考文献及引用内容

网站建设教程(金旭亮、吴彬),高等教育出版社;

ASP动态网页编程/工作过程导向新理念从事(丛林编委会),清华大学出版社; Flash ActionScript 3 殿堂之路(孙颖)电子工业出版社;

站长之家 :;

站长网 : ;

结束语

在该网站制作的过程中利用了各种软件或程序设计语言完成网站的设计,完成前台基本操作与后台的数据处理,浏览器向WEB服务器代理提出访问请求,可以通过浏览器直接看到网站内容,同时给班级在网络上带来了一个很好的宣传窗口。本网站也方便了班级同学间的联系及交流。上述就是我制作该网站所想要视线的目标。相信通过一个多月的毕业论文对该网站的制作完善,能使我对网站制作有了一个比较清楚的认识,也加深了对数据库原理、程序设计的学习,能提高资深的程序设计能力,到那时我得到的将是终生的财富,必将给我今后的学习和工作带来更多的收益。

致谢

大学生活进入尾期,即将离开美丽的校园,心中难免有着种种不舍,这里的三年生活,存在了我太多美好的回忆。

在这里,首先要感谢银涛老师在我完成该毕业论文过程中给予的悉心指导。同时通过互联网在网上收集大量的资料并且及时向指导老师、同学请教。在他们的帮助下,我顺利的完成了此次毕业论文的任务。通过此次设计,使我学到了很多有使用价值的只是,开阔了知识面,积累了对网站制作的经验,在遇到困难时,去寻求解决的方法,去克服它,并学会自己找资料进行参考,直到问题最终得到解决。在制作学习中,我领悟到了很多道理——学习在于不断探索、思考、质疑,在举一反三中创新。更重要的是要有持之以恒的毅力。

在为期1个多月的毕业设计过程中使自己真正的学习到很多的东西,无论是自己的动手能力是是心智的开发都是一个很大的提高。更重要的是学到了一种严谨的学习态度。在整个毕业设计中三年的大学学习老师所教授的知识无疑是最大的帮助,指导老师细心的指导更加速了本人的提高。在此,我衷心的感谢及祝福老师们。

第三篇: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.列表

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

无序列表的标签: