第3章 网站开发技术,2,学习目标,能够策划网站总体页面布局和架构。 能够培养学生界面设计的良好的理念，使学生能够熟悉网站整体设计建设流程。 熟悉网站各个开发语言的优点及缺点。 了解access，SQL Server、oracle数据库的特点，并且能根据网站的特点选择合适的数据库语言。 了解PhotoShop，Fireworks，Dreamweaver，Flash等平面设计软件的功能。 掌握cms系统的原理，并且会利用CMS系统快速搭建网站。 能够编写和使用javascript等网页脚本,3,能力要求,4,教学任务,任务1：制定网站前台建设方案。主要包括网站主题与风格、网站栏目和版块、目录结构和链接结构、版面布局。 任务2：制定网站后台建设方案。主要包括网站开发技术的选择、网站后台数据库的选择。 任务3：利用CMS系统设计网站。 任务4：利用网站常用特效增强网站功能。,5,网站前台设计,网站主题与风格 网站栏目和版块 目录结构和链接结构 版面布局,6,网站主题与风格,7,网站风格和网站创意,网站风格具有抽象性,网站风格具有独特性,网站风格具有人性,网站风格特点,8,网站风格和网站创意,确定风格首先要建立有价值的内容 。,你需要彻底搞清楚自己希望站点给人的印象是什么。,在明确自己的网站印象后，开始努力建立和加强这种印象。,树立网站风格步骤,9,网站栏目和版块,网站栏目要紧扣主题,至少设一个可经常更新的栏目,设定一个可以双向交流的栏目,设一个下载或常见问题回答栏目,网站栏目安排要注意的问题,10,目录结构和链接结构,网站的目录是指建立网站时所创建的目录，目录结构则主要是指物理结构和逻辑结构,网站物理结构指的是网站目录及所包含文件所存储的真实位置所表现出来的结构,网站的逻辑结构也叫链接结构，主要是指由网页内部链接所形成的逻辑结构或者叫链接的结构,网站的目录结构,11,目录结构和链接结构,不要将所有文件都存放在根目录下,子目录的建立，首先按主栏目建立,在每个主目录下都建立独立的Images目录,目录的层次不要太深，不要超过3层,网站目录建立原则,12,目录结构和链接结构,13,版面布局,设计草案,粗略布局,版面布局步骤,制定方案,14,版面布局,15,网站后台开发,常用开发语言介绍 网站开发语言选择 网站数据库选择,16,常用开发语言介绍,简单易学,安装使用方便,开发工具可任意选择,ASP 优点,17,常用开发语言介绍,安全性、稳定性差,运行效率低,不能跨平台,ASP 弱点,无法完全实现一些企业级的功能：完全的集群、负载均衡,18,常用开发语言介绍,一种能快速学习、跨平台、有良好数据库交互能力的开发语言,与Apache及其它扩展库结合紧密,良好的安全性,PHP优点,19,常用开发语言介绍,支持的数据库变化较大,安装复杂,缺少企业级的支持,PHP弱点,无法实现商品化应用的开发,缺少正规的商业支持,20,常用开发语言介绍,一次编写，到处运行,系统的多平台支持,强大的可伸缩性,JSP 优点,多样化和功能强大的开发工具支持,21,常用开发语言介绍,与ASP一样，Java的一些优势正是它致命的问题所在,运行速度较快,JSP弱点,性价比高,22,网站开发语言选择,易学易用性,执行速度,网站开发语言的选择依据,主机空间,安全性,23,网站数据库选择,24,网站开发工具,图像制作工具 动画处理工具 页面制作工具,25,图像制作工具,26,动画处理工具,27,页面制作工具,28,CMS网站系统,CMS系统介绍 CMS系统选择,29,CMS系统介绍,网站往往不能迅速跟进大量信息衍生及业务模式变革的脚步,用户始终在一个高成本、低效率的循环中升级、整合,通常网站页面制作无序，网站风格不统一，大量信息堆积，发布显得异常沉重,CMS系统产生的前提,30,CMS系统介绍,简单易学,CMS系统的优点,安全性较高,稳定性强,网站运行快,采集功能,搜索引擎友好,风格模板,节约建设成本,网站修改很灵活,31,CMS系统选择,动易网络（ http:/www.powereasy.net/ ）,乔客 （http:/www.joekoe.com/ ）,风讯 （http:/www.foosun.cn/ ）,科汛 （http:/www.kesion.com/ ）,CMS系统选择,DEDE （http:/www.dedecms.com/）,phpcms （http:/www.phpcms.cn/）,帝国网站管理系统（http:/www.phome.net/）,酷源（http:/www.kycms.com）,常用CMS系统,32,CMS系统选择,易于理解和使用,CMS系统选择的依据,灵活、易于自定义,可通过插件和模块进行扩展,程序语言要合适,程序语言要合适,性能和速度优化,安全性,文献和社区支持,33,网站常用特效,JavaScript介绍 Div+Css布局,Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。,div是html(超文本语言)中的一个元素,div+css 是一种网页的布局方法，这一种网页布局方法有别于传统的table布局，真正地达到了w3c内容与表现相分离,感恩的心，感谢有你！ 谢谢你的欣赏！,全力打造精品课件，教学资料，感谢你的欣赏,文档有价，知识无价 课件之家精心整理,