网页设计基础概述

《网页设计基础概述》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Chapter1网页设计基础概述Chapter1网页设计基础概述通过本章的学习，读者可以了解网站和网页的有关概念、网页设计流程和网页制作软件的基本知识等，并可以认识网页设计的步骤与原则，为设计制作网页打下良好的基础。重点提示：â网站制作的常用软件â网站设计的流程â网页的基本组成元素â申请免费空间与发布网站19Chapter1网页设计基础概述互联网的诞生和快速发展，给网页设计师提供了广阔的设计空间。相对传统的平面设计来说，网页设计具有更多的新特性和更多的表现手段，借助网络这一平台，将传统设计与电脑、互联网技术相结合，实现网

2、页设计的创新应用与技术交流。网页设计是传统设计与信息、科技和互联网结合而产生的，是交互设计的延伸和发展，是在新媒介和新技术支持下的一个全新的设计创作领域。如今的网页设计往往要结合动画、图像特效与后台的数据交互等，而Dreamweaver CS3、PhotoshopCS3和FlashCS3作为Adobe公司经典的常用网页设计软件，是目前网页制作的首选工具。它们具有强大的网页设计、动画制作和图像处理功能，在静态页面设计、图片设计和网站动画设计等方面，都可以使网站设计人员的思想体现得淋漓尽致。1.1全面认识网页在进行网页设计之

3、前，需要对网页的一些基础知识进行了解，对网站的运行原理与制作过程有一个宏观把握。并从零开始，一步一步体验综合应用Dreamweaver CS3、PhotoshopCS3、FlashCS3等软件进行网页设计，感受网站设计的无穷乐趣，从而踏上网页制作之路。1.1.1网站、网页和主页网站（Website）是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布（或浏览）想要公开的资讯，或者利用网站来提供相关的网络服务。现在的许多公

4、司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布和招聘等。如图1-1所示即为中央电视台的门户网站。网页（WebPage）是构成网站的基本元素，是承载各种网站应用的平台。网页实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当用户在浏览器地址栏中输入网址之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过浏览器解释网页的内容，最终展示到用户的眼前。网页有多种分类，笼统意义上的分类是动态页面和静态页面。静态页面多通过

5、网站设计软件来进行重新设计和更改，技术实现上相对比较滞后。当然，现在的某些网站管理系统也可以直接生成静态页面，这种静态页面通常可称为伪静态。静态页面内容是固定的，其后缀名通常为.htm、.html、.shtml等，如图1-2所示。动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、博客和网上调查等，都是动态网站功能的一些具体表现。19Chapter1网页设计基础概述图1-1中央电视台主页图1-2静态页面动态页面的

6、常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等，如图1-3所示。网站主页（Home Page）也可以理解为网站的封皮，因此也被称为首页，它是整个网站的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、default.asp或index.asp等。如图1-4所示即为新起点工作室的网站主页。图1-3动态页面图1-4新起点工作室网站首页网站、网页和主页是3个功能不同但又紧密联系的概念，一个网站由多个网页元素构成，若干个网页又通

7、过主页链接成一个完整的网站系统。1.1.2HTML的组成及语法HTML（HyperTextMarkupLanguage，超文本标记语言）是用来描述WWW上超文本文件的语言，HTML文件可对多平台兼容，通过网页浏览器能够在任何平台上阅读。HTML能够将Internet中的文字、声音、图像、动画和视频等媒体文件有机地组织起来，最终向用户展现出五彩缤纷的页面。此外，它还可以接收用户信息，与数据库相连，实现用户的查询请求等交互功能。1．HTML语言的组成HTML文档由HTML、HEAD和BODY三大元素构成。19Chapter1

8、网页设计基础概述是最外层的元素，表示文档的开始，即浏览器从开始解释。是HTML文件头标记符，即文档头，包含对文档基本信息（包含文档标题、文档搜索关键字、文档生成器等属性）描述的标记。位于首部下面，用于定义一个HTML文档的主体部分，包含对网页元素（文本、表格、图片、动画