网站制作与发布

1. 网站制作与发布

2. 第1部分 网站基础知识

3. 建站基础知识: 1. 网络基础： （网络协议、internet和www、浏览器/服务器运作流程、网站建设平 台、网站建设费用等） 2. 语言基础： （1）HTML语言基本、CSS样式  （2）构建Web服务器：(IIS安装、IIS配置)  （3）动态网页语言基础：（ASP语言基础、Web数据库基础） 3. 各种软件使用基础：  ( Dreamweaver、 Photoshop、 Fireworks、Flash、 音频视频处理软件、Cute FTP)

4. 1.1 关于网络的知识 1.1.1 Internet Internet 是由一些使用公用语言互相通信的计算机连接而成的全球网络。一旦连接到这个 Web 节点，即表明您已经与 Internet 连接。

5. Internet WWW 大型图书馆 Web 节点 图书馆中的一本书 Web 页 书中的某一页 1.1.2 WWW－World Wide Web 全球广域网

6. 1.1.3 客户端和服务器 服务器：是指能向许多客户端同时提供数据的大型计算机。它既可以指实际的计算机，也可以指一套软件。 客户端：是指用来与数据提供者（服务器）通信的软件和硬件。 Web服务器是一种能使用HTTP与客户端通信的特殊类型的服务器。　　在网上客户端通常是指Web浏览器，它专门使用HTTP显示来自Web服务器的信息。目前的Web浏览主要使用微软公司的Internet Explorer和网景公司的Netscape。

7. 1.1.4 TCP/IP (传输控制协议 / Internet协议 ) (Transmission Control Protocol/Internet Protocol) TCP/IP协议：是一种网络通信协议，它规范了网络上的所有通信设备，尤其是一台主机与另一台主机之间的数据来往格式以及传送方式。 　　虽然从名字上看TCP/IP包括两个协议，传输控制协议(TCP)和网际协议(IP)，但TCP/IP实际上是一组协议，它包括上百个各种功能的协议，如：HTTP、远程登录、文件传输和电子邮件等。 TCP/IP 是Internet的基础协议。TCP协议和IP协议是保证数据完整传输的两个基本的重要协议。

8. 1.2 关于网站的知识 1.2.1 浏览器/服务器的运作流程 Internet 浏览器 WWW服务器 WWW服务器是一台放有网页文档的电脑，它安装有WWW server的程序，这个程序是专门处理网页资料和接受客户端请求用的。

9. 1.2.2 浏览器/服务器模型的运作模式 World Wide Web技术作为Internet上信息资源共享的解决方案，它是构建在B/S模型以及Http协议的基础上。 运作模式： 请求 处理 应答

10. 1.3 关于网页的知识 1.3.1 编写网页的语言——HTML HTML：Hyper Text Markup Language（超文本标识语言）。 它是计算机语言的一种，不像C/C++、Visual Basic这类程序语言，HTML只是一种标识语言，用来对网页进行排版。 HTML只是一个纯文本文件（所谓纯文本文件，就是可以用记事本打开并编辑、没有特殊格式的文本文件），它有各式各样的标记（Tag），用来标识对象显示的方式。

11. 1.3.2 网页中的图像 WWW上比较常用的图象格式为GIF（文件扩展名为：.gif）和JPEG(文件扩展名为：.jpg)。这两种图形文件格式的功能比较如下表所示：

12. 1.3.3 网页中的动画 目前，WWW上比较流行的动画格式有两种：GIF动画和Shockwave。GIF是位图动画，Shockwave是矢量动画。制作Shockwave动画的工具是Macromedia Flash，可以制作比较长比较复杂的动画。如果只是小图标要动，GIF动画就够了。

13. 1.3.4 动态网页发布技术简介 例子 ASP、PHP和JSP基本上都是把脚本语言嵌入到HTML文档中。都是在服务器端运行的程序。 • ASP ASP(Active Server Pages)，是微软推出的的动态服务器网页技术。 ASP是在服务器端执行的，目前可以在Windows 98、Windows NT、Windows 2000上运行。它对客户端没有任何特殊的要求，只要有一个普通的浏览器就可以了。 ASP优点是：执行效率高，存取Access或SQL数据库非常方便，开发维护都较容易。

