文档介绍：第1章网页设计与制作综述
《网页设计与制作案例教程》(第2版)
本章学习内容
学习任务:认识网页
学习任务:认识网站
学习任务:网站建设的一般流程
学习任务:HTML基础知识
学习任务:
实训
《网页设计与制作案例教程》(第2版)
学习任务:认识网页
本节学习任务
认识什么是网页,了解网页的类型,为学习
网页设计与制作打好基础。
什么是网页
网页是一种可以在互联网上传输、能被浏览器识别和
翻译成页面并显示出来的文件,网页是网站的基本构成
元素。在联网的计算机上安装浏览器后,在浏览器的地
址栏中输入诸如,即
可在浏览器中打开网页,如图1-1所示。
《网页设计与制作案例教程》(第2版)
学习任务:认识网页
图1-1
《网页设计与制作案例教程》(第2版)
学习任务:认识网页
网页类型
网页分为静态网页和动态网页两种类型。
在网站设计中,使用纯HTML格式的网页通
常称为静态网页,它运行于客户端。早期的网
站一般都是由静态网页组成的,它们是
、.html、.。
《网页设计与制作案例教程》(第2版)
学习任务:认识网页
静态网页的基本特点归纳如下。
每个静态网页都有一个固定的URL,、.。
网页内容发布到网站服务器上之后,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件。
静态网页的内容相对稳定,因此容易被搜索引擎检索。
静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难。
静态网页的交互性较差,在功能方面有较大的限制。
《网页设计与制作案例教程》(第2版)
学习任务:认识网页
采用了动态网页技术,在服务器端运行的网
页和程序被称为动态网页,它们会根据编写的
程序访问数据库,并动态地生成页面。动态网
页的优点是效率高、更新快、移植性强,可以
根据先前制定好的程序页面,根据用户的不同
请求返回其相应的数据,从而达到资源的最大
利用和节省服务器上的物理资源。
《网页设计与制作案例教程》(第2版)
学习任务:认识网页
动态网页的基本特点归纳如下。
动态网页以数据库技术为基础,可以大大降低网站维护的工作量。
采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等。
动态网页实际上不是存在于服务器上的独立网页文件,只有当用户请求时,服务器才生成并返回一个完整的网页。
动态网页中URL的字符“?”对搜索引擎检索存在一定的问题。搜索引擎一般不可能从一个网站的数据库中检索全部网页,或者出于技术方面的考虑,搜索引擎不会去抓取网址中“?”后面的内容,因此,采用动态网页的网站在进行搜索引擎检索设计时,需要做一定的技术处理才能适应搜索引擎的要求。
《网页设计与制作案例教程》(第2版)
学习任务:认识网站
本节学习任务
认识什么是网站,理解网址与域名,熟悉网页的
基本构成元素,了解设计网页制作常用软件和技术。
什么是网站
网站是提供各种信息和服务的平台,如用户熟悉的
新浪、搜狐、京东网、当当网等都是典型网站。网站
由许多网页组成,也可以通俗地理解成网站是存储在
某个服务器上的,包含了网页、图片、数据库和多媒
体信息等资源的一个文件夹。
《网页设计与制作案例教程》(第2版)
学习任务:认识网站
提示:在Dreamweaver中,网页设计都是
以一个完整的Web站点为基本对象的,所有的
资源和网页的编辑都在此站点中进行,建议不
要脱离站点环境,初学者要养成良好的习惯。
《网页设计与制作案例教程》(第2版)