网页设计和制作论文.doc

网页设计与制作
前言
进入二十一世纪,互联网进一步普及,人们的网络生活进一步丰富,网络已经成为人们之间沟通交流的另一种方式。作为一名大学生,学习如何设计和制作网页变成了一项必不可少的过程,经过几个月的集中学习,我开始对网页的设计和制作有了初步的认识,并且学习了一些网页制作基础。
网页分为静态网页和动态网页两种。静态页面是网页的代码都在页面中,不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。、.htm为扩展名的。动态网页是最常用的网站建设的一种表达形式,其优点在于可以根据先前所制定好的程序界面,根据用户的不同请求返回相应的数据。所以我将以四部分阐述我对网页设计与制作的理解。首先是基于静态网页的html超文本标记语言和css层叠样式表,然后是基于动态网页的设计语言JavaScript。最后是我对JavaScript与cookie的应用知识。
HTML
1. HTML标签
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的
HTML 标签由开始标签和结束标签组成
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
某些 HTML 元素没有结束标签,比如<br />
2. HTML元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性
3. HTML属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name="value"。
属性总是在 HTML 元素的开始标签中规定。
4. HTML段落
段落是通过<p> 标题定义的。
使用空的段落标记<p></p> 去插入一个空行是个坏习惯。用<br /> 标签代替它!(但是不要用<br /> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)
5. HTML样式
style 属性的作用:
提供了一种改变所有 HTML 元素的样式的通用方法。
样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。
6. HTML链接
HTML 使用<a> (锚)标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等。
7. HTML表格
表格由<table> 标签来定义。每个表格均有若干行(由<tr> 标签定义),每行被分割为若干单元格(由<td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
8. HTML列表
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于<ul> 标签。每个列表项始于<li>。
有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于<ol> 标签。每个列表项始于<li> 标签。
9. HTML表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(<form>)定义。
10. HTML框架
框架结构标签(<frameset>)定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积
Css

CSS 语法由三部分构成:选择器、属性和值:
selector {property: value}
选择器(selector) 通常是你希望定义的 HTML 元素或标签,属性(property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):
body {color: blue}
上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中,body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值