首页计算机计算机应用网站建设与管理 03 第3章 网站开发技术.pptx

03 第3章 网站开发技术.pptx

页数:35页文件大小:317.6 KB来源: 网站建设与管理ppt课件

本课件先讲网站前台设计,涵盖主题风格、栏目版块、目录与链接结构、版面布局,随后比较ASP、PHP、JSP、ASP.NET的优缺点与选型依据,介绍常用数据库与开发工具,最后讲解CMS系统的优点、主流产品与选择依据。

第3章网站开发技术封面页,标示本章涵盖前台设计、后台开发、开发工具与CMS系统
本章学习目标清单页,要求能策划页面布局架构、比较开发语言并掌握CMS搭建
能力要求与教学目标对照页,按汽车网案例分组列出前台设计、后台开发与特效任务
查看本课件的文字版(共 35 页,供检索与复制)

第1页:第3章 网站开发技术

第3章 网站开发技术:本章围绕网站前台设计、网站后台开发、网站开发工具、CMS网站系统与网站常用特效展开。

第2页:学习目标

  • 能够策划网站总体页面布局和架构
  • 能够培养界面设计的良好理念,熟悉网站整体设计建设流程
  • 熟悉网站各个开发语言的优点及缺点
  • 了解Access、SQL Server、Oracle数据库的特点,并能根据网站特点选择合适的数据库语言
  • 了解PhotoShop、Fireworks、Dreamweaver、Flash等平面设计软件的功能
  • 掌握CMS系统的原理,并且会利用CMS系统快速搭建网站
  • 能够编写和使用JavaScript等网页脚本

第3页:能力要求与教学目标

独立设计汽车网页面布局和架构
(1)能够策划网站总体页面布局和架构(2)能够培养界面设计的良好理念
根据汽车网功能特点选择合适的开发语言及数据库
(1)熟悉网站各个开发语言的优点及缺点(2)了解Access、SQL Server、Oracle数据库的特点并能按需选择
根据汽车网功能特点选择合适的CMS系统
(1)掌握CMS系统的原理(2)能够利用CMS系统快速搭建网站
为汽车网增加网站特效
(1)了解div布局的概念(2)了解实现网站特效的方法

第4页:教学任务

  • 任务1:制定网站前台建设方案。主要包括网站主题与风格、网站栏目和版块、目录结构和链接结构、版面布局。
  • 任务2:制定网站后台建设方案。主要包括网站开发技术的选择、网站后台数据库的选择。
  • 任务3:利用CMS系统设计网站。
  • 任务4:利用网站常用特效增强网站功能。

第5页:网站前台设计

  • 网站主题与风格
  • 网站栏目和版块
  • 目录结构和链接结构
  • 版面布局

第6页:网站主题的选择依据

  • 主题定位要小,内容要精
  • 题材要根据网站设计者的兴趣和爱好确定
  • 题材定位不要“太高”或者“太广”
  • 名称要有特色

第7页:网站风格的特点

  • 网站风格具有抽象性
  • 网站风格具有独特性
  • 网站风格具有人性

第8页:树立网站风格的步骤

  1. 确定风格首先要建立有价值的内容
  2. 彻底搞清楚自己希望站点给人的印象是什么
  3. 在明确网站印象后,开始努力建立和加强这种印象

第9页:网站栏目安排要注意的问题

  • 网站栏目要紧扣主题
  • 至少设一个可经常更新的栏目
  • 设定一个可以双向交流的栏目
  • 设一个下载或常见问题回答栏目

第10页:网站的目录结构

网站的目录
指建立网站时所创建的目录,目录结构主要指物理结构和逻辑结构。
物理结构
指网站目录及所包含文件所存储的真实位置所表现出来的结构。
逻辑结构
也叫链接结构,主要指由网页内部链接所形成的逻辑结构。

第11页:网站目录建立原则

  • 不要将所有文件都存放在根目录下
  • 子目录的建立,首先按主栏目建立
  • 在每个主目录下都建立独立的Images目录
  • 目录的层次不要太深,不要超过3层

第12页:网站的链接结构

