105090440029黄晶晶网页的设计课论文.doc

网 页 设 计 与 制 作 院系：电子与电气工程学院 专业：电子信息工程 姓名：黄晶晶 学号：105090440029 班级：10电子 摘要：进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。作为一名大学生，学习如何设计和制作网页变成了一项必不可少的过程，经过几个月的集中学习，我开始对网页的设计和制作有了初步的认识，并且学习了一些网页制作基础。 网页分为静态网页和动态网页两种。静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页常见的静态页面以.html、.htm为扩展名的。动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。 对于网络设计基础知识与网络制作软件我有了一定的认识，网络制作主流技术也不断的在进步与更新。 关键字：网页设计 网页技术 HTML HTML 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）定义如何将窗口分割为框架 网页制作常用工具及发展趋势常用工具：　　　 1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 　　　2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。 　　　3、FLASH 网页需要画面流动时的首选择 　　　　4