课程网站建设规划书

《网络营销》精品课程网站建设规划书学生姓名：学生学号：指导导师：所学专业：信息管理与信息系统上海大学国际工商与管理学院管理科学系

目录中文摘要……………..Abstract……………….前言…………..…..………………3网站设计前期阶段工作…..……..………………42.1、网站建设的目的……..……………….….………………..…42.2、建站前调查准备……………42.3、确定网站定位………………..…….……..…42.3.1、网站浏览对象的定位….2.3.2、网站内容定位……………….………………2.3.3、网站建设的技术定位………….建站中的思考………….…..…..………………43.1、网站建设的初步考虑…………………..…43.2、网站建设优势初探………43.3、设计原则……………………..……………..3.4、网站建设初步规划…………..…….43.4.1、规划布局…………3.4.2、网站各主要功能模块说明………..…………网络技术应用……………………..……………..4.1、搭建IISWebServer………..……………..…..4.2、网页版面设计………..………..4.3、Flash设计导航条步骤………..…………...…..4.4、Dreamweaver页面制作………..……………..4.5、BBS板块的实现过程………..……………..网站页面优化……………………..……………..总结与感受……………………..……………..表格汇总…………..图汇总…………………………摘要:网络营销是以现代电子技术和通信技术的应用为基础，与市场的变革、市场竞争以及营销概念的转变密切相关的一门新学科。随着全球信息网络的发展，Internet在世界上已不仅仅是一种技术，更重要的是它已成为一种新的经营模式。从4C（Connection.，Communication，Commerce。Co-operation）层次上彻底改变了人类工作，学习，生活，娱乐的方式，已成为国家经济和区域经济增长的主要动力。网络营销正是市场营销的INTERNET，它自始至终贯穿在企业经营全过程，是企业以现代营销理论为基础，利用Internet技术和功能，最大限度地满足客户需求，以达到开拓市场、增加盈利为目标的经营过程。应用网络营销可使企业获得在传统模式下所无法获得的巨量商业信息，在激烈的市场竞争中领先对手。所以我们觉得这门课程将是今后的主流课程，为此根据老师提出的网站建设的意见要求，结合课程的性质特点，在原有网站的基础上，进一步强化网站的互动性，完善课程的展示功能，全文搜索等功能，密切同其它学者、浏览者之间的关系，为该课程度身定做一个符合自己需求的交流教学平台网站，最终完成了《网络营销》精品课程的网站。我们希望通过这个网站能够给这门课程的学习者带来方便，并且希望可以帮助更好的普及这门学科。本文主要介绍网站建设的过程，及建设者的一些想法建议等，希望可以使大家不仅从网站的本身上更可以从文字上了解网站建设的各方面。关键词：网络营销；精品课程；网站建设Abstract:Themodernelectronictechnologyandcommunicationtechnologyisthefoundationofnetworkmarketing,whichisanewdisciplinecloselyrelatedwiththechangeofthemarket,thetransitionsofmarketcompetitionandmarketingconcept.Withthedevelopmentofglobalinformationnetwork,Internethasalreadynotmerelybeenakindoftechnologyintheworld,ithasalreadybecomeakindofnewmanagementmode.From4C’slevelcompletelychangeswork,study,life,amusementway,andhasalreadybecomemainmotiveforceofnationaleconomyandregionaleconomicgrowth.NetworkmarketingisexactlyInternetofthemarketing,itcarriesthroughoutdealinginenterprisesfromstarttofinish.Theprocessofoperatingisbasedonmodernmarketingtheory,utilizngInternettechnologyandfunction,meetingcustomer'sdemandtothemaximumextent,exploitingmarket,increasingtheprofitasgoal.UsingNetworkmarketinghelpsenterprisesobtainalotofcommercialinformationthatcan'tobtainunderthetraditionalmode.Accordingtothecharacteristicofcourseonthebasisoforiginalwebsite,Westrengthentheinterdynamicofwebsites,improvetheshowfunctionofcourseandsoon.Wetailoraplatformwebsitewhichaccordswithone'sowndemandforthiscourse.Wehopethewebsitecangivethelearnerobringconvenienceandpopularthecourse.Thistextintroducestheprocessofwebsiteconstruction,andsomeideasofthebuilder'setc.Hopeeverybodycanknowaboutthewebsitefromtheintroduction.Keywords:networkmarketing;topqualitycourse;buildwebsite一、前言什么是网络营销？网络营销有什么优势？为什么要学习网络营销？等等的问题是我们在刚接触到该课程的第一感想。在做网站之前我们必须对网络营销有一个初步了解与认识。网络营销是以现代电子技术和通信技术的应用于发展为基础，与市场的变革、市场竞争以及营销概念的转变密切相关的一门新学科。简单而言网络营销即是利用互联网作为手段，从而达到营销的目的。如今电子商务这个代名词对大家而言已经不陌生了，但是电子商务在实施方面可能存在着这样或那样的问题，例如必须解决与之相关的法律、安全、技术、认证、支付和配送等方面的问题，而这些问题中的某些正是中国发展的瓶颈问题，所以做起来有者一定的难度。但是作为电子商务基础的网络营销对之需求不高，因此发展网络营销不存在上述一些障碍。所以在网络环境下，企业展开网上营销是今后的趋势。网络营销是市场营销的INTERNET，替代了报刊、邮件、电话、电视等中介媒体，其实质是利用Internet对产品的售前、售中、售后各环节进行跟踪服务，它自始至终贯穿在企业经营全过程，包括寻找新客户、服务老客户，是企业以现代营销理论为基础，利用Internet技术和功能，最大限度地满足客户需求，以达到开拓市场、增加盈利为目标的经营过程。它是直接市场营销的最新形式，是由Intern客户、市场调查、客户分析、产品开发、销售策略、反馈信息等环节。然而由于对网络的不够了解，对网络营销的的特点和方法不熟悉，导致很多企业在实践和应用网络营销的过程中遇到很多问题。例如很早就有了网站，可是却不知道如何对其进行利用，网站也没有创造出应有的经济效益；有些希望通过网络推广达到获得效益的目的，但面对层出不穷、纷繁众多的网络推广概念和方式，却无从下手，处于迷茫状态；有些看到竞争对手的迅速壮大，却不知道他们究竟采用了什么秘诀；还有些花了很多钱做网站和网站推广，却没什么效果，也不知道问题出在哪里，看来在网络时代的大潮之下，都不可避免的要迎接网络营销多方面的挑战。因此网络营销对企业改善销售环境，提高产品竞争能力和市场占有率具有非常重要的实际意义。所以就更有必要去学习这门学科，掌握这方面的知识理论体系，为此我们根据老师的要求特地建设了一个该课程的网站，希望可以帮助更好的普及这门学科。二、网站设计前期阶段工作2.1、网站建设的目的网站建设是一种审美活动，成功的作品一般都很艺术化。但艺术只是设计的手段，而并非设计的目的。设计的目的就是要实现我们建站的意图，而并非创造美，是要表现的主题和要实现的功能。所以建站目的是建设网站之前首先必须明确的，没有明确的目的就无法确定网站的主题，没有主题的网站如何吸引其他网友留足观赏呢！建设网站就是要将自己建站的目的清楚地表达给浏览者看，使浏览者有带有目的性的上网站获取自己所需的资料信息，而不是浏览者上了我们的网站看了半天都不了解或很模糊我们这个网站究竟要传递的是什么信息。因此建站目的的明确好比是网站建设的一个“头”，所谓上梁不正下梁歪，如果这个“头”没有摆正，或者根本就没有的话，那就无所谓有没有后续的工作了，因为后续的工作根本就无法展开。可是说建设网站的目的对网站的计划和实施会有决定性的作用，所以在建设网站前就应重视起来。为此我们很认真很重视的对待这个开头，期望可以为后面的工作带一个好头。因此特地去询问了老师的意见，老师本人的要求是：首先PPT可以分章节调用，这样可以很大程度上方便学生的学习，提高他们的学习效率；其次是原先的90个网站要有相应的注明，从而可以提供更新更全面的参考信息；再来是在建设精品课程为主题的网站同时最好可以兼顾建设其个人网站。对老师的要求了解之后接下来就我们就要思考究竟这个网站的真正目的是什么？我们认为建网站首先应该以介绍课程为基本目的，因为这个网站是以网络营销课程为主的一个各方面的介绍网络平台，而个人介绍是次要的，所以我们的主要精力和工夫应该集中在《网络营销》这个板块上面。与传统教学相比，网站有明显的时间、地域、互动等方面的作用，所以我们要充分发挥网站互动性方面的功能，尽量可以满足更多人的交流，并利用网站大大节省时间，同时能够对浏览者的意见作出快速回应。能够让更多想要了解这方面专业知识的人士学者充分获得他们所需要的信息资料等，更好地为将我们建设的网站推销出去。所以我们的网站建设的目的概括为：为了传播网络营销这个专业知识；并使之与更多的人有所交流。2.2、建站前调查准备根据建站的目的，调查了一下相关的精品课程网站，看别人的网站采用了什么建站技术、设置那些栏目、提供了那些功能，有哪些优势可以值得我们借鉴，那些不足可以使我们避免。例如我们参考了原先的一个网络营销课程的制作网站，我们发现原先的那个网站在一些方面存在着不足：首先给人的第一感觉就是网页制作方面稍嫌简单，色彩暗沉，可能很难吸引年轻人的眼球；其次网站的互动性不强，在建站者和浏览者之间缺少一个来交流彼此的意见建议等的互动平台；再来是在线视频这一功能没有充分体现在线课堂的一个学习氛围，可以在此进行适当的修改。当然原先的网站也给了我们很大启发，使我们对这种网站应该如何入手有了一个初步的概念思路，并且给了我们很多该方面建站的初步资料等。另外我们还参考了很多其他相关的一些网站，例如有华东师范大学、华南理工大学、上海外贸学院等学校的精品课程网站，从对了解精品课程网站大体情况，如需要有哪些必要的组成部分，它们的框架结构如何等方面的认识。2.3、确定网站定位所谓网站定位就是网站在Internet上扮演什么角色，要向目标群(浏览者)传达什么样的核心概念，透过网站发挥什么样的作用；因此，网站的定位相当关键，换句话说，定位是网站建设的策略，而网站架构、表现等都围绕这些定位展开。2.3.1调查一下究竟哪些人在访问您的站点，以及他们为什么要访问。根据分析，我们设计的网站的主要对象是学生，其次是一些该领域的相关专业人士、学者、教师。为此我们对他们的一些具体需要进行了相应的统计与分析，希望可以我们的网站可以尽量满足他们需要，使我们的站点对访问者来说有所帮助，为我们的观众提供所需的信息。学生期望了解这门课程的师资力量，获取相关参考书目等信息期望有对课程的学习指南以帮助自学期望能在线提问从而直接从网上获得最新资讯期望网站能提供一些软件课件的下载期望有相应的教学实践专业人士、学者、老师期望可以有该方面学术上的交流平台期望了解该教学课程教材作者的详细介绍期望可以在线提意见，建议2.3.2、根据建站目的作出了相应的风格，我们的网站内容定位最主要的就是详细介绍课程的相关信息，使网站更好的服务于书本教材，让目标对象更大程度上获得自己的所需。现在很多网站往往风格不明网站内容定位不明确，明明是搞学习的，学的资料和讨论没多少，却充斥着漫无边际的链接和新闻等等。所以，我们要避免这种通病。因为那些“四不象”的网站是很难引起别人的再次光顾。2.3.3、建设网站是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的目的，它的实现依赖于网页的制作。正所谓"功夫在诗外"，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制作的水平上，在于我们自身的美感以及对页面的把握上。在进行Web设计时--在设计过程中--形式应该服从功能。这种方法应用于我们站点的整个设计过程中。当然，我们有最新的Web工具，并且能够将各种可视的小配件上载到网页上。虽然web设计技术真可谓日新月异。从最基本的html到如今的java，xml，php4等等，做出的网页也五光十色，绚丽夺目，而且动态的显得够得上水平。但是我们认为这样做将不利于为访问者提供有效的服务。如果在网页中加入了大量的动画、声音文件以及其它附加件，导致访问者需要长时间地进行下载，但是并未获得多少实实在在的内容。所以我们认为华丽的外衣只能让人注目一次，里面的内容才是我们想仔细咀嚼的。我们要明确的是技术做得再出色，也只是服务于内容的手段而已。所以我们强调的是清爽明快，主题鲜明，内容充实，一定要以内容为主，技术为辅，使形式服务于内容。三、建站中的思考3.1、网站建设初步考虑：考虑一：网站的主题确定后，我们已经收集和组织了许多相关的资料内容。而且认为这些都是最好的，肯定能吸引网友们来浏览网站。但是问题是我们有没有将最好的，最吸引人的内容放在最突出的位置呢？有没有让好东西在版面分布上占绝对优势呢？所以如何确定什么内容最能体现主题，哪些位置是最具有代表性的等都是我们要考虑的问题。事实上，我们经常发现一些站点未将重点放在功能上。例如:用户界面元素不一致；导航栏位置不一致；不太注意或根本不注意基本的图形设计原则；相关元素和功能的随意分组等。所以要注意将元素放置在网页上的位置和目的，这可帮助访问者从其它相邻的选择和位置来推断某个链接的功能。只有将最能表现主题的内容放在最醒目位置，这样才能真正做到“有的放矢”。考虑二：互联网的最大特性之一就是充满个性，所以我们这个网站就应充分发挥这一特点，通过网站来达到全方位展现课程教材等各方面实力的目的，充分树立该课程在该教学领域的“领头羊”地位，让网站成为宣传课程服务课程的全新基地。从而为目标对象提供个性化的服务，根据需要，利用E—mail和在线留言，定期或即时提供其需要的专门信息。令上浏览者有亲切的感受，仿佛整个网站就象专门为其服务的。缺乏个性的网站是没有竞争力和生存价值的。考虑三：我们应该在互动性方面多加重视，例如将课程在线上网学习，可以弥补利用传统方式进行课堂教学的地域与时间方面的局限，这样既方便上网者随时根据需要上网学习，也增加了我们网站功能服务的要求；此外如果浏览者有何疑问也可将其在网上发布，这样建设者可以马上与之联系，为其解答；反过来建设者亦可以根据信息反馈的情况一些意见建议等，及时进行修改紧跟发展动态。使建设者与用户形成一种良性的沟通从而达到充分利用互联网的互动性的特点。考虑四：网站的实用性是不可忽略的，是网站的一个重要的特点。建立该网站就是想最大限度地进行课程教材的宣传介绍，使网站更好的服务于教材，尽量提供更符合浏览者需要的服务，从而吸引更多的人数。所以如果网站只是为学校服务，那宣传的广度和深度远远不够，失去了建网站的意义。因此除了学校范围外，还要大量地吸引社会上的其他一些相关人士的浏览、使用这一网站。所以在网站的设计上，我们要加强网站本身的实用性，为浏览网站者提供一些较为实用的帮助，例如我们可以在主页提供主栏导航，这样实质上也同时提供了一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，我们就要进行仔细考虑，合理安排，从而增强浏览者对网站本身的好感和依赖。考虑五：技术是一种网站建设实施的手段，先进的技术能够保证将所要传达的信息完美地表现。技术在于运用，如何在适当的地方运用合适的技术是网站成功的关键。应用多种技术实现强大的网站功能，展示网站个性化，与浏览互动交流信息，实现为浏览者更好服务的目的。考虑六：互联网本身是不断发展的，不论其技术还是信息都在不断的进步、更新。网站的建设应具有超前意识，不仅在现阶段具有先进性，能适应目前的需要；而且为今后预留可持续发展的空间，能适应互联网的飞速发展，使其在未来仍发挥其应有的功能，能够跟上发展的潮流步伐。因此我们在进行网站建设的时候，就会预留这方面的接口，预留能适应未来发展的空间，从而方便及时进行相应的修改与维护，为日后发展提供可持续发展的空间。3.2、网站建设优势初探：在建设网站之前，我们自己做了一个初步的预估，期望最后的网站能够拥有以下一些优势：建设具有实时动态管理的功能模块；解决信息更新发布问题。避免简单地把内容收集在上面，无人对其内容进行动态的管理与更新，实效性差。结合课程特点、加强网站功能。采用技术全面设计，充分发挥网站对这个课程的帮助作用，为该课程锦上添花。网站围绕目标对象为中心进行设计，围绕浏览者的需求层面有针对性的设计实用简洁的栏目，尽量方便浏览者了解课程，学习课程，咨询帮助，问题解答，发表意见建议等需求可以在网站上逐个得到满足，从而避免浏览者从网站得到的信息是零散的，有些甚至找不到他们所需要的资料。设计建设者与浏览者之间沟通的功能模块，比如设置浏览者在线联系功能模块，设置BBS模块等，吸引浏览者对网站参与性、提高同浏览者信息沟通的交互水平，从而避免网站与浏览者的交互性差，没有考虑上网者的参与性的局面。注重从网站界面的简洁化，功能模块的灵活变通性为今后网站维护提供一个自主更新维护的动态空间和发挥余地，去完善办好他们的网站，尽量避免网站的维护功能差，不能对网站内容进行及时的维护的问题。以上的优势可以说是我们建设的网站的目标、标准，希望能尽量做得最好。3.3、设计原则：设计是有原则的，我们在设计网站之前必须要明白了解这种原则，凡事要建设网站都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。1．统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。2．连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。3．分割，是指将页面分成若干小块，小块之间有视觉上的不同。有了分割就可以使观者一目了然而不是乱作一团的绒线理也理不清，在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。4．对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。5．和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有"生命感"，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。3.4、网站建设初步规划：3.4.1、规划布局1.紧扣主题将主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，使网站显的专业，主题突出，容易给人留下深刻印象。2.设一个最近更新栏目原来的网站是没有安排版面放置最近更新内容信息，所以我们像设置一个这样的栏目，或者留一些空间方便以后有更多内容的时候设置。我们认为如果有相应的需要及时修改的内容的话就要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客，让主页更有人性化。3.设定一个可以双向交流的栏目这个双向交流的栏目不需要很多，但一定要有。比如我们可以建立论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。这样我们认为比起简单的留一个"Emailme"的站点更具有亲和力，也更有竞争力。4.设一个下载区域网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料，你肯定希望能一次性下载，而不是一页一页浏览存盘。所以“将心比心”的在主页上设置一个资料下载栏目，我们想会得到大家的喜欢，这样也可以更方便用户使用他们想用的信息。5.至于其他的辅助内容如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，我们得出划分栏目需要注意的是：尽可能将网站最有价值的内容列在栏目上；尽可能方便访问者的浏览和查询；尽可能删除与主题无关的栏目。最后，在了解了设计原则并有了这些初步的意向以后，我们在纸上完成初步设计了如下的网站大体框架并对一些主要的功能模块作了说明：网站主页Flash站点主页课程介绍课件下载我的博客学术交流申请表多媒体课件说明自测系统教学录像教学ppt参考书目教学实验知识要点主导教材课程大纲历史沿革课程简介网站主页Flash站点主页课程介绍课件下载我的博客学术交流申请表多媒体课件说明自测系统教学录像教学ppt参考书目教学实验知识要点主导教材课程大纲历史沿革课程简介图1网站框架图3.4.2、网站各主要功能模块说明：全站搜索系统提供对全站的信息进行搜索的功能。站内搜索系统提供了对信息进行多种类型检索的支持，对网站主要信息提供了搜索功能。由于系统信息的储存方式有两种，文件系统的静态html和装入数据库的信息，因此系统采用两种搜索引擎，一种是针对文件系统的全文检索功能，一种是针对数据库系统的全文检索功能。网络营销课程介绍包括有“课程简介”，“历史沿革”,“课程大纲”等7个下级子目录，我们就是要将这个课程全面的信息，资料尽可能地呈现在浏览者的面前，使他们能够多方面的了解课程，以此更好学习。课件下载为浏览者提供关于网络营销课程的ppt下载（方便老师教学备案）、几位老师的教学录像（使浏览者有在课堂学习的氛围，身历其境）、特别值得一提的是课件下载中还提供了浏览者“自我测试系统”，这样可以边学边检验自学成果。我的博客主要是让老师把自己关于这方面学科的想法写成日志,在网上发表,可以让网友了解一些老师的想法,从而更贴近网友。我们的初衷就是希望老师能够拥有自己的个人专栏，以在网络上发布自己的声音。虽然它通常由简短而且经常更新的贴子构成，所有文章都是按照年份和日期排列，看上去就是平淡无奇私人日记。但每个人随时把自己思想和生活的灵感火花记录在博客上，这不单单是把主题相同的网站作连结，通常博客的主人把自己的个性也都放入其中，这才是博客的精髓所在”。BBS论坛系统论坛系统服务已经是互联网站一种极为常见的互动交流服务。论坛可以向网友提供开放性的分类专题讨论区服务，网友们可以在此发表自己的某些观感、交流某些技术、经验乃至人生的感悟与忧欢，亦可以做为交流的渠道，商家亦可在此回答用户提出的问题或发布某些消息。四、网站技术应用4.1、搭建IISWebServer《网络营销》精品课程网站的测试平台是Microsoft®Windows®Server2003家族的Internet信息服务(IIS)，IIS在Intranet、Internet或Extranet上提供了集成、可靠、可伸缩、安全和可管理的Web服务器功能。IIS是用于为动态网络应用程序创建强大的通信平台的工具。各种规模的组织都使用IIS来主控和管理Internet或其Intranet上的网页、主控和管理FTP站点、使用网络新闻传输协议(NNTP)和简单邮件传输协议(SMTP)路由新闻或邮件。IIS6.0支持用于开发、实现和管理Web应用程序的最新Web标准（如MicrosoftASP.NET、XML和简单对象访问协议(SOAP)）。IIS6.0包括一些面向组织、IT专家和Web管理员的新功能，它们旨在为单台IIS服务器或多台服务器上可能拥有的数千个网站实现性能、可靠性和安全性目标。具体搭建步骤如下：在IIS管理器中，展开本地计算机，右键单击“网站”文件夹，指向“新建”，然后单击“网站”。出现“网站创建向导”。单击“下一步”。在“描述”框中，键入站点的名称，然后单击“下一步”。键入或单击站点的IP地址（默认值为“全部未分配”）、TCP端口和主机头，然后单击“下一步”。在“路径”框中，键入或浏览到包含或将要包含站点内容的目录，然后单击“下一步”。选中与要指定给用户的网站访问权限相对应的复选框，然后单击“下一步”。单击“完成”。要在以后更改这些设置和其他设置，请右键单击网站，然后单击“属性”。图2搭建界面一图3搭建界面二图4搭建界面三因为需要用到asp方面的内容，所以需要在IIS打开这部分功能，具体操作如下：在IIS管理器中，展开本地计算机，然后单击“Web服务扩展”。图5IIS管理器界面在详细信息窗格中，单击“ActiveServerPages”，然后单击“允许”。如此整个实际操作的前期工作就完成了，下面进入到网站制作的具体操作阶段。4.2、网页版面设计根据我们之前的草图并经过反复构思后，最后我们的网站用Photoshop构建出这样的基础版面：图6网站版面一图7网站版面二图8网站版面三4.3、Flash设计导航条步骤1．新建文档设置场景属性：770*200背景从Photoshop制作的图形导入.确定。2.创建元件：底板元件：点插入－新元件，行为：图形。名字底板。在工具栏选矩形工具，在编辑区绘制无边框的线性填充矩形，宽高：64*7。填充色自己创意。（源文件：8个色块自左向右分别为：#308955透明度为0#366332透明度为84#C0E2D0透明度100#030312透明度100#EAECF9透明度100#64AC5E透明度74#5A8446透明度60#C6DDC1透明度20。）选对齐面板水平据中，低对齐。条形元件：点插入－新建元件，行为：图形。名字：条。在工具栏选矩形工具，在场景下绘制无边框的长条矩形。填充色为纯色（源文件：#296533透明度90）。宽高：18*228。居中对齐。按钮图元件：点插入－新建元件，行为，图形。名字：按扭图。在工具栏选椭圆工具，在在编辑区绘制径向填充圆形，尺寸31*31。颜色可以自定（源文件：自左向右色码为：#02D702透明度100#014301透明度100#000000透明度40）在工具栏选笔刷工具，填充色为白色，在按钮的高光位置画出弧线高光区，居中。按钮元件：点插入－新建元件，名字按钮。行为：按钮。进入按钮编辑区，在第一帧打开库拖出按钮图元件，居中。在按钮编辑区，2、3、4帧插入关键帧，选中的二帧，点中编辑区的按钮，在下边属性面板颜色选色调为黑，透明度：50％。第三帧。点编辑区的按钮在下边属性面板颜色选色调为浅灰，透明度：50％。添加新图层点第二帧插入空白关键帧在属性面板声音选择a,第三帧插入空白关键帧，在属性面板声音选择b.。影片剪辑元件1：点插入－新建元件，行为，影片剪辑。名字：按扭动。确定。点图层1，添加五个图层，共6个图层，在最上边图层改名Actions。图层5改名按钮1。在第一帧F11打开库，拖出按钮元件，居中对齐，点第七帧插入F6关键帧，点中编辑区的按钮，在下边属性面板输入X坐标为-12.5，Y坐标为-248.0，回到第一帧创建运动渐变。用鼠标选中本图层所有帧点右键，拷贝帧备用。在图层4改名按钮2，第三帧点右键，粘贴帧，点中结束帧编辑区的按钮，调整Y坐标的位置为：-281.5。图层3改名：按钮3的第五帧点右键，粘贴帧，修改结束帧编辑区的按钮y坐标位置为：-315.0。图层2改名按钮4的第七帧点右键粘贴帧，修改结束帧上编辑区的按钮y坐标为：-351.0。图层1改名按钮5的第九帧点右键粘贴帧，修改结束帧上编辑区的按钮y坐标为：-387.0。添加一图层，在15帧插入关键帧，点右键－动作－stop();影片剪辑元件2：点插入－新建元件，行为，影片剪辑。名字：字母标题。确定。在工具栏选文本工具，下面属性面板设置文本属性：字体，自定，大小18，竖体。点图层1的第二帧，插入关键帧，在编辑区输入文字flash1.在3、4、5、6帧插入关键帧，并修改数字为：2、3、4、5。在这六祯上分别添加帧命令：stop()。3.组合场景：回到场景一，点图层一改名底板。第一帧，F11，打开库，拖出元件底板，放在场景下边右侧和场景对齐，第8帧插入关键帧，选择任意变形工具，向上拉和场景同样大小，回到第一帧，创建运动渐变。添加图层二，改名条在第三帧处插入空白关键帧，打开库拖出图形元件“条”，放在场景的下边左侧，第九帧处插入关键帧。将条元件向上移动，低对齐场景，回到第一帧创建运动渐变。添加图层三，改名按钮第九帧插入空白关键帧，打开库拖出影片剪辑“按钮动”放在场景的下边偏右，坐标：x:33.5，y:310.3.添加图层四，改名flash.第九帧插入空白关键帧从库里拖出影片剪辑“字母标题”，放在场景左上侧，位置：x:6.0,y:74.2。点中场景该元件，在下面属性面板添加实例名称为：a。4.添加代码：场景：添加图层，as.第九帧插空白关键帧，点右键打开动作面板，影片控制－stop()。按钮命令：在场景双击影片剪辑“按钮动”，进入编辑区，点中按钮一图层的第七帧所选中场景中的按钮，点右键——动作，在动作面板输入：on(rollOver,dragOver){root.a.gotoAndPlay(6);}on(rollOut,dragOut){_root.a.gotoAndPlay(1);}点中按钮二图层的第九帧所选中场景中的按钮，点右键——动作，在动作面板输入：on(rollOver,dragOver){-root.a.gotoAndPlay(5);}on(rollOut,dragOut){_root.a.gotoAndPlay(1);}点中按钮三图层的第11帧所选中场景中的按钮，点右键——动作，在动作面板输入：on(rollOver,dragOver){_root.a.gotoAndPlay(4);}on(rollOut,dragOut){_root.a.gotoAndPlay(1);}点中按钮四图层的第十三帧所选中场景中的按钮，点右键——动作，在动作面板输入：on(rollOver,dragOver){_root.a.gotoAndPlay(3);}on(rollOut,dragOut){_root.a.gotoAndPlay(1);}点中按钮五图层的第十五帧所选中场景中的按钮，点右键——动作，在动作面板输入：on(rollOver,dragOver){_root.a.gotoAndPlay(2);}on(rollOut,dragOut){_root.a.gotoAndPlay(1);}整个实例完成，测试影片，保存。图9flash完成界面4.4、Dreamweaver页面制作这里我着中提一下使用最多的批量更新功能：首先我们来看看模板的应用，与Dreamweaver4.0不同的是，DWMX把模板的操作拓展到了“Modify”与“Insert”两个菜单下，同时，在“File”选项的“Assert”子选项中也可以直接创建模板。找到“Assert”子选项，在左边的工具栏中单击“Templates”按钮，此时的模板为空，我们可以在右下角单击“NewTemplate”按钮，一个空白的模板就会出现在面板中，点击模板名称，是模板进入可编辑状态，注意，此时的模板还没有任何添加任何元素，我们可以像编辑普通网页一样在模板上添加表格、图像、文字等。添加完后，保存模板，可以在默认站点文件夹的“Templates”子文件夹下找到刚才做好的模板，扩展名为.dwt。如果嫌这样麻烦，DWMX还提供了一种更直接的方法，编辑好要保存为模板的网页后，在“File”菜单中点击“SaveasTemplates”，即可生成模板。模板生成之后，还要建立可编辑区域，为将来填入不同的网页内容做准备，打开模板，单击菜单“Insert/TemplateObject/EditableRegion”，出现可编辑区域对话框，指定区域名称后，可以看到模板中出现了蓝色的方框。保存后就建立了可编辑区的模板。如何批量生成网页呢？单击菜单“File/New”，选择“Templates”选项，马上就可以看到建立生成的模板，单击“Create”按钮，模板就开始自动套用在网页上。这个时候我们可以看到，原来的模板区域是黄色，其中的元素已经固定，不能编辑，而我们刚刚指定的可编辑区域是蓝色，可以编辑。这样一来，不但大大简化了我们生成相似网页的工作量，而且有效地保证了网页风格的一致性。最后，就是关联网页批量更新，这是大型网站更新网页时必不可少的一项技术，在DWMX中可以轻易实现。因为我们所有的网页都套用了相同的模板，而且这些网页都被保存在同一个站点目录下，当我们要对所有网页的公共元素进行改动时，只需修改模板中的元素即可。打开“Templates”子选项，双击关联网页的模板，这时候模板进入了可编辑状态，黄色区域消失，改变的模板的内容后，保存时就会出现一个提示对话框：“下列网页使用了当前模板，是否进行更新？”单击“Update”，此时，网站中所有基于模板创建的关联网页都将得到更新。与模板类似，DWMX的库就显得更加灵活，在“Assert”选项卡上单击“Library”，打开库，暂时库中没有任何元素，我们把网页中要生成库的元素，如表格、图像，直接拖到库面板中即可。库中的元素决不仅仅是图像或文字本身，而且还包含了网页中排列这些图像的代码。因此，我们也可以像模板中一样，在网页上添加相同的库元素，从而批量生产风格类似的网页。这时，我们只要在库面板中将元素拖回到新网页上即可，而相关的代码会自动复制到新网页上。而且，库元素也可以实现网站的批量更新，我们在库面板中单击库元素，使库进入可编辑状态，当改变了库元素并进行保存时，凡是使用了库元素的网页，会自动进行同步更新。最后，对于自动更新还有一点补充：如果一个网页是应用了模板生成，然而自动更新时又想将它保持原状，不随着站点其余的网页一起更新，只需单击“Modify/Templates/DetachfromTemplates”，此时，这个网页就不再受到模板的约束，需要手动才能更新网页。图10dreamwear中的界面4.5、BBS板块的实现过程首先把《动网论坛》解压后的“dvbbs”文件夹（其中的所有文件）拷贝到以下目录：C:\Inetpub\wwwroot\dvbbs（C:\为系统安装盘）。然后依次点击“开始→控制面板→管理工具→Internet信息服务→本地计算机→网站→默认网站”，右击“默认网站”并选择“属性”，打开“默认网站属性”窗口。所有IIS设置都是在这个窗口中进行的。设置主目录选择“主目录”标签，定位论坛的位置。由于前面我们已经将论坛所有的文件拷贝到IIS默认的网站文件夹（wwwroot）中了，在此我们只要在“本地路径”框中加上“\dvbbs”即可。接下来是设置论坛的对外权限。在此建议选择“读取”和“目录浏览”两项。然后再设置一下“应用程序”，在“执行权限”下拉列表中选择“脚本和可执行文件”并点击“应用”按钮。设置目录安全性选择“目录安全性”标签，并单击“匿名访问和…”框中的“编辑”按钮，打开“身份验证方法”窗口。一我们把论坛的登录方式设置为“匿名访问”。接着在“用户访问需经过身份验证”框中选择“集成Windows身份验证”选项，这样网友可以直接访问论坛。如果取消“匿名访问”选项，网友们访问论坛时就必须要有分配的登录名和密码才能正常访问。最后单击“确定”，返回网站属性设置窗口。开启IIS禁用的匿名账户，方法是：打开“控制面板”中的“计算机管理”窗口，在左侧窗口中依次选择“计算机管理→系统工具→本地用户和组→用户”，然后在右侧窗口中双击“IUSER＿***”***代表系统当前用户名，并在弹出的窗口中取消选择“账户已停用”选项，建议同时选择“密码永不过期”选项，防止超过指定的时间而导致默认账户被停用，最后单击“确定”即可。3．设置网站单击“网站”标签，然后在“IP地址”框中输入这个固定的IP地址即可。通过设置域名解析服务（DNS）来将域名和IP地址进行绑定，这样网友就可以直接使用域名来访问论坛了。选择“文档”标签，在此标签窗口中单击“添加”，并在弹出的窗口中输入“Index.asp”，这样论坛的索引页（Index.asp）将成为默认的论坛首页，最后单击“应用”按钮使设置生效即可。4．设置防火墙当开启IIS服务后，会自动探测到它的活动情况，并且会弹出警告信息。勾选“以后都按照…”选项，单击“允许”按钮，这样IIS服务就获得了防火墙的认可，可以访问网络了，同时也可以被其他用户访问。如果防火墙关闭了IIS使用的端口（默认为80端口），会造成别人不能访问，这时需要在相应的IP规则中进行修改。虽然在实际应用中，病毒防火墙可能会阻止用户访问我们的论坛，但是我们认为设置防火墙还是必要的。5．浏览论坛在经过以上的设置后，一个简单的论坛就架设好了。在本机访问论坛，我们可以在IE的地址栏中敲入http://localhost或内部IP地址来访问，外网用户访问论坛必须使用IP地址或域名来访问。如果不知道自己的IP地址，可以通过单击“开始→运行”，输入“CMD”打开命令行界面，然后输入“ipconfig/all”并按回车就可方便地查看自己的IP地址了。6．精心打造现在，可以将论坛页面修改为自己风格的图片、广告、文字信息等。我们首先要以默认的管理员用户名“admin”，密码“admin888”登录论坛，登录成功后单击页面上方的“管理”链接即可进入管理页面，在这个页面中我们可以打造自己的个性论坛。建议在登录后一定要更改密码，否则别人有可能以管理员的身份登录论坛。7．常规设置Logo是一个网站的标志图片，动网论坛默认的Logo图片是关于动网信息的，在此我们要将其修改为自己的标志，方法是直接将自己的Logo图片命名为“logo.gif”并拷贝到“dvbbs\Images”文件夹下覆盖原来的图片即可。按照同样的方法，我们可以将自己想换的其它图片都换成自己的个性化图片。8．论坛管理在“论坛管理”区中，我们需要进行很多项设置：（1）论坛版面添加单击此链接，右侧窗口将会显示添加版面的页面，默认情况下是没有开放论坛的，在此页面中我们首先要开放一个论坛。依次填入“论坛名称”、“论坛说明”、“论坛版主”、“所属类别”等相关信息，然后单击“添加论坛”按钮即可完成一个论坛的添加工作，同时还可以获取该论坛版主的密码。按照同样的方法添加其他的论坛。（2）论坛版面权限管理单击此链接我们可以分配给每类用户相关的权限。在此我们可以分配给：管理员、超级版主、注册用户、等待验证的会员、游客、贵宾等用户不同的权限。（3）合并论坛数据有时我们想将A论坛中所有的帖子合并到B论坛中，这时我们就可以通过此链接来完成了。单击“合并论坛数据”链接，在右侧窗口中分别选择待合并的两个论坛，然后单击“合并论坛”按钮即可完成数据的合并工作。（4）联盟论坛添加有时候我们希望将其他的一些好友论坛链接到自己的论坛中，让论坛成员方便地打开相关论坛，单击这个链接就可以实现了。打开页面后，我们要分别输入该论坛的名称、连接URL、连接LOGO地址等相关信息即可。（5）发布论坛公告有些情况下，我们要在所有的子论坛中发布公告，如果每个论坛逐一发布，那就显得太费劲了，单击此链接后，打开如图4所示的页面。在这里可以方便、快速地发布论坛公告了。9．用户管理用户管理就是大家在论坛中看到诸如“斑竹”、