网页版面设计基础课件

《网页版面设计基础课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、一基本概念二网页版面设计三实训第2章网页版面设计基础1虚拟界面由于网页是通过计算机的显示通道与人们交流的，并不是现实世界中的实际物体，因此又被称为“虚拟界面”。从网络的角度来看，虚拟界面是一个网站的窗口，网站中的数据库信息、链接功能以及各种网络服务都通过这个界面进行实施。一个网站的网页可以有多个，通常根据需要分层设置。从平面设计的角度来看，每个虚拟界面就是一个版面，可以利用平面设计理念对其进行设计。但是，网页毕竟是计算机技术和多媒体技术的产物，具有某些一般版面所没有的特点和性质。为了对虚拟版面进行设计，就必须拓展设计的范围，丰富设计的手段，如对于版面各种媒介的

2、设计与制作，要应用一些新的技术。UIuserintrerface一基本概念一基本概念包含多种多媒体的网页2网页界面的特点网页的界面通过显示器显示，除了运用一般版面设计手段对这个虚拟界面进行设计以外，还需要针对该界面的独特之处进行设计，这就需要了解虚拟界面的独特之处。其主要表现在以下几个方面。1．版面尺寸规范化2．媒介形式的多样化3．有限的界面颜色数量4．界面的嵌套性5．具有控制功能一基本概念2网页界面的特点版面尺寸规范化：通常采用显示器的标准显示模式。1）800像素×600像素。2）1024像素×768像素。3）1280像素×1024像素或更高。不同显示模式显

3、示的迪斯尼公司网站的网页。一基本概念a)800像素×600像素b)1024像素×768像素c)1280像素×1024像素网页页面大小合理地设置页面尺寸，可以避免用户频繁地拖动滚动条。目前国内的上网者习惯使用是微软公司的InternetExplorer浏览器（简称IE浏览器）。在屏幕分辨率为1024×768时，不同版本的IE浏览器的屏幕大小是不相同的。以下是各版本IE浏览器页面尺寸表。IE浏览器版本屏幕宽度屏幕高度IE6.01003px600pxIE7.0（菜单栏显示状态）1003px594pxIE7.0（菜单栏隐藏状态）1003px620pxIE8.0（菜单栏

4、隐藏状态）1003px626pxIE8.0（菜单栏显示状态）1003px598px3网页的功能网页是计算机技术和多媒体技术实际应用的产物，因此，网页同时具备计算机技术和多媒体技术的基本功能。其主要功能包括：展示功能、超链接功能、检索功能以及统计和计算功能等。一基本概念1版面编排原则网页是信息传播的一种载体，在设计上同其他出版物如报纸、杂志等有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式不同，网页设计同时又具有其特有的规律。网页的艺术设计，是技术与艺术的结合、内容与形式的统一。版面编排的首要任务就是根据网页传达内容的需要，将不同的文字和

5、图片按照一定的次序用最合理的编排和布局组成一个有机的整体并展现出来。版面编排应注意以下几点。1．突出中心，理清主次2．搭配合理，大小呼应3．图文并茂，相得益彰二网页版面设计2网页排版布局的一般步骤（1）构思根据网站内容的整体风格，设计版面布局。（2）初步填充内容这一步就要把一些主要的内容放到网页中，例如，网站的标志、广告条、菜单、导航条、计数器等。（3）细化在将各主要元素确定好之后，下面就可以考虑文字、图像、表格等页面元素的排版布局了。在这一步，设计者可以利用网页编辑工具把草案做成一个简略的网页，当然，对每一种元素所占的比例也要有一个详细的数字，以便以后修改。

6、二网页版面设计3网页板块构成网页是由各种版块构成的。Internet中的网页内容各异。然而多数网页都是由一些基本的板块组成的，包括Logo、导航条、Banner、内容版块、版尾等。二网页版面设计logo是标识网站的名称，并为用户提供识别的标记。绝大多数网站都有一个独特的Logo。Logo对于网站而言是唯一的。导航条导航条是网站的重要组成元素。其可以索引网站内容，帮助用户快速访问网站功能。导航条内包含的是网站功能的按钮或链接，其项目的数量不宜过多。通常同级别的项目数量以3到7个为宜。一个网站往往可包含多个级别的导航条，例如主导航条、登录导航条、友情链接导航条等。

7、有时导航条也会与banner结合使用，通过图像增强导航条的表现力。12BannerBanner为网页中的广告条，又被称作旗帜、网幅或横幅，是一种可以由文本、图像和动画相结合而成的网页栏目。国际广告联盟的“标准与管理委员会”联合广告支持信息和娱乐联合会等国际组织，推出了一系列网络广告宣传物的标准尺寸，被称作“IAC/CASIE”标准，共包括7种标准的Banner尺寸。在设计Banner时，既可遵循以上标准，以方便网站的广告用户设计广告。同时，也可灵活根据网页的版式对其尺寸进行调节，以符合网页整体的风格和布局。13名称Banner面积摩天大楼形120px×600p

8、x中级长方形300px×250px正方