第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页:树立网站风格的步骤
- 确定风格首先要建立有价值的内容
- 彻底搞清楚自己希望站点给人的印象是什么
- 在明确网站印象后,开始努力建立和加强这种印象
第9页:网站栏目安排要注意的问题
- 网站栏目要紧扣主题
- 至少设一个可经常更新的栏目
- 设定一个可以双向交流的栏目
- 设一个下载或常见问题回答栏目
第10页:网站的目录结构
- 网站的目录
- 指建立网站时所创建的目录,目录结构主要指物理结构和逻辑结构。
- 物理结构
- 指网站目录及所包含文件所存储的真实位置所表现出来的结构。
- 逻辑结构
- 也叫链接结构,主要指由网页内部链接所形成的逻辑结构。
第11页:网站目录建立原则
- 不要将所有文件都存放在根目录下
- 子目录的建立,首先按主栏目建立
- 在每个主目录下都建立独立的Images目录
- 目录的层次不要太深,不要超过3层
第12页:网站的链接结构
- 树状链接结构(一对一)
- 类似目录树,逐级向下延伸。
- 星状链接结构(一对多)
- 以首页为中心向多个页面辐射。
第13页:版面布局的步骤
- 设计草案
- 粗略布局
- 制定方案
第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页:图像制作工具
图像处理工具:
第28页:动画处理工具
动画处理工具:
第29页:页面制作工具
页面制作工具:本页标题列出网页制作与排版类工具,常用如Dreamweaver等,具体请对照原课件图片查看。
第30页: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内容与表现相分离。