网页制作教程.ppt

《网页制作教程.ppt》由会员分享，可在线阅读，更多相关《网页制作教程.ppt（38页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页制作教程 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望第第1章章 网站开发基础网站开发基础n n理解：网页的本质及基本构成n n了解：HTML的定义及其标准n n了解：网页制作的基本工具n n理解：网站的定义及其组成n n理解：网站建设的一般流程n n掌握：网站策划及设计方法第一节 网站开发基础知识n n1 1：什么是网页？：什么是网页？网页是网页是WWWWWW（World Wide WebWorld Wide Web，万维网）上的基本，万维网）上的基本文档

2、，用文档，用HTMLHTML（Hyper Text Markup LanguageHyper Text Markup Language，超，超文本标记语言）书写。网页可以是网站的一部分，也可以文本标记语言）书写。网页可以是网站的一部分，也可以独立存在独立存在 n n网页的本质：网页的本质是由源代码网页的本质：网页的本质是由源代码n n常见网页的地址方式：常见网页的地址方式：隐藏网页文件名：隐藏网页文件名：http:/ URL URL的后缀是的后缀是.htm.htm、.html.html、.shtml.shtml、.xml.xml等静态网页的常见形式，例如：等静态网页的常见形式，例如：http:

3、/ 网站开发基础知识n n按照在网站中位置的不同，网页可以分为：按照在网站中位置的不同，网页可以分为：n n引导页：引导页即是刚刚输入网站后所显示的页引导页：引导页即是刚刚输入网站后所显示的页面，作为进入网站的一个入口。采用面，作为进入网站的一个入口。采用FLASHFLASH动画动画作为引导页引出首页的设计思路，是当前网站建作为引导页引出首页的设计思路，是当前网站建设较为流行的做法。设较为流行的做法。n n主页：指进入网站后看到的第一个页面，也称为主页：指进入网站后看到的第一个页面，也称为首页。首页。n n内页：指与主页相链接的页面，也就是网站的内内页：指与主页相链接的页面，也就是网站的内部页

4、面。经常分为多个级别，分别称为二级页面、部页面。经常分为多个级别，分别称为二级页面、三级页面三级页面第一节 网站开发基础知识n nLogoLogo（标志）（标志）（标志）（标志）n nLogoLogo是代表企业形象或栏目内容的标志性图片，一般在网页的左上角。是代表企业形象或栏目内容的标志性图片，一般在网页的左上角。LogoLogo一般一般使用公司已有的徽标做一些简单的处理。使用公司已有的徽标做一些简单的处理。n nBannerBanner（横幅）（横幅）（横幅）（横幅）n nBannerBanner是用于宣传站内某个栏目或活动的广告，一般要求制作成动画形式，由于动是用于宣传站内某个栏目或活动的

5、广告，一般要求制作成动画形式，由于动画能够更多地吸引人的注意力，将宣传文字或广告内容简练地加在其中，起到宣传画能够更多地吸引人的注意力，将宣传文字或广告内容简练地加在其中，起到宣传的效果。的效果。n n导航栏导航栏导航栏导航栏n n导航栏就是一组超级链接，用来方便地浏览站点。例如典型的导航栏包含一些指向导航栏就是一组超级链接，用来方便地浏览站点。例如典型的导航栏包含一些指向站点的主页和二级页面的超级链接。导航栏可以用按钮、文本或小图片来实现超链站点的主页和二级页面的超级链接。导航栏可以用按钮、文本或小图片来实现超链接，也有可能使用下拉菜单效果。导航栏在网页的设计中，直接关系到使用网页的接，也有

6、可能使用下拉菜单效果。导航栏在网页的设计中，直接关系到使用网页的方便，和整个网页的美观也有很大关系。方便，和整个网页的美观也有很大关系。n n版权区版权区版权区版权区n n作为惯例，这一小行文字有很好加强意识，提醒浏览者，所观看的内容是受到版权作为惯例，这一小行文字有很好加强意识，提醒浏览者，所观看的内容是受到版权保护的。正确的格式应该是：保护的。正确的格式应该是：Copyright Copyright 日期日期 by by 所有者，所有者，通常可以代替通常可以代替CopyrightCopyright。n n导航区导航区导航区导航区n n网站导航结构主要就是一个网站的栏目菜单，是网页中很重要的

