中小型网站创建概述

《中小型网站创建概述》由会员分享，可在线阅读，更多相关《中小型网站创建概述（46页珍藏版）》请在金锄头文库上搜索。

1、中小型网站创建概述,,教学设计,课型：新授 课时：2 教学目标 了解网站创建的目的、运行原理 了解常用的建站技术 网站的创建流程 重点 网站的创建流程 难点 网站的创建流程 关键 明确建站各步的意义 教学方法：项目实例教学,,教学准备,教具资料 网络教室、多媒体广播 环境准备 Dreamweavercs3,,内容提要,1.网站创建的目的原理及常用技术,2.网站策划及设计,3.网站资料收集设计,4.网站的发布宣传和维护,,网站大体包括个人网站、企业网站、学术机构及政府团体网站等，不同网站的建站目的不完全相同。 个人网站的建站目的很多，信息交流、学习、娱乐、留言、校友录、论坛等。 学术机构、政府团

2、体网站的建站目的主要是使网友了解科研动态、行业规章、政策法规等。 企业网站一般是指以企业自身的产品服务等为主要内容和服务对象的网站，根据不同需要，网站的功能会有很大的不同，有的纯粹是发布公司信息，有的还开展网上购物等商务活动，其目的基本上都是为企业自身服务。,1.1创建网站的目的,第一章 中小型网站创建概述,,1.1创建网站的目的,一般企业建站的目的主要有： 发布企业产品、服务信息； 介绍企业历史、辉煌成就； 收集客户反馈意见； 网上市场调查； 开展网络营销； 网上客户服务； 逐渐实施电子商务等；,第一章 中小型网站创建概述,,1.2 网站运作原理,网页包括静态网页和动态网页。静态网页是指客户

3、端浏览器发送URL请求给WWW服务器，服务器查找需要的超文本文件不加处理直接返回给客户端，在客户端浏览器显示的页面是由网页设计师先制作完成存放在服务器上的网页。静态网页用户基本上不能参与，只是网站页面的静态发布。制作静态网页主要使用超文本标记语言HTML(Hyper Text Markup Language)，如果配合客户端脚本语言JavaScript，也能产生丰富的动态效果，从而可以满足大多数个人网站的需要。如今Internet上常见的计数器、聊天室、讨论区BBS、校友录、网上购物等服务则必须得到动态网页技术的支持。动态网页技术根据程序运行的地点不同，又分为客户端动态技术和服务器端动态技术。

4、客户端动态网页技术不需要与服务器进行交互，实现动态功能的代码往往采用脚本语言的形式直接嵌入在网页中，服务器把网页发送给客户以后，网页在客户端浏览器中直接响应用户的动作，有些应用还需要浏览器安装组件支持。,第一章 中小型网站创建概述,,1.2 网站运作原理,常见的客户端动态技术包括：JavaScript、JavaApplet、DHTML、ActiveX、FLASH、VRML等。服务器端动态技术需要服务器和客户端的共同参与，用户通过浏览器发出页面请求后，服务器根据URL携带的参数运行服务器端程序，产生结果页面，再将它返回给客户端。动态网页一般涉及数据库操作，如：注册、登录、查询、购物等，都需要设计

5、强大的服务器端动态程序，并考虑各种可能出现的出错情况，以保证网站的交互性和安全性。典型的服务器端动态技术包括：ASP、PHP、JSP、CGI等。,第一章 中小型网站创建概述,,1.3常用建站技术,目前流行的建站技术多种多样，本章将介绍几种常见的建站技术 。1、HTML语言HTML是WWW的描述语言，利用它可以生成超文本文件。HTML(Hyper Text Markup Language)即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，从而使人们不用考虑具体信息是在当前电脑上还是在网络

6、的其他电脑上。这样，用户只要使用鼠标左键在某一文档中单击一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文档的结构包括头部(Head)、主体(Body)两大部分，头部描述浏览器所需的信息，主体包含所要说明的具体内容。,第一章 中小型网站创建概述,,1.3常用建站技术,2、 DHTMLDHTML(Dynamic HTML)即动态HTML，它是建立在传统HTML基础上的客户端动态技术。 DHTML实现了当网页从Web服务器下载后无需再

7、经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式和动画的功能，例如，当鼠标指针移至文章段落中时，段落能够变成蓝色，或者当鼠标指针移至一个超链接上时，会自动生成一个下拉式的子链接目录等，这是近年来网络飞速发展进程中最振奋人心最具实用性的技术之一。DHTML是一种通过各种技术的综合发展而得以实现的概念，这些技术包括JavaScript、VBScript、文件目标模块（Document Object Model）、Layers和CSS样式表（Cascading Style Sheets ）等。,第一章 中小型网站创建概述,,1.3常用建站技术,3、 Java与JavaAppletJa

8、va是新一代的编程语言，它具有很多优点；而JavaApplet小程序则是目前颇受网页爱好者以及编程者欢迎的一项应用技术。Java作为新一代编程语言，具有众多优点，它学习简单 、完全面向对象而且跨平台可移植，它支持分布性、多线程、数据库等操作，还具有动态特性的支持，因而特别适合于Internet上的应用程序开发。Java Applet 是一种特殊的Java 程序，它嵌入在HTML中，随页面一起发布到WEB上，利用它，用户可以非常简单地实现WEB程序的编写，从页面实现多媒体的用户界面和动态交换功能。,第一章 中小型网站创建概述,,1.3常用建站技术,4、 ActiVeXActiveX控件是网页编制

