《网页制作案例教程 工业和信息化普通高等教育十二五 规划教材立项项目 教学课件 ppt 作者 陈建孝 陆锡聪 余晓春 江玉珍 第1章 网站与网页概述》由会员分享，可在线阅读，更多相关《网页制作案例教程 工业和信息化普通高等教育十二五 规划教材立项项目 教学课件 ppt 作者 陈建孝 陆锡聪 余晓春 江玉珍 第1章 网站与网页概述（35页珍藏版）》请在金锄头文库上搜索。
1、,网页制作案例教程,网页制作案例教程,第1章：网站与网页概述 第2章：HTML入门 第3章：网页基本编辑 第4章：表格 第5章：框架 第6章：AP Div 第7章：表单,第8章：CSS和模板 第9章：网页图形处理工具Fireworks CS5 第10章：图像处理工具Photoshop CS5 第11章：动画制作工具Flash CS5 第12章：网站制作综合应用,学习目标：,第1章 网站与网页概述,了解Internet、Web、网站、网页的基本概念 了解网站、网页与主页之间的相互关系 掌握网站建立及管理方法 了解网站的开发设计应遵循的基本原则 了解网页设计的常用工具软件,1.1网站与网页基础知识
2、,网站规划与网页制作是一项综合性非常强的工作，需要设计者具备一定的Internet基础知识，理解Web的工作原理，对网页的类型风格和网页制作软件有所认识，才能更好地开展开发设计工作。,1.1.1 Internet与Web,Internet中文译名因特网，又叫做国际互联网。 它是由使用公用语言互相通信的计算机连接而成的全球网络。 Internet是世界上覆盖面最广、规模最大、信息资源最丰富的计算机网络。 Internet提供了许多受大众欢迎的服务，包括： WWW（万维网 ） E-Mail（电子邮件） FTP（文件传输） Telnet（远程登录） Usenet News（电子公告牌服务） ,1.1
3、.1 Internet与Web,Web就是一种超文本信息系统。 Web的一个主要的概念就是超文本链接，它使得文本不再像一本书一样是固定的线性的，而是可以从一个位置跳到另外的位置，从而可获取更多的相关信息。,1.1.1 Internet与Web,许多新闻网站，如搜狐、新浪等有大量的超文本链接,1.1.2 Web的工作原理,Web服务器，就是那些对信息进行组织、存储并将其发布到Internet中去，从而使得Internet中的其他计算机可以访问这些信息的计算机。 在Web中使用的通信协议是HTTP协议，通过HTTP协议实现客户端（浏览器）的Web服务器的信息交换。,1.1.2 Web的工作原理,当
4、用户通过浏览器向Web服务器提出HTTP请求时，Web服务器根据请求调出相应的网页文件，类型有HTML、XML、ASP或JSP 。 对于静态网页HTML或XML，服务器直接返回给客户。 对于动态网页ASP或JSP ， Web服务器则与数据库服务器建立连接 ,运行脚本程序，最后生成新的、包含动态数据的HTML或XML文档 返回客户端浏览器 。,1.1.2 Web的工作原理,图1-1 Web的工作原理,XML为可扩展标记语言，它与HTML一样都是标准通用标记语言。,1.1.3 网站、网页与主页,网站(Website)，就是指在Internet上向全世界发布信息的站点。它是根据一定的规则，使用HTM
5、L等工具制作的、建立在网络服务器上的一组相关网页的集合。 网页(Web Page)，是网站提供信息服务的主要形式。用于展示网站中特定的内容，用网页浏览器阅读。 网页通用标准是HTML，即超文本标记语言 （HyperText Markup Language）,1.1.3 网站、网页与主页,在Internet中，每个网页都具有唯一的地址，即“网址”。 网址由URL（Uniform Resource Locator，统一资源定位器）指定其在Internet上的位置。 主页（homepage），是网站中最重要的页面，是整个网站的导航中心，它提供全面的网站信息链接，能够使访问者快速地了解网站的概貌。,1
6、.1.4 静态网页与动态网页,根据网页制作的技术及网页功能，网页通常分为 静态网页和动态网页 。 静态网页是指纯粹HTML格式的网页 ，其URL以“.htm”、“.html”、“.shtml”、“.xml”等为后缀 。 如: http:/ 静态网页与动态网页,动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web服务器之间发生交互行为，而且应用程序的执行需要应用程序服务器才能够完成。 动态网页URL的后缀是以asp、.jsp、.php、.perl、 .cgi等，且在动态网页网址中有一个标志性的符号“？” 如: http:/ ,1.2 网站建立及管理,建立自己的Web
7、站点，必须先注册域名和申请站点空间。 1.2.1 注册域名 1域名应简明易记，便于输入 2域名要有一定的内涵和意义,CNNIC中国互联网络信息中心 网址： 是我国域名注册管理机构和域名服务器运行机构。,1.2.1 注册域名,图1-2 CNNIC网站,1.2.2 申请网站空间,申请/建立网站空间 方式： 1使用免费网站空间 2租用虚拟主机 3租用专用服务器 4使用自己的服务器,1.2.2 申请网站空间,“中国万网”（网址：），你好万维网”（网址：） 等可实现虚拟主机租用。,1.2.3 上传网站内容,网站上传的实现方法有： 1使用IE浏览器上传文件 2使用专业的FTP工具上传文件 3使用Dream
8、weaver上传文件,1.2.4 网站维护管理方法,1. 网站文件结构的设置 网站文件组织结构上，通常采用以下2种方案：方案一：按文件类型分类,图1-5 按文件类型分类的网站结构,1.2.4 网站维护管理方法,方案二：按部门、业务或项目分类,图1-6按部门、业务或项目分类的网站结构,1.2.4 网站维护管理方法,2网站文件管理原则 在进行网站开发之前建立合适的网站文件结构 。 网站的首页文件通常是“index.html”，它必须存放在网站的根目录中 。 网站使用的所有文件都必须存放在站点的文件夹或者子文件夹中。 相同路径下的文件或文件夹不能同名。 网站文件的删除、重命名或者移动等操作应通过站点管理器来完成,1.3 网站的开发设计,1.3.1 网站类型的确定 1门户网站 2商务网站 3个人网站 4办公网站,1.3.2 网站整体风格的定位,网站的风格主要指网站的色彩、版式等方面给浏览者的整体视觉感受。不同类型不同主题的网站，应有自己的独特的风格。,