7、一部分内容，主要网站导航结构主要就是一个网站的栏目菜单，是网页中很重要的一部分内容，主要对网页的导航、布局起到很重要的作用。它一方面在帮助用户更方便的浏览网站，对网页的导航、布局起到很重要的作用。它一方面在帮助用户更方便的浏览网站，同时它也是用户和搜索引擎判断一个网站专业度的重要因素之一。在导航栏功能有同时它也是用户和搜索引擎判断一个网站专业度的重要因素之一。在导航栏功能有限时，可以通过导航区更清晰地引导浏览者浏览网站。限时，可以通过导航区更清晰地引导浏览者浏览网站。n n内容区内容区内容区内容区n n这是网页的主要部分，是内容的表现区。这是网页的主要部分，是内容的表现区。第一节 网站开发基础

8、知识第一节 网站开发基础知识n n2 2：什么是网站：什么是网站n n网站（网站（WebsiteWebsite）是指在因特网上，根据一定的）是指在因特网上，根据一定的规则，使用规则，使用HTMLHTML等工具制作的用于展示特定内等工具制作的用于展示特定内容的相关网页的集合。简而言之，网站是由多个容的相关网页的集合。简而言之，网站是由多个网页互相连接而成的整体。网站是一种通讯工具，网页互相连接而成的整体。网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网想要公开的资讯，或者利用网站来提供相关的网络服务

9、。人们可以通过网页浏览器来访问网站，络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。获取自己需要的资讯或者享受网络服务。n n网站的组成n n网站由域名（domain name，俗称网址）、网站源程序和网站空间三部分组成。域名（俗称网址）经常以这样的形式出现。域名是因特网查寻信息及互相联系的地址信息。网站空间由专门的独立服务器或租用的虚拟主机承担；网站源程序则放在网站空间里面，表现为网站前台程序和网站后台程序。例如：http:/ http:/第一节 网站开发基础知识第一节 网站开发基础知识n n3.网站设计的原则n n网站设计的真正意图在于把适合的信息传达给适合的

10、观众。设计者应先理解设计的基本结构，进而去掌握他们，要设计出精彩的多媒体网站，需要考虑以下三个方面的问题。第一节 网站开发基础知识n n确定内容l l网站需要传输的最重要的消息是什么？l l哪一种多媒体方式能最有效地说明它？l l在信息列表中，哪个信息需要特别关注？l l哪个信息需要反复强调？l l实现这个方法的最好途径是什么？l l这个消息与其他部分怎样平衡？第一节 网站开发基础知识n n确定内容最好的表现形式和用户l l什么样的访问方式将使用户的数目最多？l l他们将使用什么样的计算机？l l他们是家庭用户还是办公用户？l l他们用的是什么浏览器？l l用以选择文件格式、软件、插件和浏览器

11、支持的最小配置是什么？第一节 网站开发基础知识n n确立一个创造性、有效的设计方案确立一个创造性、有效的设计方案l l要考虑带宽的问题。要考虑带宽的问题。l l要注重色彩的搭配问题。要注重色彩的搭配问题。l l要考虑适应不同浏览器，不同分辨率的情况。要考虑适应不同浏览器，不同分辨率的情况。l l要让浏览者容易找到要找的东西，使网页内容要让浏览者容易找到要找的东西，使网页内容便于阅读。便于阅读。l l站点内容要精、专、及时更新。站点内容要精、专、及时更新。l l提供交互性。提供交互性。l l简单即为美。简单即为美。第一节 网站开发基础知识n n针对不同的用户群，有着不同的服务方向，但有一点是可以

