常用网页设计语言与工具：计算机基础

1.常用网页设计语言

HTML、CSS和JavaScript是当前主流的3种网页设计语言。

(1)HTML。

HTML（Hyper Text Markup Language），即超文本标记语言，该语言不仅通过标记描述网页内容，同时在文本中还包含了所谓的“超级链接”点。HTML文档通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。

1993年，HTML首次以因特网的形式发布。随着HTML的发展，万维网联联盟（World WideWeb Consortium，W3C）掌握了对HTML规范的控制权，负责HTML后续版本的制定工作。然而，在快速发布了HTML的4个版本后，HTML迫切需要添加新的功能，以便制定新的规范。2004年，一些浏览器厂商联合成立了WHATWG工作组。2006年，W3C组建了新的HTML工作组，它明智地采纳了WHATWG的意见，并于2008年发布了HTML5的工作草案。HTML5是制作网页的基础语言，在学习其他网页制作技术之前，掌握HTML5的基础是非常必要的。

(2)CSS。

CSS（Cascading Style Sheet，层叠样式表）是指定HTML文档视觉表现的标准（即对网页进行美化、修饰，使网页更加美观、生动、吸引用户），它允许设计者精确地指定网页文档元素的字体、颜色、外边距、缩进、边框、定位、布局等。采用CSS技术，用户可以有效地对页面的布局、字体、颜色、背景和其他效果进行更加精确的控制。在网页维护和管理中，只对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同网页的外观和格式。

1996年12月，W3C发布了第一个有关样式的标准CSS1。它包含了font的相关属性、颜色与背景的相关属性、box的相关属性等。1998年5月，CSS2被正式推出。2004年2月，CSS2.1也被正式推出。它在CSS2的基础上略微做了改动，删除了许多不被浏览器支持的属性。早在2001年，W3C就着手开始准备开发CSS第3版规范，虽然完整的、规范权威的CSS3标准还没有尘埃落定，但是各主流浏览器已经开始支持大部分特性。

(3)JavaScript。

JavaScript是Web页面中的一种脚本语言，通过JavaScript可以将静态页面转换成支持用户交互并响应事件的互动页面。

在网站建设中，HTML用于搭建页面结构，CSS用于设置页面样式，而JavaScript则用来为页面添加动态效果。

JavaScript代码可以嵌入在HTML中，也可以创建.js外部文件。通过JavaScript可以实现网页中常见的下拉菜单、TAB栏、图片轮播等动态效果。

2.常用的网页制作工具(www.xing528.com)

常见的网页制作工具包括Adobe Dreamweaver、Photoshop、Fireworks、Swish等。

(1)Adobe Dreamweaver。

Adobe Dreamweaver，简称DW，是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对HTML、CSS、JavaScript等内容的支持，网站设计师可以在几乎任何地方快速制作和进行网站建设。

DW使用所见即所得的接口，有HTML编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示功能可快速了解HTML、CSS和其他Web标准。另外，DW使用视觉辅助功能，可减少错误，提高网站开发速度。

(2)Photoshop。

Adobe Photoshop，简称PS，用于完成网页中图像的处理。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

(3)Fireworks。

Fireworks是一个强大的网页图形设计工具，可以创建和编辑位图、矢量图形，还可以做出各种网页设计中常见的效果，比如翻转图像、下拉菜单等，由Fireworks设计的网页可以输出为HTML文件，还能输出为可以在Photoshop、illustrator和Flash等软件中编辑的格式。

Fireworks提供专业网络图形设计和制作方案，同时它能与Dreamweaver实现网页的无缝连接，与其他图形程序各HTML编辑也能密切配合，为用户一体化的网络设计方案提供支持。

(4)Swish。

Swish是一个快速、简单的Flash动画制作软件，主要是用来制作Flash文字特效的软件，使用它可以轻松制作各种效果的文字特效，最后可以输出swf格式的文件，并能导入Flash动画中加以编程。Swish2.0不但提供了一些文字特效的制作，而且由图片、声音、按钮和矢量图支持。