基于策略模式的精品课程网站设计论文[本站推荐]

第一篇：基于策略模式的精品课程网站设计论文[本站推荐]

一、精品课程网站的系统业务分析与设计

以上几个阶段的功能，若单独设计和维护，势必会增加系统设计维护的复杂性，也导致维护设计的重复性。所以，可设计统一的接口，提供查询、增加、修改、删除功能接口，根据处理具体模块功能，使用不同的策略实现这些功能接口；如精品课程建设基本内容展示和管理，仅需具体实现这一接口即可。同时，业务模块增加，也仅实现这一接口，就可适应功能扩展，再如交互功能，在线考试系统的增加，也只需增加相关具体业务功能，实现这一接口。通过这样的设计，降低功能模块间的耦合度，提高模块的聚合度，提高网站扩展性，也抽高网站应对功能变化的应变能力，达到降低网站的设计维护的工作量，实现网站功能扩展性。

二、策略模式(Strategy)分析

策略模式用意是为实现客户（Context）使用这些不同的功能模块时，不需关心这些功能模块的不同，仅需使用它们共同的接口，即可完成这些不同功能模块的使用。这样，在一定程应上，可以实现这一组功能模块的单独维护与扩展，而不用维护客户端功能模块，以提高代码的可维护性和可扩展性，降低客户端模块与一组功能模块的耦合度。

1策略设计模式各功能模块的角色策略设计模式各功能模块的角色如下：

（1）环境功能模块角色（Context）:客户所期待的功能模块。

（2）抽象功能策略模块角色（InterfaceStrategy）:需要适配的接口模块，为环境功能模块提供统一的访问接口。

（3）具体功能策略模块角色（ConcreteStrategy）：核心功能模块，具体实现相关功能模块。

2策略设计模式的应用场景

对于策略设计模式，主要适用于以下几种应用场景:

（1）在系统里有许多类，这些类主要是行为各不相同。

（2）系统需求需要在几种算法中或未来需要的几种算法中选择适用的一种算法。此时，可以把这些不同算法在不同类中具体实现或未来再具体实现，同时，这些算法具有统一接口，使用面向对象的多态原则，系统可以使用此统一的接口，选择使用相应用的具体算法类⑤。

（3）使用统一算法时，想屏蔽具体数据差异时，策略模式可以让系统调用具体算法时，避免接触与算法有关的复杂数据。以达到接口调用的简单性。

（4）系统隐藏具体算法的实现细节。

3策略设计模式的特点

根据以上分析与应用可以得出，策略设计模式具有如下特点：

（1）算法的独立性和可扩展性。策略设计模式提供了一种替代继承的设计方法，这样既保持就继承的优点即代码重用，又增加了设计维护灵活性，即算法独立性和可扩展性，避免在程序中使用多重条件转移语句。

（2）在一定程度上遵守高内聚、低偶合设计原则。

三、策略设计模式在精品课程网站设计中的应用

结合精品课程网站业务分析及策略模式分析，在精品课程网站管理平台中，针对早期阶段的精品课程建设基本内容管理、中期阶段的问卷调查管理、在线交流管理及后期阶段的在线考试管理等等，都有相应的增加、修改、删除等统一功能，但它们的具体实现，如基本内容管理、问卷管理等，因其它操作的数据的差异，导致具体操作不相同。故在管理平台中，需根据具体阶段业务项目的扩展，动态地选择不同业务的增加、修改、删除操作方式，完成对应的业务功能。这样业务需求的统一与变化，与策略模式思想相一致，故可以选择策略模式设计网站相关的功能。策略设计模式在精品课程网站设计结构图，InterfaceManageCommand是抽象功能策略模块接口，它定义了网站各功能中统一业务接口增加、修改、删除、查询等接口方法。ManageCommand是环境功能模块类，是需要操作服务的类，引用了一个InterfaceManageCommand的具体操作实现类对象，具体实现操作类对象由客户选择的相关功能指定，以完成客户按需完成不同业务功能，这样，避免使用分支语句，可判断用户的具体选择，降低程序可读性，也不用因减少或增加各阶段业务功能进行维护。InterfaceManageCommand的子类是具体操作的策略，如在申报阶段的基本内容展示管理类BaseContentCommand，使用验收阶段增加的在线答疑类InteractCommand、在线问卷调查类SurveryCommand，后期增加的在线考试类TestCommand类等，不同类的具体操作方法完成具体业务的实际功能；若需增加新的业务功能，如在线课程，仅需添加相关的InterfaceManageCommand的子类即可，这样可提高设计的扩展性，以达到系统动态地适应功能的增加，最大程度地减少系统的维护。针对德宏师范高等专科学校精品课程网站设计实际情况，本文主要采用JSP完成网站的设计，以下是所实现功能的部分JSP代码。