12、肯定的，需要恰当的设计“没有好的或坏的设计，只有是否合适、是否恰当的设计”，这成为了目前网站设计的根本原则。第一节 网站开发基础知识n n针对不同的用户群，有着不同的服务方向，但有一点是可以肯定的，需要恰当的设计“没有好的或坏的设计，只有是否合适、是否恰当的设计”，这成为了目前网站设计的根本原则。第二节网站开发相关技术网站开发相关技术n n跟网站相关的技术性内容：n nHTML语言n n网站相关的定制内容n n网站相关的制作工具第二节网站开发相关技术网站开发相关技术n nHTMLHTMLn nHTMLHTML（HyperTextMark-upLanguageHyperTextMark-upLa

13、nguage）即超文本标记语言，是）即超文本标记语言，是WWWWWW的描述语的描述语言。其中，言。其中，n n超（超（HyperHyper）：是相对于线性（）：是相对于线性（linearlinear）来说的。在很久以前，那时计算机程序还）来说的。在很久以前，那时计算机程序还是线形运行的：当计算机程序执行完一个动作以后，转向下一行，这行结束后，继是线形运行的：当计算机程序执行完一个动作以后，转向下一行，这行结束后，继续下移，依次类推。但续下移，依次类推。但HTMLHTML则不同，你可以在任何时候跳转到任何地方。则不同，你可以在任何时候跳转到任何地方。n n文本（文本（TextText）：意味着它

14、是自解释的（）：意味着它是自解释的（self-explanatoryself-explanatory）。）。n n标记（标记（MarkupMarkup）：指的是如何处理文本。对文本作标记的方式，与在文本编辑程）：指的是如何处理文本。对文本作标记的方式，与在文本编辑程序里将文本加粗、或者将一行话设为标题或列表项目类似。序里将文本加粗、或者将一行话设为标题或列表项目类似。n n语言（语言（LanguageLanguage）：）：HTMLHTML就是一种语言。就是一种语言。n n设计设计HTMLHTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中语言的目的是为了能把存放在一台电脑中

15、的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，InternetInternet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。一台电脑中。n n如果要如果要制作网站，学习制作网站，学习HTMLHTML是不可避免的。即使用是不可避免的。即

16、使用DreamweaverDreamweaver、frontpagefrontpage等等网页编辑工具来制作网站，了解基本的网页编辑工具来制作网站，了解基本的HTMLHTML知识也会在网站制作过程中倍感轻松，知识也会在网站制作过程中倍感轻松，并有利于制作出更好的网站。并有利于制作出更好的网站。第二节网站开发相关技术网站开发相关技术n nHTMLHTML的基本结构的基本结构n n一个一个HTMLHTML文件包含以下几个最基本的标记符。文件包含以下几个最基本的标记符。n nn nn n网页标题网页标题n nn nn n网页主体部分网页主体部分n nn nn n在在HTMLHTML源代码中，用标记符

17、经常是成对出现的。每一个标记符都有特定的功用。源代码中，用标记符经常是成对出现的。每一个标记符都有特定的功用。n n和和标记是用来说明在它们之间的文本属于标记是用来说明在它们之间的文本属于HTMLHTML文件，浏览器从文件，浏览器从标记开始执行，当遇到标记开始执行，当遇到标记时，将会停止执行。标记时，将会停止执行。n n和和标记是用来说明在它们之间的文本都属于标记是用来说明在它们之间的文本都属于HTMLHTML文件的文件头。文件的文件头。它仅定义它仅定义HTMLHTML文件需要特殊处理的一些预先说明，并不在浏览器中显示。文件需要特殊处理的一些预先说明，并不在浏览器中显示。n n和和标记是用来说

