网页制作案例教程 网站与网页概述新.ppt

网页制作案例教程2025/1/231

网页制作案例教程第1章：网站与网页概述第2章：HTML入门第3章：网页基本编辑第4章：表格第5章：框架第6章：APDiv第7章：表单第8章：CSS和模板第9章：网页图形处理工具FireworksCS5第10章：图像处理工具PhotoshopCS5第11章：动画制作工具FlashCS5第12章：网站制作综合应用2025/1/232

学习目标：第1章网站与网页概述了解Internet、Web、网站、网页的基本概念了解网站、网页与主页之间的相互关系掌握网站建立及管理方法了解网站的开发设计应遵循的基本原则了解网页设计的常用工具软件2025/1/233

1.1网站与网页基础知识网站规划与网页制作是一项综合性非常强的工作，需要设计者具备一定的Internet基础知识，理解Web的工作原理，对网页的类型风格和网页制作软件有所认识，才能更好地开展开发设计工作。2025/1/234

1.1.1Internet与WebInternet中文译名因特网，又叫做国际互联网。它是由使用公用语言互相通信的计算机连接而成的全球网络。Internet是世界上覆盖面最广、规模最大、信息资源最丰富的计算机网络。Internet提供了许多受大众欢迎的服务，包括：WWW（万维网）E-Mail（电子邮件）FTP（文件传输）Telnet（远程登录）UsenetNews（电子公告牌服务）……2025/1/235

1.1.1Internet与WebWeb就是一种超文本信息系统。Web的一个主要的概念就是超文本链接，它使得文本不再像一本书一样是固定的线性的，而是可以从一个位置跳到另外的位置，从而可获取更多的相关信息。2025/1/236

1.1.1Internet与Web许多新闻网站，如搜狐、新浪等有大量的超文本链接2025/1/237

1.1.2Web的工作原理Web服务器，就是那些对信息进行组织、存储并将其发布到Internet中去，从而使得Internet中的其他计算机可以访问这些信息的计算机。在Web中使用的通信协议是HTTP协议，通过HTTP协议实现客户端（浏览器）的Web服务器的信息交换。2025/1/238

1.1.2Web的工作原理当用户通过浏览器向Web服务器提出HTTP请求时，Web服务器根据请求调出相应的网页文件，类型有HTML、XML、ASP或JSP。对于静态网页HTML或XML，服务器直接返回给客户。对于动态网页ASP或JSP，Web服务器则与数据库服务器建立连接,运行脚本程序，最后生成新的、包含动态数据的HTML或XML文档返回客户端浏览器。2025/1/239

1.1.2Web的工作原理图1-1Web的工作原理XML为可扩展标记语言，它与HTML一样都是标准通用标记语言。2025/1/2310

1.1.3网站、网页与主页网站(Website)，就是指在Internet上向全世界发布信息的站点。它是根据一定的规则，使用HTML等工具制作的、建立在网络服务器上的一组相关网页的集合。网页(WebPage)，是网站提供信息服务的主要形式。用于展示网站中特定的内容，用网页浏览器阅读。网页通用标准是HTML，即超文本标记语言（HyperTextMarkupLanguage）2025/1/2311

1.1.3网站、网页与主页2025/1/2312

1.1.4静态网页与动态网页2025/1/2313

1.1.4静态网页与动态网页2025/1/2314

1.2网站建立及管理建立自己的Web站点，必须先注册域名和申请站点空间。1.2.1注册域名1．域名应简明易记，便于输入2．域名要有一定的内涵和意义2025/1/2315

1.2.1注册域名

图1-2CNNIC网站2025/1/2316

1.2.2申请网站空间申请/建立网站空间方式：1．使用免费网站空间2．租用虚拟主机3．租用专用服务器4．使用自己的服务器2025/1/2317

1.2.2申请网站空间2025/1/2318

1.2.3上传网站内容网站上传的实现方法有：1．使用IE浏览器上传文件2．使用专业的FTP工具上传文件3．使用Dreamweaver上传文件2025/1/2319

1.2.4网站维护管理方法1.网站文件结构的设置网站文件组织结构上，通常采用以下2种方案：方案一：按文件类型分类图1-5按文件类型分类的网站结构2025/1/2320

1.2.4网站