网站前台设计——项目化教学实施案例 教学课件 作者 肖玉陈炳和 等编著 1 2教学单元设计（网站界面设计）.pptVIP

尚辅网 尚辅网 * 尚辅网 尚辅网 1-2科创资讯网站首页设计 ——网 站 界 面 设 计 尚辅网 地 点： 网影科技有限公司网站开发部 时 间： 上午8：20 主 持： 网站开发部项目总监 参加人员：网页设计部各项目组组长及设计师 会议议题：科创资讯网站建设项目中项目需求分析 创建情境 网页设计部每周例会 尚辅网 工作任务流程： 概要设计，提交网站建设方案 提交设计草图 需求分析 修改并完成网页界面（网页初始原型）的设计制作 把页面切片输出成网页 尚辅网 1.讨论分析与解决问题——问题 布 局 如何根据草图进行页面的布局，把草图设计转化为页面设计，并进行各栏目的对齐分布 图 像 管 理 如何制作带有圆角，并且具有色彩和图像合成的banner图像 如何制作带有圆角且带有图案的网页图标 如何对齐各栏目的标题，对多个图片进行对齐和分布 如何有效管理多个图层 尚辅网 布 局 如何根据草图进行页面的布局，把草图设计转化为页面设计，并进行各栏目的对齐分布 参考线的应用 解决方法 操作步骤： 1.通过【视图】│【标尺】命令打开标尺显示 2.在标尺上单击鼠标右键修改该标尺单位为像素，保证和页面长宽的单位（通常为像素） 3.使用移动工具从标尺上方拖出参考线，放置 在草图中各栏目的分界处（要结合各栏目的大小计算出每个参考线所在的位置，遵循从上至下，从左到右的顺序设