网站设计基础课件.ppt

学习要求 第一章 网页和网站建设的基础知识 1.1 课程概述 1.2 网页的基础知识 1.3 网站建设的基础知识 1.1 课程概述 四、学习方法： 1.2 网页的基础知识 一、网页 1、网页的概念： 网页是网站的基本组成元素。网页文件的扩展名通常为.htm或.html。一般是由HTML语言编写的文本文件。 2、网页的实质 网页文档本身是一个文本文件，这些文本能够将文 字及其他媒体文件有机的组织在一起，在浏览器中显示出 来。 二、HTML 1、Html的中文含义 Html是Hypertext Markup Language的缩写，中文含 义是“超文本标记语言”。 2、Html的概念 它是使用特殊标记来描述文档结构和表现形式的一种 语言，可以用来实现WEB页面。 3、网页文档的组成 一个HTML文档通常分为文档头和文档主体两部分。 三、标记 1、标记的格式 在HTML中定义了许多标记，这些标记用来描述文档。 这些标记使用“”和“”括起来。标记通常分为开始标记和 结束标记。 其格式为： 标记名 属性名=属性值标记内容/标记名 注意： 若一个标记有多个属性，属性和属性之间要用空格隔 开。 2、常用标记 html…/html 标记一个HTML文档的开始和结束。Html文档的所有内容就书写在这两个标记之间。 head…/head 用于标记文档首部的开始和结束，首部通常包括网页标题、创作信息等内容，在浏览网页时不会在浏览器窗口内显示。 title和/title 用于设置网页的标题。该标记中不能包含其它标记，且只能在标记中出现一次。当浏览网页时，网页的标题会出现在浏览器窗口的标题处。 body和/body 标记是主体标记，该标记包含在Html标记内。文档主体包括了网页显示的内容，如文字、链接、图像、表格和其它对象。 P和/P 标记一个段落的开始和结束。 h1和/h1 说明其后的文字是一级标题。 !--注释内容-- 注释标记。 说明： （1）每个标记在标识名以外还可以包含一个或多个 “属性”，用于控制标记内容的大小、颜色、位置、边框 等。 例如： body bgcolor=blue text=red “bgcolor=blue”就是body标记的一个属性，进一 步说明网页的背景色为蓝色。 （2）如果一个标记有多个属性，中间用空格隔开。 3、body标记的常用属性 四、网页的基本元素 网页中包括的元素有哪些？ 四、网页的基本元素 1、网站LOGO 通常网站为体现其特色与内涵，涉及并制作一个LOGO图像放置在网站醒目的位置。 企业网站常常使用企业的标志或者注册商标。 2、网站Banner Banner的中文意思是横幅。Banner的内容通常为网页中的广告。 在网页布局中，大部分网页将Banner放置在与导航条相邻处，或者其他醒目的位置以吸引浏览者浏览。 3、导航栏 导航栏是网页的重要组成元素。设计的目的是将站点内的信息分类处理，然后放在网页中以帮助浏览者快速查找站内信息。 导航栏的形式多种多样，包括文本导航栏、图像导航栏以及动画导航栏等。 4、文本 网页中的信息以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。 5、图像 用户在网页中使用的图像格式主要包括GIF、JPEG 和PNG等，其中使用最广泛的是GIF和JPEG两种格式。 6、动画 在网页中为了更有效地吸引浏览者的注意，许多网站的广告都做成了动画形式。 网页中的动画主要有两种：GIF动画和Flash动画。其中GIF动画主要用于简单动画和图标。 7、表单 网页中的表单通常用来接受用户在浏览器端的输入，然后将这些信息发送到网页设计者设置的目标端。这个目标可以是文本文件、Web页、电子邮件，也可以是服务器端的应用程序。 表单一般用来收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登录站点等。 1.3 网站建设的基础知识 一、网站 网站是许多相关网页有机结合而形成的一个信息服 务中心。网站的设计者将要提供的内容和服务制作成许多 个网页，并且经过组织规划，让网页互相链接，然后把相 关文件存放在WE