网站建设与管理全套电子整本书电子教案教学教程整套课件.ppt

网站建设与管理 1内 容 简 介 建设具有信息发布和管理功能的个人和企业网站是每一个现代人倍受关注的热点问题，也是计算机专业学生的基本功之一。本书从全面掌握网站建设技术出发，通过丰富的实例，介绍网站的设计方法和制作技术。本书系统地论述了网站建设的基本理论和基本方法，内容包括网站的概念和原理，网站的设计和制作，网站的发布和维护。本书共分十二章，每章前有学习目标，后有本章小结和习题。本书在编写过程中，注重学习者实践能力的培养和编程2意识的训练，力求使本书具有知识面宽、集成度高、实用性强和简明易懂的特点。本书既可作为各类师范院校、高职高专院校网站建设、网页制作课程的教材，也可用作各类培训机构的培训教材，还可作为网页设计、网站建设专业人员和业余爱好者的参考书和工具书。书中提供的实例程序稍加移植、修改、扩充和组合，即可构建实用网站基本系统。3前 言随着计算机网络技术的深入发展和日益普及，计算机应用已从单机模式、C/S模式纷纷转向B/S模式，建设网站来发布企业信息和实施开放式管理已成为流行趋势，同时也成为个人继拥有Email以后的又一网络追求目标。建设网站涉及众多的概念、理论、技术和方法，就运行平台而言，有Windows和Unix(Linux)两类；就管理内容而言，有Web、FTP、Email、Telnet等形式；就交互方式而言，有静态网站和动态网站；就开发技术而言，有客户端技术和服务器端技术；4就 编 程 语 言 而 言，有 HTML、CSS、VBScript、JavaScript、JSP、PHP、ASP、ASP.NET、Java、J2EE等；就辅助工具而言，需要图像处理、动画制作、数据库管理、网络安全等技术。在众多纷繁复杂的语言、技术、方法、工具中如何选择最佳组合并进行实践训练，以成就网站建设的梦想，为此，作者根据多年从事网站开发和教学的亲身经历编著此书，以一套简单、快捷、实用、完备的Windows平台上Web网站建设的解决方案，奉献给广大读者。本书共分12章，包括网站的概念和原理，网站的规划与设计，以Dreamweaver MX为核心的可视化静态网页制作，以HTML、VBScript、5CSS为组合的网站客户端编程技术，以Access、SQL、ASP.NET为组合的服务器端开发技术，以Firework、Swish、Flash为组合的网页素材处理技术，以信息输入、修改、查询、统计为主体的行业业务逻辑处理编程技术，以及网站的配置、发布、维护等技术。内容编排由浅入深，通俗易懂，注重整体，兼顾一般，以大量实例加以说明，利于读者理解。每章前有学习目标，后有本章小结和习题，以方便读者快速掌握重点、难点，并及时通过练习和实践理解知识要点，掌握开发技能。因此，本书既可作为各类师范院校、高职高专院校的相关专业教材，也可用作各类培训机构的培训教材，还可作为网页设计、网站建设专业6人员和业余爱好者的参考书和工具书。编写本书的指导思想在于：（1）给读者提供一套优化的网站建设完整方案，以期一书在手，别无它求；（2）为各类院校和培训机构提供一套有弹性的网站建设教材，每章内容既有逻辑联系，又相互独立，可结合教学对象、教学计划、教学课时进行方便取舍；（3）为网站开发者提供一套基本功能程序集，结合具体开发需求，将书中的程序模块稍作移植、修改、扩充、组合，可快速生成应用系统；（4）给学习者指明网站建设研究的方向，使其在掌握基本开发技术基础上，通过进一步深入研究，可发展成为网站资深开发人员，拥有独立开发和管理实用网站的能。7本书由陈长顺编著。在编写和出版过程中，得到江苏省扬州教育学院领导的关心和鼓励，得到扬州教育学院计算机系老师的支持和帮助，同时也得到中国铁道出版社领导的大力协作，在此一并表示衷心的感谢。由于编者水平有限，加之时间仓促，疏漏之处 在 所 难 免，恳 请 读 者 不 吝 赐 教（E-mail:）。作者 2005年8月15日8目录目录第1章 网站建设概论 1.1 网站的基本概念 1.1.1 eb的起源 1.1.2 超文本与超链接 1.1.3 URL 1.1.4 IP地址 1.1.5 域名 1.1.6 TCP/IP协议 1.1.7 HTTP协议 1.1.8 浏览器 91.2 网站的组成及原理 1.2.1 网站组成 1.2.2 网站模式 1.2.3 网站工作原理 1.3 网站的分类 1.3.1 按覆盖范围分类 1.3.2 按交互方式分类 1.3.3 按资源性质分类 1.4 常用建站技术 1.4.1 HTML 1.4.2 XML 101.4.3 CSS 1.4.4 VBScript 1.4.5 ASP.NET 1.4.6 辅助工具 1.5 网站建设流程 1.5.1 用户需求调查 1.5.2 确定服务器解决方案1.5.3 规划设计1.5.4 网页制作 1.5.5 网站的测试与发布 1.5.6 网站的维护 111.6 构建网站开发平台 1.6.1 确定集成开发方案 1.6.2 安装IIS 1.6.3 设置应用目录 1.6.4 安装Dreamweaver MX 1.6.5 安装ASP.NET SDK 1.6.6 建设第一个简单网站 本章小结 思考与练习 第2章 网站规划与设计 2.1 网站设计的基本方法 122.1.1 自顶向下的设计方法 2.1.2 自底向上的设计方法 2.1.3 增补设计方法 2.2 总体设计 2.2.1 目标设计 2.2.2 风格设计 2.2.3 栏目设计 2.2.4 导航设计 2.2.5 链接结构设计 2.2.6 配色方案设计2.2.7 目录结构设计 132.3 网页布局设计 2.3.1 网页的组成元素 2.3.2 网页布局的原则 2.3.3 网页布局的方法 2.3.4 常见页面布局结构 2.4 数据库设计 2.4.1 数据库选型 2.4.2 ACCESS数据库设计 本章小结 思考与练习 第3章 Dreamweaver MX可视化静态网页制作 143.1 Dreamweaver MX的基本操作 3.1.1 启动方式 3.1.2 集成环境 3.1.3 创建新站点 3.1.4 管理站点文件 3.1.5 网页文件的基本操作3.2 网页布局 3.2.1 表格的创建和使用 3.2.2 层的创建和使用 3.2.3 框架的创建和使用 3.3 网页编辑 153.3.1 文字输入与编辑 3.3.2 插入图像 3.3.3 插入Flash动画 3.3.4 插入Flash按钮 3.3.5 插入Flash文本 3.3.6 插入ActiveX控件 3.3.7 添加声音 3.3.8 插入表单 3.4 创建超链接 3.4.1 创建页面链接 3.4.2 创建锚点链接 163.4.3 创建Email链接 3.4.4 创建映射图链接 3.4.5 创建导航条 3.4.6 创建跳转菜单 3.4.7 创建空链接与脚本链接 3.5 应用模板和库 3.5.1 创建模板 3.5.2 应用模板制作网页 3.5.3 更新基于模板的网页文档 3.5.4 库项目的使用 17本章小结 思考与练习 第4章 HTML超文本标记语言 4.1 HTML语言简介 4.1.1 什么是HTML语言 4.1.2 HTML语言的特点 4.1.3 HTML语言的语法规则 4.2 HTML文档结构 4.3 文字格式 4.4 段落排版 4.5 图像设置 184.6 多媒体设置 4.7 超链接设置 4.8 表格设置 4.9 框架设置 4.10 表单设置 4.11 CSS页面样式表 4.11.1 CSS的基本定义 5.1.2 CSS的引用方法 5.1.3 CSS的基本属性 本章小结 思考与练习 19第5章 VBScript客户端脚本语言 5.1 VBScript语言简介 5.2 VBScript的数据类型 5.2.1 数据类型 5.2.2 常量 5.2.3 变量 5.2.4 运算符 5.3 VBScript的函数 5.3.1 输入函数 5.3.2 字符串函数 5.3.3 数学函数 205.3.4 日期和时间函数 5.3.5 数据转换函数 5.3.6 数据类型检测函数 5.4 VBScript的程序结构 5.4.1 顺序结构 5.4.2 选择结构 5.4.3 循环结构 5.4.4 过程结构 5.5 VBScript的对象机制 5.5.1 VBScript的对象机制 5.5.2 VBScript的内置对象 215.5.3 浏览器对象 5.6 客户端动态特效制作 5.6.1 时间特效制作 5.6.2 页面特效制作 5.6.3 窗口功能特效 5.6.4 文字特效制作 5.6.5 菜单特效制作 本章小结思考与练习 第6章 ASP.NET服务器编程语言 6.1 ASP.NET语言简介 226.1.1 ASP.NET工作原理 6.1.2 第一个ASP.NET程序 6.1.3 ASP.NET基本语法 6.1.4 ASP.NET应用框架 6.2 ASP.NET控件 6.2.1 HTMLServer控件 6.2.2 WebServer控件 6.2.3 数据验证控件 6.2.4 辅助控件 6.2.5 自定义控件 6.3 ASP.NET的内置对象 236.3.1 Response对象 6.3.2 Request对象 6.3.3 Session对象 6.3.4 Application对象6.3.5 Server对象 6.3.6 Cookies对象 6.4 ASP.NET的数据库访问 6.4.1 ADO.NET对象体系 6.4.2 Connection对象 6.4.3 Command对象 246.4.4 DataAdapt对象6.4.5 DataSet对象 6.4.6 Datareader对象 6.4.7 数据库访问的典型应用 6.5 ASP.NET的XML功能 6.5.1 XML简介 6.5.2 XML文档的显示 6.5.3 用ADO.NET操作XML数据 NET6.6 ASP.NET的配置和优化 6.6.1 ASP.NET的配置 6.6.2 ASP.NET的优化 25本章小结 思考与练习 第7章 网站用户登录系统的设计与实现 7.1 系统功能与组成 7.2 系统设计 7.2.1 登录界面设计 7.2.2 数据库设计 7.2.3 主要事务流程设计 7.3 实现用户登录功能 7.4 系统调试 本章小结 26思考与练习 第8章 网站数据输入系统的设计与实现 8.1 系统功能与组成 8.2 数据添加程序的设计与实现 8.2.1 系统设计 8.2.2 界面设计 8.2.3 流程设计 8.2.4 系统的实现 8.3 数据修改程序的设计与实现 8.4 数据删除程序的设计与实现8.5 集成式数据维护系统的设计与实现 27本章小结 思考与练习 第9章 网站信息查询系统的设计与实现 9.1 系统功能与组成 9.2 查询系统的设计 9.2.1 系统设计 9.2.2 数据库设计 9.2.3 界面设计 9.3 查询系统的实现 9.3.1 查询结果在本页显示 9.3.2 查询结果在弹出页显示 289.4.3 查询结果的框架显示 9.4.4 概要-详细式显示 本章小结 思考与练习 第10章 网站统计分析系统的设计与实现 10.1 系统功能与组成 10.2 系统设计 10.2.1 程序设计 10.2.2 数据库设计 10.2.3 界面设计 10.3 统计表的设计与实现 2910.3.1 利用统计函数实现统计10.3.2 利用编程实现统计10.3.3 交叉分类统计 10.4 统计图制作 本章小结 思考与练习 第11章 行业事务处理系统的设计与实现 11.1 后台服务程序设计 11.1.2 后台服务程序编写 11.2 在线论坛系统的设计与实现 11.2.1 论坛的基本功能 3011.2.2 论坛数据库结构设计 11.2.3 论坛头文件和底部文件 11.2.4 论坛首页 11.2.5 查看文章页面 11.2.6 发表文章页面 11.2.7 回复文章页面 11.3 网上购物系统的设计与实现 11.3.1 购物系统功能设计 11.3.2 商品导购页面 11.3.3 购物车页面 11.3.4 收银台页面 3111.3.5 邮寄信息登记页面 11.4 工作流系统的设计与实现 11.4.1 工作流系统的功能设计 11.4.2 工作流系统的数据库设计 11.4.3 表单管理页面 11.4.4 校长审批页面 11.4.5 教务处理页面 11.4.6 办公室归档页面 本章小结 思考与练习 第12章 网站发布与维护 3212.1 网站的发布 12.1.1 创建发布站点 12.1.2 创建主目录 12.1.3 创建虚拟目录 12.1.4 添加默认主页 12.2 网站的测试 12.2.1 本人本机测试 12.2.2 不同浏览器的测试 12.2.3 不同人员与不同位置的测试 12.2.4 专业测试 12.3 网站的更新和维护 3312.3.1 远程控制管理 12.3.2 FTP服务管理 本章小结 思考与练习 34作者简介：陈长顺，男，1956年7月出生于江苏扬州，扬州教育学院副教授，扬州市有突出贡献的中青年专家，江苏省计算机特级教师，江苏省“333人才工程”培养对象，全国曾宪梓奖获得者，曾在南京大学出版社、东南大学出版社、江苏教育出版社、北京师范大学出版社、高等教育出版社、人民教育出版社出版过专著、教材，合计150万字左右 35第第1 1章章 网站建设概论网站建设概论1.1 网站的基本概念1.2 网站的组成及原理1.3 网站的分类 1.4 常用建站技术1.5 网站建设流程1.6 构建网站开发平台361.1 1.1 网站建设概论网站建设概论1.1.1 Web的起源 1.1.2 超文本与超链接 1.1.3 URL 1.1.4 IP地址 1.1.5 域名 1.1.6 TCP/IP协议 1.1.7 HTTP协议 1.1.8 浏览器 371.1 1.1 网络基本概念网络基本概念 网站源于计算机网络技术与数据库技术的结合，是WWW、FTP、E-MAIL、VOD等信息服务系统的总称。1.1.1 Web的起源 Web起源于欧洲物理实验室，该机构位于瑞士日内瓦附近，由欧洲共同体国家联合资助，专门从事复杂物理学、工程学和信息处理工程学的研究，是世界高能物理研究精英汇集的场所。1.1.2 超文本与超链接 为了进一步认识网站，需要理解超文本(Hypertext)与超链接(Hyperlink)的概念。381.1.3 URL 超链接帮助人们访问网页的内容，网页通过统一资源定位器URL(Uniform Resource Locator)来定位。1.1.4 IP地址 一般情况下提供网络资源的主机通过域名来表示，也可以用IP地址定位。1.1.5 域名 IP地址以数字形式表示主机的地址，比较难记。1.1.6 TCP/IP协议 在极其复杂的因特网链路中，要把网络资源从39 一台主机传送到另一台主机需要一种通信规则，TCP/IP协议就是为实现网络通信的这样一套规则。1.1.7 HTTP协议 TCP/IP协议只解决已有网页文件如何从网络的一端通过通信链路传送到另一端的问题，而如何查找网页文件和以何种方式传输网页文件则依赖于HTTP协议。1.1.8 浏览器 无论是向服务器发出请求页面的要求，还是接收到服务器返回的页面后加以显示，在用户端都需要一个工具软件，担任这种角色的软件称为浏览器。401.2 1.2 网站的组成及原理网站的组成及原理1.2.1 网站的组成 1.2.2 网站模式 1.2.3 网站工作原理 411.2 1.2 网站的组成及原理网站的组成及原理1.2.1 网站的组成 虽然网站种类繁多，形式各异，但总起来说，一般组成结构如图1-1所示。图1-1 网站组成结构图1.网站IP地址和域名 每个接入因特网的主机在网络上都应该有唯一标识，以便其他计算机能够访问，这就是IP地址。422.网站硬件平台 一个网站运行好坏，硬件起着很重要的作用，它是整个网站正常运行的基础。3.网站软件平台 硬件平台确定以后，软件的选择与配置就成为影响网站性能的关键。4.系统管理与安全 网站是一个动态的面向应用的信息系统，需要不断管理与维护，包括网络服务的管理和应用系统的管理，可分为静态和动态运行管理、系统配置管理、性能调整管理、信息资源管理、系统人43 员管理等，以保证网站平台的高效、可靠和方便快捷的运作。1.2.2 网站模式 网站系统采用的工作模式是浏览器/服务器(Browse/Server，简称B/S)模式，随着微软推出的分布式因特网应用结构DNA技术的应用，传统的B/S模式将逐渐被浏览器/应用服务器/数据库服务器(Browse/Application/Server)模式所取代。1.Browse/Server模式 在基于B/S模式的网站中，进行事务逻辑处理、共享数据库管理的服务器，将事务处理的结果发44往网络中的客户机上，构成分布式信息处理系统。2.Browse/Application/Server模式 在上述三层体系结构的基础上，利用组件对象模型(COM，Component Object Model)技术，在中间层进行事务逻辑服务。图1-3 B/A/S四层结构模型1.2.3 网站工作原理 无论三层架构的B/S模式，还是四层架构的45B/A/S模式，客户机与服务器之间的通信均依靠HTTP协议。图1-4 网站基本工作原理 461.3 1.3 网站的分类网站的分类1.3.1 按覆盖范围分类 1.3.2 按交互方式分类 1.3.3 按资源性质分类 47 从表面看，网站形式多种多样，五彩缤纷。透过外表，可以将现行网站进行台下分类。1.3.1 按覆盖范围分类 网站既可以运行在企业内部的局域网（LAN）中，也可以运行在因特网（Internet）上，因此，按覆盖范围分类，网站可以划分为内部网站和外部网站两类。1.内部网站 内部网站是只供某一局域网内的用户或通过特定的专用网络的用户访问的网站。482.外部网站 外部网站是通过因特网访问的网站，此类网站建立在因特网之上。1.3.2 按交互方式分类 网站的另一种分类方法是看网站是否具有交互性和远程维护功能，并据此分为静态网站和动态网站两大类。1.静态网站 一般把不具备交互性的网站称为静态网站。492.动态网站 动态网站是指页面信息可以根据用户需求或浏览状况动态更新的网站。1.3.3 按资源性质分类 根据信息传递及提供服务的方式，通常可以将网站分为政务网站、商务网站、企务网站、教务网站、服务网站、娱乐网站和个人网站等。1.政务网站 在日常生活中，政府一向是重要的权威信息提供者，人们一方面需要通过政府网站了解政府的法律法规、最新动态、便民措施、施政纲领；50另一方面，政府网站具有商业网站无法比拟的功能，即能够通过开展网上办公，锁定大量的信息使用者，如网上纳税、网上预约、网上公文传送、市民办事等栏目。2.商务网站 电子商务是以应用因特网为基础、利用信息技术为手段的商务活动。3.企务网站 企业信息网站的基本作用是为人们提供企业管理的平台，所有访问者都可以通过这个平台获得个性化的信息和服务。514.教务网站 教务网站是利用因特网进行学校教务管理和远程教育的网站。5.服务网站 服务类网站是指着重提供因特网公众服务的网站。6.个人网站 目前，随着网络条件的改善和网络知识的普及，在因特网上拥有自己的一片家园已经成为每一个用户的心愿。521.4 1.4 常用建站技术常用建站技术1.4.1 HTML 1.4.2 XML 1.4.3 CSS 1.4.4 VBSript 1.4.5 ASP.NET 1.4.6 辅助工具 53 与开发其他应用程序相比，建设网站往往需要多种语言和工具组成的组合开发平台。1.4.1 HTML HTML(Hyper Text Markup Language)是一种超文本标记语言，是WWW文档描述语言。1.4.2 XML XML是eXtensible Markup Language的缩写，是一种可扩展标记语言。1.4.3 CSS 一般把CSS（Cascading Style Sheet）称为页面样式表，简称为样式表。541.4.4 VBScript 为了弥补HTML文档的动态性和智能性的不足，同时又不增加Web服务器的负担，在网站开发中引入了客户端脚本语言，通过在HTML文档中嵌入脚本程序来提高网站程序的整体性能，常用的脚本语言有VBScript。1.4.5 ASP.NET ASP.NET是Microsoft.NET框架的一部分，是把网站开发技术提升到面向对象层次的平台。551.强大的编译功能 ASP.NET是运行在服务器端的通用语言运行环境，和以前的解释运行方式不同，ASP.NET通过即时编译来提高性能。2.强大的开发工具支持 虽然建立ASP.NET页面或应用程序不需要专门开发工具，但如果想要快速、高效地创建应用，掌握一种开发工具是必须的。3.良好的适应性 ASP.NET是基于通用语言运行环境的，所有一般语言具有的类库、消息和数据库连接技术都能方便地应用到网络上。564.简易性 ASP.NET提供了一整套网络窗体控件，用于快速生成用户界面。5.代码绑定 代码绑定是ASP.NET提供的一项重要新技术，可以更好地将界面逻辑与页面内容分离，从而方便网络程序员和网页设计师的协调工作。6.可管理性 ASP.NET的管理是基于“无本地管理”的思想，使用纯文本的设置方式，只要设置相应的文本文件，就可以完成一系列的站点设置。577.可定制性和可扩展性 ASP.NET提供了可定制重用的体系结构，用户可以在一定层次上修改ASP.NET提供的程序段，甚至可以重写ASP.NET的组件，从而实现根据不同需要定制的目的。8.安全可靠性 ASP.NET基于Windows验证机制，它采用为每个应用进行配置的方法，确保用户的应用是安全可靠的。581.4.6 辅助工具 建设网站，除了进行页面设计和业务逻辑程序设计外，还需要对页面进行美化处理，以达到不但传递信息，同时给人以美的享受的目的。1.Dreamweaver MX Dreamweaver MX是一款专业的HTML编辑器，用于对Web站点、页面和应用程序进行设计、编码和开发。2.Fireworks MX Fireworks MX是用来设计和制作专业化网页图形的解决方案。593.Flash MX Flash与Fireworks、Dreamweaver并称为网页制作三剑客，是一个功能强大的矢量化交互式动画制作软件。4.Swish Swish是一个专门用于制作SWF文字动画的软件，它的高级版本也能制作图形图像的动画效果。5.Cool3D Cool3D是一个专门制作文字3D效果的软件，可以用它方便地生成具有各种特殊效果的3D动画文字。601.5 1.5 网站建设流程网站建设流程1.5.1 用户需求调查 1.5.2 确定服务器解决方案 1.5.3 规划设计 1.5.4 网页制作 1.5.5 网站的测试与发布 1.5.6 网站的维护 61网站建设需要按照一定的流程进行，以保证既满足用户需求，又减少返工，节省时间，提高效率。1.5.1 用户需求调查 首先要明确用户建设网站的目的、要求，与用户进行充分沟通，完整而全面地搜集和整理用户提供的各种资料，然后分析和理解用户的需求。1.5.2 确定服务器解决方案 一个网站至少应有一台用于存放网站文件的服务器。621.建立独立网站 一个网站拥有域名后，就可以在网上利用一台服务器和一套软件，建立起网站，全球的因特网用户都可以通过该域名访问这个网站。2.租用虚拟主机 建立独立站点需要较大的投资，每年的运营费用较高，这在一定程度上制约了部分中小企业建站进程，所以，对信息量和网站功能要求不高的中小企业，可以选择比较经济的租用虚拟主机解决方案。633.服务器托管 随着网络资源服务市场的成熟，除了虚拟主机的方案以外，还可以选择服务器整机托管的方案来建立网站。1.5.3 规划设计 确定服务器解决方案后，在正式建站前需要对网站进行一系列的规划与设计。1.5.4 网页制作 网页是网站对外表现形式，数据库和Web程序是网站的内部事务处理逻辑。641.5.5 网站的测试与发布 网站制作完成后，要经过反复测试、审核、修改，直到无误后正式发布。1.5.6 网站的维护 网站建成之后，在运作过程中需要不断更新网站的信息，及时总结经验教训，逐步完善网站功能。651.6 1.6 常用建站技术常用建站技术1.6.1 确定集成开发方案 1.6.2 安装IIS 1.6.3 设置应用目录 1.6.4 安装DreamweaverMX 1.6.5 安装ASP.NETSDK 1.6.6 建设第一个简单网站 66千里之行，始于足下。1.6.1 确定集成开发方案 构建一个网站运行环境需要操作系统、Web服务器、数据库服务器的支撑，相应的开发工作还需要开发语言和辅助工具构成的集成环境。1.6.2 安装IIS IIS是Windows操作系统的组件，随操作系统一起提供。67图1-5“Windows组件向导”对话框图1-6 IIS测试页面681.6.3 设置应用目录 为了能够访问网站页面，需要把网站程序放置在一个特定的目录中，对于IIS来说，在Windows系统盘的根目录下创建的Inetpubwwwroot就是这样一个默认的特定目录，在这个目录下，就可以创建一个或多个网站应用目录。1.6.4 安装Dreamweaver MX 安装步骤如下：691.6.5 安装ASP.NET SDK 要运行支持ASP.NET的网站文件，需要在Web服务器上安装ASP.NET的支撑环境SDK。1.6.6 建设第一个简单网站 为了测试网站开发环境的有效性，可从建立简单网站开始。1.只有一个静态网页的网站 静态网页是用纯HTML代码编写的网页。2.只有一个动态网页的网站动态网页是可以提供随环境变化而变化的个性服务的网页。70图1-8 Exam1_2.htm的运行结果本章小结本章小结 1.网站是计算机应用系统的一种模式，它以计算机网络为载体，应用程序集中存放在服务器端，用户统一使用浏览器作为客户端程序。71 2.网站种类繁多，形式各异，就硬件而言，一般包含服务器、客户机、交换机、网线及相关网络设备；就软件而言，通常包含操作系统、数据库、信息服务器、浏览器及为具体单位定制的网站程序。3.建设网站需要众多知识和技术的组合，在系统运行机制方面，需要了解网站工作原理；在开发语言方面，需要掌握HTML、CSS、VBScript、SQL、ASP.NET等语言；在编辑和调试程序方面，需要掌握Dreamweaver、Flash、Firework等工具软件；同时，还要具有一定的美术修养，以使网站在实现功能的前提下界面美观，赏心悦目。72 4.建设网站的一般流程为：调查用户需求、规划设计、构建开发环境、建立数据库结构、网页制作、系统测试、发布与维护。思考与练习思考与练习 1.1 简述网站的组成。1.2 网站工作模式有哪些？1.3 网站是如何工作的？1.4 IP地址与域名有何关系？1.5 独立服务器、服务器托管与虚拟主机有何不同？1.6 常见的网站有哪些类型？731.7 常用网站建设的技术和工具有哪些？1.8 建设网站的一般流程如何？1.9 怎样构建网站运行环境？1.10 怎样构建网站开发环境？1.11 上机操作：输入调试例1-1程序。1.12 上机操作：输入调试例1-2程序。74第第2 2章章 网站规划与设计网站规划与设计2.1 网站设计的基本方法2.2 总体设计 2.3 网页布局 2.4 数据库设计752.1 2.1 网站设计的基本方法网站设计的基本方法2.1.1 自顶向下的设计方法 2.1.2 自底向下的设计方法2.1.3 增补设计方法 762.1 2.1 网站建设概论网站建设概论 网站设计与软件开发一样，设计方法包括自顶向下的设计方法、自底向上的设计方法和 增补设计方法三种，其主要任务是进行网站的规划与设计。2.1.1自顶向下的设计方法 一个网站是由一系列网页组成的，自顶向下就是从主页开始，以后向下一层一层地展开，它好比一棵倒立的大树，网站的首页就是树根，然后从树干分枝、分叶。2.1.2 自底向上的设计方法 如果在网站开发之前对整个网页的总体结构还没77有完全成熟的把握，而具体的网页内容确十分明确，就可以采用自底向上的设计方法。2.1.3 增补设计方法 由于用户需求的变化，在网站投入运行后出现新的需求时，就立即设计相应网页的方法就是增补方法。782.2 2.2 总体设计总体设计2.2.1 目标设计 2.2.2 风格设计 2.2.3 栏目设计 2.2.4 导航设计 2.2.5 链接结构设计 2.2.6 配色方案设计 2.2.7 目录结构设计 792.2 2.2 总体设计总体设计 总体设计主要规划网站的总体效果，包括目标设计、风格设计、栏目设计、导航设计、链接关系设计、配色方案设计和目录结构设计等。2.2.1 目标设计 网站目标设计需要解决四个问题：一是确定网站主题，二是确定网站名称，三是确定服务对象，四是确定系统功能。1.确定网站主题 网站主题就是网站所要表达的主要内容，它好比一篇文章的标题。80 2.确定网站名称 网站名称是与主题紧密相关的，一个响亮的名称能给站点的推广提供便利，也在一定程度上体现了网站设计者的文化品位。4.确定系统功能 确定系统功能是建设网站的核心，网站的主题需要通过具体的功能去实现。2.2.2 风格设计 网站风格是网站设计者难以掌握的技术，难在没有规律可循。812.2.3 栏目设计 确定了站点内容，还需要进一步明确站点栏目与板块。1.紧扣主题 一般的做法是将主题按一定的方法分类，并将它们作为网站的主栏目。2.突出重点 网站栏目的设置要突出重点，方便用户。3.重视交互 可能情况下，网站栏目中应包含交互条目，如问与答、留言簿、BBS等，这样可以及时与浏览82者沟通，获取浏览者的反馈意见，解决用户的各种问题，以增强网站的亲和力。图2-1 一个政务网站栏目设置2.2.4 导航设计 导航是网页设计中的重要部分，也是整个网站设计中的一个独立部分。图2-2导航设计 2.2.5 链接结构设计 网站中许多页面之间内容往往存在联系，这种联系通常通过页面之间的超链接实现。831.直线形结构 这种结构适合于层层深入、承上启下的网站栏目，子页面从父页面一级级展开，一般以首页为父页面，站点沿水平方向移动，退出时可以由子页面一级一级向上收缩，为了便于浏览，通常深度不要超过3级，如图2-3所示。图2-3 网站链接的直线形结构2、树形结构 这种结构的链接方向是单一指向的，首页链接指向一级页面，一级页面链接指向二级页面，立体结构看起来像一棵倒着生长的树。84图2-4网站链接的树形结构 3.星形结构 星形结构的链接方向都是双向的，每个页面之间都建有链接，形成星形网络。图2-5网站链接的星形结构854.混合形结构 在实际的网站设计中，一般将以上三种结构混合起来使用，希望浏览者既可以方便快速地到达自己需要的页面，又可以清晰地知道自己的位置。图2-6网站链接的混合形结构 2.2.6 配色方案设计 颜色的选择和使用在网站设计中是很重要的一项内容，在网页中综合运用各种色彩并使其协调搭配，往往会达到意想不到的艺术效果。861.色彩的心理效应 心理学研究表明，人对不同色彩的感觉是不同的，这就是说色彩具有一定的心理效应。2.配色原则 在网页设计中，一般并不使用单一色彩，而是同时运用多种色彩。3.配色方案的确定 对于大多数缺乏美工专业基础的设计者来说，利用网页配色工具生成和谐而有个性的网页配色方案，是一个切实可行的途径。87图2-7网页配色生成器窗口2.2.7目录结构设计 目录结构设计解决如何在硬盘上存放网页、图片、动画、声音、数据库等网站资源文件的问题，在开始建设网站之初就应该合理地规划好目录结构。881.尽量避免在根目录下存放所有文件 有些设计者为了方便，常常将所有文件都存放在根目录下，这样做容易造成文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，从而影响工作效率，也影响上传速度。2.按栏目内容建立目录结构 通常情况下，可按栏目内容建立目录结构，这样，目录与相关栏目文件一一对应，管理起来方便有序。893.目录层次不要太深 一般来说，网站的目录层次不要超过3层，这样便于管理。4.不要使用中文命名 应该考虑到不同浏览者的浏览器配置不同，使用中文目录或文件名可能对网址和文件的显示造成困难，所以应当尽量使用英文目录和文件名，当然，当难以使用英文表示时，也可以使用汉语拼音。5.每个目录下都建立Images子目录 考虑到网页编辑中需要使用大量的图像和动画90文件，一般情况下，在每个目录下都建立独立的Images子目录，以存放相应的文件。图2-8一个电子商务网站目录结构 912.3 2.3 网页布局设计网页布局设计2.3.1 网页的组成元素 2.3.2 网页布局的原则 2.3.3 网页布局的方法 2.3.4 常见页面布局结构 922.3 2.3 网页布局设计网页布局设计 因特网上的网页虽然形式多种多样，内容千差万别，组成各异，但一般包含以下元素：页面标题、网站标志、页眉、导航栏、登录区、搜索区、热点区、内容区、页脚区。当然，有些末级页面因为功能单一，通常只需标题、页眉、内容和页脚等组成。1.页面标题 每个网页都有一个标题，用于标识网页，指示网页的主要内容。2.网站标志 网站标志（LOGO）简称站标，是一个网站特色93和内涵的集中体现，它如同商标一样，能使浏览者看见站标就联想起站点。图2-9典型的网站标志3.页眉 页眉位于页面的顶端，通常在水平放置的导航栏上方。4.导航栏 导航栏的作用是引导浏览者快速浏览网站中重要的栏目和内容，或确定自己当前所处的位置。945.登录区 从本质上来说，网站是一个基于B/S模式的信息管理系统，是一个企业管理的综合平台。6.搜索区 不少网站设计者会为浏览者提供方便的站内搜索功能，如商品搜索、文件搜索、图书搜索、资料搜索等，搜索方式可以是单项搜索、组合搜索、模糊搜索等，以提供用户快速获取信息的渠道。7.热点区 热点区一般放置在首页导航栏下边两侧的位置，如果网站的内容注重时效性，设置这个栏目是必要的。958.内容区 内容是页面的主体，往往根据内容的多少划分栏目或板块。9.页脚 页脚是页面底部区域，通常用来放置版权信息、联系方法等，有时也把导航栏、友情链接放置在这里。图2-11网页的页脚区962.3.2 网页布局的原则 网页布局类似于报纸排版。网页作为一种版面，既有文字，又有图片等。1.主次分明，中心突出 在一个页面上，必然考虑视觉中心，这个中心一般在页面的重点区域，即中央偏上的位置，如图2-12所示。97图2-12网页的重点区域3.图文并茂，相得益彰 文字和图像具有相互补充的视觉关系，页面上文字太多，会显得沉闷，缺乏生气；页面上图像太多，缺少文字，会减少面页的信息容量。984.整体布局，和谐统一 网页的整体布局在页面设计中占据关键位置，起着主导作用。2.3.4 网页布局的方法 贯彻页面布局原则，实施布局方案，一般遵从以下步骤。1.艺术构思 艺术构思就是对页面的整体布局进行认真的构思，画出页面结构草图。992.元素定位 在初步构思方案形成后，进一步的工作是把功能模块元素布署到页面上。3.整体调整 在这一阶段，从整体上考察布局草案，将初步的页面布局精细化和具体化。4.量化描述 这是页面布局的最后阶段，将已设计定案的页面元素的位置和尺寸加以确定，主要包括：1002.3.4 常见页面布局结构 虽然网页布局无规律可循，但也有一些范式成为网页设计者约定熟成的方案，常见的有以下6种。1.“同”字形布局 所谓“同”字形结构，就是页面整体布局格式类似于一个“同”字，如图2-13所示。图2-13“同”字形布局的网页1012.“国”字形布局 “国”字形布局是在“同”字形布局基础上演化而来的，它在保留“同”字形的同时，在页面的下方增加一横条状菜单或广告，如图2-14所示。图2-14“国”字形布局的网页1023.“匡”字形布局这种类型的页面布局结构去掉了“国”字形布局右边的边框部分，给主页内容区释放了更多的空间。图2-15“匡”字形布局的网页4.“三”字形布局 这种页面布局具有简洁明快的艺术效果，适合于