第1章 基础知识 《网页设计与制作》课件.ppt

第1章 基 础 知 识 【本章导读】 本章主要介绍了网页制作的基本知识：第一节介绍网页的基本概念和要素，在此基础上简述网页制作的一般过程；第二节介绍了关于HTML的基本知识，并以实例的形式演示了多种常用标签的使用方法；第三节主要为读者介绍在网页制作过程中涉及到包括网页编辑、图像处理、动画制作等方面的一些软件；最后一节简单讲解了Dreamweaver软件的安装过程。 【本章要点】 ?????网页的基本概念和要素 ???网页制作流程 ???HTML的基本知识 ???网页制作常用软件 ???Dreamweaver安装过程 1.1 基本概念 1.2 HTML 基础 1.3网页制作软件 1.4 Dreamweaver 8初识 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）导航栏 导航