1.1 网站与网页基础知识
网站规划与网页制作是一项综合性非常强的工作，需要设计者具备一定的Internet基础知识，理解Web的工作原理，对网页的类型风格和网页制作软件有所认识，才能有目标、有步骤、有方法地开展开发设计工作。
1.1.1 Internet与Web
Internet中文译名为因特网，又叫作国际互联网。它是由使用公用语言互相通信的计算机连接而成的全球网络。Internet起源于美国，前身是美国国防部资助建成的ARPANET网络。ARPANET网络始建于1969年，该项目实现了信息的远程传送和广域分布式处理，且比较好地解决了异地网络互联的技术问题，为Internet的诞生和以后的发展奠定了基础。随后不久推出的TCP/IP（传输控制协议/互联网络协议）扫清了计算机互联的主要技术障碍，从根本上解决了不同类型计算机系统之间通信的问题。此后，网络进入了一个大发展时期。目前，Internet已成为世界上覆盖面最广、规模最大、信息资源最丰富的计算机网络。Internet 的用户遍及全球，有数亿人在使用 Internet，并且它的用户数还在不断地快速增长。对计算机用户而言，Internet的应用使他们不再被束缚于分散的计算机上，而使他们能够脱离特定网络的约束。用户只要拥有一台计算机和一个网络接入设备，然后向Internet服务提供商（Internet Services Provider，ISP）申请一个账号，便可进入Internet，共享网上其他计算机系统中的资源、相互通信和交换信息。因此，Internet已成为人们走向世界、了解世界、与世界沟通的重要窗口。
Internet的发展之所以如此迅猛，一个很重要的原因是它提供了许多受大众欢迎的服务，包括：WWW（万维网）、E-mail（电子邮件）、FTP（文件传输协议）、Telnet（远程登录）、Gopher（一种由菜单式驱动的信息查询工具）和BBS（电子公告牌服务）等。
如果说Internet采用超文本和超媒体的信息组织方式将信息的链接扩展到整个Internet上，那么，Web就是一种超文本信息系统。Web的一个主要的概念就是超文本链接，它使得文本不再像一本书一样是固定的、线性的，而是可以从一个位置跳到另外的位置，从而可获取更多的相关信息。许多新闻网站，如搜狐、新浪等，当我们单击选择一个新闻主题后，就会显示出相关新闻的内容，同时也会提供相似的或相关的其他主题供我们选择，这正是Web特有的多链接性。
1.1.2 Web的工作原理
Web是由分布在Internet中的Web服务器组成的。所谓Web服务器，就是那些对信息进行组织、存储并将其发布到Internet中去，从而使得Internet中的其他计算机可以访问这些信息的计算机。
在Web中使用的通信协议是HTTP协议，通过HTTP协议实现客户端（浏览器）与Web服务器的信息交换。当用户通过浏览器向Web服务器提出HTTP请求时，Web服务器根据请求调出相应的网页文件，网页文件类型有HTML、XML、ASP或JSP。对HTML或XML文档，Web服务器直接将该文档返回给客户端浏览器；而对ASP或JSP文档，Web服务器则首先执行文档中的服务器脚本程序，然后把执行结果返回。
Web的基本工作原理如图1-1所示。
图1-1 Web的工作原理
现在，许多Web应用都是和数据库结合在一起的，服务器端脚本程序主要负责通过开放数据库互连（Open Database Connectivity，ODBC）与数据库服务器建立连接，完成必要的查询、插入、删除、更新等数据库操作，然后利用获得的数据产生一个新的、包含动态数据的HTML或XML文档，并将其发送回客户端浏览器，最后由浏览器解释并显示数据及信息。XML（Extensible Markup Language）为可扩展标记语言，它与HTML一样都是标准通用标记语言。
1.1.3 网站、网页与主页
网站（Website）就是指在Internet上向全世界发布信息的站点。它是根据一定的规则，使用HTML等工具制作的，建立在网络服务器上的一组相关网页的集合。网站是一种信息平台，它通常提供网页服务（Web Server）、数据传输服务（Ftp Server）、邮件服务（Mail Server）和数据库服务（Database Server）等多种服务。
网页（Web Page）是网站提供信息服务的主要形式。网页主要用于展示网站中特定的内容，要使用网页浏览器来阅读。网页尽管可以有多种格式，但通用标准是超文本标记语言（HyperText Markup Language，HTML）。这种语言可以用于创建辅以图像、声音、动画和超级链接的格式化文本。另一种比较流行的语言是XML，它是HTML的衍生语言。当使用HTML和XML制作静态网页不能满足需求时，还可以使用CGI、JSP、ASP和PHP等技术建立动态网页。
网站是一组相关网页的集合，而网页是网站中的一个页面。如果将 Internet 上的资源看成一个大型的图书馆，那么“网站”就像图书馆里各式各类的书，而“网页”则是书中具体的某一页。在Internet中，每个网页都具有唯一的地址，即“网址”。网址由统一资源定位器（Uniform Resource Locator，URL）指定其在Internet上的位置。
主页（Homepage）是网站中最重要的页面，是整个网站的导航中心，它提供全面的网站信息链接，能够使访问者快速地了解网站的概貌。除主页外，网站中由主页链接的其他网页称为“内页”或“栏目页”。进入一个网站时看到的第一页是首页，许多网站的首页就是主页，但有些网站将首页与主页分开，此时首页与主页就像一本书的封面与目录一样。
1.1.4 静态网页与动态网页
根据网页制作的技术及网页功能，网页通常分为静态网页和动态网页。
静态网页及动态网页的区别并非指网页上是否存在“动态视觉效果”，而是指其网站上是否运用了动态网页生成技术。
静态网页是指纯粹HTML格式的网页，早期的网站一般都是由静态网页构成的。每个静态网页都有一个固定的URL，其URL以“.htm”“.html”“.shtml”“.xml”等常见形式为后缀，且不含有“?”，如“http://sports.sina.com.cn/china/afccl/2016-04-20/doc-ifxriqqv6353523.shtml”。
静态并不是指网页中的元素都是静止不动的，而是指网页被浏览时，在Web服务器中不再发生动态改变（没有表单处理程序或者其他应用程序的执行），因此网页不是即时生成的。在静态网页上，仍可以看到一些GIF动画、Flash动画等视觉上的“动态效果”。
动态网页是与静态网页相对而言的，其显示的内容是可以随着时间、环境或者数据库操作的结果而发生改变的。同一个动态网页，不同时间、不同用户或不同地点打开，其显示结果也可能是不同的。动态网页并不是独立存在于服务器上的网页文件，它是服务器依据用户请求临时生成并返回给用户的网页。动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web服务器之间发生交互行为，而且应用程序的执行需要应用程序服务器才能够完成。
动态网页的 URL 以“.asp”“.jsp”“.php”“.perl”“.cgi”等为后缀，且在动态网页网址中常有一个标志性的符号“？”，如“http://mail.163.com/errorpage/err_163.htm?errorType=460&error Username=abc123@163.com”。
运用了动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等，其通常以数据库技术为基础，开发难度及工作量比只有静态网页的网站要大，但在后期的网站维护及更新上却更为灵活便利。