第1章 网站与网页概述(网页制作案例教程课件).ppt

网页制作案例教程 第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网站与网页基础知识 网站规划与网页制作是一项综合性非常强的工作，需要设计者具备一定的Internet基础知识，理解Web的工作原理，对网页的类型风格和网页制作软件有所认识，才能更好地开展开发设计工作。 Internet中文译名因特网，又叫做国际互联网。 它是由使用公用语言互相通信的计算机连接而成的全球网络。 Internet是世界上覆盖面最广、规模最大、信息资源最丰富的计算机网络。 Internet提供了许多受大众欢迎的服务，包括： WWW（万维网 ） E-Mail（电子邮件） FTP（文件传输） Telnet（远程登录） Usenet News（电子公告牌服务） …… 1.1.2 Web的工作原理 Web服务器，就是那些对信息进行组织、存储并将其发布到Internet中去，从而使得Internet中的其他计算机可以访问这些信息的计算机。 在Web中使用的通信协议是HTTP协议，通过HTTP协议实现客户端（浏览器）的Web服务器的信息交换。 1.1.2 Web的工作原理 当用户通过浏览器向Web服务器提出HTTP请求时，Web服务器根据请求调出相应的网页文件，类型有HTML、XML、ASP或JSP 。 对于静态网页HTML或XML，服务器直接返回给客户。 对于动态网页ASP或JSP ， Web服务器则与数据库服务器建立连接 ,运行脚本程序，最后生成新的、包含动态数据的HTML或XML文档 返回客户端浏览器 。 1.1.2 Web的工作原理 1.1.4 静态网页与动态网页 根据网页制作的技术及网页功能，网页通常分为 静态网页和动态网页 。 静态网页是指纯粹HTML格式的网页 ，其URL以“.htm”、“.html”、“.shtml”、“.xml”等为后缀 。 如: /k/2011-06-01/10055601835.shtml 1.1.4 静态网页与动态网页 动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web服务器之间发生交互行为，而且应用程序的执行需要应用程序服务器才能够完成。 动态网页URL的后缀是以asp、.jsp、.php、.perl、 .cgi等，且在动态网页网址中有一个标志性的符号“？” 如: /errorpage/err_163.htm?errorType=460errorUsername=abcde @163.com 1.2 网站建立及管理 建立自己的Web站点，必须先注册域名和申请站点空间。 1.2.1 注册域名 1．域名应简明易记，便于输入 2．域名要有一定的内涵和意义 1.2.1 注册域名  1.2.2 申请网站空间 申请/建立网站空间 方式： 1．使用免费网站空间 2．租用虚拟主机 3．租用专用服务器 4．使用自己的服务器 1.2.2 申请网站空间 1.2.3 上传网站内容 网站上传的实现方法有： 1．使用IE浏览器上传文件 2．使用专业的FTP工具上传文件 3．使用Dreamweaver上传文件 1.2.4 网站维护管理方法 1. 网站文件结构的设置 网站文件组织结构上，通常采用以下2种方案：方案一：按文件类型分类 1.2.4 网站维护管理方法 方案二：按部门、业务或项目分类 1.2.4 网站维护管理方法 2．网站文件管理原则 在进行网站开发之前建立合适的网站文件结构 。 网站的首页文件通常是“index.html”，它必须存放在网站的根目录中 。 网站使用的所有文件都必须存放在站点的文件夹或者子文件夹中。 相同路径下的文件或文件夹不能同名。 网站文件的删除、重命名或者移动等操作应通过站点管理器来完成 1.3 网站的开发设计 1.3.1 网站类型的确定 1．门户网站 2．商务网站 3．个人网站 4．办公网站 1.3.2