文档介绍:第1章网页设计初体验
网页设计是一门综合性技术,包含许多方面的内容。它包含程序设计、美术设计及其他媒体技术。网页设计看似复杂,但是,不管哪一种技术都有基础的一部分。任何技术都是从一定的基础上扩展而来。在学习网页设计之前,先学习与之相关的一些基础知识。
什么是网页
学习网页设计,首先需要了解网页这一概念。在此之前,需要先了解与网页相关的历史。
互联网
在20世纪70年代,互联网初露荷角。直到80年代,对其还在不断的研究中。到了90年代,商业运作的介入,改变了互联网的状况。互联网进入飞速发展时期。它的成长几乎是指数式的增长。直到现在,互联网发展依然是高速进行,人类社会生活因此也发生了翻天覆地的变化。
根据中国互联网络信息中心(China work Information NIC)发布的《第十八次中国互联网络发展状况统计报告》显示,截止到2006年6月30日,,。
)
e Web的简称,也称万维网,它是由分布在互联网上的成千上万个网页组成的网络信息系统。它为用户提供各种各样的信息和网络服务,是互联网中有着重大意义的产品。它的出现是互联网发展过程中的一个里程碑。craft公司的统计,截止2006年11月,全球互联网网站数量已达到100435253,超过了一个亿。平均增长速度几乎是每两年翻一番。
什么是网页
接连接到其他资源。网页中包含文本、图像、声音和视频等多种形式的资源,因此也叫超媒体。用户可以通过浏览器把信息显示出来。
所以,网页是通过许多规则把超媒体组织在一起的超文本文件,浏览器按照网页中的规则解释出来,然后把各种超文本元素显示在页面上。HTML语言是其中一种规则集,接下来讲解什么是HTML。
HTML惊鸿一瞥
超文本标记语言(Hyper Text Markup Language,HTML)是一种程序语言,它定义了一系列规则告诉浏览器如何显示HTML的元素。含有HTML元素集合的文件,也就是网页。
创建HTML网页
创建HTML网页是一件很容易的事。把HTML标签写在记事本里,。
【另存为】对话框网页效果
HTML结构
通过上面的实例,读者会发现编写一个HTML网页如此简单。
但是网页中的源码告诉浏览器如何进行显示,HTML结构又是怎样的呢?
一般HTML网页是以<html>标签开始,以</html>结束。<head>…</head>之间是网页头部,用来描述网页的相关内容,如网页标题、网页语言和网页内容简述等。
认识Dreamweaver
Dreamweaver是Adobe公司开发的一款可视化网页设计和网站管理软件。可视化编辑功能可以快速制作出精彩的网页,而不需要编写任何代码。而且,它能与其他图形编辑软件紧密结合,协同处理编辑图片,使用起来非常方便。同时,它还支持代码编辑环境,如颜色代码、自动补全和代码折叠等,更方便地进行代码编写,支持最新的CSS可视化布局。
常用功能
经过Adobe公司不断地更新,目前最新的Dreamweaver是CS3版。下面介绍一下它的常用功能。
代码折叠新CSS面板