网页设计与制作-1.ppt

第一章 网页设计与制作综述 第一章 网页设计与制作综述 本章学习要点： 网页和网站 网页类型 网页的基本构成元素 网页制作常用软件和技术 网站策划与设计流程 HTML语言基础知识 1.1 学习任务：认识网页 互联网是一个蕴藏着无穷资源的宝库，在资源共享和信息交换方面具有得天独厚的优势，网页则正是这些资源和信息重要的传递载体。网页不但可以提供文字、图片、多媒体信息的浏览，并且网络在娱乐、商务及各种领域的应用例如电子邮件、聊天室、搜索引擎、网上交易、电子政务等都离不开网页。 1.1.1什么是网页 网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。 网页实际上就是一个文件。一般网页上都会有文本和图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。 网页比报纸、广播、电视等传统媒介在信息传递上更加迅速、多样化，交互能力更强。 1.1.2 网页类型 网页分为静态网页和动态网页两种类型。静态网页就是设计者做什么样，在客户端浏览时就显示什么样，而动态网页可以根据不同的用户显示不同的页面。 1．静态网页 静态网页的基本特点归纳如下： 静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”。 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。 静态网页的内容相对稳定，因此容易被搜索引擎检索。 静态网页没有数据库的支持。 静态网页的交互性较差，在功能方面有较大的限制。 2．动态网页 动态网页的基本特点归纳如下： 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。 采用动态网页技术的网站可以实现更多的功能。 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。 动态网页中的“？”对搜索引擎检索存在一定的问题。 1.2 学习任务：认识网站 根据提供服务的不同，通常把提供网页服务的服务器称为web服务器，相关网站称为web站点。网站是提供各种信息和服务的基地，如用户熟悉的搜狐、新浪、雅虎等都是网站。 网站是由很多网页链接在一起组成的。用户浏览到一个网站时看到的第一个页面叫做主页。 1.2.2 网址与域名 １．网址 浏览网页时，在浏览器地址栏中输入的诸如就是一个网址，浏览器访问网页是由URL（Uniform Resource Locator) 统一资源定位器的方式来实现的。 2．域名 域名就是网站的名称，企业在注册域名时一般都会申请一个符合网站特点的域名，甚至会把域名看作企业的网上商标。 1.2.3网页的基本构成元素 文本元素 图像元素 动画元素 超链接 1.2.4网页制作常用软件和技术 网页编辑排版软件Dreamweaver 网页图像制作软件Photoshop和Fireworks 网页动画制作软件Flash 网页标签语言HTML 网页脚本语言JavaScript 动态交互式网页编程语言 1.3 学习任务：网站建设基本流程 什么是网站 网址与域名 网页的基本构成元素 网页制作常用软件和技术 1.3 学习任务：网站建设基本流程 网站的需求分析 规划站点结构 收集素材 设计与制作网站 网站的发布 1.4学习任务：HTML语言基础知识 HTML是超文本标签语言（Hypertext Markup Language）的缩写，它是当今多种标签语言中的一种，是为Internet文档设计的标签语言。HTML虽然非常简单，容易掌握，但它也是重要的，因为它是网页设计与Web应用程序开发的基础。 1.4.1 HTML简介 1．认识HTML HTML是在标准通用标签语言SGML（Standard Generalized Markup Language）定义下的一个描述性语言，是SGML的一个子集。 2．HTML制作工具及显示原理 制作HTML文档需要两个基本工具，一个是HTML编辑器，一个是Web 浏览器。 HTML文档显示原理可概括为：HTML使用一组约定的标签符号，对Web上的各种信息进行标记，浏览器会解释这些标记符号并以它们指定的格式把相应的内容显示在屏幕上，而标记符号本身不会在屏幕上显示出来 3．HTML的基本语法 （1）一般标签 （２）空标签 4．HTML的文档结构 1.4.2 常用文本标签 为了对网页中的文本元素进行修饰、排版，使网页丰富多彩，往往需要使用大量的标签符，文本标签分为文本的基本设置与文本的修饰设置。 1．段标签p…/p 浏览器是以无格式的方式显示HTML文档的，也就意味着HTML文档中的空格和Enter键是被浏览器所忽略的。要将文本划分段落就必须使用分段标签p。p标签是非空元素标签，所标识