14. PHP PHP程序是完全免费的。 它不仅可以运行在 Windows 上，在Unix、Linux还有其它操作系统上都可以执行，不过，它的运行环境安装比较复杂。PHP、MySQL数据库和Apache Web服务器是一个比较好的组合。 PHP也是将脚本描述语言嵌入HTML文档中，它大量采用了C、JAVA和PERL语言的语法，并加入了各种PHP自己的特征。它也是在服务器端执行的，这一点和ASP类似，不受客户端浏览器的限制，存取数据库也比较方便。

15. JSP JSP(Java Server Pages)，它是由太阳公司提出、多家公司合作建立的一种动态网页技术。 JSP的最大优点是开放的、跨平台的结构。它可以运行在几乎所有的服务器系统上（Windows NT、Windows 2000、Unix、Linux、Windows98等）。当然，需要安装JSP服务器引擎软件。JSP也是在服务器端运行的，对客户端浏览器要求很低。 ASP学习简单，使用方便； PHP软件免费，运行成本低； JSP多平台支持，转换方便。

16. 1.4.1 Dreamweaver MX 简介 1.4 常用软件工具 Macromedia Dreamweaver MX 是一种专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。 您可以在可视化编辑环境中工作，还可以直接编写 HTML 代码。 借助 Dreamweaver，您还可以使用服务器语言（例如 ASP、ASP.NET、ColdFusion 标记语言 (CFML)、JSP 和 PHP）生成支持动态数据库的 Web 应用程序。

17. 1.4.2 Photoshop 7.0 简介 Photoshop是目前最流行的平面图形设计软件，是针对位图图形进行操作的绘图程序。他的工作主要是进行图像处理，而不是图像绘制。 Photoshop经常用于广告的设计、图像的修饰、商品的标志等等。

18. 1.4.3 Macormedia Fireworks简介 Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度。 使用Fireworks不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮等，并能使用可配置的功能来优化图像因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。 Fireworks和Dreamweaver能够共享和管理HTML文件中的许多内容，例如：链接、图像地图、切片、网页特效等，生成的HTML代码可以直接输出到Dreamweaver及其他的HTML代码编辑软件中。

19. 1.4.4 Macromedia Flash 简介 1、什么是Flash? Flash是Macromedia公司出品的软件，它是“交互性矢量多媒体动画制作软件”。Flash的发展与网络紧密相连，可以说，没有与网络的结合，Flash绝对不能取得现在的成功。 2、Flash给我们带来了什么? • 网页制作， Flash是设计和发布窄带动画、演示 内容和网站的关键性软件。 • 短剧、MTV、贺卡等领域； • 多媒体教学、游戏等。 3、闪客是什么? 闪客，Flasher，据说是国内Flash的先行者边城浪子的“回声咨询”中出现的，后来在他建立的“闪客帝国”中流行开来。随着Flash在国内的发展，闪客这个名称也深入人心，闪客的队伍也不断壮大。

20. 1.5 目前，在国内网站的建设和运行费用主要包括以下 几个方面： • 域名费用：注册域名之后，每年需要交纳持有该域名的使用权的费用。 • 线路接入费用和合法IP地址费用：不同的ISP、接入方式和速率下的费率有差别，速率越高，月租费也越贵。 • 服务器硬件设备费用：如果是租赁专线自办网站，还需要购置路由器、调制解调器、防火墙等接入设备及配套软件。 • 主机托管费或主机空间租用费：如果进行主机托管或租用虚拟主机，托管费按照主机在托管机房所占空间大小（以U为单位，通常是指机架单元）来计算；空间租用费则按所占主机硬盘空间大小（以MB为单位）来计算。 • 系统软件费用：包括购置操作系统、WEB服务器软件、数据库软件等软件的费用。 • 开发维护费用：网站制作的软硬件平台搭建好之后，必须考虑具体的WEB页面设计、编程和数据库开发以及后期的平台维护费用。 • 网站的市场推销和经营费用。

21. Internet 发布信息 研发、制作、维护工作站 WEB应用服务器 数据存储系统 WEB服务器 群集系统 网络接入设备 操作系统 控制系统 计算机 局域网 网络接入安全系统 服务器安全系统 中间件安全系统 数据存储安全系统 开发维护安全系统 数据存储部分 数据存储部分 接入部分 服务器部分 中间件 1.6 网站的制作平台——硬件平台

