网站建设与管理案例教程(第3版）第3章 网站开发技术.ppt

* CMS系统介绍 网站往往不能迅速跟进大量信息衍生及业务模式变革的脚步 用户始终在一个高成本、低效率的循环中升级、整合 通常网站页面制作无序，网站风格不统一，大量信息堆积，发布显得异常沉重 CMS系统产生的前提 * CMS系统介绍 简单易学 CMS系统的优点 安全性较高 稳定性强 网站运行快 采集功能 搜索引擎友好 风格模板 节约建设成本 网站修改很灵活 * CMS系统选择 动易网络（ / ） 乔客 （/ ） 风讯 （/ ） 科汛 （/ ） CMS系统选择 DEDE （/） phpcms （/） 帝国网站管理系统（/） 酷源（） 常用CMS系统 * CMS系统选择 易于理解和使用 CMS系统选择的依据 灵活、易于自定义 可通过插件和模块进行扩展 程序语言要合适 程序语言要合适 性能和速度优化 安全性 文献和社区支持 * 网站常用特效 JavaScript介绍 Div+Css布局 Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。 div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的table布局，真正地达到了w3c内容与表现相分离 网站建设与管理案例教程 返回首页 第3章 网站开发技术 * 学习目标 能够策划网站总体页面布局和架构。 能够培养学生界面设计的良好的理念，使学生能够熟悉网站整体设计建设流程。 熟悉网站各个开发语言的优点及缺点。 了解access，SQL Server、oracle数据库的特点，并且能根据网站的特点选择合适的数据库语言。 了解PhotoShop，Fireworks，Dreamweaver，Flash等平面设计软件的功能。 掌握cms系统的原理，并且会利用CMS系统快速搭建网站。 能够编写和使用javascript等网页脚本 * 能力要求 教学目标 主要描述 学生自测 了解网站前台设计的步骤 （1）能够策划网站总体页面布局和架构。 （2）能够培养界面设计的良好的理念。 学生能够独立设计汽车网页面布局和架构。 熟悉网站后台开发流程及相关知识 （1）熟悉网站各个开发语言的优点及缺点。 （2）了解access，SQL Server、oracle数据库的特点，并且能根据网站的特点选择合适的数据库语言。 根据汽车网的功能特点，选择合适的网站开发语言及数据库。 了解网站相关开发工具 （1）了解PhotoShop，Fireworks，Dreamweaver，Flash等平面设计软件的功能。 了解常用的网站开发工具的功能。 了解CMS网站系统的原理及作用 （1）掌握CMS统的原理。 （2）能够利用CMS系统快速搭建网站。 根据汽车网的功能特点，选择合适的CMS系统。 了解网站常用特效的实现方法 （1）了解div布局的概念 （2）了解实现网站特效的方法 为汽车网增加一些网站特效。 * 教学任务 任务1：制定网站前台建设方案。主要包括网站主题与风格、网站栏目和版块、目录结构和链接结构、版面布局。 任务2：制定网站后台建设方案。主要包括网站开发技术的选择、网站后台数据库的选择。 任务3：利用CMS系统设计网站。 任务4：利用网站常用特效增强网站功能。 * 网站前台设计 网站主题与风格 网站栏目和版块 目录结构和链接结构 版面布局 * 网站主题与风格 网站主题选择依据 主题定位要小，内容要精 题材要根据网站设计者的兴趣和爱好确定 题材定位不要“太高”或者“太广” 名称要有特色 * 网站风格和网站创意 网站风格具有抽象性 网站风格具有独特性 网站风格具有人性 网站风格特点 * 网站风格和网站创意 确定风格首先要建立有价值的内容 。 你需要彻底搞清楚自己希望站点给人的印象是什么。 在明确自己的网站印象后，开始努力建立和加强这种印象。 树立网站风格步骤 * 网站栏目和版块 网站栏目要紧扣主题 至少设一个可经常更新的栏目 设定一个可以双向交流的栏目 设一个下载或常见问题回答栏目 网站栏目安排要注意的问题 * 目录结构和链接结构 网站的目录是指建立网站时所创建的目录，目录结构则主要是指物理结构和逻辑结构 网站物理结构指的是网站目录及所包含文件所存储的真实位置所表现出来的结构 网站的逻辑结构也叫链接结构，主要是指由网页内部链接所形成的逻辑结构或者叫链接的结构 网站的目录结构 * 目录结构和链接结构 不要将所有文件都存放在根目录下 子目录的建立，首先按主栏目建立 在每个主目录下都建立独立的Images目录 目录的层次不要太深，不要超过3层 网站目录建立原则 * 目录结