1环境功能设计

由于每个业务都有统一的操作(增加、修改、删除、查询)功能，在页面可以设置相关操作连接，使用ManageCommand创造具体业务对象，以实现具体业务操作。ManageCommand设计，2管理功能接口设计

管理功能接口InterfaceManageCommand，定义统一的操作方法，为ManageCommand提供统一操作方法。InterfaceManageCommand设计，3具体业务功能策略

每个具体业务功能策略，只要实现InterfaceManageCommand接口即可，如TestCommand类，实现InterfaceManageCommand接口，具体完成考试管理中相关操作，TestCommand设计代码，四、设计效果

本文以德宏师范高等专科学校“思想道德修养与法律基础”精品课程网站的设计为例，使用JSP和SQLServer2005技术进行开发，系统使用Web技术常见的3层结构设计，各层使用模块方法独立设计，实现精品课程建设网站的内容管理、在线交互、问卷调查、在线考试的管理与展示。系统在每个阶段方便地实现业务功能的扩展，对系统实现、调试、集成等软件开发阶段，维护方便，节约了很多时间，降低了开发费用。

五、结束语

实践说明，将策略设计模式应用到系统接口设计中，能有效提高软件系统设计的效率，提高代码的利用性和系统的可扩展性。面向对象设计模式的使用，使软件设计人员可借鉴成功软件设计的经验，也为软件架构设计提供更多可行的解决方案。通过此精品课程网站的运行效果，说明该设计模式的实用价值，可对同类设计问题提供参考。

第二篇：文科类网站设计课程教学模式探究论文

在学生踏入大学校门的一瞬间，他们的生活轨迹和高中时代便大不一样了。在这里，同学拥有权利去选择听喜欢的课程，老师有时间和精力把每一节课讲得丰富多彩，同时让学生快速吸收运用。

因此，理想的授课方式，是大学老师应该去思索的事情。对于不同的课程，老师的授课方式也应不同。例如，笔者所教授的基于互联网的数据库及程序设计课来说，本门课程主要是给非计算机专业学生讲解数据库的应用、程序和页面的设计等，通过一学期的学习学生可以自己完成一个简单网站。而对于非计算机专业学生来说，程序语言是复杂的，还有许多应该注意的条条框框。学生们希望自己很快学以致用，因此老师最好能够先把主体讲清楚，构造出一个对于知识大体认知的一个框架，再去填写其他的细节。老师也需要激发同学的趣味性，这样的激发趣味性的方法就有很多，例如，把原本运行出来的矩形改成心形，一定会激发很多女生的兴趣，把类似的程序转化成贪吃蛇这一类游戏，相信很多男生也会对于计算机语言情有独钟。