22. 1.7 网站的制作平台——软件平台 网站的软件平台：网络协议、网站操作系统、网站制作工具、数据库软件等 网络协议：TCP/IP、NetBEUI、IPX 网络操作系统：Windows 2000、Netware、Linux、Unix 网络制作工具：dreamweaver、ASP(JavaScript、VBScript)、Flash、 Photoshop、Fireworks等 常用的软件平台解决方案： Windows2000 Server + IIS + ASP + SQL SERVER

23. 小 结 本部分主要讲解了网络、网站和网页的一般常识以及网页浏览的一般流程。 最后讲解了建设网站的硬件和软件平台以及建设网站的运行费用。 为更好地解决网站在运行过程中所出现的各种问题奠定基础，为后面内容的学习铺平道路。

24. 第2部分 网站建设流程

25. 策 划 网 站 决定 决定 网站的客户对象 网站主题 网站内容 表现 影响 通过综合的分析 具体的 主题 内容 对象 2.1 策划网站 策划网站逻辑图

26. 网页标题 网站标识 页眉 导航栏 主内容区 页脚 2.1.1 网页的布局规划

27. 利用搜索引擎查找网上资料如：雅虎、搜狐、新浪、百度等。利用搜索引擎查找网上资料如：雅虎、搜狐、新浪、百度等。 1. 尊重版权 2. 健全性 • 内容的完整性与正确性。 • 链接的正确性与完整性。 • 资料中包含具有注释性以及 内容扩展性质链接的文本。 3. 合法性 2.1.2 网站资料的收集 将所搜集的资料，按不同的板块内容分别存放在不同的文件夹中，这样对不同的资料进行分类存放，非常便于对资料的整理、分类和使用。

28. 2.1.3 网站目录设计 基本思想： 不要将网站中的所有文件都存放在同一个目录下，会造成文件管理混乱。 目录的结构设计要注意以下几点： • 在每个主目录下都建立独立的Images目录； • 目录的层次不要太深，一般不要超过3层嵌套； • 避免使用中文目录名和文件名； • 尽量使用意义明确的目录名称。

29. 首页面 一级子页面 二级子页面 三级子页面 四级子页面 2.1.4 链接设计 1. 线性结构： 适用于内容较单一的网站及个人主页，或是介绍某个单一的产品网站。

30. 首页面 一级子页面 一级子页面 二级子页面 二级子页面 三级子页面 三级子页面 2. 非线性结构： 树状链接结构 优点是条理分明，访问路线清晰，访问者明确知道自己在什么位置，不会“迷路”。 缺点是浏览效率低，由一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页面。

31. 星状链接结构： 优点：浏览方便，没有明显的级别区分，浏览者可以随时到达自己喜欢的页面。 缺点：必需在每一个页面内占用一些面积来设置超级链接，使页面中有效浏览面积减少，同时还容易使浏览者“迷路”，从而降低了有效内容的访问量。

32. 星状 星状 首页面 树状 一级子页面 一级子页面 二级子页面 二级子页面 三级子页面 三级子页面 树状、星状混合链接结构： 比较好的方案：首页面和一级页面之间用星状链接结构，二级页面和以下各级页面之间用树状链接结构。

33. 2.1.5 网站导航的规划 ☆ 导航栏：以一个一行多列的表格来完成。 http://www.sina.com.cn ☆ 下拉菜单导航：分为可隐藏类和不可隐藏类。 http://www.macromedia.com/cn/ ☆ 分类列表式导航：是以多行多列的表格来完成。http://www.onlinedown.net/（华军软件园） ☆ 关键词导航：一段文字中的关键词包含了超链接。 ☆ 其他类导航：如图像或一个动态的小动画来引导一个网站的链接导航。http://news.sina.com.cn

34. 2.1.6 网页的色彩搭配 网页的色彩是树立一个网站形象的关键所在。 代表热情、奔放、庆典 红色 黑色 代表严肃、夜晚、神秘 黄色 代表高贵、富有、快乐 白色 代表纯洁、简单、明快 蓝色 代表天空、清爽、专业 绿色 代表生命、和睦、健康 灰色 代表平凡、温和、高雅 紫色 代表浪漫、爱情、温柔 褐色 代表土地、深沉、古典 橙色 代表轻快、温馨、时尚

