网页设计之第1讲 基础知识.pptVIP

第1讲 基 础 知 识 【本讲导读】 本讲主要介绍了网页制作的基本知识： 第一节介绍网页的基本概念和要素； 第二节介绍了关于HTML的基本知识； 第三节介绍在网页制作过程中涉及到的一些软件； 最后一节简单讲解了Dreamweaver软件的安装过程。 【本讲要点】 网页的基本概念和要素 网页制作流程 HTML的基本知识 1.1 基 本 概 念 1.1.1网页的基本概念 （1）互联网 互联网(Internet)是一个由各种不同类型、规模的独立运行和管理的计算机网络所组成的全球范围的计算机网络，组成Internet的计算机网络包括局域网(LAN)、城域网(MAN)以及大规模的广域网(WAN)等。 由此，互联网也称为全球信息资源网。 互联网的基础建立于20世纪70年代发展起来的计算机网络群之上，它的飞速发展，已经成为人们日常生活中非常重要的一部分，通常也把它叫做信息高速公路。 （2）网页 网页是由HTML或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。 网页一般可分为“静态页面”和“动态页面”。 静态页面是指网页文件中没有程序，而只有HTML代码，一般以.html或者.htm为后缀名。 动态网页就是指网页文件中不仅具有HTML标记，而且还含有程序代码，并通过数据库建立连接，通常以.asp、 .aspx、.jsp、.php等为后缀名。 （3）HTML HTML是Hypertext Markup Language的缩写，中文的意思是“超文本标记语言”，用它编写的文件的扩展名是 .html 或 .htm，它们是可供浏览器解释浏览的文件格式。 1.1.2 网页的基本要素 （1）文字 文字也称为文本，是网页最基本的构成要素。 由于文字所表达的内容比较清楚、直接，而且占用网页版面较小、所表达的信息量较大，所以网页大多采用文字来表达内容或实现链接。 网页的设计和制作者可以通过设置字体、字号、颜色、底纹等属性来改变文本的视觉效果。 （2）图像 图像也是网页主要的构成要素，有动态和静态之分，主要用于实现链接。 与文字相比，图像更为直观、容易理解。图像可提高站点的访问率，但不能因此而在网页上加入过多的图像，这样会适得其反。 目前Web图像的文件标准格式是JPG、GIF和PNG，对颜色具有平滑渐变的图像使用JPG格式，如大多数照片；对于以单一颜色为主的图像，使用GIF格式。 （3）多媒体 多媒体(Multimedia)就是指各种各样的信息载体在计算机中的应用，是一种文字、声音、图像、动画和视频影像成分的交互组合。 网页中的多媒体主要指采用音频和视频功能的软、硬件技术，包括数字音响、全动态图像、超媒体链接等，主要是实现对声音、图像具有编辑处理的功能，即网页上提供的音频和视频下载及播放功能，包括Flash动画、声音与影片文件的播放。这些必须通过网络媒体播放器来实现，如常用的Windows Media Player和Realone Player等播放器。 （4）超链接 超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。 按照链接路径的不同，网页中超链接一般分为以下3种类型：内部链接、锚点链接和外部链接。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接、锚点链接、多媒体文件链接、空链接等。 （5）交互功能 交互功能，即网上提供的聊天、论坛、留言本、邮件发送及接收的互动功能。这也是互联网的一大优势所在，它给人们提供了一个快捷交流的平台，为人们的生活带来了许多便利。 （6）导航栏 导航栏是用户在规划好站点结构，开始设计主页时必须考虑的一项内容。导航栏的作用就是引导浏览者游历站点。导航栏实质上就是一组超级链接，这组链接的目标就是本站点