这或许是程序设计的另一种魅力。同时，老师和同学们也要做好交流沟通，在课下可以让学生试着编一下趣味的小程序，在获得趣味性的同时，也能够熟练运用所学的知识。另外，对于老师来说也可以把考试题设计成以游戏为载体，来考察学生对于所学知识的运用，这样不失趣味性，也可以做到与时俱进。老师上课应该准备好思路，最好能用探讨的形式来替代枯燥的理论说教过程，让学生在感受网页设计魅力所在的同时还能够吸收计算机的相关知识，这是一件很好的事情。教学过程对于学生来说是向未知领域的探索过程，教师授课则起到类似向导的作用，由此引发学生去思考。如果教师把什么问题都讲得“明明白白”，没有疑问，课堂上也从不提问，学生也没有问题可问，这不利于教学内容的理解和把握。

表面上没有问题，但实际上学生不一定理解和把握，问题可能还多着呢。因此，在授课时需要注意设置疑问并经常提问。通过提问和解答，师生共同探讨解决问题的答案，有利于学生拓宽视野，对问题的认识由浅入深、由片面到全面、由低级向高级的发展，实现认识上的飞跃。一些程序设计很有难度，在2个课时的听课时间内，学生很难做到完全不溜号，不走神。在这种情况下，老师的板书就很关键，学生溜号之后看到刚才讲过的部分，中间还能衔接上。如果老师仅用PPT讲解，那么如果学生溜号之后不知道老师讲过多少页，这样根本谈不上思维的连续性。所以，老师要将程序运行过程写在板书上，板书一定要尽量写得工整，思维不要有跳跃，要连续一些，把重要的思维方法都体现在板书上，这样学生接受起来会更容易一些。另外，老师还应该调动学生的兴趣爱好，多例举生活中具体的例子，把抽象的程序分析具体化，让学生知道程序的运行及应用，从而激发学习计算机相关技术的信心与热情。一定要让学生养成预习的好习惯，因为网页设计课在课堂上接受起来并不容易，为了保证学生们的听课效率和听课质量，预习阶段是重中之重，也是必不可少的。预习的方式有很多种，可以告诉学生提前看一下有关内容，也可以留给学生一些简单的思考题在课前以作业的形式交上来，以达到预习的效果。

课后的时候，老师最好把自己上课所讲的例题，整理好做成PPT的形式，并且发送给学生，以便于学生的及时复习。当今信息时代，我们使用的通讯工具日新月异，过去人们使用的手机只有打电话、发信息的功能，上网只能依靠PC机终端，但近几年来随着智能手机在我国的普及，使用手机上网的大学生与日俱增，几乎现在每一个大学生都拥有一台智能手机，通过智能手机连接移动互联网。与电脑这样的PC终端相比，手机携带更加方便，可以实现随时随地上网功能，不受到时间和地点的限制。基于智能手机的方便快捷，大学生越来越青睐于使用微信、微博这些新媒体，可以说微信已成为大学生手机上的必备应用，新媒体时代呼之欲出。在新媒体时代，应用新媒体加强教学建设成为了校园文化建设的一个新兴课题。

老师可以组织学生建立一个学习微信群，让所有的同学加入进来，有不会的问题及时讨论，及时发布课后作业，以便于和学生的交流沟通。这些工作对于老师和学生之间都起着一种相互促进、相辅相成的作用。大学的课堂是教会学生如何做人做事，如何做学问的地方。老师要给学生创造的良好课堂，与学生共同作用，形成精彩丰富的大学课堂。综上，老师需要激发同学生的趣味性，在获得趣味性的同时，也能够熟练运用所学的知识。教师上课时准备好思路，最好能用探讨的形式来替代枯燥的理论说教过程。老师要将程序运行过程写在板书上，把重要的思维方法都体现在板书上，这样学生接受起来会更容易一些。可以组织学生建立一个学习微信群，让所有的同学加入进来，有不会的问题及时讨论，及时发布课后作业，以便于和学生的交流沟通。

第三篇：利用课程网站辅助理论教学的模式探析论文

摘要：随着现代教育技术的发展，利用课程网站辅助教学已被广泛地应用。课程网站在教学中的成功运用拓展了教学空间，提高了教学效率。本文以笔者讲授的课程《新闻学概论》为例，对如何利用课程网站辅助教学、增强理论课教学效果进行了探讨。

