1、中小型网站创建概述,教学设计,课型：新授课时：2教学目标了解网站创建的目的、运行原理了解常用的建站技术网站的创建流程重点网站的创建流程难点网站的创建流程关键明确建站各步的意义教学方法：项目实例教学,教学准备,教具资料网络教室、多媒体广播环境准备Dreamweavercs3,内容提要,1.网站创建的目的原理及常用技术,2.网站策划及设计,3.网站资料收集设计,4.网站的发布宣传和维护,网站大体包括个人网站、企业网站、学术机构及政府团体网站等，不同网站的建站目的不完全相同。个人网站的建站目的很多，信息交流、学习、娱乐、留言、校友录、论坛等。学术机构、政府团体网站的
2、建站目的主要是使网友了解科研动态、行业规章、政策法规等。企业网站一般是指以企业自身的产品服务等为主要内容和服务对象的网站，根据不同需要，网站的功能会有很大的不同，有的纯粹是发布公司信息，有的还开展网上购物等商务活动，其目的基本上都是为企业自身服务。,1.1创建网站的目的,第一章中小型网站创建概述,1.1创建网站的目的,一般企业建站的目的主要有：发布企业产品、服务信息；介绍企业历史、辉煌成就；收集客户反馈意见；网上市场调查；开展网络营销；网上客户服务；逐渐实施电子商务等；,第一章中小型网站创建概述,1.2网站运作原理,网页包括静态网页和动态网页。静态网页是指客户端浏览器发送
3、URL请求给WWW服务器，服务器查找需要的超文本文件不加处理直接返回给客户端，在客户端浏览器显示的页面是由网页设计师先制作完成存放在服务器上的网页。静态网页用户基本上不能参与，只是网站页面的静态发布。制作静态网页主要使用超文本标记语言HTML(HyperTextMarkupLanguage)，如果配合客户端脚本语言JavaScript，也能产生丰富的动态效果，从而可以满足大多数个人网站的需要。如今Internet上常见的计数器、聊天室、讨论区BBS、校友录、网上购物等服务则必须得到动态网页技术的支持。动态网页技术根据程序运行的地点不同，又分为客户端动态技术和服务器端动态技术。客户端动
5、服务器端动态程序，并考虑各种可能出现的出错情况，以保证网站的交互性和安全性。典型的服务器端动态技术包括：ASP、PHP、JSP、CGI等。,第一章中小型网站创建概述,1.3常用建站技术,目前流行的建站技术多种多样，本章将介绍几种常见的建站技术。1、HTML语言HTML是WWW的描述语言，利用它可以生成超文本文件。HTML(HyperTextMarkupLanguage)即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形，与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，从而使人们不用考虑具体信息是在当前电脑上还是在网络
8、Java是新一代的编程语言，它具有很多优点；而JavaApplet小程序则是目前颇受网页爱好者以及编程者欢迎的一项应用技术。Java作为新一代编程语言，具有众多优点，它学习简单、完全面向对象而且跨平台可移植，它支持分布性、多线程、数据库等操作，还具有动态特性的支持，因而特别适合于Internet上的应用程序开发。JavaApplet是一种特殊的Java程序，它嵌入在HTML中，随页面一起发布到WEB上，利用它，用户可以非常简单地实现WEB程序的编写，从页面实现多媒体的用户界面和动态交换功能。,第一章中小型网站创建概述,1.3常用建站技术,4、ActiVeXActiveX控件是
10、章中小型网站创建概述,1.3常用建站技术,6、ASPASP是ActiveServerPage(动态服务器页面)的缩写，是Microsoft开发的动态网页技术标准，它类似于HTML、Script与CGI的结合体，但是其运行效率却比CGI更高、程序编制也比HTML更方便、灵活，程序安全及保密性也比Script好。ASP的原理是：在原来的HTML页面中加入JavaScript或VBScript代码，服务器在送出网页之前首先执行这些代码，完成如查询数据库一类的任务，再将执行结果以HTML的形式返回浏览器。,第一章中小型网站创建概述,1.3常用建站技术,7、PHPASP虽然功能强大，但
11、是只能在微软的服务器软件平台上运行，而大量使用UNIXLinUx的用户要制作动态网站则首选PHP技术。PHP(PersonalHomcPage)是一种跨平台服务器解释执行的脚本语言，与ASP类似，它也是基于服务器端用于产生动态网页而且可嵌入HTML中的脚本程序语言，PHP用C语言编写，可运行于UnixLinux和Windows9xNT2000下。,第一章中小型网站创建概述,1.3常用建站技术,8、JSP同Java一样，JSP也是由SUN公司开发的，它是一种新的Web应用程序开发技术，是ASP技术强劲的竞争者。JSP是JavaServerPages技术的缩写，是由Java语言的
12、创造者Sun公司提出、多家公司参与制订的动态网页技术标准。它通过在传统的HTML网页“Htm”、“html”中加入Java代码和JSP标记，最后生成后缀名为“.jsp”的JSP网页文件。JSP也是一种很容易学习和使用在服务器端编译执行的Web设计语言，其脚本语言采用Java，完全继承了Java所有的优点。自从Sun正式发布JSP之后，这种新的Web应用程序开发技术很快成为市场瞩目的对象，它以其强大的功能、稳定的性能、高可靠安全性和平台可移植性成为MicrosoftASP技术的强劲竞争者。JSP为Web应用提供了独特的开发支持，它能够适应目前市场上绝大多数服务器产品，包括ApacheWe
13、bServer、IIS50、resin、Tomcat等，ASP可以实现的功能JSP都能胜任。从发展趋势看，JSP大有取代ASP之势。,第一章中小型网站创建概述,1.3常用建站技术,JSP和ASP的不同之处在于以下两方面：JSP技术基于平台和服务器的互相独立，采用Java语言开发。ASP技术主要依赖于Microsoft的平台支持，采用VBScript和JavaScfipt语言开发。JSP作为当今流行的动态网页制作技术，得到了许多商业网站的支持。10、FlashFlash是目前颇受欢迎的一款优秀的网页设计软件，因而各种Flash作品在网上也极为流行。,第一章中小型网站创建概述,1.
14、4网站策划及设计,在选择网站建设技术之后，就应该对网站进行总体策划，策划包括网站主题、内容、风格等，这些都必须在动手建设网站之前确定，策划不仅包括内容组织、还包括页面的目录结构、链接设计、导航设计、布局设计等。141网站策划与设计1、网站规划与设计的基本概念网站规划设计主要有两大部分：规划涉及的内容，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。网站的要素，包括网站的内容、网站的功能和网站的表现形式。网站建设的基本流程主要包括：策划（网站的需求或建站的目的分析）、设计（内容、功能、表现形式）、开发（网页制作、网站的功能实现、完成形式）、测试（网页链接、网站功能测试）
16、求，确定网站的内容。比如一个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页的功能，以满足客户的需要。（4）网站的表现形式设计有了好的内容，还要有好的表现形式，这就是网站本身的设计，比如：设计网站的CI标志、网站的文字排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。,第一章中小型网站创建概述,1.4网站策划及设计,142小型企业网站规划与设计1、企业为什么要建立自己的网站迎合客户的需要树立企业形象的需要产品宣传的需要与客户沟通的桥梁降低公司运作成本的需要优化工作提高效率开拓国际市场最低的成本,第一章中小型网站创建概述,1.4网站
17、策划及设计,2、小型企业网站规划与设计（1）建站目的分析（2）建站前的调查分析（3）确定网站的内容结构一般的小型企业网站都包括以下主要内容：企业简介产品展示企业的最新动态售后服务网站导航企业的联系方式网站的高级功能,第一章中小型网站创建概述,1.4网站策划及设计,网站的高级功能自动网上客服系统采用交互技术，可以针对客户反馈的意见，自动回复和处理，并即时汇总，传输到企业的决策部门，为企业决策提供依据。电子交易功能通过和国家有关部门合作，建立电子交易系统，客户可以在网上定货、付款，企业也可以自动处理定单、自动配货。数据库检索功能很多网站的内容丰富，产品种类繁多
19、内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指88X31的小图标banner,而是网站的标志。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体，字母的变形，字母的组合可以很容易制作好自己的标志。,第一章中小型网站创建概述,1.4网站策划及设计,设计网站的标准色彩“标准色彩”是指能体现网站形象和延伸
21、划及设计,1.4.3中小型网站的创建流程概述中小型网站创建流程如下：网站策划网站策划包括主题策划、内容策划、风格策划、网站创意、目录设计、布局策划等。明确网站开放对象绘制网站草图建立网站文件夹收集建站资源设计网站页面内容网上安家及域名申请网站发布网站宣传维护及管理,第一章中小型网站创建概述,1.4网站策划及设计,1.4.4网站主题及风格策划1、网站主题策划设计一个站点，首先遇到的问题就是网站主题的策划。所谓主题也就是网站的题材。网络上的网站题材多种多样。对于题材的选择，建议如下：（1）主题要小而精（2）题材最好是自己擅长或者喜爱的内容（3）题材不要太滥
22、或者目标太高,第一章中小型网站创建概述,1.4网站策划及设计,网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：名称要正网站名称要合法，合理，合情。名称要易记根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyondstudio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在六个字（最好四个字）以内，比如：“重庆婚介网”、“西部汽车王”。名称要有特色名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。如：“音乐前卫”，“网页陶吧”，“天籁绝音
23、”等。总之，策划网站题材和名称是设计一个网站的第一步，也是很重要的一部分。下面将介绍“网站风格和创意”的策划知识。,第一章中小型网站创建概述,1.4网站策划及设计,2、网站风格和网站创意网站的整体风格及其创意设计是网站设计者最希望掌握，即最难以掌握的技术。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说：“这个站点很cool，很有个性！”那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？这实际上就是网站的风格问题。风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。风格是独特的，是自己站点不同与其他
24、网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。创意(idea)是网站生存的关键。,第一章中小型网站创建概述,1.4网站策划及设计,创意思考的过程分五阶段：准备期-研究所搜集的资料，根据旧经验，启发新创意；孵化期-将资料咀嚼消化，使意识自由发展，任意结合；启示期-意识发展并结合，产生创意；验证期-将产生的创意讨论修正；形成
25、期-设计制作网页，将创意具体化。创意是将现有的要素重新组合。,第一章中小型网站创建概述,1.4网站策划及设计,1.4.5网站内容规划在确定了网站主题和网站风格后，还需要考虑规划网站内容的问题。提升网站的知名度和浏览率，而对网站内容进行详细规划则是提高网站浏览量的重要途径。1、网站内容的组织原则网站内容的组织并不是现成的企业简介和产品目录的翻版。很多企业的网站并没有很好地组织网站的内容，这是造成网站访问量低的一个重要原因。网站内容的组织原则：清晰性：网站内容必须简洁明了，直奔主题，非常有效地讲清楚你想说的内容。创造性：网站观点会使访问者产生共鸣，发出认同吗？这是访问者判断一个公
26、司是否有实力，从而影响到购买动机的重要因素。突出三个重点：突出你的产品的优点和与众不同的特色；突出帮助访问者辨别、判断同类产品优劣方面的内容；突出内容的无庸置疑的正确性。,第一章中小型网站创建概述,1.4网站策划及设计,2、网站内容的组织方法栏目设置网站内容组织或取舍的方法是将网站想象成企业的产品陈列室，将自己当成推销员，向客户推销产品。网站栏目的设置一定要突出重点、方便用户。网站栏目实质是一个网站内容的大纲索引，就好比一本书的目录，集中了各个章节的名称及页码，索引应该引导浏览者寻找网站里最主要最有用的东西。在设置栏目时，要仔细考虑内容的轻重缓急，合理安排，突出重点。,第一章中小
27、型网站创建概述,1.4网站策划及设计,1.4.6网站设计的技术路线网站设计采用什么技术路线是网站策划的一部分，在动手制作网页之前，应该首先明确网站的定位，从而选择适当的技术路线。互联网上的网站，按照功能和性质大致可以分为个人网站、商业网站和学术机构政府团体网站。网站设计主要有如下三种技术路线：MicrosoftWindows20009xXP+ASP-IIS+MSSQLServerAccessWindowsLinux+JSP+TomcatResinJSWDK+MSSQLServerAccessMySQLLinux+PHP+Apache+MySQL,第一章中小型网站创建概述,1.4
30、.3网站页面的布局规划网页的排版布局是决定网站美感的一个重要方面，通过合理的、有创意的布局，可以把文字、图像等内容完美地展现在浏览者面前，而布局的好坏在很大程度上取决于设计者的艺术修养水平和创新能力。一般来说，网页布局遵循一定的原则，再加上自己的奇特创意，设计一个吸引浏览者的网页布局是可以成功的。,第一章中小型网站创建概述,1.4网站策划及设计,1.4.8导航设计导航是网页设计中的重要部分，又是整个网站设计中的一个独立部分。一般说，网站的导航在案例网站中各个页面出现的位置是固定的，风格较为统一。导航的位置对于网站的结构及各个页面的布局起着举足轻重的作用。导航的位置一般有四种常见的显示位置，在页面的左侧、右侧、顶部、底部。有的在一个页面中用多种导航，如：有的在顶部设置主导航菜单，在页面的左侧设置折叠菜单，可以增强网站的可访问性。子页面的导航设计是较为重要的，子页面一定要有上一级目录的链接，直到首页，这样浏览者访问起来才比较方便，不用单击“后退”按钮回到首页或上一级页面，对于子页面，如果页面比较长，可在页面上部设置一个简单的目录，并设置几个页面的