9、中的又一动态交互技术。随着ASP动态网页技术的迅速发展，为了避免源代码泄漏造成的损失，ActiveXDLL技术实现的代码封装也在Web开发中得到应用。目前只有IE浏览器支持ActiVeX。5、CGICGI是Common Gateway Interface(公共网关接口)的缩写，它可以称之为一种机制，主要是让WWW服务器调用外部程序来执行相关指令。在ASP、PHP、JSP等技术出现以前，要处理浏览器输入的窗体数据或者访问数据库，就必须使用CGI。目前CGI在WWW上的各种计数器方面最为常用，但是由于CGI开发困难，现在已经很少有人使用，已经被ASP、PHP、JSP等技术取代。,第一章 中小型网站

10、创建概述,,1.3常用建站技术,6、 ASPASP是Active Server Page(动态服务器页面)的缩写，是Microsoft开发的动态网页技术标准，它类似于HTML、Script与CGI的结合体，但是其运行效率却比CGI更高、程序编制也比HTML更方便、灵活，程序安全及保密性也比Script好。ASP的原理是：在原来的HTML页面中加入JavaScript或VBScript代码，服务器在送出网页之前首先执行这些代码，完成如查询数据库一类的任务，再将执行结果以HTML的形式返回浏览器。,第一章 中小型网站创建概述,,1.3常用建站技术,7、 PHPASP虽然功能强大，但是只能在微软的服

11、务器软件平台上运行，而大量使用UNIXLinUx的用户要制作动态网站则首选PHP技术。PHP(Personal Homc Page)是一种跨平台服务器解释执行的脚本语言，与ASP类似，它也是基于服务器端用于产生动态网页而且可嵌入HTML中的脚本程序语言，PHP用C语言编写，可运行于UnixLinux和Windows9xNT2000下。,第一章 中小型网站创建概述,,1.3常用建站技术,8、 JSP同Java一样，JSP也是由SUN公司开发的，它是一种新的Web应用程序开发技术，是ASP技术强劲的竞争者。JSP是Java Server Pages技术的缩写，是由Java语言的创造者Sun公司提出

12、、多家公司参与制订的动态网页技术标准。它通过在传统的HTML网页“Htm”、 “html”中加入Java代码和JSP标记，最后生成后缀名为“.jsp”的JSP网页文件。JSP也是一种很容易学习和使用在服务器端编译执行的Web设计语言，其脚本语言采用Java，完全继承了Java所有的优点。自从Sun正式发布JSP之后，这种新的Web应用程序开发技术很快成为市场瞩目的对象，它以其强大的功能、稳定的性能、高可靠安全性和平台可移植性成为Microsoft ASP技术的强劲竞争者。JSP为Web应用提供了独特的开发支持，它能够适应目前市场上绝大多数服务器产品，包括Apache Web Server、II

13、S50、resin、Tomcat等，ASP可以实现的功能JSP都能胜任。从发展趋势看，JSP大有取代ASP之势。,第一章 中小型网站创建概述,,1.3常用建站技术,JSP和ASP的不同之处在于以下两方面： JSP技术基于平台和服务器的互相独立，采用Java语言开发。 ASP技术主要依赖于Microsoft的平台支持，采用VBScript和JavaScfipt语言开发。JSP作为当今流行的动态网页制作技术，得到了许多商业网站的支持。10、Flash Flash是目前颇受欢迎的一款优秀的网页设计软件，因而各种Flash作品在网上也极为流行。,第一章 中小型网站创建概述,,1.4网站策划及设计,在选

14、择网站建设技术之后，就应该对网站进行总体策划，策划包括网站主题、内容、风格等，这些都必须在动手建设网站之前确定，策划不仅包括内容组织、还包括页面的目录结构、链接设计、导航设计、布局设计等。141 网站策划与设计1、网站规划与设计的基本概念网站规划设计主要有两大部分： 规划涉及的内容，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。 网站的要素，包括网站的内容、网站的功能和网站的表现形式。网站建设的基本流程主要包括：策划（网站的需求或建站的目的分析）、设计（内容、功能、表现形式）、开发（网页制作、网站的功能实现、完成形式）、测试（网页链接、网站功能测试）、发布、推广、维护。,第一章

15、中小型网站创建概述,,1.4网站策划及设计,2、网站规划设计的基本原则（1）明确建设网站的目的建立网站之前，要有明确的目的，即所要建立的网站的作用是什么，服务的对象是那些群体，要为浏览者提供怎样的服务。只有找准了网站的定位，才可能建成一个成功的网站。（2）进行可行性分析可行性分析就是分析是否有能力有财力建设和维护这个网站；分析网站建立以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。,第一章 中小型网站创建概述,,1.4网站策划及设计,（3）网站的内容设计建设网站就是要为用户服务，根据网站建设的目的，分析浏览者的需求，确定网站的内容。比如一个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页的功能，以满足客户的需要。（4）网站的表现形式设计有了好的内容，还要有好的表现形式，这就是网站本身的设计，比如：设计网站的CI标志、网站的文字排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。,第一章 中小型网站创建概述,,1.4网站策划及设计,142 小型企业网站规划与设计 1、企业为什么要建立自己的网站 迎合客户的需要 树立企业形象的需要 产品宣传的需要 与客户沟通的桥梁 降低公司运作成本的需要 优化工作提高效率 开拓国际市场 最低的成本,