关键词：课程网站 新闻学概论 教学改革

近年来，很多高校教师开始尝试制作课程网站，整合相关课程的网络资源，利用其辅助课程教学。课程网站不仅能优化课堂教学，调动学生的学习积极性，更能有助于学生对知识的理解与掌握，并能使教师更好地把握反馈信息，从而取得良好的教学效果。

笔者以主讲《新闻学概论》课程为契机，尝试建设课程网站，使其服务于理论课教学，就如何利用课程网站改善教学效果进行了初步探索。

一、传统新闻理论教学存在的问题

新闻是要“用事实说话”的，而新闻理论则必须“用概念说话”。“用事实说话”的新闻人人爱看，“用概念说话”的理论却显然不会有多少人喜欢。①《新闻学概论》课程是新闻专业学生必修的基础课程，开课时间一般是大学生刚入校的第一学期，这个时期，大学生面临着从高中应试思维模式向大学自主学习模式的转变。传统的新闻理论教学，总是围绕着课堂上“概念+定义+案例”的模式展开，师生之间是“我讲你听”的交流范式，这样不利于培养大一学生对专业的兴趣。深奥的概念，难解的定义，繁杂的案例，单向的交流，这似乎成了新闻理论教学的固有模式。

网络时代，我们可以尝试利用网络来改进这种传统模式，其中，建立课程网站就是一种很好的尝试。

二、建设课程教学网站改良教学模式

新闻学概论这门课程的主要目的是使学生了解新闻基础知识，增强他们利用媒介分析问题和解决问题的能力,培养他们对新闻事业的热爱，从而为今后的学习和工作奠定良好的基础。本着这一宗旨,并结合课程内容,我们开发了四川外语学院新闻学概论教学网站。教师可将教案、作业或补充资料等教学资源放到网上,给学生提供大量的新闻传播类综合资源,同时也使教师和同学能突破时间和地点的限制,在网上进行沟通,便于学生自主学习。这样可以很好地解决学生由于接受能力不同而带来的分层教学困难，也可以解决课程基础内容多、学时少的矛盾,从而提高教学质量和教学效率,使单一的教学形式变得丰富多彩,增加学习的趣味性,有效激发学生的学习兴趣,调动他们的学习积极性,加深对所学理论知识的理解。

三、在新闻学概论课程中使用网站教学资源

建立本网站的目的是改进传统的课堂教学模式,我们希望能建立一种面向不同理论基础学习水平、满足不同学生学习要求的新闻传播类教育网站，希望努力为学生营造轻松的学习氛围。

本网站主要包括以下功能:

1.教学内容发布。通过后台操作，教师可以随时发布和更新教学的主要内容，如教学课件、教案讲稿、教学进度、教学计划、教学要求、布置作业及相关考试要求等，便于学生预习或复习。对于那些理论基础相对薄弱或因事缺课的同学，他们可以课后到网站去下载教师的教案或PPT，便于进一步揣摩理论、吃透知识点。另外，教师将教学内容传到网站上，也有利于改变学生“上课记笔记，考前补笔记，考后全忘记”的不良循环模式。学生不需要花费大量时间记教师讲授的大量理论知识，集中精力在课堂上理解与吸收理论知识，这为学生创造了轻松的课堂氛围。

2.视频教学。教师可以在网站上发布丰富的视频资料来辅助教学。改善理论课教学枯燥乏味的方式，除了教师深入浅出的讲解外，大量案例的引入与相关知识层面的拓展也至关重要。但是，这就造成了有限的课堂时间与无限的课外知识之间的矛盾。通过课程网站，这个矛盾可以迎刃而解。教师可以在课堂上只播放某些视频的关键部分，课后学生自己到课程网站上继续观看。这样，既能拓展学生的知识面，又能引导学生正确使用网络资源。

