第1章 网页概述.pptVIP

第1章 网页概述 主要内容 网页中的基本术语 网页中的基本元素 网页设计方式和网页设计工具 网站设计的一般过程 网页设计的一般原则 网页发布的一般过程 1.1 基本术语—网页与网站 网页：网页是通过网络浏览器看到的网站页面。网页的本质是一个计算机文件。当浏览器获得网页访问的指令后，即在互联网上查找指定的网页文件，并对网页文件进行解读，然后将网页呈现在用户屏幕上。 网站：网站是按照一定的规则组织的若干网页的联合体，是进行网页访问的门户，用户通常通过网站访问其中的网页。任何网站都有一个主页，它反映了网站的主题。 1.1 基本术语—域名和URL IP地址：Internet上的每台主机都有一个专门的地址，称为IP地址，通过IP地址就可以访问到每一台主机。IP地址由4个数字组成,如：9，在浏览器的地址栏输入这个IP地址，就可以访问这台主机。 域名：域名是IP地址的形象标识，如是搜狐网站WWW主机的域名，浏览者主要通过域名访问网站。 1.1 基本术语—域名和URL URL：Uniform Resource Location，译为“统一资源定位器” 。 URL的构成如下： protocol:// [:port]/directory/filename protocol：访问该资源所采用的协议 ：资源主机的IP 地址,通常使用域名 port：服务器在该主机所使用的端口号 directory和filename：资源的路径和文件名 1.1 基本术语— WWW与网页浏览 WWW : World Wide Web，译为万维网或环球信息网，也称为Web，是一个把信息检索与超文本技术相结合而形成的全球信息系统，它由遍布Internet中被称为WWW服务器的计算机组成，该服务器除了提供它自身的信息服务之外，还指向存放在其他服务器上的信息。 网页浏览：通过WWW浏览器软件访问网页资源。目前最为流行的WWW浏览器为Microsoft的Internet Explorer和Netscape的Navigator。 1.1 基本术语—静态网页与动态网页 ⑴ 静态网页 不能实现用户和网站之间的信息交互功能。静态网页可以包含翻转图像、GIF动画或Flash影片等，具有很强的动感效果。 ⑵ 动态网页 能实现用户和网站之间的信息交互功能。 包括两类：客户端动态网页和服务器端动态网页。 1.1 基本术语— HTML与脚本语言 HTML：HyperTextMark-upLanguage，超文本标记语言，是WWW的描述语言。 脚本语言：介于HTML和编程语言之间的一种语言。脚本语言是实现动态网页编程的基础。 HTML通常用于格式化和链接文本，而编程语言通常用于向机器发出一系列复杂的指令。脚本语言介于两者之间，但它的函数与编程语言更为相象一些，它与编程语言之间最大的区别是后者的语法和规则更为严格和复杂。 1.2 网页剖析—网页中的基本元素 1．文本 即文字信息，具有多种属性，如字体，字号，颜色，底纹和边框等。 2．图像和动画 图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。 图像格式：GIF、JPEG、BMP、TIFF、TGA、RAS、EPS、PCX、PNG、PCD和WMF格式等。 动画是运动的图画，一组静态画面的连续播放形成动画。制作动画的常用软件：Fireworks、Flash、3DS MAX等 网页中使用最多的动画文件是GIF文件。 1.2 网页剖析—网页中的基本元素 3．声音和视频 声音文件格式：MIDI、WAV、MP3和AIF等。 视频文件格式：Realplay格式, MPEG, AVI和DivX等。 4．超级链接 从网页的热点指向一个目的端的链接。目的端可以是另一个网页，也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或者是本网页中的其他位置。热点通常是文本、图片或图片中的区域，也可以是一些不可见的程序脚本。 1.2 网页剖析—网页中的基本元素 5．表格 在网页中表格用来控制网页中信息的布局方式。 显示表格数据。 6．表单 实现网页与浏览用户的信息交互。如收集联系信息、接受用户要求、获得反馈意见、设置来宾签名簿、让浏览者注册为会员并以会员的身份登陆站点等。 7．其他常见元素 悬停按钮、Java特效、ActiveX特效等。 1.2 网页剖析—网页的设计视图和源文件 （1）网页的设计视图 网页的原始状态，可视化网页设计的重要过程是在设计视图中进行的，是一种所见即所得的设计，因此设计视图与页面的浏览结果十分接近。 （2）源文件 网页包含HTML代码的文件，通过对源文件代码的编辑同样能修改网页效果。 1.3 网页设计与发布—网页设计的基本方式 三种方式： 直接编码 利用可视化工具 直接编码和可视化工具结合 1.3 网页设计与