第14讲 网站功能设计.ppt

《第14讲 网站功能设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、网站的功能设计网站开发技术第十四讲知识回顾:JSP中使用JavaBean１、编写和使用JavaBean２、bean的存放目录３、获取和修改bean的属性４、带包名的bean５、JSP与bean结合的实例第14讲　网站的功能设计14.1网页设计基础14.2B2C购物网站的需求分析14.3B2C购物网站的功能设计14.4企业门户网站功能结构14.1网页设计基础一、网页设计工具1、FrontPage2002站点管理工具，编辑HTML，发布网页，数据库集成，扩充性和可程序化。2、DreamweaverMX/2004最佳的制作效率，网站管理，无可比拟的控制能力，所见即所得，梦幻样板和XML，全方

2、位呈现，支持动态网页。二、网站设计原则1.目标定位潜力大,发展趋势，定位要小，内容要精。2.主题明确3.内容要求新、精、专信息内容永远处于第一位，内容设计要有组织，及时更新信息内容。4.访问安全快速提高浏览者的访问速度，以免影响访问量，要有安全良好运转的硬件和软件环境，要使信息便于用户浏览。5.页面美感十足、方便用户访问提供交互性，完善的检索和帮助功能，方便用户访问和操作。三、风格设计网站要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。1、必须遵循行业标准。不同类型的网站有不同的风格,不同性质的行业，应体现出不同的网站风格，就像穿着打扮，应依不同

3、的性别以及年龄层次而异一样。例如:政府部门的主页风格一般应比较庄重，而娱乐行业则可以活泼生动一些;文化教育部门的主页风格应该高雅大方，而商务主页则可以贴近民俗，使大众喜闻乐见。主页风格的形成主要依赖于主页的版式设计、色调处理和图片与文字的组合形式等。综合型门户网站搜索引擎网站C2C电子商务网站政府网站学校网站公司网站B2C购物网站课程网站专题网站２．有自己的特色名字符合规范、短小精悍、容易记忆、不易混淆、与公司名称、商标或核心业务相关。标志(logo)颜色公司的CI（CorporateIdentity，企业识别）主色调，是企业将其宗旨和产品包含的文化内涵传达给公众，建立起的视觉体系形象

4、系统。如IBM的深蓝色，肯得基的红色条型。导航清晰。超链接清晰无误，导航按钮标识清楚。规范网页上所有的图像、文字、背景颜色、区分线、字体、标题、注脚等，都要统一风格，贯穿全站。四、版面布局以最适合浏览的方式将图片和文字排放在页面的不同位置。要求重点突出、层次分明、错落有致、平衡谐调，将网站标志，主菜单等重要模块放在最显眼，最突出的位置，再考虑次要模块的排放。页面尺寸由于页面尺寸和显示器大小及分辨率有关，一般分辨率在800x600像素的情况下，页面的显示尺寸为：780x428个像素；分辨率在1024X768像素的情况下，页面的显示尺寸为：1007x600像素。布局技术表格布局、框架布局和

5、层叠样式表的应用布局原则主次分明、中心突出，大小搭配、相互呼应，图文并茂、相得益彰。布局步骤草案，粗略布局，定案。布局的类型网页版面布局大致可分为“口（同、国）”字型、拐角型（“T”结构布局）、“三”型、对称对比型、标题正文型、框架型、封面型、Flash型等。“国”字型大型网站所喜欢的类型。上为标题广告；中间左主菜单，右友情连接，中主要部分；下为基本信息。优点充分利用版面，信息量大，缺点页面拥挤，不够灵活。拐角型网页设计中用的最广泛的一种布局方式。优点是页面结构清晰，主次分明。缺点是规矩呆板，如果细节色彩上不注意，很容易让人"看之无味"。“三”型“三”型结构多用于国外站点，国内用的不多

6、。特点是页面上横向两条色块将页面整体分割为四部分，色块中大多放广告条。对称对比型对称对比型是采取左右或者上下对称的一种布局方法，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机的结合比较困难。标题正文型这种结构类型即最上面是标题或类似的一些东西，下面是正文，如文章页面或注册页面。框架型　　框架型又可以分为左右框架型、上下框架型、综合框架型。一面是导航链接，一面是正文。这种类型结构非常清晰，一目了然。封面型也称为“POP”型。这种结构常用于时尚类站点和个人网站的首页，大部分为一些精美的平面设计结合一些小动画，放上几个简单的链接或者仅是一个“进入”的链接甚至

7、直接在首页的图片上做上栏目链接。这种结构的优点是漂亮吸引人，缺点就是速度有时比较慢。Flash型Flash型与封面型结构类似，只是Flash型采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。五、色彩设计使用相同色系色彩用一种色彩：先选定一种色彩，然后调整透明度或者饱和度，即将色彩变淡或则加深，产生新的色彩，用于网页。这样的页面看起来色彩统