例如，在11月8日记者节这天，笔者恰好讲到了媒体从业人员的职业道德。笔者搜集到了中央电视台《新闻调查》栏目制作的《记者的故事》，发现其中有若干个独立的小故事。于是，课堂上笔者仅仅放映了其中一个故事，然后告知大家：如果想知道更多的故事，可以到我们的网站上去收看。这样，同学们带着浓厚的兴趣到网站上去继续看此节目，实实在在地感受到了从事新闻行业的艰辛与荣誉，这比课堂上一味地灌输要有用得多。

3.作业布置与习题测试。高校扩招后，很多教学班人数都增加了，这给老师批改作业带来了很大的压力。笔者尝试着将作业发布在网站上，学生直接在网上作答。这样一方面便于教师批改和点评，另一方面同学们可以看到其他同学的答案，然后他们可以通过互相交流自己的学习心得来弥补自己的短处。他们还可以在网上互相提问，互相质疑，完全自主地选择自己的学习内容和进度。这样就充分地调动了学生在网络课堂上学习的主动性。

另外，新闻学理论的知识点庞杂多样，曾有学生反映学完一个章节后不知道到底要学懂什么。针对这个问题，笔者除了将课堂教学目标挂在网上外，还将每章的习题测试也挂在网上，学生可选择章、节或按题型进行测试。通过这样的练习使学生能及时了解自己的不足,有针对性地进行复习,更好地掌握所学知识。

4.留言板功能。在网站上建立讨论区,学生可以自由交流学习方法和心得,也可以提出问题，教师在网上直接回答,这有利于及时解决问题。由于留言实行的是匿名制，所以这更利于那些性格内向、不善于与老师当面沟通的同学大胆地表达自己的意见，这给他们提供了一定的话语权，也增加了师生交流的机会。经过测试，笔者发现，同学们不仅在这个板块探讨学业问题，也会表达对教师的期望或建议，还有学生直接表达对老师的喜爱之情，每当看到类似的留言，笔者都会感谢留言者，并留下热情的鼓励与赞赏之词。这样，留言板变得活跃了起来，师生之间除了面对面交流外，还可以进行网上交流，大大改善了师生关系。

四、利用课程网站进行理论教学的作用与经验总结

经过实践检验，利用课程网站辅助教学，的确有利于改善理论课的教学效果，是一种同时使师生受惠的教学方式。

1.有利于学生自身的发展

课程网站可以突破时间与空间的界限，让学生自主选择和决定学习内容与时间，从而拓宽了他们的视野，也拓宽了他们与别人的交往渠道，使学生与学生之间、学生与教师之间的交往和沟通更加多样化、平等化。

2.有利于调动学生学习理论性课程的积极性

理论课程的空洞与晦涩，往往会成为学生学习的瓶颈，而借助课程网站上提供的大量网络资源，可弥补这一弱点，让学生有足够的空间和时间去体会理论课程的精深博大。如在我们的课程网站中，我们提供给学生的相关参考书籍与网址，大大解决了他们迷茫、不知道学什么看什么书的困惑与烦恼，指引着他们循序渐进适应大学学习节奏与习惯。

3.有利于教师教育水平的提高

在网络资源支持下的理论课程教学中，教师不再单单以课本、黑板和粉笔作为自己的武器进行传统的教学，而是根据课堂教学的需要，经常要利用网络资源放手让学生去做探究式的学习。教师在引导学生学习的同时，会越来越多地感到自身要适应新的时代潮流，就必须不断提高自身教育水平，要给学生一杯水，自己就得有一桶水。为此，教师在课前，自己必须先用足网络资源、尽可能挖掘教材背景下的知识。

4.有利于改善师生关系

教学活动的过程总是与师生交流的过程相伴。在这个过程中，教师实施教学活动，学生经历学习活动。“没有师生交流关系的发展，许多学习活动将是低效的。无论是发展中的现代教育思想还是我国当前的教育实践，都明白无疑地表明了这一点”。②

