第三章网页设计项目分析.pptxVIP

第四章　网页制作第一步：项目分析教学内容:根据需求方建站要求，理解网站业务背景，分析网站需要的功能，确定网站风格和网站结构，规范设计网站目录结构和文件命名。第一部分　任务背景某广告公司需要做一个企业网站，用来做宣传，开展企业网站，为顾客及时提供产品和服务的信息交流。拓展市场宣传，提升品牌形象。广告、招商、市场活动推广。阶段一：沟通阶段学生：Ａ、Ｂ、Ｃ公司老板（甲方）教师：某网络公司网页设计师（乙方）甲方提供相关业务背景资料，乙方进行可行性分析和论证，开始先期的网站策划，策划内容包括内容环节、网站风格、主要色彩、栏目及网站结构。网站策划通过后，进入执行阶段，保证客户需求的充分落实。阶段二：实施阶段网站布局设计，网站设计不是把所有的内容放置到网页中，还需要把网页内容进行合理的排版布局，以给人浏览者赏心悦目的感觉，增强网站的吸引力。在设计布局时要注意把文字、图片在网页空间上均匀分布合理，色彩的网页元素要相互对比，以形成鲜明的视觉效果。常用布局分：１、“同”字型　２、拐角型　３、标题正文型　４、pop布局　阶段二：实施阶段网站布局草图根据该公司特点，网站首页采用“同”字型结构，其中logo、导航条、banner应该放在最上面，下面使用两栏布局，并划分多个内容区域，通过图文对照的方式提供各个领域的重点内容，让浏览者可以了解各类重要信息，如右图所示阶段二：实施阶段网站设计风格网站风格主要从下列几方面来考虑1、色系　网页的底色、文字字型、图片的色系、颜色等2、排版　表格、框架的应用、文字缩排、段落等。3、窗口　窗口效果，例如：全屏幕窗口，特效窗口等。4、程序　网页互动程序，如asp、php、xml、cgi等。5、特效　让网页看起生动活泼的各种应用，如flash、JS等。6、架构　目录规划、层次浅显易懂、选单应用等。7、内容　网站主题、整体实用性、文件相关性、内容切合度、是否有必要的档案等。8、走向　对于于网站的未来规划、网站整体走向等。以上这些内容都与网页风格有密切的关系，网页风格不是某一项相同，而是需要有整体感　，是要各项目的配合应用，才能达到完美的网站风格设计。阶段三：实施阶段网站栏目结构网站栏目结构与导航奠定了网站的基本框架，决定了用户是否可以顺利地为网站的每个网页建立索引，因此网站栏目结构被认为是网站优化的基本要素之一，网站栏目结构对网站推广运营发挥了至关重要的作用。1、合理的网站栏目结构2、网站结构分类3、企业网站结构案例：公司栏目结构如　　　　　打开做参考阶段三：实施阶段制定网站的规范一、确定网站的目录结构1 、不要将所有文件都存在根目录下2 、按栏目内容建立子目录3 、每个主目录下都建立独立的images目录4 、目录的层次不要太深5 、不要使用中文目录6 、不要使用过长的目录7 、尽量使用意义明确的目录阶段三：实施阶段　制定网站的规范一、确定网站的目录结构1 、不要将所有文件都存在根目录下2 、按栏目内容建立子目录3 、每个主目录下都建立独立的images目录4 、目录的层次不要太深5 、不要使用中文目录6 、不要使用过长的目录7 、尽量使用意义明确的目录阶段三：实施阶段二、文件夹文件名命名规范1 、文件夹命名一般采用英文，长度一般不超过20个字符，命名采用小写字母。一些常见文件夹名如：images(存放图形文件)，flash（存放flash文件），style（存放css文件），inc(存放include 文件)等。2 、文件名统一用小写的英文字母、数字和下划线的组合。a 、图片命名原则名称分为头尾两部分，用下划线隔开，头部分表示此图片的大类性质如广告、标志、菜单、按钮等。如：顶部广告等长方形图片取名为banner；标志性的图片取名为logo；在页面位置不固定并且带小链图片取名button；菜单栏menu；装饰用pic等。b、动态语言文件命名规则是“性质_描述”，描述可以有多个单词，用“_”隔开，性质一般是该　页面的概要。如register_form.asp register_post.asp阶段三：实施阶段参考我们的一个案例－广告公司整站文件夹总结网站策划的六个要素“巧妇难为无米之炊”，离开了页面的内容谈页面设计制作几乎是不可能的，而页面内容与整个网站规划分不开的，也就是说，网页不同于网站，网页设计是基础，网站的策划是灵魂。1、客户需求分析：根据客户需求阁生栏目规划2、建设网站的目的3、网站的分析定位4、了解目标客户5、了解客户的动作资源6、网站面向的区域作业网站策划在建设网站的过程中意义重大，我们将在以后的课程中加强同学们与客户交流的经验，学会分析和策划网站