18、明在它们之间的文本是该文件的标题，此标题显示标记是用来说明在它们之间的文本是该文件的标题，此标题显示在浏览器最上方的标题栏中。如果要把页面添加到浏览器的在浏览器最上方的标题栏中。如果要把页面添加到浏览器的“收藏夹收藏夹”中，该文档中，该文档的标题便会成为的标题便会成为“收藏夹收藏夹”中的项目名称。中的项目名称。n n和和标记是用来说明在它们之间的文本是标记是用来说明在它们之间的文本是HTMLHTML文件的主体部分，文件的主体部分，也是整个也是整个HTMLHTML文件最重要的部分。它所包含的内容显示在浏览器的页面显示窗口文件最重要的部分。它所包含的内容显示在浏览器的页面显示窗口里。里。n nHT

19、MLHTML语言发展很快，早期的语言发展很快，早期的HTMLHTML文件并没有规定如此严格的结构，为保持对早期文件并没有规定如此严格的结构，为保持对早期HTMLHTML文件的兼容性，现在流行的浏览器也支持不按上述结构编写的文件的兼容性，现在流行的浏览器也支持不按上述结构编写的HTMLHTML文件。文件。第二节网站开发相关技术网站开发相关技术n n网页标准与网页标准与W3CW3Cn n我们可以以多种不同的方式来编写我们可以以多种不同的方式来编写HTMLHTML，同时，浏览，同时，浏览器也可以以多种不同的方式来理解器也可以以多种不同的方式来理解HTMLHTML。这就是为什。这就是为什么某些网站会在

20、不同的浏览器上显示出不同效果的原因。么某些网站会在不同的浏览器上显示出不同效果的原因。为了解决这一问题，为了解决这一问题，HTMLHTML发明人发明人Tim Berners-LeeTim Berners-Lee先先生创办了生创办了万维网联盟（万维网联盟（World Wide Web ConsortiumWorld Wide Web Consortium，W3CW3C）来致力于制订通用的来致力于制订通用的HTMLHTML标准。标准。n nHMTLHMTL标准目前已经发展到标准目前已经发展到4.014.01版和版和XHMTLXHMTL。占据市。占据市场较大份额的场较大份额的IEIE浏览器有自己特有

21、的元素，但它也支持浏览器有自己特有的元素，但它也支持W3C HTMLW3C HTML标准。同样地，其它的浏览器，比如标准。同样地，其它的浏览器，比如MozillaMozilla、OperaOpera和和NetscapeNetscape等，都是既有自己特有的等，都是既有自己特有的元素，也同时支持元素，也同时支持W3C HTMLW3C HTML标准。标准。n n如何告诉浏览器你所编写的如何告诉浏览器你所编写的HTMLHTML支持的是哪种标准呢支持的是哪种标准呢？具体做法是采用文档类型声明。文档类型声明应写在？具体做法是采用文档类型声明。文档类型声明应写在HTMLHTML文档的开头部分文档的开头部分

22、。第二节网站开发相关技术网站开发相关技术n n!DOCTYPE strict.dtdn nhtml lang=enn nn n网页标题网页标题n nn nn n网页内容网页内容n nn n第二节网站开发相关技术网站开发相关技术n n除了要给出文档类型声明以外除了要给出文档类型声明以外（上例中第一行，它告诉（上例中第一行，它告诉浏览器这个文档是浏览器这个文档是XHMTLXHMTL），还需要在），还需要在htmlhtml标签中加标签中加入一些信息，也就是添加两个属性入一些信息，也就是添加两个属性xmlnsxmlns和和langlang。xmlnsxmlns是是“XML-Name-Space”“XM

23、L-Name-Space”（XMLXML名称空间）的缩名称空间）的缩写，其值固定为写，其值固定为http:/www.w3.org/1999/xhtmlhttp:/www.w3.org/1999/xhtml。langlang属性用于指定当前文档所使用的语言，其值采用属性用于指定当前文档所使用的语言，其值采用ISO 639ISO 639标准标准中列出的世界各国语言代码。通过中列出的世界各国语言代码。通过HTMLHTML文档头部的文档类型声明，浏览器可以知道如何读取和文档头部的文档类型声明，浏览器可以知道如何读取和显示你的显示你的HTMLHTML。n n在编写网页程序时，只要遵循在编写网页程序时，只

