网页设计与网站建设课件4(PPT).ppt

宣传标语体现网站的目标、理念、宗旨等宣传标语写在logo中，也可以用横幅广告（banner）来体现“真诚到永远”，“给你一颗奔腾的心”，“只粘目光不粘尘”，勤奋学习，知行合一……4、网站的宣传标语请为你的网站进行整体设计（按顺序）色彩方案(4种)标准字体logo宣传标语，及包含网站主题及标语的banner并说明设计思路，说明你是如何突出网站风格的12实战3：测试一下自已的设计吧如果用一句话来描述你的站点，应该是（）有创意、有实力、有美感、有冲击力想到你的站点，可以想到的颜色是（）热情的红色、幻想的天蓝色，……想到你的站点，可以联想的画面是（）杂货店、书店、……如果网站是一个人，他拥有的个性是（）活泼可爱的儿童、思想成熟的中年人、……作为站长，你希望给人的印象是（）敬业、认真负责、有深度、直爽、……用一种动物做比喻，你的站点是（）兔子（聪明敏感）、狮子（自信威武）、……浏览者觉得你和其他网站不同（）可以信赖、信息最多、交流方便把网页看成是由很多个小块组合而成。网页布局就是这些小块的摆放布局就是指以最适合用户浏览的方式将图片和文字排放在页面的不同位置。01T型布局同字、国字型、“口”型布局POP布局常见的布局形式024.3.2网页布局与制作一、“T”结构布局(2列结构)：页面顶部为横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局因为菜单条背景较深，整体效果类似英文字母“T”,所以我们称之为“T”形布局。这是网页设计中用的最广泛的一种布局方式。优点是页面结构清晰，主次分明。缺点是规矩呆板，如果细节色彩上不注意，很容易让人看之无味。二、同字/国字型/口型布局特点：最上面是水平放置的横幅广告和主导航栏，接下来是网站的主要内容，左右分裂2小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息。01典型的政府网站的首页形式。【举例】作业中的环球教育在线、人大青年网02用横幅广告将网页从上到下一条条分开优点：设计简单，内容依次排列三、“三”型布局三、POP型、封面型、flash型布局（1列）指页面布局象一张宣传海报，以一张精美图片、或者flash动画作为页面的设计中心。常用于时尚类站点。优点显而易见：漂亮吸引人。缺点就是速度慢。作为版面布局还是值得借鉴的。如果栏目不算太多而一些说明性的东西比较多，则可以考虑T型；02如果栏目非常多，就要考虑用“国字型”；01Flash型灵活性更好，好的Flash大大丰富了网页，但是它不适合表达过多的文字信息。04如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；03五、什么样的布局是最好的？六、各部分的分割比例“T”布局——

左右两列采用黄金分割“国”/“同”/“口”型布局的上、中、下分割——

同样不能平分，一般来讲中间占大约百分之六十。而上面占百分之三十，下面占百分之十。

即下面是上面的三分之一，上面是中间的三分一。“国”/“同”/“口”型布局的左、中、右分割——

左占百分之四十，中右各占百分之三十。或是左右占百份之三十，中间占百分之四十。

也可以进行532、622、442、的分配。无论是上、下还是左、右都要尽量避免平分的局面。首页01二级页面02实战：设计网站各级页面的布局网站中的导航系统就是网页上各种导航条的总称，用户通过导航系统中的各种导航元素，可以快速查询到自己所需要的信息。导航的类型全局导航局部导航路径导航快捷导航相关导航导航系统并且要有一致的外观和位置扮演着对用户最基本的访问方向性指引。出现在网站的每一个页面上全局导航，即网站的主要导航1、全局导航2、局部导航使用户在一个内容领域里按层次浏览全局导航的延伸，指向同级或下级页面网页设计与网站建设第四章综合案例——完成一个网站的设计与制作目录4.1网站设计的基本流程4.2网站规划4.3网站整体设计4.4模板与库4.5行为4.1网站设计的基本流程设计维护规划实现发布网站需求分析01网站的风格定位02网站的内容组织034.2网站的规划4.2.1网站的需求分析需求分析的任务：

1、用户类型

面对不同的用户类型，网站需要满足的用户需求也不同。

2、明确用户需求,确定网站要实现的功能

——向客户调研、市场调研、“角色互换”思考

3、用户的潜在需求

——“角色互换”思考只有准确把握用户需求，才能做出用户真正喜欢的网站。需求分析案例实战1以小组为单位，共同确定一个网站主题，进行网站需求分析，做好分析记录，完成需求