第3章 网站开发技术

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

能力要求 3 教学目标 主要描述 学生自测 了解网站前台设计的步骤 （1）能够策划网站总体页面布局和架构。 （2）能够培养界面设计的良好的理念。 学生能够独立设计汽车网页面布局和架构。 熟悉网站后台开发流程及相关知识 （1）熟悉网站各个开发语言的优点及缺点。 （2）了解access，SQL Server、oracle数据库的特点，并且能根据网站的特点选择合适的数据库语言。 根据汽车网的功能特点，选择合适的网站开发语言及数据库。 了解网站相关开发工具 （1）了解PhotoShop，Fireworks，Dreamweaver，Flash等平面设计软件的功能。 了解常用的网站开发工具的功能。 了解CMS网站系统的原理及作用 （1）掌握CMS统的原理。 （2）能够利用CMS系统快速搭建网站。 根据汽车网的功能特点，选择合适的CMS系统。 了解网站常用特效的实现方法 （1）了解div布局的概念 （2）了解实现网站特效的方法 为汽车网增加一些网站特效。 3

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

网站前台设计 网站主题与风格 网站栏目和版块 目录结构和链接结构 版面布局 5

网站主题与风格 6

网站风格和网站创意 网站风格特点 网站风格具有抽象性 网站风格具有独特性 网站风格具有人性 7

网站风格和网站创意 确定风格首先要建立有价值的内容 。 树立网站风格步骤 你需要彻底搞清楚自己希望站点给人的印象是什么。 在明确自己的网站印象后，开始努力建立和加强这种印象。 8

网站栏目和版块 网站栏目要紧扣主题 网站栏目安排要注意的问题 至少设一个可经常更新的栏目 设定一个可以双向交流的栏目 设一个下载或常见问题回答栏目 9

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

在每个主目录下都建立独立的Images目录 目录结构和链接结构 网站目录建立原则 不要将所有文件都存放在根目录下 子目录的建立，首先按主栏目建立 在每个主目录下都建立独立的Images目录 目录的层次不要太深，不要超过3层 11

目录结构和链接结构 12

版面布局 设计草案 版面布局步骤 粗略布局 制定方案 13

版面布局 14

网站后台开发 常用开发语言介绍 网站开发语言选择 网站数据库选择 15

常用开发语言介绍 ASP 优点 简单易学 安装使用方便 开发工具可任意选择 16

常用开发语言介绍 ASP 弱点 安全性、稳定性差 运行效率低 不能跨平台 无法完全实现一些企业级的功能：完全的集群、负载均衡 17

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

常用开发语言介绍 PHP弱点 支持的数据库变化较大 安装复杂 缺少企业级的支持 缺少正规的商业支持 无法实现商品化应用的开发 19

常用开发语言介绍 JSP 优点 一次编写，到处运行 系统的多平台支持 强大的可伸缩性 多样化和功能强大的开发工具支持 20

与ASP一样，Java的一些优势正是它致命的问题所在 常用开发语言介绍 JSP弱点 与ASP一样，Java的一些优势正是它致命的问题所在 运行速度较快 性价比高 21

网站开发语言选择 网站开发语言的选择依据 易学易用性 执行速度 主机空间 安全性 22

网站数据库选择 23

网站开发工具 图像制作工具 动画处理工具 页面制作工具 24

图像制作工具 25

动画处理工具 26

页面制作工具 27

CMS网站系统 CMS系统介绍 CMS系统选择 28

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

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

CMS系统选择 CMS系统选择 DEDE （http://www.dedecms.com/） 常用CMS系统 动易网络（ http://www.powereasy.net/ ） phpcms （http://www.phpcms.cn/） 乔客 （http://www.joekoe.com/ ） 帝国网站管理系统（http://www.phome.net/） 风讯 （http://www.foosun.cn/ ） 酷源（http://www.kycms.com） 科汛 （http://www.kesion.com/ ） 31

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

网站常用特效 JavaScript介绍 Div+Css布局 Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。 div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的table布局，真正地达到了w3c内容与表现相分离 33