24、要遵循W3CW3C标准来编写标准来编写HTMLHTML，就能够确保网页能在所有浏览器上显示出来。因此，编就能够确保网页能在所有浏览器上显示出来。因此，编写标准的写标准的HTMLHTML是非常重要的。是非常重要的。第二节网站开发相关技术网站开发相关技术n n网页制作元素网页制作元素n n导航和导航和LOGOLOGOn n需要确定的内容包括：导航的长短、形式（横的、竖的、弧形的），需要确定的内容包括：导航的长短、形式（横的、竖的、弧形的），是否有下拉菜单？比重各是多少？是否有下拉菜单？比重各是多少？LOGOLOGO处在什么位置？各语言版处在什么位置？各语言版面入口在哪里？登陆（后台管理面入口在哪里

25、？登陆（后台管理/用户用户/MAIL/MAIL）在什么位置，）在什么位置，LOGOLOGO附近是否有点睛一般的广告词等。附近是否有点睛一般的广告词等。n nbannerbannern n需要确定的内容包括：导航跟需要确定的内容包括：导航跟bannerbanner是分开的还是在一起的？是是分开的还是在一起的？是否采用否采用flashflash制作？如不使用制作？如不使用flashflash制作，那么设计的背景是否适合制作，那么设计的背景是否适合切片成平铺的背景？如何使背景图片体积最小等。切片成平铺的背景？如何使背景图片体积最小等。n n主体内容部分主体内容部分n n需要确定的内容包括：主体部分采

26、用什么结构？是采用不分割结构，需要确定的内容包括：主体部分采用什么结构？是采用不分割结构，还是左右结构，还是左中右结构的？颜色以怎么样的规则变化？放还是左右结构，还是左中右结构的？颜色以怎么样的规则变化？放置什么内容？置什么内容？n n版权信息及其他版权信息及其他n n需要确定将什么信息放置在版权区，使用什么格式等。需要确定将什么信息放置在版权区，使用什么格式等。第二节网站开发相关技术网站开发相关技术n n网站相关的制作工具网站相关的制作工具n n网页的制作是一个系统工程，涉及以下几个方网页的制作是一个系统工程，涉及以下几个方面的工作：面的工作：n n版式设计与内容组织版式设计与内容组织n n

27、页面制作页面制作n n图像的设计与制作图像的设计与制作n n动画的设计与制作动画的设计与制作n n网页特效的实现网页特效的实现n n多媒体元素（音频、视频等）的表现多媒体元素（音频、视频等）的表现第二节网站开发相关技术网站开发相关技术n n图像制作工具图像制作工具n nPhotoshopPhotoshopn n平面图形工具首推平面图形工具首推PhotoshopPhotoshop，它广泛地应用于印刷、，它广泛地应用于印刷、广告设计、封面制作、网页图像制作、照片编辑等领域，广告设计、封面制作、网页图像制作、照片编辑等领域，其强大的功能足以完成各种平面图形的处理、加工等操其强大的功能足以完成各种平面

28、图形的处理、加工等操作。它与作。它与ImageReadyImageReady相整合，可以实现多方面的网络相整合，可以实现多方面的网络应用。应用。n nFireworksFireworksn nFireworksFireworks是专门为网页制作人员设计的一种图形设计是专门为网页制作人员设计的一种图形设计和处理软件，它既是一个位图编辑器，又是一个矢量绘和处理软件，它既是一个位图编辑器，又是一个矢量绘图程序。它能够自由地导入各种图像文件，识别矢量文图程序。它能够自由地导入各种图像文件，识别矢量文件中绝大部分的标记和件中绝大部分的标记和PhotoshopPhotoshop文件中的层，它还可文件中的层