树状链接结构(一对一)
类似目录树,逐级向下延伸。
星状链接结构(一对多)
以首页为中心向多个页面辐射。

第13页:版面布局的步骤

  1. 设计草案
  2. 粗略布局
  3. 制定方案

第14页:常用的版面布局形式

  • “T”结构布局
  • “口”型布局
  • “三”型布局
  • POP布局
  • 对称对比布局

第15页:网站后台开发

  • 常用开发语言介绍
  • 网站开发语言选择
  • 网站数据库选择

第16页:ASP的优点

  • 简单易学
  • 安装使用方便
  • 开发工具可任意选择

第17页:ASP的弱点

  • 安全性、稳定性差
  • 运行效率低
  • 不能跨平台
  • 无法完全实现一些企业级的功能:完全的集群、负载均衡

第18页:PHP的优点

  • 一种能快速学习、跨平台、有良好数据库交互能力的开发语言
  • 与Apache及其它扩展库结合紧密
  • 良好的安全性

第19页:PHP的弱点

  • 支持的数据库变化较大
  • 安装复杂
  • 缺少企业级的支持
  • 无法实现商品化应用的开发,缺少正规的商业支持

第20页:JSP的优点

  • 一次编写,到处运行
  • 系统的多平台支持
  • 强大的可伸缩性
  • 多样化和功能强大的开发工具支持

第21页:JSP的弱点

  • 与ASP一样,Java的一些优势正是它致命的问题所在
  • 运行速度较快
  • 性价比高

第22页:ASP.NET的优点

  • 高扩展性和可用性
  • 可跟踪和调试
  • 易于部署

第23页:ASP.NET的弱点

  • 数据库的连接复杂
  • 运行效率低
  • 不能跨平台

第24页:网站开发语言的选择依据

  • 易学易用性
  • 执行速度
  • 主机空间
  • 安全性

第25页:网站数据库选择

常用的数据库:

  • Access
  • SQL Server
  • MySQL
  • Oracle

第26页:网站开发工具

  • 图像制作工具
  • 动画处理工具
  • 页面制作工具

第27页:图像制作工具

图像处理工具:

  • photoshop
  • firework

第28页:动画处理工具

动画处理工具:

  • Animator Studio
  • Flash

第29页:页面制作工具

页面制作工具:本页标题列出网页制作与排版类工具,常用如Dreamweaver等,具体请对照原课件图片查看。

第30页:CMS网站系统

  • CMS系统介绍
  • CMS系统选择

第31页:CMS系统产生的前提

  • 网站往往不能迅速跟进大量信息衍生及业务模式变革的脚步
  • 用户始终在一个高成本、低效率的循环中升级、整合
  • 通常网站页面制作无序,网站风格不统一,大量信息堆积,发布显得异常沉重

第32页:CMS系统的优点

  • 简单易学
  • 安全性较高
  • 稳定性强
  • 网站运行快
  • 采集功能
  • 搜索引擎友好
  • 风格模板
  • 节约建设成本
  • 网站修改很灵活

第33页:常用CMS系统

  • 动易网络(http://www.powereasy.net/)
  • 乔客(http://www.joekoe.com/)
  • 风讯(http://www.foosun.cn/)
  • 科汛(http://www.kesion.com/)
  • DEDE(http://www.dedecms.com/)
  • phpcms(http://www.phpcms.cn/)
  • 帝国网站管理系统(http://www.phome.net/)
  • 酷源(http://www.kycms.com)

第34页:CMS系统选择的依据

  • 易于理解和使用
  • 灵活、易于自定义
  • 可通过插件和模块进行扩展
  • 程序语言要合适
  • 性能和速度优化
  • 安全性
  • 文献和社区支持

第35页:网站常用特效

JavaScript
短小精悍,又是在客户机上执行的,大大提高了网页的浏览速度和交互能力,是专门为制作Web网页量身定做的一种简单的编程语言。
Div+Css布局
div是HTML中的一个元素,div+css是一种网页布局方法,有别于传统的table布局,真正达到了W3C内容与表现相分离。
顶部目录