园区办公网站开发与部署.ppt

5.添加页面特效（JS，Flash等） 设计制作动画和JS特效。 6.设计与技术总结 站点内多个网页若布局结构一样，局部内容不同时，可选用模板技术或框架技术（显式框架和隐式框架） 站点内多个网页或同一网页某些元素风格相同时可选用CSS进行控制 网页布局技术：表格和层（有需要才用） 网页前景：不同层级文字格式设置要有层次感；各要素之间色彩搭配和谐，且能反映主题； 网页背景：背景与前景搭配和谐，衬托出前景；与主题风格一致；适当的运用动画； 页面之间导航明确稳定，不出现死链，不出现死胡同 案例-园区办公网站 案例-园区办公网站后台管理系统 登录页面 案例-园区办公网站后台管理系统 ★ 课外拓展实践 ★ 根据网站设计规范、网页制作规范的原则，设计一个教学系，撰写网站规划书。 ★ 本章小结 ★ 网站总体设计建立在需求分析的基础上，根据网站的定位和风格，确定页面的布局、色彩，设计页面和LOGO;根据网站的栏目和版块的设置，确定网站的内容,设计页面的导航和版块及链接;根据网站的功能模块,设计后台管理系统的操作。 需求分析和网站设计的难度很大，通过课程内容帮助我们体会网站开发的流程，明确本课程的主要学习内容。 ★ 课后作业★ 请思考如果需要开发计算机工程系网站，我们应该怎样做需求分析和网站设计。 一 项目开发流程-重点 二 组建项目团队 三 网站开发流程-重点 四 实践-网站需求分析-重点+难点 教学内容及目标 五 实践-网站设计-重点+难点 团队成员的分工 开发工具的选取 网站开发流程 网站建设是一个系统工程项目，有一定的基本流程，只有遵循该设计步骤，才能设计出满意的网站。因此在建设网站前，先要了解网站建设的基本流程，这样才能制作出更好、更合理的网站。 一 项目开发流程-重点 1.团队成员的分工 开发团队一般可以划分为： 项目负责人 程序员 美工 项目负责人即项目经理，负责项目的人事协调、时间进度等安排，以及处理一些与项目相关的其它事情。 美工负责网站的界面设计、版面规划，把握网站的整体风格。 程序员主要负责项目的需求分析、策划、设计、代码编写、网站整合、测试、部署等环节的工作。 1）美工 图形图像处理软件：Photoshop、Fireworks、Flash 、Ilustrator等 2.开发工具的选取 2）前端网页制作 网页制作软件：Dreamweaver 网页制作技术：HTML 5.0/CSS 3.0/JavaScript 2.开发工具的选取 Windows/Linux +IIS/Apache+SQL Server/Oracle/MySQL +Asp、.net、Jsp 、C#等 3）后台开发 园区办公网站的开发平台 Windows+Apache+PHP+MySQL 操作系统—服务器—数据库—程序设计语言 如： 3.网站开发流程 需求分析 网站设计 具体开发 网站整合 网站测试 网站部署 网站发布 项目小组：两人一组 小组成员分工：组长、美工、网页制作、文档编辑、程序员、网站测试。 项目内容： 任务一：需求分析、网站设计（总体设计+数据库设计）； 任务二：搜集+处理素材、网页制作； 任务三：实现网站动态功能、开发后台管理、测试网站、网站发布。 二 组建项目团队 1.需求分析-了解客户需求 参与网站的需求分析，了解网站的功能模块及模块的详细介绍、网站定位、面向的群体 、以及客户对网站页面设计的要求、分析客户提供的相关资料。并书写需求分析文档。 三 网站开发流程 具体开发 代码 美工 页面设计 页面制作 页面效果评审 网站架构设计 数据库建模 代码模块编写 代码逻辑测试 2.　网站设计 1） 网站主题定位 2） 资料搜集 3）结构设计 4）形象设计 5）主页设计 6）其它页面设计 7）站点规划 8）做网页的体系结构 做页面设计的话，要学习图像绘画处理软件，如PS，AI，FW， FLASH等，然后学习代码，你需要了解一些前端开发的各种代码，学习 Html并适当的了解一些客户端脚本语言（如Javascript）。 为了让页面结构与表现分开应熟练掌握CSS样式，并且在各种浏览器的代码兼容问题掌握好，并了解后台编码技术，大公司一般工作分的很细，光前端就有交互设计师，视觉设计师，前端开发工程师等等，要 是一般小公司估计前端的活就你一个人包了。 1） 网站的主题定位 制作网站首先要考虑网站主题。好的网站不仅应该有美感、个性、创意，更要有质量。网站的内容是最重要的因素，空洞的网站对人没有任何吸引力。 （1）网站的题材 目前网站的题材主要有：新闻、体育、聊天、即时信息、ICQ、社区、邮件列表、计算机技术、网站开发、娱乐、旅行、参考、资讯、求职、家庭、教育、生活、时尚、电子商务以及一些体现个人特色和爱好的网站。