网页设计与制作综述重点解析.ppt

第1章 网页设计与制作综述 本章学习内容 1.1 学习任务:认识网页 1.2 学习任务:认识网站 1.3 学习任务:网站建设的一般流程 1.4 学习任务:HTML基础知识 1.5 学习任务:初识HTML5.0 1.6 实训 1.1 学习任务:认识网页 ?本节学习任务 认识什么是网页，了解网页的类型，为学习 网页设计与制作打好基础。 1.1.1 什么是网页 网页是一种可以在互联网上传输、能被浏览器识别和 翻译成页面并显示出来的文件，网页是网站的基本构成 元素。在联网的计算机上安装浏览器后，在浏览器的地 址栏中输入诸如的网址，即 可在浏览器中打开网页，如图1-1所示。 1.1 学习任务:认识网页 1.1 学习任务:认识网页 1.1.2 网页类型 网页分为静态网页和动态网页两种类型。 1．静态网页 在网站设计中，使用纯HTML格式的网页通 常称为静态网页，它运行于客户端。早期的网 站一般都是由静态网页组成的，它们是 以.htm、.html、.shtml和.xml等为扩展名。 1.1 学习任务:认识网页 静态网页的基本特点归纳如下。 每个静态网页都有一个固定的URL，且网页URL的扩展名为.htm、.html和.shtml等格式。 网页内容发布到网站服务器上之后，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。 静态网页的内容相对稳定，因此容易被搜索引擎检索。 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难。 静态网页的交互性较差，在功能方面有较大的限制。 1.1 学习任务:认识网页 2．动态网页 采用了动态网页技术，在服务器端运行的网 页和程序被称为动态网页，它们会根据编写的 程序访问数据库，并动态地生成页面。动态网 页的优点是效率高、更新快、移植性强，可以 根据先前制定好的程序页面，根据用户的不同 请求返回其相应的数据，从而达到资源的最大 利用和节省服务器上的物理资源。 1.1 学习任务:认识网页 动态网页的基本特点归纳如下。 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。 动态网页实际上不是存在于服务器上的独立网页文件，只有当用户请求时，服务器才生成并返回一个完整的网页。 动态网页中URL的字符“?”对搜索引擎检索存在一定的问题。搜索引擎一般不可能从一个网站的数据库中检索全部网页，或者出于技术方面的考虑，搜索引擎不会去抓取网址中“?”后面的内容，因此，采用动态网页的网站在进行搜索引擎检索设计时，需要做一定的技术处理才能适应搜索引擎的要求。 1.2 学习任务：认识网站 ?本节学习任务 认识什么是网站，理解网址与域名，熟悉网页的 基本构成元素，了解设计网页制作常用软件和技术。 1.2.1 什么是网站 网站是提供各种信息和服务的平台，如用户熟悉的 新浪、搜狐、京东网、当当网等都是典型网站。网站 由许多网页组成，也可以通俗地理解成网站是存储在 某个服务器上的，包含了网页、图片、数据库和多媒 体信息等资源的一个文件夹。 1.2 学习任务：认识网站 提示：在Dreamweaver中，网页设计都是 以一个完整的Web站点为基本对象的，所有的 资源和网页的编辑都在此站点中进行，建议不 要脱离站点环境，初学者要养成良好的习惯。 1.2 学习任务：认识网站 1.2.2 网址与域名 1．网址 浏览网页时，在浏览器地址栏中输入的诸如 这样的字符串就是一 个网址，浏览器访问网页是通过统一资源定位 器（Uniform Resource Locator，URL）的 方式来实现的。这里所说的网址实际上有两个 内涵，即IP地址和域名地址。 1.2 学习任务：认识网站 2．域名 域名就是网站的名称，企业在注册域名时一般都会申请 一个符合网站特点的域名，甚至会把域名看做企业的网上 商标。在Internet中，域名与IP地址之间是一一对应的， 它们之间的转换工作称为域名解析，这项工作专门由域名 系统（Domain Name System，DNS）来完成。此外使 用域名也便于网址的分层管理和分配。 一个完整的域名通常由几个层次组成，不同层次之间用 “.”隔开，例如，，其中为域名，sina是第三层次域名，com是 第二层次域名，cn是国家顶级域名。 1.2 学习任务：认识网站 1.2.3 网页基本元素 设计网页时要组织好页面的基本元素，同时 再配合一些特效，这样