1、第 1 章 网站建设概论1.1 网站的基本概念1.1.1Web 的起源Web 起源于欧洲物理实验室，该机构位于瑞士日内瓦附近1.1.2 超文本与超链接超文本是一种电子文档，其中的文字包含有可以联系到其他文字或者文档的链接，允许从当前阅读位置直接切换到链接所指向的文字。超链接不仅可以指向其他网页，还可以指向网页内部的文本和图像，从而建立内部链接。内部链接指向的目标又称为书签或锚点。1.1.3URL网页通过统一资源定位器 URL 来定位。URL 用于表示网络资源的地址，俗称网址，它的作用相当于日常使用的通信地址，用来表示网上信息所在位置及存取方式。URL 的一般格式为：协议：/主机地址 /路径/文
2、件名http:/ 是超文本传输协议www 代表站点类型， sohu 是站点名，com 是域名20050610 是目录路径，n12345.htm 是最终要浏览的网页文件1.1.4IP 地址IP 地址是接入因特网的主机被分配的唯一编号，习惯上用 32 位二进制数表示，每8 位成一组，每组数的十进制范围为 0255，各数之间用一个点号 “.”分开，如211.65.17.1。从物理意义上来说，每个 IP 地址由网络号和主机号两部分组成。网络号表明主机所属的网络，主机号标识该网络上特定的主机。A 类地址：1.0.0.0127.255.255.255B 类地址：128.0.0.0192.255.255.2
3、55C 类地址：192.0.0.0233.255.255.255111.111.111.111 为广播地址， 000.000.000.000 为当前地址，而 127.0.0.1 则是本机地址。1.1.5 域名IP 地址以数字形式表示主机的地址，比较难记。为了使用和记忆方便，也为了便于网络地址的分层管理和分配，因特网中采用了一种字符型的命名机制，用字符串来代替数字，这就是网络域名系统。GOV 政府机构 EDU 教育机构 INT 国际组织 COM 商业机构 NET 网络中心1.1.6TCP/IP 协议1.1.7HTTP 协议1.1.8 浏览器1.2 网站的组成及原理1.2.1 网站的组成1、网站
4、IP 地址和域名2、网站硬件平台（网络设备、服务器）3、网站软件平台（操作系统、Web 服务器和数据库系统、应用系统）4、系统管理与安全1.2.2 网站模式1、表示层（包含系统的显示逻辑，位于客户端）2、功能层（位于服务器端，包含系统的事务处理逻辑）3、数据层（位于数据库服务器端，包含系统的数据处理逻辑）1.2.3 网站工作原理Web 网站系统的工作原理实际上就是 HTTP 的工作原理。在一个由客户机和 Web服务器组成的网络系统中，通过 HTTP 协议，客户机向服务器提交请求，服务器接受请求并进行处理，然后将处理结果组成动态 HTML 文件返回客户端，最终在客户端的浏览器中解释显示。客户机和
5、服务器是在特定连接上进行通信的双方，对于一个应用系统而言，它可能同时接受多个请求，并有条不紊地进行处理和响应，最终在多用户的环境中完成请求 处理响应，实现智能化信息管理的任务。1.3 网站的分类1.3.1 按覆盖范围分类1、内部网站 2、外部网站1.3.2 按交互方式分类1、静态网站 2、动态网站1.3.3 按资源性质分类1、政务网站 2、商务网站 3、企务网站 4、校务网站 5、服务网站 6、个人网站1.4 常用建站技术1、HTML2、XML3、CSS4、VBScript5、ASP.NET6、辅助工具ASP.NET 的优势：1、强大的编译功能2、强大的开发工具支持3、良好的适应性4、简易性5
6、、代码绑定6、可管理性7、可定制性和可扩展性8、安全可靠性辅助工具：1、 Dreamweaver MX2、Fireworks MX3、Flash MX4、Swish5、Cool3D1.5 网站建设流程1、用户需求调查2、确定服务器解决方案（建立独立网站、租用虚拟主机、服务器托管）3、规划设计4、网页制作5、网站的测试与发布6、网站的维护1.6 构建网站开发平台1、确定集成开发方案2、安装 IIS3、设置应用目录4、安装 Dreamweaver MX5、安装 ASP.NET SDK6、建立第一个简单网站第 2 章 网站规划与设计2.1 网站设计的基本方法 自顶向下的设计方法 自底向上的设计方法
7、增补设计方法2.2 总体设计 目标设计 确定网站主题 确定网站名称 确定服务对象 确定系统功能 风格设计 栏目设计（1、紧扣主题 2、突出重点 3、重视交互） 导航设计 链接结构设计（1、直线形结构 2、树形结构 3、星形结构 4、混合形结构） 配色方案设计（色彩的心理效应、配色原则、配色方案的确定） 目录结构设计 尽量避免在根目录下存放所有文件 按栏目内容建立目录结构 目录层次不要太深 不要使用中文命名 每个目录下都建立 Images 子目录2.3 网页布局设计 网页的组成元素1、 页面标题 2、网站标志 3、页眉 4 导航栏 5 登录区 6 搜索区 7 热点区 8 内容区 9页脚 网页布局
8、的原则1、 主次分明，中心突出。2、 疏密有度，错落有致。3、 图文并茂，相得益彰。4、 整体布局，和谐统一。 网页布局的方法（艺术构思，元素定位，整体调整，量化描述） 常见页面布局结构（“同”字形布局，“国”字形布局，“匡”字形布局，“三”字形布局，“川”字形布局，自由式布局）2.4 数据库设计1、数据库的选择 信息量 稳定性 安全性 操作性2、 Access 数据库设计Access 特点：（1 ） Access 是一个中小型关系数据库管理系统，一个文件即构成一个数据库，使用便捷、灵活，适合于开发中小型网站。（2 ） Access 提供可视化操作工具和向导，如表生成器，查询设计器等，开发者可
9、以快速建构具有一定规模、较为复杂的数据库，并能通过可视化方法直接管理数据库，实现数据的添加、修改、查询等操作。（3 ） Access 是一个典型的开放式数据库管理系统，通过 ODBC 能与其他数据库相连，实现数据交换和共享。（4 ） Access 是 Microsoft Office 组件之一，承担了数据处理、查询和管理的职责，可方便地与 Word、Excel 等办公软件进行数据交换和共享，构成一个集文字处理、图表生成和数据管理于一体的办公平台。（5 ） Access 支持多应用与开发，在 Access 中可以嵌入和链接诸如声音、图表和图像等多媒体数据，并通过 OLE 技术来管理。（6 ） A
10、ccess 既可以在单用户环境下工作，也可以在多用户环境下工作，并且具有完善的安全管理机制。（7 ） Access 内置了大量函数，其中包括数据库函数、算术函数、文本函数、日期函数、财务函数等，开发者可以利用这些函数建立复杂的计算表达式。第 3 章 可视化静态网页制作3.1Dreamweaver MX 的基本操作Dreamweaver MX 的集成环境由标题栏、菜单栏、工具栏、状态栏、网页编辑区和浮动面板组成编辑网页有 3 种视图方式：设计视图、代码视图和拆分视图Dreamweaver MX 界面中主要的浮动面板有 3 种：插入面板、快速启动面板和属性面板。3.2 网页布局Dreamweave
11、r MX 提供 3 种解决方案来实现网页布局：一是表格技术，二是框架技术，三是图层技术。3.3 网页编辑1、文字输入与编辑 2、插入图像 3、插入 Flash 动画 4、插入插件对象 5、添加声音6、插入表单3.4 创建超链接1、创建页面链接 2、创建锚点链接 3、创建 E-mail 链接 4、创建映射图链接 5、创建导航条 6、创建跳转菜单 7、创建空链接与脚本链接3.5 综合实例在网页中加入声音的方法通常有 2 种：链接和嵌入1 创建实验站点 2 创建站点首页 3 编辑站点首页第 4 章 HTML 语言4.1HTML 语言简介HTML 特点： 1 语法简单，易学易用 2 解释性语言 3 纯
12、文本文档 4 与平台无关4.2HTML 文档结构4.3 文字格式4.4 段落排版4.5 图像设置4.6 多媒体设置4.7 超链接设置4.8 表格设置4.9 框架设置4.10 图层设置4.11 表单设置4.12CSS 页面样式表4.12.1CSS 的定义方式CSS 页面样式有 2 种常用标记方法，即 HTML 标记法和类标记法。4.12.2CSS 的引用方法1 插入式引用 2 嵌入式引用 3 外链式引用4.12.3CSS 的基本属性第 5 章 VBScript 客户端脚本语言5.1VBScript 语言简介5.2VBScript 的数据类型数据类型，常量，变量，运算符5.3VBScript 的函
13、数输入函数，字符串函数，数学计算函数，日期和时间函数，数据格式化函数，数据转换函数，数据类型检测函数5.4VBScript 程序结构顺序结构，选择结构，循环结构，函数结构5.5VBScript 的对象机制1 VBScript 对象机制（对象的引用，事件处理）2 浏览器对象窗口对象（Window 对象），文档对象（Document 对象），历史对象(History 对象)，位置对象(Location 对象)，导航对象（Navigation 对象）5.6 综合实例第 6 章 ASP.NET 服务器端编程语言6.1ASP.NET 语言简介.NET 是微软公司提供的一系列产品的总称，具体来说，.NET
14、 由.NET 战略、.NET Framework、.NET 企业服务器和.NET 开发工具几个部分组成.NET Framework 分为以下几个部分：MS 中间语言、CLS 公共语言运行时刻库、.NET Framework 类库、.NET 语言、ASP.NET 和 Web 服务。6.2ASP.NET 控件HTML Server 控件、Web Server 控件、数据验证控件、自定义控件HTML Server 控件分为两类：HTML 容器控件和 HTML 输入控件6.3ASP.NET 的内置对象Response 对象、Request 对象、Application 对象、Session 对象、Se
15、rver 对象6.4ASP.NET 的数据库访问ADO.NET 对象体系、Connection 对象、Command 对象、DataAdapter 对象、DataSet对象、DataReader 对象6.5ASP.NET 的配置fig 文件、Wfig 文件、global.asax 文件第 7 章 用户登录系统的设计与实现系统设计：登录界面设计、数据库设计、主要事务流程设计要实现用户登录界面功能，首先需要提供用户登录界面。目前常用 2 种方式实现登录界面：一种是嵌入在主页之中，另一种是用独立页面实现。主要事务流程设计流程：1 用户输入信息的合法性检查 2 用户身份的合法性检查 3 提示信息的处理
16、第 8 章 数据输入系统的设计与实现设计数据输入系统功能时，通常需要考虑如下因素：确定界面、确定权限、确定数据来源和格式不管输入界面、用户权限、数据来源和格式如何，在设计数据输入系统时，都应最大限度地实现以下功能:1 数据添加、修改、删除的权限应与用户身份和角色相一致 2 提供方便、友好、美观的输入界面，允许用户输入或选择权限范围内的数据 3 数据进库前应进行合法性和完整性校验，防止无效数据进入 4 提交修改和删除前，应给予必要的提示和确认 5 修改和删除数据后，要重新审查数据的完整性，注意与此关联的数据要给予同步更新。系统设计：添加命令、合法性校验、恰当提示网站建设中的数据添加通常使用 SQ
17、L 语言中的 Insert 命令来实现，Insert 命令的标准语法为：INSERT INTO 数据表名（字段 1，字段 2， ）VALUES(值 1，值 2)数据输入系统程序一般包括页面初始化、接收用户输入、输入数据的合法性校验、执行添加命令、添加后的提示与整理等。第 9 章 信息查询系统的设计与实现网站信息查询系统通常需要实现以下功能:1 查询内容应与用户身份和权限相一致 2 提供方便、友好的查询条件输入界面 3 提供简洁、美观的查询结果显示界面 4 查询提示机制查询界面设计包括查询条件界面设计和查询结果界面设计设计查询条件界面设计应注意：1 查询条件提示要准确，给用户明确的内容、范围、是否可为空等信息，不要似是而非。2 充分利用 Web 控件功能，在页面空间许可的情况下，尽量使用选择代替输入，提高条件输入的规范性和准确性，从而提高查询结果的准确性 3 当有多个条件时，注意明确条件之间的逻辑关系查询结果界面设计：确定显示位置。确定显示方式。确定简单汇总。第 10 章 统计分析系统的设计与实现网站统计系统通常需要实现以下功能：1 统计内容应与用户身份和权限相一致2 能实现各种角度的统计 3 能以表格方式显示统计结果 4 能以图形方式显示统计结果