35. 2.2 页面的设计 主页面和子页面的关系：主从的关系,子页面通常担当起细节页的角色。 子页面设计的原则： • 子页面的设计风格和主页面协调一致。 • 各个子页面的布局结构协调一致。

36. 2.3.1 IP地址 2.3 域名和空间的申请 IP地址：为了使Internet上的众多电脑在通信时能够相互识别，Internet上的每一台主机都分配有一个唯一的32位地址，该地址称为IP地址。它是Internet上主机的数字式标志。 • IP地址由三部分组成： 类别字段：用来区分地址的类型; 网络号码字段net-id：用来标志哪个网络； 主机号码字段host-id：用来标志哪台主机。 • IP的地址分为五类：A类~E类,目前大量使用的地址是A,B,C三类 • 在通常情况下，IP地址写成四组用小数点隔开的十进制正数 例如： 210.41.187.60：类别字段210，网络号码字段net-id 41.187，主机号码60。

37. 2.3.2 域名知识介绍 为了便于记忆和便于分配、管理Internet地址，Internet上主机通常使用名字，而不是IP地址来代表。 当用户用域名地址请求连接时，负责管理的计算机则把它送到“域名服务器”上，由域名服务器把域名翻译成相应的IP地址。 因此，用户既可以用该主机的IP地址连接入网，也可以用该主机的域名表示，其效果是一样的。 域名具有世界唯一性，域名注册机构保证全球范围内没有重复的域名。 域名的一般格式为：[机构名.] [网络名.] 顶级域名 例如： 202.112.0.36→ www.cernet.edu.cn

38. 2.3.3 域名注册 国内域名注册 CNNIC认证的域名注册服务机构 国际域名注册 网络信息中心（NIC） 分支机构 国内域名由中国互联网络信息中心（CNNIC）来管理。(http://www.cnnic.com.cn) 国际域名由设在美国的Internet网络信息中心和它设在世界各地的分支机构负责批准域名的申请(http://www.nic.com)

39. 2.3.4 申请空间 • 对于较大的企业 • 可以自己建立机房、配备技术人员、服务器等，再向邮电局申请专线 等，从而建立一个属于自己的独立的网站。 • 对于中小型企业或者个人，可采用较为流行的方法： ⑴ 虚拟主机方案：租用ISP的Web服务器磁盘空间； ⑵ 服务器托管方案：将已经制作好的服务器主机放在ISP网络中心的机房里，借用ISP的网络通讯系统接入Internet； ⑶ 免费方案：申请免费的空间和免费的域名。 • 申请免费空间的缺陷： ⑴ 在多人同时上网的情况下，信息访问量较大，容易造成阻塞。 ⑵ 没有合同约束，因此提供的免费服务可以随时取消； ⑶一般提供免费服务商，会在网页中加入义务性广告。

40. 2.4 上传网站 CuteFTP、Dreamweaver FTP：File Transfer Protocol，文件传输协议。 通过该协议用户可以很方便地连接到远程服务器上，它用来把文件从本地主机上传到远程主机，或者把远程主机的文件下载到本地。 FTP是常用的网络工具之一。有多种版本，是一个免费软件，在互连网上随意下载。如果您要建立或者更新您的网站，一般使用FTP上传、下载来完成网站的发布、管理和维护 。

41. 2.5 网站的宣传 • 利用大众媒体宣传网站 • 利用网络媒介宣传网站 • 注册到搜索引擎宣传网站

42. 2.6 网站的维护与更新 网站的维护、更新与安全是一个网站能够良好运行的重要基础。一个网站创建完成并上传到服务器后，仅完成了真正意义上网站的一小部分，接下来会有大量的网站维护与更新工作要做。网站的维护是关系到一个网站能否正常运行的关键，其中更新就显得尤为重要了。网络的安全更是一个网站的关键。只有协调这三者的关系，才能保证一个网站能够良好地运行，才能够吸引更多的访问者，达到创建网站的最终目的。