运用课程网站辅助教学，大大增强了教学的开放性和多元性，使师生关系有较大改善。上文笔者已谈过，在留言板快同学们可以随时在线与老师交流这样，探讨学科相关问题，甚至聊天沟通，从而使师生关系更加融洽。

但是，笔者也意识到，教师只能利用课程网站辅助教学，而不能放弃面对面的语言交流。因此，教师利用网络教学的同时，必须注意到，在课程开始时，教师就应当向学生说明本课程学习和研究的内容、方法、步骤及课程网站的结构与使用方法，组织学生进入学习、研究过程。总之，教师不能把一切都交给电脑。毕竟，老师亲切、清晰、条理分明的讲解，生动的表情，才能帮助学生更好地理解知识，加深对知识的记忆。另外，师生交流也不能过度依靠网络，面对面的直接交流更能达到情感教育的效果。

教师利用课程网站辅助教学，改善教学效果的成果是显而易见的。我们要针对前一阶段的研究中的得失，及时加以补充、完善，使网络资源有利于实践“自主性，探究性，合作性”原则要求，进一步促进新闻理论类课程的教学。

注释赫雨：《新闻理论教学如何超越“概念＋定义”模式》，《今传媒》,2007年第1期。李艺：《论网络教学中师生交流关系的建构》，《教育科学》，2000年第3期。

第四篇：网站设计论文目录

目录

摘要................1

第一章 诸论............2

1.1设计思想..............2

1.2开发工具的选用及介绍............2

1.2.1

1.2.2

1.2.3

1.2.4

1.2.5HTML语言................2Macromedia DREAMWEAVER MX............2ASP.net..........3ADO.net..........5Microsoft SQL Server...........6

第二章 网站总体分析与设计..............9

2.1 网站结构分析................9

2.2 页面设计构思................9

2.3 数据库设计..........10

第三章 网站制作过程...............11

3.1 静态页面制作...............11

3.2 建立数据表..........15

3.3 Asp.net代码编写..........16

3.3.1 最新产品................17

3.3.2 产品信息................19

3.3.3 产品信息上传............21

3.3.4管理员登陆、注销...............24

3.3.5 在线留言的实现................26

第四章 系统使用说明与安装..............29 参考文献.................30 致谢...............31

第五篇：个人网站设计论文

秦皇岛职业技术学院信息工程系

分类号： TP319

秦皇岛职业技术学院 课程设计（论文）

个人博客网页设计论文

学生姓专班指导教指导教师职名 王飞飞 业 计算机应用技术 级 1100103 师

称

目录

摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 关于网络的知识.............................................4

秦皇岛职业技术学院信息工程系

1.1 INTERNET的简介.................................................4 1.2 WWW的简介....................................................4 1.3网页基本构成元素..............................................5 1.4 制作网页前的准备..............................................5 第二章 网站制作实战...............................................6 2.1 站点..........................................................6 2.1.1 创建站点..................................................6 2.1.2 创建站点内容..............................................6 2.2 首页..........................................................7 2.2.1 设置首页布局和页面属性....................................7 2.2.2 查看和编辑头内容..........................................9 2.2.3 插入图像..................................................9 2.2.4 插入FLASH相册...........................................10 2.2.5 插入文本.................................................10 2.3 创建其它网页.................................................11 第三章 建立网页链接..............................................12 3.1 文字链接.....................................................12 3.2 图像链接.....................................................13 3.3在HTML语言中建立网页链接....................................14 第四章 网站测试与维护 …………………………………………………………17 结论………………………………………………………………………………18 参考文献 ……………………………………………………………………… 19 致谢………………………………………………………………………………20

摘 要

本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括：

1、制作出一个具有静态技术的“个人网站”；

2、在制作的过程中，加强和 1

秦皇岛职业技术学院信息工程系

深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法、理论和更好的利用Fireworks、Flash制作网站需要的一些图片和影片。

本设计的主要内容包括：

