SCITC 四川信息职业技术学院 信总理弱 开放课程 Webpage Design 网页设计与制作 四川信息积绘教衣季花 (入“利恒《和“但4个是 ⊙身0■ 由静美丽 4 有有周上 可更色然 △53 四川川信息职业技术学院精品开放共享课程
SIT Sichuan Information Technology College 四川信息职业技术学院开放共喜课程 网页设计与制作 单元2：分析、设计、重构 授课教师：廖若飞
单元2：分析、设计、重构 授课教师：廖若飞
SIT Sichuan Information Technology College 四川信息职业技术学院开放共喜课程 网页设计与制作 分析、设计 1.网站需求分析 2.不同风格创意设计 3.选定视觉风格 4.交互式流程 5.网站线框图及纸面原形
分析、设计 1.网站需求分析 2.不同风格创意设计 3.选定视觉风格 4.局部设计 4.交互式流程 5.网站线框图及纸面原形
SSichuan Information Technology College 四川信息职业技术学院开放共喜课程 网页设计与制作 网站需求分析 •网站框架图或网站地图的 •关于网站优化的分析 规划系统分析 •网站报价 •页面设计的需求总结 项目实施安排 网站功能需求总结 •售后服务 技术说明
网站需求分析 •网站框架图或网站地图的 规划系统分析 •页面设计的需求总结 •网站功能需求总结 •技术说明 •关于网站优化的分析 •网站报价 •项目实施安排 •售后服务
S Sichuan Information Technology College 四川信息职业技术学院 开放共享课得 网页设计与制作 不同风格创意设计一传统型 清香阁茶楼 ELCOmE TO O山WEDSITE 网站首页 公司简介 公司新闻 美食展示 人才招聘 在线留言 联系我们 。茶棱简介 。茶楼动态 杭州煤茶模是由专业性茶坊连执品牌，茶楼的主要功能：提供交流、 餐饮服务食品安全阶段性检品安全 2011-3-30143351 体闲的优雅空间。茶访提供的产品以国饮传统茶为基础，包括保罐茶， 餐饮服劳食品安全阶段性检品支全 2011-3-30143934 饮品及创新茶。同可时提供干果、鲜果及商务、家晖小因。是由一批思 餐饮服务食品安全阶段性检品安全 2011-3-301438:20 想活跃，勇于创新，精于管理团以组成。旗下设贯机构：一、茶坊拓 展部。二、茶坊营运部。三、茶文化教研室◆四、茶叶评审部等四大部 餐饮服务食品安全阶段性检品安全 2011-3-30143815 组合而减。公司成立之初即以弘扬国学 餐饮服务食品安全阶段性检品安全 2011-3-30143753 。消费指南 。茶楼特色 地址：杭州市莫干山路868号某酒店东侧 乘路17路莫干山路站下车]到 营业时间：早9：00到凌晨0：00 服务热线：0571-1234567815912345678 网站首页 公可简介 公司新闻 美食展示 人才招聘 在线留言 联系我们 版权所有Copyright(C)2009-2010x市xt有限公司|建议电脑设置分折案1024*768苏ICP备88888888号
不同风格创意设计——传统型
ST Sichuan Information Technology College 四川信息职业技术学院 开放共享话程 网页设计与制作 不同风格创意设计一 紫色高雅型 Template 您好，欢迎光临某化妆品商城！ [登绿][注册] 首页 美白护肤 彩妆淡妆 香水 男士专区 家居用品 关键字 文章 阿呀粉底丨雅芳洁面乳丨玉兰油洗面奶丨旁氏洁面乳 公司简介联系方法 给我留言®新间动态 商城公告：某某商品特价中。。。。。。 你当前的位置是：首页->商城购物 商品分类Crtegory 美白护肤 美白护肤一 美白护肤 美白护肤二 美白护肤三 。商购物 美白护肤四 美白护肤五 彩妆 彩妆一 彩妆二 美白护肤 美白护肤 美白护肤 美白护肤 美白护肤 彩妆 彩妆三 彩妆四 淡妆 彩妆展示 彩妆展示 彩妆展示 彩妆展示 彩妆展示
不同风格创意设计——紫色高雅型
S Sichuan Information Technology College 四川信息职业技术学院 开放共享话程 网页设计与制作 不同风格创意设计一精美精装型 设为首页 首页关于我们 间动态 产品展示 销售网络 访率留言 联系我们 x红钟表有限公司 顾客至上信 I1公司筒介AB0TS HOF第， 底系我门 x钟表有限公司始创于一九三九年；二◇0二年国有老字号转制为新 公司名称：x钟表公司 珀的现代股份制企止：为协会理事会成员单位，消质者协会确定为眼镜质 公司地址：市路x号 里投诉站；二OQ三年通过1S09001:2000国听质里管理体系；获得Xx生产 经营许可证1连续多年被市政府评为“经营质里信得过企业”。消费省协 联系人：李先生 会确定为X;二◇◇三年通过1S09001:2000国际质重管理体系：获得x江 眠系电话X-X 生产经营许可证：连续多年被市政府评为“经营质里信得过企业”。 电子件：@.com I产品展示PRODUCTS MORE TEL.0000-000-00000000 FAX:0000-000-00000000 推荐产品 推荐产品 推荐产品 推荐产品 双钟表公司版权所有 联系电话：X-XXXCX1联系人：电子箱：X置@.C0M
不同风格创意设计——精美精装型
SSichuan Information Technology College 四川信息职业技术学院 开放共喜课得 网页设计与制作 选定视觉风格 在需求分析阶段，需充分了解客户需求。 特别关注客户对网站界面风格的喜好。 让设计人员先了解客户的需求非常重要， 往往可以达到事半功倍的效果
选定视觉风格 在需求分析阶段，需充分了解客户需求。 特别关注客户对网站界面风格的喜好。 让设计人员先了解客户的需求非常重要， 往往可以达到事半功倍的效果
ST Sichuan Information Technology College 四川信息职业技术学院 开教共喜课程 网页设计与制作 画出网站中的交互式流程 交互式流程有助于业主与开发人员之间就业务逻 辑的实现答成一致意见。它不但为开发设计人员 提供依据，也会用户操作提供指引，如下图所示， 图为农行K宝证书安装交互流程图。当然发布到网 站上的操作流程图成更简单、易懂
画出网站中的交互式流程 交互式流程有助于业主与开发人员之间就业务逻 辑的实现答成一致意见。它不但为开发设计人员 提供依据，也会用户操作提供指引，如下图所示， 图为农行K宝证书安装交互流程图。当然发布到网 站上的操作流程图成更简单、易懂
准备好密妈信封， K家客请等K求连接至计算机 安装量新反户省数任，安数 成功后进入“正越下越”页面 于200%312灯10升线上： 希。加获之校成上证反东 中南规街诗双在师视将 户水后，wndo同家 中式运+中如农业D网图 让丝其饮华网 输入参考号和授权码 F证书 K教正书 阅凌D正书下线提示， 系统自动险测划计算机体境， 然后确认下载 检划通健后继续下线 阅读K宝证书下战提示，设置宝1 王刻瓷器弹出交互窗门时。 令（输入两遍），然后确认载 请设定安金级别为“高 经科”地 在弹出的K家1令验证 您口，输入利别发定K家 时，选样网意以完成下线 口今，以完成下战过程 下发成方 等特5分钟后即可登录个 人线上银行了