29、，它还可以方便的制作以方便的制作GIFGIF动画。动画。第二节网站开发相关技术网站开发相关技术n n多媒体制作工具多媒体制作工具多媒体制作工具多媒体制作工具n n随着网络带宽的不断提高，音频、视频等多媒体内容被更多地放到随着网络带宽的不断提高，音频、视频等多媒体内容被更多地放到网页上来，尤其是随着一些视频分享、视频点播网站的兴起，多媒网页上来，尤其是随着一些视频分享、视频点播网站的兴起，多媒体视频制作工具也越来越多地被应用。体视频制作工具也越来越多地被应用。Adobe PremiereAdobe Premiere、UleadUlead公司的会声会影等都是主流的多媒体视频编辑工具，用公司的会声会

30、影等都是主流的多媒体视频编辑工具，用FlashFlash制作制作的的FLVFLV影片目前在网上应用的也非常广泛。影片目前在网上应用的也非常广泛。n nMovie MakerMovie Makern nMovie MakerMovie Maker作为作为Windows XPWindows XP的组件之一，已被捆绑在的组件之一，已被捆绑在操作系操作系统统中。它简单易学，使用它制作视频短片充满乐趣。通过简单的拖中。它简单易学，使用它制作视频短片充满乐趣。通过简单的拖放操作，精心的筛选画面，然后添加一些效果、音乐和旁白，视频放操作，精心的筛选画面，然后添加一些效果、音乐和旁白，视频短片就可以初具规模。

31、短片就可以初具规模。n nAdobe PremiereAdobe Premieren nAdobe Premiere Adobe Premiere 目前已经成为主流的视频编辑工具，它为高质目前已经成为主流的视频编辑工具，它为高质量的视频提供了完整的解决方案，是一款专业非线性视频编辑软件。量的视频提供了完整的解决方案，是一款专业非线性视频编辑软件。第二节网站开发相关技术网站开发相关技术n nJavaScriptJavaScript网站资源网站资源n n想使用想使用JavaScriptJavaScript特效来提升网页的吸引力，可以自己手工编写特效来提升网页的吸引力，可以自己手工编写JavaScr

32、iptJavaScript脚本程序，但这对于一般网页制作人员似乎难度过高。脚本程序，但这对于一般网页制作人员似乎难度过高。InternetInternet上有许多免费的上有许多免费的JavaScriptJavaScript特效开源代码资源，可以方便特效开源代码资源，可以方便地为你的网页提供地为你的网页提供“页面特效类页面特效类”（例如：字符从空中掉下来（例如：字符从空中掉下来）、）、“时间日期类时间日期类”（例如：时钟加在背景上（例如：时钟加在背景上）、）、“图形图形图像类图像类”（例如：图片翻滚导航（例如：图片翻滚导航）等多种类别的特效。）等多种类别的特效。n nJava AppletJav

33、a Applet生成工具生成工具AnfyAnfyn nJavaJava最初奉献给世人的就是最初奉献给世人的就是AppletApplet，随即它吸引了全世界的目光，随即它吸引了全世界的目光，AppletApplet运行于浏览器上，可以生成生动美丽的页面，进行友好的人运行于浏览器上，可以生成生动美丽的页面，进行友好的人机交互，同时还能处理图像、声音、动画等多媒体数据。机交互，同时还能处理图像、声音、动画等多媒体数据。Java Java Applet Applet 是用是用Java Java 语言编写的一些小应用程序，这些程序是直接嵌语言编写的一些小应用程序，这些程序是直接嵌入到页面中，由支持入到页

34、面中，由支持JavaJava的浏览器解释执行能够产生特殊效果的程的浏览器解释执行能够产生特殊效果的程序。序。第二节网站开发相关技术网站开发相关技术n n其他小工具n n网页制作人员并不每个人都是美工，有些图像处理工作可以借助一些专门的网上工具来完成，如“http:/www.55.la/”上就可以在几秒钟之内免费制作出具有专业水准的banner广告条，使网页制作人员的工作更快捷、高效。第三节 网站建站流程n n虽然每个网站在内容、规模、功能等方面都各有不同，但是有一个基本设计流程可以遵循。大到门户网站（如sohu、Yahoo、sina），小到一个微不足道的个人主页，都要以基本相同的步骤来完成。首