1、个人网站的设计思想，整体规划及相关基础知识；

2、个人网站的首页设计，包括简单的HTML语言及效果图；

3、个人网站的调试。

网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。

关键词：技术指标

基本设计内容

网站规划 网站主题

前言

随着二十一世纪新兴科技的飞速发展，如今的交流与交往不再是那么的单调，看如今不曾再有五百里加急文件的传送，看如今已很少在出现写信、寄信。人们正在运用现世纪的高科技来增加自己的交际圈，来发展自己的人脉关系，秦皇岛职业技术学院信息工程系

同时，其它人也是通过高科技，悄悄的就能很容易地去了解，关注一个人。

正是因为人们的这些需求，所以出现了互联网，正是因为人们的需求，所以出现了如今的网络时代，网络通讯工具。来方便人们的交往，交际与沟通。也正是因为人们的需求，所以出现了个人博客，通过一人简单的网页来展现自己的独特魅力，自己的与众不同。真正的做到了“足不出户，便知天下人”。

互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上了信息化的道路。

我觉得一个网站的开始，应该有一个大体的规划，网站的布局是最重要的，它起着一个网站成功与否的决定性作用，因为布局的好与坏，带来的是网站整体上的美观效果及应用。网站内容上也能决定着网站成功与否，一个网站上的每个字眼都可能决定着这个网站，因为你不知道哪个字就是吸引别人的内容，就是大家都追捧的话题，就是很潮的事物，所以内容上一定要谨慎。再有，就是网站的图片，一定要确准好路径，以免图像的丢失而不能再网站中显示，其次就是链接，在Dreamweaver中提供了很简单的链接命令，根据其提示操作即可。

我做了一个简单的个人博客的网站，通过这个网站能让大家更深的了解我，同时更重要的是锻炼自己的实践能力，巩固自己学习的知识，弥补自己学习的不足。

第一章 关于网络的知识

1.1什么是Internet Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，3

秦皇岛职业技术学院信息工程系

它是采用开放系统协议的计算机通讯网络。然而，Internet不仅仅是计算机的互联网，它还是全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变的更小了。

Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩，才能走进千家万户。1.2 WWW的简介

WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W、Web。WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件，这些网页檔被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在计算机上安装浏览器，如

Internet Explorer或Netscape，然后在浏览器中输入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将鼠标指针移动到某个地方（如文本或图像）时，鼠标指针就会变成一个小手形形状，单击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间动画和声音等信息。通跳转，我们之所以能在Internet的海洋中穿梭自如，正是超连接的功劳。

秦皇岛职业技术学院信息工程系

1.3网页基本构成元素

要学会制作网页，首先需要了解网页都是由什么元素构成的。文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。图片：正是有个各种美丽的图片，网页才变得多姿多彩。动画：如今，网页上的动画越来越多，最常用的有GIF动画、Flash动画等。超连接：如上所述，超连接几乎是必不可少的。一个没有超连接的网页，就如同汪洋大海中的一座孤岛，失去了与外界的一切联系。其它元素：还可以在网页中添加声音、视频等元素。1.4 制作网页前的准备

计算机必备：计算机速度够快，最好能够上网。操作系统：Windows 98/NT/Me/2000/XP.其它软件：看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Fireworks、动画软件Flash等。

秦皇岛职业技术学院信息工程系

第二章 网站制作实战

2.1 站点 2.1.1 创建站点

要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“my web”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。单击“下一步”，进入下一个步骤。在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点檔的本地副本。单击该文本框后面的文件夹图示，之后单击“下一步“，进入下一个步骤。这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。2.1.2 创建站点内容

站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“檔/檔”面板，在弹出的菜单中选择“新建文件”，新建一个档后将其命名为“index.htm(或index.html),它就是未来的首页。

秦皇岛职业技术学院信息工程系

2.2 首页

2.2.1 设置首页布局和页面属性

一、设置首页布局

