(网站开发和网页设计的过程.pptVIP

《网页设计基础》第4章 网站开发和网页设计的过程 主讲：赵慧周 zhaohuizhou@ 北京语言大学信息科学学院 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网站开发过程 前期 明确网站定位 收集信息和素材 策划栏目内容 中期 设计页面方案（美工） 制作页面（网页化） 实现后台功能 后期 整合与测试网站 网站维护和推广 参考资料 /wzjs/wzjs.aspx 沟通－策划－签约－制作－验收－维护 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 个人网站 主题：个人网站 要求 采用div+css进行页面布局 至少有两层栏目划分 至少包含4个网页 网站各页面风格一致 作业提交： 将个人网站上传到个人网站空间 提交个人网站说明文档：包括个人网站首页URL和栏目设置说明 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 明确网站定位 行业定位 用户定位 访问用户？ 设计定位 栏目设置 网站目录结构 网站的风格、颜色搭配、版面布局、文字图片的运用等 推广定位 BACK 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 设计页面方案、制作页面 典型页面的模板页 网站首页 各栏目的首页 内页 每个网页的设计与制作 BACK 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 每个网页的设计与制作（1） 内容分析：梳理网页中需要展现内容的逻辑关系，分清层次以及重要程度 使用铅笔、纸、橡皮 结构设计：搭建HTML结构 h1,h2,p,ul,li,form,a,img…… 使用HTML 原型设计：根据网页的结构，绘制原型线框图，与客户交流 使用Visio、Fireworks 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 每个网页的设计与制作（2） 效果图设计（美工） 使用Fireworks、PS 布局设计 使用HTML+CSS（盒子布局） 视觉设计：布局设计+切片获得的大图、小图 使用CSS、HTML、Fireworks、PS 交互效果设计：与用户交互 使用CSS、JavaScript、Dreamweaver BACK 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 原型线框图 BACK Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 网站维护和推广 实施“明确网站定位”时的维护推广方案 维护 谁维护？ 维护周期？ 推广 搜索引擎上注册 与别的网站交换链接 加入广告链 …… BACK 《网页设计基础》课程第4章 网站开发与网页设计的过程 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspos