网页设计学习教程.pdfVIP

Chapter1 Chapter1 CChhaapptteerr11 网页设计基础概述 网页设计基础概述 网网页页设设计计基基础础概概述述 通过本章的学习，读者可以了解网站和网页的有关概念、网页设 计流程和网页制作软件的基本知识等，并可以认识网页设计的 步骤与原则，为设计制作网页打下良好的基础。 重点提示： � � �� 网站制作的常用软件 � � �� 网站设计的流程 � 网页的基本组成元素 � �� � � �� 申请免费空间与发布网站 Chapter 1 网页设计基础概述 互联网的诞生和快速发展，给网页设计师提供了广阔的设计空间。相对传统的平面设计 来说，网页设计具有更多的新特性和更多的表现手段，借助网络这一平台，将传统设计与电 脑、互联网技术相结合，实现网页设计的创新应用与技术交流。网页设计是传统设计与信息、 科技和互联网结合而产生的，是交互设计的延伸和发展，是在新媒介和新技术支持下的一个 全新的设计创作领域。 如今的网页设计往往要结合动画、图像特效与后台的数据交互等，而DreamweaverCS3、 PhotoshopCS3和FlashCS3 作为Adobe 公司经典的常用网页设计软件，是目前网页制作的首 选工具。它们具有强大的网页设计、动画制作和图像处理功能，在静态页面设计、图片设计 和网站动画设计等方面，都可以使网站设计人员的思想体现得淋漓尽致。 1.1 全面认识网页 在进行网页设计之前，需要对网页的一些基础知识进行了解，对网站的运行原理与制作 过程有一个宏观把握。并从零开始，一步一步体验综合应用DreamweaverCS3、Photoshop CS3、 FlashCS3等软件进行网页设计，感受网站设计的无穷乐趣，从而踏上网页制作之路。 1.1.1 网站、网页和主页 网站（Website）是指在因特网上根据一定的规则使用HTML等工具制作的用于展示特 定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通 过网站来发布（或浏览）想要公开的资讯，或者利用网站来提供相关的网络服务。 现在的许多公司都拥有自己的网站，他们利用网站来进行宣传、产品资讯发布和招聘等。 如图1-1所示即为中央电视台的门户网站。 网页（Web Page）是构成网站的基本元素，是承载各种网站应用的平台。 网页实际上是一个文件，存放在世界某个角落的某一台计算机中，而这台计算机必须是 与互联网相连的。网页经由网址（URL）来识别与存取，当用户在浏览器地址栏中输入网址 之后，经过一段复杂而又快速的程序运作，网页文件就会被传送到用户的计算机中，再通过 浏览器解释网页的内容，最终展示到用户的眼前。 网页有多种分类，笼统意义上的分类是动态页面和静态页面。 静态页面多通过网站设计软件来进行重新设计和更改，技术实现上相对比较滞后。当然， 现在的某些网站管理系统也可以直接生成静态页面，这种静态页面通常可称为伪静态。静态 页面内容是固定的，其后缀名通常为.htm、.html、.shtml等，如图1-2所示。 动态页面是通过执行ASP、PHP、JSP等程序生成客户端网页代码的网页，通常可通过 网站后台管理系统对网站的内容进行更新和管理，如发布新闻、发布公司产品、交流互动、 博客和网上调查等，都是动态网站功能的一些具体表现。 3 Dreamweaver+Photoshop+Flash 网页设计全方位学习 Part 1网络知识基础篇 图1-1 中央电视台主页 图1-2 静态页面 动态页面的常见扩展名通常有.asp、.aspx、.php、.jsp、.cgi等，如图1-3所示。 网站主页（Home Page）也可以理解为网站的封皮，因此也被称为首页，它是整个网站 的主索引页。网站首页名称是特定的，一般为index.htm、index.html、default.htm、default.html、 default.asp或index.asp等。如图1-4所示即为新起点工