网站建设与规划 网站内容、版式、设计稿的规划与设计课件.pptVIP

工作过程： 内容规划 → 版式布局设计 → 色彩设计 → 设计稿制作 网站设计稿的制作计，其目的:客户进行核准内容初稿 通过Photoshop或其他工具完成网站的设计稿。 任务实施 ① 通过项目组会议讨论方式，严格按照“需求分析说明书”的功能表及流程图的要求，确认网站首页、栏目页及模板页的内容： Logo区块内容、导航栏、Banner区块内容、栏目区块内容、版权区域内容； (讨论并在会议记录上形成结果，为草图提供依据) ② 网站首页草图、模块页以及核心页的草图设计，完成4-6张； ③ 严格按照“网站设计标准说明书”的要求准确的完成网站页面版式布局 (首页、模块页、核心页)的设计4-6张； ④ 将第1个和第3个形成一个“网站内容及版式布局说明书”，要求一张A4设计一个页面的版式布局。 ⑤ 网站首页、网站栏目页及模板页设计稿3-5页的实现； 学习成果评估 ① 是否按照“需求分析说明书”的功能表及流程图的要求进行网站内容的规 ② 是否按照“网站设计标准说明书”的要求的完成网站页面版式布局 (首页、模块页、核心页)的设计； ③ 设计稿页面结构是否清晰、布局合理，网站风格、色彩是否统一，突出(公司)网站主题及其特色要求；是否满足客户的功能和需求的要求； ④ 准时形成网站首页、栏目页及模板页的设计稿4-6页。 ⑤ 形成一个“网站内容及版式布局说明书”。 要求一张A4设计一个页面的版式布局。 本课的纪律评价。 典型学生习作点评。 提出要求：小组讨论要积极参与，增加主动性，才能有所收获。 * 网站建设基础 4 首页的内容构成及版式规划 1 2 3 5 内页的内容及版式规划 网站首页的设计稿 栏目页，模板页的设计稿 5 网站内容及版式布局说明书 教学目标 首页设计内容 Logo区块内容： 88×31px、120×60px、120×90 导航栏：快速查找相应信息，整体布局是很重要的 Banner区块内容：尺寸为480×60px、233×30px　 栏目区块内容：网站最核心 ，重要信息靠上靠左位置 网 站 内 容 版权区域内容：版权所有者名称、网站经营许可证 网站建设基础 首页版式布局 过程：设计草案、粗略布局、制定方案 示例：版式布局 Logo Logo区 (宽1002象素 高70像素) 语言选择 导航区 (宽1002象素 高40像素) 内容展示区 (宽1002象素 高290像素) 栏目展示区 (宽680象素 高258像素) 栏目区 (宽293象素 高258像素) Banner区 (宽1002象素 高70像素) 视频演示区 (宽293象素 高258像素) 版权区 (宽1002象素 高83像素) 内页内容及版式布局 页面内容导航设计 网站的体系结构 物理结构 逻辑结构 页面的设计稿 网站设计稿的制作 前台界面设计 后台界面设计 项目二 网站内容、结构及设计稿的规划与设计 小结 进一步完善本部分对应的任务 下次课对本次课的内容进行提问，回答效果好的在期末成绩上直接2-3分 作业 *