第 1 章网站建设概论

第1章网站建设概论 主讲：陶建平 E-mail：alextao777@163.com 华中科技大学网络与计算中心

本章学习内容 • 与网站建设相关的一些基础网络知识 • 网站、网页和主页的关系 • 静态网页和动态网页的区别 • Web标准的概念 • 网站开发的工作流程 • 常用的一些网页设计和辅助软件主讲：陶建平 E-mail：alextao777@163.com 华中科技大学网络与计算中心

具体要求 • 了解什么是因特网和万维网 • 了解什么是IP地址、域名和URL • 网站、网页和主页是什么？ • 掌握网站开发的工作流程主讲：陶建平 E-mail：alextao777@163.com 华中科技大学网络与计算中心

图 1-1 互联网示意图 1.1 网站建设基础 1.1.1互联网、因特网和万维网 1.互联网（internet）泛指由多个计算机网络相互连接而成一个大型网络，如图1-1所示。

2.因特网（Internet） 是目前全球最大的一个电子计算机互联网（互联网的一种），是由美国的 ARPANET网发展演变而来的。 3.万维网（World Wide Web，WWW）是无数个网络站点和网页的集合，它们在一起构成了因特网最主要的部分。三者的关系：互联网

1.1.2 IP地址、域名和URL 1.IP地址（Internet地址） A类地址: 分配给少数规模很大的网络 1.0.0.1～126.255.255.254 B类地址：分配给中等规模的网络 128.0.0.1～191.255.255.254 C类地址：分配给小规模的网络 192.0.0.1～223.255.255.254

2.域名（Domain Name） 域名是Internet网络上的一个服务器或一个网络系统的名字，在全世界没有重复的域名，域名具有唯一性。 • 根域 • 顶级域 • 组织域 • 地理域 • 新增域 • 二级域 • 主机名称

域名的管理： • 国际顶级域名（international top-level domain-names，简称iTDs），这也是使用最早也最广泛的域名。国际域名由美国商业部授权的互联网名称与数字地址分配机构（The Internet Corporation for Assigned Names and Numbers）即ICANN负责注册和管理。 • 国内顶级域名（national top-level domainnames，简称nTLDs），即按照国家的不同分配不同后缀，这些域名即为该国的国内顶级域名。国内域名则由各国互联网络管理中心（ Internet Network Information Center) 即NIC负责注册和管理。

(本地) 域名解析过程

3.URL（统一资源定位符） 统一资源定位符（Uniform Resource Locator 的缩写）也被称为网页地址，是因特网上标准的资源的地址。 URL的结构如下：通信协议类型： • http • ftp • https • file 网站主机名，默认端口为：80 文件路径网页文件名

1.1.3 网页、网站和主页 1.网站（Web site）网站是由多个网页集合而成，网页之间通过超级链接相互连接。网站的功能：提供发布信息、收集信息的平台。据网站的性质分类：政府网站、企业网站、商业网站、教育科研网站、个人网站、非盈利网站、其他网站。 2.网页（Web page）网页是构成网站的基本元素，通常是HTML格式。通过浏览器看到的画面就是网页 3.主页（Home page）主页指一个网站默认的网页，通常指打开网站后看到的第一个页面。

1.2 WEB标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由以下三部分组成：

1.3 网站开发的工作流程

1.3.1 网站目标和主题确定 • 为什么要建立网站？ • 网站的主要内容是什么？ • 如何展现网站的内容？ 1.网站目标的确定网站目标是你期望网站达到的成果，简单的说就是哪一种想法或冲动让你创建了这个网站，通常这个想法或者冲动就是你网站的目标。

2.网站主题和风格的确定 1）网站主题：网站主题就是建立网站所要包含的主要内容。一个网站必须要有一个明确的主题。

2）网站的风格：网站风格是指站点的整体形象给浏览者的综合感受。2）网站的风格：网站风格是指站点的整体形象给浏览者的综合感受。几个知名网站不同时期的风格： 1998,Microsoft web 20088,Microsoft web

2008,Apple web 1998,Apple web

1998,Wired Magazine web 2008,Wired Magazine web

1.3.2 网站的规划 学校网站 1.网站总体结构的确立网站总体结构的确立至关重要，它是网站设计能否成功的关键所在。规划一个网站结构，可以用树状结构图把每个页面的内容大纲列出来。下面为学校网站和企业网站的整体框架拓扑图。企业网站

2. 网站目录结构的设置 网站的目录是指创建网站时建立的目录。目录结构的合理与否对于浏览者来说并没有什么大的影响，但对于网站管理、内容扩充和移植有重要影响。

3.网站链接结构的设置 网站链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。研究网站链接结构的目的在于：用最少的链接，使得浏览最有效率。建立网站链接结构一般有两种基本方式：首页首页页面3 页面4 一级页面一级页面一级页面一级页面一级页面页面1 页面2 二级页面二级页面二级页面二级页面二级页面页面5 页面6 页面7 树状（或层次）链接结构星状（或网状）链接结构这两种基本结构都只是理想方式，在实际的网站设计中，总是将这两种结构混合起来使用。我们希望浏览者既可以方便快速的达到自己需要的页面，又可以清晰的知道自己的位置。

1.3.3 网站的素材准备 网站素材的准备工作包括搜集、整理加工、制作和存储等环节。 1.3.4 网页制作工具的选择网页设计的常用软件： ·入门级软件——FrontPage ·提高级软件——Dreamweaver 网页设计的辅助美化软件： ·平面设计软件——Photoshop ·网页图片和切图软件——Fireworks ·网页动画设计软件——Flash

1.3.5 网站的测试和发布 站点上传到服务器之前，要先在本地对其测试：应确保在目标浏览器中，页面能正常显示；所有链接都正常，页面之间能正确跳转；利用Dreamweaver、 FrontPage的自带功能检查整个站点是否有未命名文档、空标签以及语法错误等。 1.3.6 网站的宣传与推广网站发布后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。 1.3.7 网站的维护与更新网站是需要经常维护和更新内容的，必须不断给它补充新的内容，才能够长期吸引住浏览者。

网站设计(建设)方案 要求内容包括： 1. 网站需求分析 2. 网站建设目标 3. 网站技术解决方案 3.1 网页服务器架设方案（自购/租赁） 3.2 网站运行平台（IIS/Apache） 3.3 网站开发平台（ASP/JSP/PHP） 4. 网站内容规划 4.1 网站栏目结构图 4.2 网站的链接结构 4.3 网站功能模块（反馈/交互/新闻公告等方案） 5. 网站总体风格设计 5.1 设计网站形象（设计网站标志、设计网站的标准色彩和网站采用的标准字体） 5.2 网站的界面风格创意 5.3 网站版面布局设计 6. 网站维护与测试方案 7. 网站推广方案 8. 网站建设费用总预算

本章内容结束 谢谢！

第 1 章 网站建设概论