网页网站制作教程第02章.ppt

第1页 Dreamweaver 8(网页制作） 第02章 我的第一个网页 □ 本章知识点及学习目标 本章主要向读者介绍了Internet、网站、网站地址、IP地址、浏览器、网站的域名等网页制作的必备知识，同时也叙述了什么是网页以及网页基本元素。此外，还向读者介绍了网站开发的一般流程，并用一个完整的实例讲述网页设计与制作的全过程。最后在实战演练中练习了如何设置网页背景图像和文本以及如何快速创建一个网页。 本书内容概览 2.1 网页制作的必备知识 2.1.1 什么是Internet 2.1.2 什么是网站 2.1.3 什么是网站地址 2.1.4 什么是IP地址 2.1.5 什么是浏览器 2.1.6 什么是网站的域名 2.2 初识网页 2.3 网页基本元素 2.3.1 文本 2.3.2 图形 2.3.3 超链接 2.3.4 表格 2.3.5 表单 2.3.6 声音和视频 2.4 网站开发的一般流程 2.5 第一个网页设计与制作 2.6 实战演练 2.6.1 范例1 设置网页背景图像和文本 2.6.2 范例2 使用【入门网页】创建网页 2.7 思考与练习 2.1 网页制作的必备知识 在网页的制作过程中，经常要接触到许多与网页相关的网络概念，因此在正式学习网页制作之前，首先需要了解一下网页制作的必备基础知识，这些基础知识是迈进网页制作之门的敲门砖。 2.1.1 什么是Internet Internet翻译成中文叫做因特网，其实它是由成千上万个网络以及上亿台计算机通过网络互连设备把不同的多个网络或网络群体互联起来的大网络。它是提供信息资源查询和信息资源共享的全球最大的信息资源平台。如图所示。 通过Internet用户可以足不出户浏览世界各地信息；通过Internet用户还可以和朋友网上聊天，给远方的朋友发送电子邮件；还可以看自己想看的电影，听自己喜爱的音乐；还可以实现电子商场购物、远程教学以及网络会议等等。 2.2 初识网页 什么是网页？您看到的如图所示，是【新华网】网站的首页面网页。 2.3 网页基本元素 网页是由什么组成的呢？一个网页可能包含图片，文本，超级链接，动画，表单，音频和视频等元素中的一种或多种。要学习网页设计与制作，首先要认识网页，了解网页中的常见元素，只有这样才能更加合理地组织和安排网页内容。如图所示。 这里的图形概念是广义的，它可以是普通的绘制图形，可以是各种图像，还可以是动画。一个优秀的网页除了有能吸引浏览者的文本形式的内容外，图形的表现功能是不能低估的。网页上的图形一般使用JPEG、GIF和PNG 3种格式，其中使用最广泛的是JPEG和GIF格式，这两种格式具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。 2.3.3 超链接 超链接技术可以说是万维网流行起来的最主要原因。超链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。其链接热点通常是文本、图片、图片中的区域和不可见的程序脚本等。 超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。 2.3.5 表单 网页区别于其他媒体的一个重要标志就是它的交互功能。例如在商务网站的页面上，人们经过浏览，选择了某一个产品，就可以将自己的决定通过Internet告诉这个网站，网站能够自动对该产品的数据库进行检索，及时回应有还是没有，以及产品数量、规格和价格等信息。如果用户选择确定，那么网站能够返回确认信息。网页的这种交互功能是其他媒体无法比拟的。 通常网页的交互功能都是利用表单来实现的。表单是网页中站点服务器处理的一组数据输入域，当访问者单击按钮或图形来提交表单后，数据就会传送到服务器上。 2.3.6 声音和视频 声音是多媒体网页的一个重要组成部分。目前存在一些不同类型的声音文件，也有不同的方法将这些声音添加到网页中。在决定添加声音之前，需要考虑声音的用途、文件大小、声音品质和浏览器差别等因素。不同浏览器对于声音文件的处理方法不同，彼此之间很可能不兼容。 网页的声音文件格式很多，常用的有MIDI、WAV、MP3和AIF等。用户在使用这些格式的文件时，需要加以区别。很多浏览器不用插件就可以支持MIDI、WAV和AIF格式的文件，而