网页设计与网站建设_02网页设计基础知识解题.ppt

《网页设计与网站建设》;第2章 网络与网页设计基础知识;;2.1 Internet基础;2.1.2　WWW WWW(World Wide Web)简称为Web或万维网，客户端只要通过“浏览器”（Browser）就可以非常方便地访问internet上的服务器端，迅速地获得所需的信息。如图所示： ;2.1.3　网页与网站 构建WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字或图形，只要用鼠标轻轻一点，就可以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了WWW的纵横交织的网状结构。 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 网站的概念是相对的，大的如新浪、搜狐等大的门户网站，页面非常多，可能分布于多台服务器上；小的如一些个人网站，可能只有几个页面，仅在某台WEB服务器的占据很小的空间。 一个站点的??始页面通常被称为“主页”，主页是一个网站的开始，因此主页的好坏决定了这个网站的访问情况，一般主页的名称是固定的index.htm、index.html或是default.htm等。; 2.1.4　域名与IP地址 在Internet上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址就是IP地址。目前IP协议有：IPV4和IPV6,下面以IPV4为例。 IP地址是由32bits的二进制数值构成，分成4组，转化为十进制用点分隔，比如：1。IP地址的结构是：“网络地址+主机地址” ;;IP地址跟域名的关系 域名的分类;域名;表1.2 按地理区域分类的项级域名;2.2　网页设计中的色彩应用;2.2　网页设计中的色彩应用;红色色系;2.3　网页制作工具;2.3.2　图形和图像处理工具 目前常用的图形和图像处理工具主要：Photoshop及Fireworks。 Photoshop的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆绑了Image Ready，能够实现各种专业化的图像处理、动画的制作等。 Fireworks是由MacorMedia公司出品的首选WEB图形图像处理软件。它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等，可以生成Fireworks HTML，直接导入到网页中，使用非常方便。;2.3.3　动画制作工具 Flash是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash所使用的图形是压缩的矢量图形，采用了网络流式媒体技术，突破了网络带宽的限制，可以边下载边播放，这样避免用户长时间的等待，设计者可以随心所欲地设计出高品质的动画，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。;;2.4　HTML语言; 2.4.1HTML语法格式 HTML文件的所有控制语句称为标签，标签在一对尖括号之间，格式如下： 标签HTML语言元素/标签 1）标签分为成对标签和非成对标签，比如：title、table、font等属于成对标签，而br、hr等属于非成对标签，标签忽略大小写，书写格式非常灵活。 2）可使用标签的属性来进一步限定标签，一个标签可以有多个属性项，各属性项的次序不限定，各属性项间用空格来进行分隔。 例如：img src=images/girl.gif width=100 height=87 3）HTML中使用的注释语句为!—注释内容--，注释内容可插入文本中任何位置，注释内容不会显示在网页中。;2.4.2常见的HTML标签 1）HTML…/HTML 标识HTML文件的开始与结束。中间是一些HTML语言的元素。它允许网络浏览器把文件内容确认为HTML文件。 2）HEAD…/HEAD 头部标签，其中的信息不会出现在网页中。但其中包含了许多网页的属性信息，例如网页的题目、关键词、说明、网页类型和语言内码等。 （1）title…title标题标签，网页的标题将会显示在浏览器的标题栏上。 （2）meta …meta标签，包括了MIME字符集信息、网页关键字、网页说明信息等，这些信息有助于网站的推广。; 3）BODY和/BODY 主体标签，它是文档的主干，包含了文档的内容。可以通过多种途径来表现这些内容。例如，对于可视浏览器，可以把主体想象成一张画布，在画布上出现文字、图像、颜色和图案等。 （1）P…/P 段落标签，中间是一段文字的内容，可以设置其属性来对文字进行排版。 （2）FONT…/FONT 字体标签，