每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。具体设置方法是：右健单击“檔”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。操作步骤：

1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。

2、将变成“+”形状的鼠标游标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。“index”表格布局如下图：

秦皇岛职业技术学院信息工程系

二、设置首页的页面属性

首先双击“檔”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。

在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目

“index”首页设置的属性如下图所示：

秦皇岛职业技术学院信息工程系

2.2.2 查看和编辑头内容

一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容主体内容（body）是文檔的主要部分，也是包含文本和图像等的可见部分。头内容（head）是除文檔标题外的不可见部分，包含有文文件类型、语言编码、搜索引擎的关键的关键词和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键词。2.2.3 插入图像

图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。首先将游标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，下面的“相对于”下拉表框中，可选择文件URL地址的类型，插入logo图像，如图所示:

秦皇岛职业技术学院信息工程系

最后单击“确定”按钮，即可完成插入图像的操作。2.2.4 插入FLASH相册

在Dreamweaver 8中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频，FLASH相册等媒体元素，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。在Dreamweaver 8文文件中，可以插入媒体文件包Flash 相册、QuickTime、AVI java、applet Active X控件以及各种格式的音频档。要在浏览器中播放放Flash 相册，必须在浏览器中集成“Flash 播放器（Flash Player）”。操场作步骤：

步骤1、将游标停留在要插入Flash的位置，然后单击菜单栏下面“插入”的下拉列表，选择其中的“FLASH”分类，找到图像查看器命令，单击弹出保存对话框，选择要保存的地方和名称，点击保存。

步骤

2、在Dreamweaver中将会产生一个flash相册，在Dreamweaver中的最右边将会有一个flash元素，一次将flash的属性修改，既可完成一个flash相册的制作。2.2.5 插入文本

文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，它是最关键的因素。插入文本的两种方式：一种是在网页编辑窗口中直接用键盘敲入文本。另一种是复制文本的方式。直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，10

秦皇岛职业技术学院信息工程系

具体步骤如下：打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将游标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。这在我的“闲情逸致”中用到很多。2.3 创建其它网页

还有其它的几个网站与主页的制作相同，一个网页是图像和文字的组合。“相册”子页中的FLASH相册的插入和前面的介绍相同。

秦皇岛职业技术学院信息工程系

第三章 建立网页链接

网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁。网页中的很多对象都可以加入“链接”属性。在Dreamweaver 8中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。3.1 文字链接

“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。操作步骤：

步骤1、准备好已经制作完成的首页的各个栏目页面

步骤

2、在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。步骤

3、观察“属性面板”，其中包括一个“链接”文本框。步骤

4、接下来需要把链接的位址加入到文本框中。

步骤

5、在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：

步骤

6、还可以设置一些“链接”的属性，单击“属性面板”中的“页面 12

秦皇岛职业技术学院信息工程系

属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。

步骤

7、至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“放松心情”这4个文字上时将变成手形，并且浏览器窗口下面的状态区中会显示链接到的网页的位址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。

步骤

8、同理，按照以上步骤，再为“闲情逸致”和“个人主页”等其它栏制作指向对应栏目的链接。

至此，整个“文字链接”的实例就全就全部完成了。3.2 图像链接

“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“my web“为例，讲解如何建立“图像链接”。操作步骤：

步骤

1、首先仍然要准备好已经制作完成的首页和各个栏目的页面 步骤

2、在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。

步骤

3、观察“属性面板”，在“链接”文本框中输入链接的文字位址。步骤

4、如果有需要，可以在“目标”下拉列表中选择“链接”网页显示 13

秦皇岛职业技术学院信息工程系 的窗口方式，分别为-blank、-parent、-self或-top。

步骤

5、至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗口下面的状态区中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。

步骤

6、同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。

步骤

7、在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页。

至此，整个“图像链像”的实例就全部完成了。3.3在HTML语言中建立网页链接

一、文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为：举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。

a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)

相册（原窗口，默认为空）

留言