105090440029黄晶晶网页设计课论文_网页设计课程设计论文

105090440029黄晶晶网页设计课论文由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“网页设计课程设计论文”。

网 页 设 计 与 制 作

院系：电子与电气工程学院专业：电子信息工程 姓名：黄晶晶

学号：105090440029 班级：10电子

摘要：进入二十一世纪，互联网进一步普及，人们的网络生活进一步丰富，网络已经成为人们之间沟通交流的另一种方式。作为一名大学生，学习如何设计和制作网页变成了一项必不可少的过程，经过几个月的集中学习，我开始对网页的设计和制作有了初步的认识，并且学习了一些网页制作基础。

网页分为静态网页和动态网页两种。静态页面是网页的代码都在页面中，不需要执行asp,php,jsp,.net等程序生成客户端网页代码的网页。静态页面不能自主管理发布更新的页常见的静态页面以.html、.htm为扩展名的。动态网页是最常用的网站建设的一种表达形式，其优点在于可以根据先前所制定好的程序界面，根据用户的不同请求返回相应的数据。

对于网络设计基础知识与网络制作软件我有了一定的认识，网络制作主流技术也不断的在进步与更新。

关键字：网页设计网页技术HTML

HTML

1.HTML标签

HTML 文档和 HTML 元素是通过 HTML 标签进行标记的HTML 标签由开始标签和结束标签组成开始标签是被括号包围的元素名

结束标签是被括号包围的斜杠和元素名

某些 HTML 元素没有结束标签，比如

2.HTML元素

HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

HTML 元素以开始标签起始

HTML 元素以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容（empty content）

空元素在开始标签中进行关闭（以开始标签的结束而结束）

大多数 HTML 元素可拥有属性

3.HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现，比如：name=“value”。

属性总是在 HTML 元素的开始标签中规定。

4.HTML段落

段落是通过

标题定义的。

使用空的段落标记 去插入一个空行是个坏习惯。用 标签代替它！（但是不要用 标签去创建列表。不要着急，您将在稍后的篇幅学习到 HTML 列表。）

5.HTML样式

style 属性的作用：

提供了一种改变所有 HTML 元素的样式的通用方法。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

6.HTML链接

HTML 使用（锚）标签来创建连接另一个文档的链接。

锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。

7.HTML表格

表格由 标签来定义。每个表格均有若干行（由 标签定义），每行被分割为若干单元格（由 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

8.HTML列表

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 标签。每个列表项始于。

有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 标签。每个列表项始于 标签。

9.HTML表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（）定义。

10.HTML框架 框架结构标签（）定义如何将窗口分割为框架

网页制作常用工具及发展趋势

常用工具：

1、dreamweaver,用与编辑HTML、ASP、JSP、PHP时的辅助工具。Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

2、Frontpage 跟dreamweaver一样，不过还是dreamweaver好。

3、FLASH 网页需要画面流动时的首选择

4、PS图象处理软件，一般网页都需要有图片相搭配，PS是款很强大的工具。

5、FW跟PS一样都是图象处理软件，但FW偏向与对网页的处理。

6、Adobe公司推出的cs3系列，软件之间兼容性较好。可以用此系列对网站的美工特效进行进一步的修饰美化和优化。

发展趋势：

(1)，网站建设水平要求要高，符合WEB2.0 标准；w3c标准。

(2)，网站建设符合用户体验，让用户信赖企业网站。

(3)，网站必须进行SEO网站优化。

(4)，网站进行网络营销，这样网站才能摆上用场。

(5)，专人对网站进行维护，更新，在线咨询。

网站制作主流技术

MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。简介 dreamweaver、FLASH以及在DREAMWEAVER之后推出的针对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)，足见市场的反响和MACROMEDIA公司对它们的自信。说到

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

(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手。

参考文献：

[1] 任学文、范严编, 网页设计与制作，中国科学技术出版社

[2] 武创、王惠主编,网页设计探索之旅 ,电子工业出版社

[3] 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社

[4] 吴黎兵、罗云芳编，网页设计教程，武汉大学出版社