第16章 综合应用实例.pptVIP

第16章 综合应用实例 《网页设计与制作案例教程》（第2版） 《网页设计与制作案例教程》（第2版） 网站按照主题分为个人网站、政府网站、教育网站、公司网站、电子商务网站等。不同类型的网站有不同的风格。本章以Div+CSS作为技术架构，介绍某工作室网站首页的制作流程，通过对网站建设整体流程的介绍和网页布局完整实例的讲解，将读者的网页设计能力提高到一个新的台阶。 本章主要内容 16.1 网站建设流程 16.2 网站需求分析 16.3 网站原型设计 16.4 创建站点 16.5 网站首页设计 16.6 栏目页设计 16.1 网站建设流程 网站的风格各异，诉求也不尽相同，网站建设却遵循相同的流程。大体来说，网站建设的流程主要包括需求分析、原型设计、交互设计、界面设计、程序编写、网站发布等。具体流程如图16-1所示。 1．需求分析。了解客户在网站建设方面的基本需求，涉及内容包括网站建设背景、栏目描述、网站需要实现的功能、网站的整体风格等。 2．原型设计。根据需求分析绘制网站草图，选择建站方案、编程语言和数据库技术，供客户审阅。 3．交互式Demo设计。根据原型设计的讨论结果设计交互式Demo，交互式Demo由简单的web页面构成，能够模拟网站欲实现的全部功能，给客户以直观的效果感受。 4．视觉界面。对于大部分中小型网站来说，原型设计和Demo设计可能会被忽略，但是网站首页效果图的设计是必不可少的，首页效果图的设计需要由具有一定专业水准的平面设计人员完成，他必须深刻了解用户的需求，具有很好的整体把握能力。 5．切割编码。根据前面环节讨论的结果，对使用Photoshop等软件设计的效果图转换成静态页面，数据库设计人员进行数据库设计，编程人员进行必要的程序编写。在后期需要对网站进行整体测试，以确保能够正常运行。 6．发布跟踪。网站设计、制作、修改、程序开发完成后，提交给客户审核。同时，网站程序及相关文件上传到网站运行的服务器，至此网上正式开通并对外发布。为了能让更多的人来浏览网站，必须有一个详尽而专业的网站推广方案，包括著名网络有哪些信誉好的足球投注网站引擎登录，网络广告发布，邮件群发推广，Logo互换链接等等。这一部分尤其重要，专业的网络营销推广策划必不可少。 16.2 网站需求分析 需求分析是网站建设成功与否的基石。网站需求分析要立足实际，对网站的背景、现状等内在因素和客户特点进行详细调查，然后根据网站要达到的功能实际需求对网站进行整体规划。 对于网站需求分析，有条件的话，可以进行问卷调查，通过对调查问卷的分析，得出科学的结论，生成需求分析报告，供相关人员参阅。网站整体需求主要包括以下几个方面： 1．网站建设背景 主要包括网站的性质、服务对象、网站的背景等，以及通过网站建设要达到的目标；分析同领域网站建设现状，并进行归类总结，找出同类网站建设的优点和不足，在后期建设过程中弥补不足，发挥优势。 2．网站整体风格 网站风格是在网站整体需求分析的基础上，通过明确网站设计的目的和用户需求、访问者的特点等得出的结论。本实例是某网络工作室的网站，时尚又不失权威，因此确定其主色调为黑白灰、红色，版式为规整的骨骼型结构。根据网站主题风格，使用图像处理软件Illustrater等设计网站LOGO。根据工作室特点，拟采用文字和图片两种LOGO方案，充分考虑对VI的不同需求。 3．拟采取的建站技术 确定建站所使用的技术，是采用静态网页技术还是动态网页技术，采用何种数据库技术等。 4．资金及人员投入情况 确定网站建设规模，申请域名，确定是购置服务器还是租用空间；通过建站需求、模块划分确定建站资金和人员投入情况；核算建站所需时间；针对网站的规模及特点，分析由公司内部专门人员维护网站还是由网络公司对网站进行后期维护。 16.3 网站原型设计 网站原型最终落脚点是网站首页效果图。网站首页效果图设计是网站项目开发中非常重要的一环，是通过技术手段来设计网页的视觉效果。 16.3.1 首页效果图的作用 效果图的好坏，直接影响到整个网站的质量。通过设计网页效果图，网页设计师可以把对网站的理解通过图像的方式表现出来，然后让客户直观地进行审核，客户也可以通过对效果图的审核，提出自己的意见和建议，让设计师进行修改。最终实现一个能够让双方都满意的设计效果。 1．网站首页效果图是网站需求的集中体现 2．网站首页效果图是技术和艺术的结合 3．网站首页效果图是设计师和客户的沟通的桥梁 16.3.2 首页效果图的设计 网页首页效果图设计是通过专业的图像处理软件完成的，比较出名的有Adobe公司的Adobe Photoshop、Adobe Illustrater、Adobe Fir