《Dreamweaver网页设计项目教程 教学课件 ppt 作者 王雪松 项目二ppt 任务1前期准备》由会员分享,可在线阅读,更多相关《Dreamweaver网页设计项目教程 教学课件 ppt 作者 王雪松 项目二ppt 任务1前期准备(7页珍藏版)》请在金锄头文库上搜索。
1、Dreamweaver网页设计项目教程,机械工业出版社,任务1 前期准备(建议1学时),任务分析,1,2,3,网站需求分析 除首页外,还包括最新动态、产品展厅等7个二级页面,定位分析 电子类企业网站,宣传扩大企业的知名度,方便用户,获取和发布商业信息,功能分析 最新动态 活动专区 产品展厅 今日团购 会员专区下载专区 联系我们,任务实施,双击添加标题文字,分析首页,确定整体风格 包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等诸多因素。,首页布局 分析网页的布局方式对于后台搭建页面非常重要。拿到设计图之后首先要做的就是分析版式结构
2、,了解总体的布局设计。,布局尺寸测量 按照效果图提取尺寸。此步骤photoshop中完成。例如页面的宽度(白色背景的区域)为900px,导航栏宽度为900px,高度为66px,图片素材导出 网页布局设计完成以及区块大小尺寸确定后,接下来就是对所需图片进行切图处理,任务评价,进行页面布局分析,实现功能分析,页面美化分析,根据研究另行修改设计草图,得出分析报告,制作首页PSD草图,制作二级页面PSD草图,进行颜色分析,触类旁通,设计二级页面,结构一致,主要内容区保 留div布局,首页PSD草稿给出之后 再进行二级页面的 设计,网站风格一致,效果 可观,二级页面的头部、导航 和底部与首页相同,可以 将这部分制成模板,方便 后期维护,具体内容根据各二级 页面的主题添加,点击添加 文本,二级页面的设 计风格与首页 一致,Thank you!,谢谢观赏,