电子教案中文版标准教材

第一章第1章网页设计概述第一章网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求，自觉地对网页的构成元素进行艺术规划的创造性思维活动，创造出艺术化、人性化的浏览界面。1.1网页界面构成网页是由浏览器打开的文档，因此可以将其看作浏览器的一个组成部分。网页的界面只包含内置元素，而不包含窗体元素。以内容来划分，一般的网页界面包括网站Logo、导航栏、Banner、内容栏和版尾五部分。1.1.1网站LOGO网站Logo是整个网站对外唯一的标识和标志，是网站商标和品牌的图形表现。

第一章Logo的内容通常包括特定的图形和文本，其中，图形往往与网站的具体内容或开发网站的企业文化紧密结合，以体现网站的特色；而文本主要起到加深用户印象的作用，也可以体现网站的价值观、宣传口号。LOGO的设计灵活性较大，每个设计师都会有自己的独特构思。通常可以分为以下几类：1.以字符为主：这类LOGO比较常见，其特点是简洁大方、识别性较高。2.字符与图形结合：字符与图形二者结合会产生一种强烈的现代感和视觉冲击力，容易给浏览者留下深刻的记忆。3.以图形为主：以图形为主的LOGO大多以卡通形象作为标志，易于识别，印象深刻，使用此类标志的网站一般在内容上会与LOGO的卡通形象相吻合。

第一章知识链接：为了便于Internet上传播信息，一个统一的Logo国际标准是必要的。实际上已经有了这样的一整套标准。其中关于网站的Logo，目前有三种规格：①88*31这是互联网上最普遍的Logo规格.②120*60这种规格用于一般大小的Logo。③120*90这种规格用于大型Logo。当然200*70这种规格Logo也已经出现。

第一章1.1.2导航栏导航栏是索引网站内容、帮助用户快速访问所需内容的辅助工具。导航栏内容包含的是实现网站功能的按钮或连接，其项目的数量不宜过多。设计合理的导航栏可以有效地提高用户访问网站的效率。1.响应式导航栏:响应式设计是当前网页设计的流行趋势，如图所示响应式导航栏。其网站设计的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。页面能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备.即页面应该有能力去自动响应用户的设备环境。因此导航栏菜单在设计之前，要谋划好导航栏菜单在手机、平板、桌面上的布局。在导航栏的设计中，还可以采用Flash或jQuery脚本等实现动画元素吸引用户访问。2.全屏式导航栏:全屏式网站页面的设计，指的就是页面内容几乎占据了整个显示器屏幕，这样的风格样式也被很多人接受和使用，如图所示全屏式导航栏。全屏式网站页面的设计，多半以图片为主，而且留白也比较多、比较大，在感官上能够给人很大的视觉冲击力。

第一章3.垂直式导航栏:打破常规设计的手法有很多，其中之一就是将导航菜单设计成纵向的。垂直的导航设计并不是简单的将横向变为纵向，而是需要结合内容重新思考整个网站的布局和空间的使用。这种排版最流行的有两种，一种是隐藏式导航菜单，另外一种使用的是固定的侧边栏来承载菜单。它在色彩运用上一般使用与网页色调相柔和、协调的颜色，既能起到很好的交互作用，又不喧宾夺主。第二种菜单的有趣之处在于，它为网站设计提供了一种新的视觉设计可能性。同时，这种导航在小屏幕上可以做成悬停隐藏式菜单栏（图悬停隐藏式菜单栏），需要的时候点击显示，它在色彩的运用上没有太多的限制，使用鲜明或柔和的色彩均可，但在设计时注意导航栏的色彩设计必须与网页整体色彩相协调。

第一章1.1.3BannerBanner，中文意思为旗帜或网幅，是一种可以由文本、图像和动画相结合而成的网页栏目。Banner的主要作用是显示网站的各种广告，包括网站自身产品的广告和与其他企业合作放置的广告，如图所示。在网页中预留标准Banner大小的位置，可以降低网站广告用户的Banner设计成本，使Banner广告位的出租更加便捷。国际广告局的“标准与管理委员会”联合广告支持信息和娱乐联合会等国际组织，推出了一系列网络广告宣传物的标准尺寸，被称作“IAC/CASIE”标准，共包括7种标准的Banner尺寸。在众多商业网站中，通常都会遵循以上标准定义Banner的尺寸，方便用户设计统一的Banner，应用在所有网站上。然而，在一些不依靠广告位出租赢利的网站中，Banner的大小则比较自由。网页设计者完全可以根据网站内容以及页面美观的需要随时调整Banner的大小。

第一章