第1章 页设计基础.docVIP

第1章 网页设计基础 随着计算机的普及和网络技术的发展，互联网已经日益成为人们生活中不可缺少的一部分。为此，各种类型的站点纷纷建立起来。本章将简要介绍网页设计的基础知识，并详细阐述Web标准布局知识和常用的网页制作工具及网站的设计流程。 1.1 认识网页和网站 知识点讲解：光盘\视频讲解\第1章\认识网页和网站.avi 对于网页和网站，相信大家都不陌生，自从笔者学会上网之后，就深深地迷恋上了这两个神奇的事物，几乎每天花费数小时来浏览。大学四年，笔者光顾了各种类型的网站，获得了很多信息。网页和网站是相互关联的两个因素。两者之间相互作用，共同推动了互联网技术的飞速发展。本节将对网页和网站的基本概念进行简要说明。 1.1.1 网页的构成元素 网页和网站是有差别的，例如搜狐、新浪和网易等代表一个网站，而新浪上的一则体育新闻是一个网页。所谓的网页是指目前在互联网上看到的丰富多彩的站点页面。从严格定义上讲，网页是Web站点中使用HTML等标记语言编写而成的单位文档，是Web中的信息载体。网页由多个元素构成，是这些构成元素的集合体。一个典型的网页由如下几个元素构成。 1．文本 文本就是文字，是网页中最重要的信息，在网页中可以通过字体、大小、颜色、底纹、边框等来设置文本的属性。在网页概念中，文本是指文字，并非图片中的文字。在网页制作中，文本可以方便地设置成各种大小和颜色。 2．图像 图像是页面最重要的构成部分，就是指网页中的图，不管是何种类型。在网页中，只有加入图像，才能使页面达到完美的显示效果，可见图像在网页中的重要性。在网页设计中用到的图片一般为JPG和GIF格式。 3．超级链接 超级链接是指从一个网页指向另一个目的端的链接，是从文本、图片、图形或图像映射到全球广域网的网页或文件的指针。在全球广域网上，超级链接是网页之间和Web站点之中主要的导航方法。由此可见，超级链接是一个神奇的东西，用户移动自己的鼠标就可以逛遍全世界。 4．表格 表格在日常生活中经常见到，小到值日轮流表，大到国家统计局的放假统计表。表格在网页设计中也有重要作用，它是传统网页排版的灵魂，即使CSS标准推出后也能够继续发挥不可替代的作用。通过表格可以精确地控制各网页元素在网页中的位置。 5．表单 表单是用来收集站点访问者信息的域集，是网页中站点服务器处理的一组数据输入域。当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。它是非常重要的通过网页与服务器传递信息的途径，表单网页可以用来收集浏览者的意见和建议，以实现浏览者与站点之间的互动。 6．Flash动画 Flash一经推出便迅速成为首要的Web动画形式之一。Flash利用其自身所具有的关键帧补间、运动路径、动画蒙版、形状变形和洋葱皮等动画特性，不仅可以建立Flash电影，而且可以把动画输出为不同文件格式的播放文件。 7．框架 框架是网页中重要的组织形式之一，它能够将相互关联的多个网页的内容组织在一个浏览器窗口中显示。从实现方法上讲，框架由一系列相互关联的网页构成，并且相互间通过框架网页来实现交互。框架网页是一种特别的HTML网页，它可将浏览器窗口分为不同的框架，而每一个框架则可显示一个不同网页。 如图1-1所示的ESPN中文网主页是由上述元素构成的典型网页。 图1-1 ESPN主页 上述各种网页元素组合在一起，为浏览者呈现了天堂般的绚丽。在本书后面的章节中将一起来领略它们的神奇，共同开始我们的网页设计神奇之旅。 1.1.2 静态网页和动态网页 静态网页是指全部由HTML代码格式实现的网页，所有的内容包含在网页文件中。网页上也可以出现各种视觉动态效果，如GIF动画、Flash动画、滚动字幕等。静态网页的内容是固定不变的，如果需要更新内容，则必须经过重新设计。静态网页通常是由网页设计师负责设计完成的，和开发人员无关。 动态网页并不是指具有动画功能的网页，而是指网页的内容能够根据不同情况动态变换。在一般情况下，动态网页通过数据库进行架构，除了要设计网页外，还要通过数据库和编写程序来使网页具有更多自动和高级的功能。体现在网页上，动态网页一般是以asp、jsp、php、aspx等结尾，而静态网页一般以html结尾，动态网页服务器空间配置要求比静态网页要求高，费用也相应地高，不过动态网页利于网站内容的更新，适合企业建站。动态网页通常由开发人员负责完成，当前常用的动态网站开发技术有ASP.NET、PHP、JSP和PHP等。 1.1.3 几个常用的Web概念 在学习Web开发技术之前，需要掌握和了解一些常用的Web概念。下面将对现实中常用Web概念的基本知识进行简要介绍。 （1）万维网（WWW） 通常，人们都是通过一些传统的媒体，如报纸、杂志、期刊、广播、电视、广告等获得想要的信息，而且在获得这些信息的过程中