课件8-7new.pptVIP

静态网页设计模块 ——高登 湖南省中职网络技术教师培训 2013.8 目录｜Contents 1 2 3 4 网页美工设计 网页素材编辑 网页编辑制作 网站需求分析与栏目设计 5 网页发布与测试 培训目标 熟悉企业网站开发的一般流程 熟悉Dreamweaver、Fireworks、Flash等软件的使用 熟悉HTML、CSS，能使用DIV+CSS布局网页 熟悉网页布局、切片、配色等基本的理论 能综合利用各种工具完成静态网站设计制作 Day 1 网站需求分析与栏目设计 内容提纲 网站开发流程 企业网站项目 需求分析 栏目设计 原型设计 网页效果图设计 作业提交 项目开发 最大的困难是什么？ 技术不会？ 还是不知道如何下手？ 万能的解决问题的方法： 分解问题、规范流程 网站开发流程 * 网页美化工具（图像）： Photoshop、Fireworks和Flash等 网页排版工具： DreamWeaver和FrontPage等 网页脚本工具： HTML 、XML、Javascript、VBscript、CSS，XHTML等 网站后台编辑语言： ASP.NET、PHP和JSP等 网站数据库语言： SQL Server、MySQL、 Access等 网站建设常用工具或语言 * 一、网页版面尺寸规范 1、网页的宽度 分辨率 800*600下，网页宽度保持在778以内。 分辨率1024*768下，网页宽度保持在1002以内。 2、网页的长度 从理论上来讲网页的长度可以无限长的，但一般不宜超过3屏，最佳长度为1.8～2.5屏。 * 网页设计的规范 企业网站项目 湖南畅锐科技有限公司网站 本项目开发的流程 企业网站的需求分析 绘制原型 使用Fireworks设计网页平面效果图 前端编码：网页切片、DIV+CSS布局 前端优化：细节美化 网页发布与测试 网站后台开发 本模块内容 如何进行需求分析 公司资料 公司LOGO设计图标 公司画册、VI形象设计或其它宣传单张 公司介绍，经营项目，服务宗旨、企业文化和经营理念 产品图片，产品文字介绍，产品类 项目描述 网站的定位 网站的色彩搭配及整体风格需求 网站的基本功能要求以及栏目架构 提供部分同行或可参考的网站 需求分析报告 原型设计 目的： 为了降低开发风险，有利于需求确认 为设计人员、编码人员提供产品轮廓，有利于团队沟通 原型设计的载体： 图纸（典型代表：栅格化草稿纸） 位图（各种图像处理软件，比如Photoshop、Fireworks） 可运行文件（比如HTML文件、exe文件、Flash文件，所以Dreamweaver、Flash等都可以作为原型设计工具） 原型设计 原型设计的要求： 可快速设计 可快速传递 易修改 能方便提供设计需求 原型设计工具： 栅格化草稿纸 Axure RP Pro （拓展） 首页原型 学习的时候努力， 学习的成果给力！ 谢谢！ *