35、先是前期策划，然后是定义站点结构，再创建界面，接下来是技术实现和完善，最后是站点的发布和维护。这几个阶段完整地结合在一起，直到完成整个站点的工作。第三节 网站建站流程第三节 网站建站流程n n网站策划n n网站策划的主要内容网站策划的主要内容n n要进行网站的整体设计，策划是第一步。网站策划就是通过客观的、科学的方法，借助策划学的知识，依托互联网的相关技术和行业知识，对一个网站从构思到建设再到推广运营而提出的一条龙的整体建设思路和实现方法，以保证这个网站能够顺利出生并且健康成长。第三节 网站建站流程n n网站策划书的撰写网站策划书的撰写n n每个网站的情况不同，网站策划书也是不同的，但是最终都

36、不要离开主的框架，在网站建设前期，我们要进行市场分析，然后总结一下，形成书面报告，对网站建设和运营进行有计划的指导和阶段性概述。网站策划书一般可以按照下面的思路来进行整理。第三节 网站建站流程n n网站策划书的结构网站策划书的结构l l建设网站前的市场分析建设网站前的市场分析l l建设网站目的建设网站目的l l网站技术解决方案网站技术解决方案(windows(windowsl lWindows server2003+sql+aspWindows server2003+sql+aspl lLinux+mysql+phpLinux+mysql+phpl l网站内容规划网站内容规划l l网页设计网页

37、设计l l网站维护网站维护l l网站测试网站测试l l网站的发布与推广网站的发布与推广l l网站建设日程表网站建设日程表l l费用明细费用明细第三节 网站建站流程n n网站设计n n网站设计主要是对网站前台页面进行设计。所谓前台就是浏览者能够看到的那部分，也就是网页。n n对于不同类型的网站，前台设计情况可能略微不同。n n门户网站|企业网站|个人网站第三节 网站建站流程n n代码实现代码实现l l网站代码编程是网站安全的基础，一个好的程序网站代码编程是网站安全的基础，一个好的程序可以是网站受到攻击而产生不良后果的问题大大可以是网站受到攻击而产生不良后果的问题大大减少，代码实现需要专业的编程技

38、术，一般来说减少，代码实现需要专业的编程技术，一般来说网站流行的编程语言有以下几种：网站流行的编程语言有以下几种：JSPJSP、ASPASP、.NET.NET、PHPPHP等等。等等。l l网站建设编程语言是一个选择，要用所选的语言网站建设编程语言是一个选择，要用所选的语言编具有什么功能的程序才是网站基本。通常情况编具有什么功能的程序才是网站基本。通常情况下网站都具有这些基本系统：新闻发布系统下网站都具有这些基本系统：新闻发布系统(信息信息发布系统发布系统)、产品发布系统、会员管理系统、广告、产品发布系统、会员管理系统、广告管理系统、流量统计分析系统等等。管理系统、流量统计分析系统等等。第三节

39、 网站建站流程n n网站测试与完善n n网站的设计和编程全部做完之后，我们要对网站进行测试和上传。首先我们应该将网站上传到网站空间，然后对网站进行测试，同时也是对网站空间进行测试。一般来说，网站测试需要进行的就是网站页面的完整程度，网站编程代码的繁简程度和完整性，网站空间的链接速度和网站空间的加压测试承受度。第三节 网站建站流程n n网站发布n n网站建设完成后，需要将它发布在网站建设完成后，需要将它发布在InternetInternet或或IntranetIntranet上供访问者访问。发布网站需要有三个上供访问者访问。发布网站需要有三个必备条件。必备条件。编写好的网站（如果是动态网站，需要

40、事先导出数据库，并确保服编写好的网站（如果是动态网站，需要事先导出数据库，并确保服务器支持此数据库的导入和连接）务器支持此数据库的导入和连接）服务器空间（需要知道服务器的域名或服务器空间（需要知道服务器的域名或IPIP地址）地址）FTPFTP客户端工具（需要知道客户端工具（需要知道FTPFTP上传的用户名和密码）上传的用户名和密码）第三节 网站建站流程n n宣传与推广宣传与推广n n免费推广方式免费推广方式n n友情链接：和其他网站做友情链接，最好找比自己友情链接：和其他网站做友情链接，最好找比自己PRPR（全称为（全称为PageRankPageRank，网页排名）值高的网站来做。，网页排名）

41、值高的网站来做。n n登陆免费搜索引擎：让搜索引擎都收录你的网站，这样登陆免费搜索引擎：让搜索引擎都收录你的网站，这样你的网站就可以在互联网上被其他企业或者个人所查找你的网站就可以在互联网上被其他企业或者个人所查找到了。到了。n n论坛广告：到各个论坛去发广告宣传网站。论坛广告：到各个论坛去发广告宣传网站。n n群发推广：用群发推广：用qqqq群发软件，或者邮件群发软件来进行推群发软件，或者邮件群发软件来进行推广。广。n n病毒式推广：这个推广方法通常在推广前要下大功夫，病毒式推广：这个推广方法通常在推广前要下大功夫，制作出一些比较吸引人的东西来进行网络化传播。如图制作出一些比较吸引人的东西来

42、进行网络化传播。如图片、程序代码、常用软件等等。片、程序代码、常用软件等等。n n加入导航网站：加入导航网站对推广要有好处，不过有加入导航网站：加入导航网站对推广要有好处，不过有一些比较有名的导航网站登陆需要花费。一些比较有名的导航网站登陆需要花费。第三节 网站建站流程n n付费推广方式付费推广方式 n n搜索引擎关键词：在比较著名的搜索引擎做关键搜索引擎关键词：在比较著名的搜索引擎做关键词推广。词推广。n n活动宣传：如果你做的是一些比较大的门户网站，活动宣传：如果你做的是一些比较大的门户网站，那么你可以选择做一些活动宣传这样的推广，比那么你可以选择做一些活动宣传这样的推广，比如说免费会员月

43、等等。如说免费会员月等等。n n网络广告：做网络广告，在流量比较大的网站上网络广告：做网络广告，在流量比较大的网站上做广告宣传。做广告宣传。n n传统宣传方式：虽然互联网发展越来越快，但是传统宣传方式：虽然互联网发展越来越快，但是传统的宣传方式现在还是占主导地位，所以建立传统的宣传方式现在还是占主导地位，所以建立做电视广告，广播，宣传册等宣传，对网站的推做电视广告，广播，宣传册等宣传，对网站的推广效果很明显。广效果很明显。第三节 网站建站流程n n本章实训本章实训:n n1.1.浏览互联网，查看网页的源代码。浏览互联网，查看网页的源代码。n n2.2.浏览各类网站并分析网站地址的组成。浏览各类

44、网站并分析网站地址的组成。n n3.3.在线设计在线设计bannerbanner，使用本章所给的，使用本章所给的bannerbanner制作网站制作网站http:/www.55.lahttp:/www.55.la制作制作bannerbanner。n n4.4.分组设计：学生自由组合，三至四名学生为一组，形成分组设计：学生自由组合，三至四名学生为一组，形成网站策划小组，策划建立某一网站，选题不限。网站策划小组，策划建立某一网站，选题不限。n n同组同学分工合作，对网站策划过程中的市场分析、内容同组同学分工合作，对网站策划过程中的市场分析、内容规划、技术解决方案、维护更新计划等环节进行调研、讨规划、技术解决方案、维护更新计划等环节进行调研、讨论，共同形成一份完整的论，共同形成一份完整的“网站策划书网站策划书”。n n建议的网站类型有：某企业网站、某电子商务网站、某旅建议的网站类型有：某企业网站、某电子商务网站、某旅游类网站、某网络教学类网站、某游戏网站、某教育机构游类网站、某网络教学类网站、某游戏网站、某教育机构网站等、某博客类网站。网站等、某博客类网站。