《毕业论文----网站的设计与实现.doc》由会员分享，可在线阅读，更多相关《毕业论文----网站的设计与实现.doc（25页珍藏版）》请在三一文库上搜索。
1、毕业设计（论文）题目：网站的设计与实现目 录摘 要4第一章 绪 论61.1网上辅助教学产生的背景与意义61.2后台管理系统在辅助教学网站的作用71.3开发工具与运行环境7第二章网站制作实战82.1站点82.1.1 创建站点82.1.2 创建站点内容92.2首页92.2.1 设置首页布局92.2.2设置首页的页面属性102.2.3查看和编辑头内容112.2.4 插入图像112.2.5插入多媒体122.2.6插入文本132.3创建其它网页14第三章 建立网页链接143.1文字链接153.2图像链接163.3 EMail的链接183.4文件下载链接193.5在HTML语言中建立网页链接203.5.1
2、文字链接203.5.2图像链接21第四章 总结22致 谢23参考文献：24网站的设计与实现摘 要教学网站的建设与发展是信息化教育迫切的需要。随着信息化时代的日益临近，计算机网络已经成为当今社会各个领域不可或缺的组成部分！学生可以通过浏览网站中的知识讲解模块，复习课堂教学的内容或是针对自己的兴趣和学习的进度自主地选择学习内容遇到疑难问题，通过课程论坛和其他同学或老师进行讨论，从而得到问题的解答；学生还可以通过网络课程中练习测试进行自我测试，巩固已经学过的知识，发现薄弱环节。而对于教师来说，可以根据学生们提出的问题，及时发现教学中存在的不足，并做相应的调整与改进；教师辅导答疑时，不再受时间空间的限
3、制，只要查看网络课程中的课程论坛，就可以了解学生的疑难问题，然后进行解答。构建网络课程，利用网站的可扩展性好，易于更新的优点，制定规则、修改教学策略、提供教学资源、组织评价、新题库等。在一定程度上弥补和克服了传统的教师授课教学方式的不足。作为一种新的教学模式，网络辅助教学能充分发挥信息技术在高校教学中的优势，体现以学生为主体、教师为主导的现代教育思想，随着计算机技术和网络技术的不断发展，网络辅助教学得到越来越广泛的应用，如何有效的开展网络辅助教学活动逐渐成为高校教学信息化建设关注的重要课题，网络辅助教学平台的建设成为解决这一课题的基础和关键。随着信息化教育的发展，一批批校园网络如雨后春笋初具规
4、模。网络教育的第一个直接效果是促进信息化教育。如何充分发挥校园中的网络的功能，促进教育教学的大发展是摆在教育工作者面前一个急需解决的课题！于是教学网站，学科网站的研究便孕育而生！综上所述，信息化教育迫切需要构建高效的教学网站！关键词：网上辅助教学；教学网站；信息技术。The first chapter picks shouldTeaching website construction and development of information education is an urgent need. Along with information age approaching, the co
5、mputer network has become the social each domain indispensable part!Students can browse through the sites on the knowledge module, review the teaching contents in class or for their own interest and learning progress independently choose the content of learning problems encountered by the course for
6、um, and other students or teachers are discussed, so as to obtain the solution; students can also through the network curriculum practice test self test, to consolidate what has been learned, to discover the weak links. To teachers, according to the questions, timely detection of deficiencies exist
7、in the teaching, and make corresponding adjustment and improvement; teacher tutor, no longer subject to time and space restrictions, as long as the view of network curriculum curriculum in the forum, you can understand the students problems, and then answer the questions. Construction of network cou
8、rse, website with good extensibility, easy to update the advantages, make rules, modifying the teaching strategy, providing teaching resources, evaluation, new questions. Make up to a certain extent and overcome the disadvantages of traditional teaching teaching deficiencies.As a new teaching patter
9、n, network aided teaching can make full use of information technology in university teaching advantage, embodies student-centered, teacher-led modern education thought, along with the computer technology and the continuous development of network technology, network teaching has been used more and mo
10、re widely, how to effectively carry out the network aided teaching activity gradually become higher education information construction important topic, network aided teaching platform construction for solving this problem is the foundation and key.With the development of e-education, one batch of ca
11、mpus network such as bamboo shoots after a spring rain to take shape. Network education and the first direct effect is to promote education informatization. How to make full use of campus network function, promote educational development is an educator before an urgent solution! So the teaching webs
12、ite, subject website of born!To sum up, the informatization of education is an urgent need to build effective teaching website!Key words: network teaching; teaching website; information technology第一章 绪 论1.1网上辅助教学产生的背景与意义信息技术是当今人类最伟大的科研成果之一，信息技术的发展使得其应用已广泛深入到社会生活的各领域，对教育的发展也带来了巨大影响。利用信息技术促进教育教学方式的变革、
13、促进创新人才的培养，成了教育科学领域研究的重要课题，专题学习网站正是在这种背景下出现的。学生可以通过浏览网站中的知识讲解模块，复习课堂教学的内容或是针对自己的兴趣和学习的进度自主地选择学习内容遇到疑难问题，通过课程论坛和其他同学或老师进行讨论，从而得到问题的解答；学生还可以通过网络课程中练习测试进行自我测试，巩固已经学过的知识，发现薄弱环节。而对于教师来说，可以根据学生们提出的问题，及时发现教学中存在的不足，并做相应的调整与改进；教师辅导答疑时，不再受时间空间的限制，只要查看网络课程中的课程论坛，就可以了解学生的疑难问题，然后进行解答。构建网络课程，利用网站的可扩展性好，易于更新的优点，制定规
14、则、修改教学策略、提供教学资源、组织评价、更新题库等。在一定程度上弥补和克服了传统的教师授课教学方式的不足。作为一种新的教学模式，网络辅助教学能充分发挥信息技术在高校教学中的优势，体现以学生为主体、教师为主导的现代教育思想，随着计算机技术和网络技术的不断发展，网络辅助教学得到越来越广泛的应用，如何有效的开展网络辅助教学活动逐渐成为高校教学信息化建设关注的重要课题，网络辅助教学平台的建设成为解决这一课题的基础和关键。1.2后台管理系统在辅助教学网站的作用后台管理系统实现对整个网站的后台数据库进行维护的功能，其中包括对学生用户和网络管理员的增加、删除和管理，对新闻发布和练习测试中各大题库内容的增加
15、、删除和修改，对课程论坛的历史留言和不良留言的删除等工作。主要采用WEB页和ASP技术相结合的方法来实现网络课程的远程数据维护。网站管理员通过密码登录管理员页面后，直接以填写和提交网页表单的形式来增加和编辑有关的数据信息，系统自动对相应数据库进行增加或编辑，并直接反映在前台的页面发布上，即简单快捷,又安全可靠。1.3开发工具与运行环境本系统已经在计算机上进行开发并获得通过了，同时方便系统开发，减少开发过程的难度，我们基于以下的环境：（1）以Windows XP为操作系统。（2）以Dreamwever+ASP为开发工具。（3）本系统是基于B/S模式的管理系统。 Windows XP是目前主流操作
16、系统，Dreamwever是Macromedia公司出品的一套专业化的网页创造工具，它采用“所见即所得”的可视化编辑方式，通过特有的行为、摸板、时间轴等技术，使用户能够快速高效地创建各种具有专业水平的网页，而不需要编写任何代码。如果需要在代码界面进行工作，只需要进入HTML代码窗口或原代码检视器中，即可同步看到 Dreamwever生成器的源代码。在这个代码窗口中，可以编辑任何内容，也可以方便地返回可视化编辑器。第二章网站制作实战2.1站点2.1.1 创建站点要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，这样可以使整个网站的脉络结构清晰地展现在面前，避免了以后再进行纷杂的管理。
17、从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“追梦人”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。”单击“下一步”，进入下一个步骤。在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标，新建并指定一个空的文件夹“E:/ding”。之后单击“下一步“，进入下一个步骤。
18、这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。2.1.2 创建站点内容站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板，此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”，新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。 由于“追梦人”网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目，所以继续用鼠标右击右侧，在弹出的菜单中选择第二项“New Folder（新建文件夹）
19、”。执行五次操作，新建五个文件夹，并把它们重命名为graph、anim、books、music、letter，分别对应上面的五个大栏目。存放它们各自的内容。之后再次新建1个文件夹，命名为images,用来存放“所有的图象文件”的内容。之后在个栏目的文件夹里还要建立想相应的栏目网页。 2.2首页2.2.1 设置首页布局每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，至于网站上其他Web页，原则上都必须通过首页来连接散播出去，可见首页是多么的重要。首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，
20、一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。具体设置方法是：右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。“布局”模式表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤：1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。2、将变成“+”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。
21、（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。3、在这里要绘制多个表格，可以再次单击“布局表格”按纽进行绘制，也可以按住Ctrl键绘制多个表格。追梦人”网站首页的布局如图所示： 2.2.2设置首页的页面属性首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目。“追梦人”首页设置的属性如下图所
22、示：2.2.3查看和编辑头内容一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容主体内容（body）是文档的主要部分，也是包含文本和图像等的可见部分。头内容（head）是除文档标题外的不可见部分，包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键字。下面就以首页为例，说明怎样插入较常用的头（ head）内容。单击“菜单拦”下面“插入快捷”的下拉列表，选择其中的HTML类，此时右侧将会显示该类中可以插入的对象快捷按钮，再次单击第2个按钮“文件头”旁边的下拉箭头，会弹出菜单，该项
23、列出的便是即将插入的头内容。2.2.4 插入图像图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于事了。所以，在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更小。1、首先将光标停留在要插入图像的位置，然后单击
24、“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中，可选择文件URL地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站点根目录”选项，表示地址相对于根目录。在这里我要插入的是网站标志logo，插入logo图象,最后单击“确定”按钮，即可完成插入图像的操作。2.2.5插入多媒体在Dreamweaver M
25、X2004中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频等媒体元素，如Flash,Shockwave,Applets,ActieX及格Midi声音文件等，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。在Dreamweaver MX 2004文档中，可以插入媒体文件包括Flash Shockwave影片、QuickTime 、AVI java、 applet Active X控件以及各种格式的音频文件。要在浏览器中播放放Flash 动画，必须在浏览器中集成“Flash 播放器
26、（Flash Player）”。其中，Internet Explorer通过ActiveX控制来实现，Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中，均已集成了 Flash动画播放功能。操场作步骤：步骤1:将光标停留在要插入Flash的位置，然后单击菜单栏下面“插入快捷栏”的下拉列表，选择其中的“常用”分类，右侧将会显示该类中可以插入的对象快捷按钮。左起第6个即为“媒体”按钮，单击它右侧的下拉列表，选择第1项Flash图标。步骤2:在弹出的对话框中选择扩展名为swf 的Flash文件，即可
27、将其插入到Dreamwe aver的“网页编辑窗口”中，可以看到，在这个窗口中Flash文件的大小。在 这里我的主页插入的一个动画，如图所示：2.2.6插入文本文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，一个网站成功与否，它是最关键的因素。在这最关键的因素。可丰富网站的文字内容，并以最最美观、最整齐的方式放入到网页中。插入文本的两种方式网页中需要大量的文本，我们或以通过以下两种方式插入它们一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了，和一些文本编辑软件（如Microsoft Word）的使用方法一样，选择好习惯的输入法，就可以运指如飞了
28、。另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver MX2004来进行打字的工作，而更习惯在专门的文本编辑软件中快速打字，如Microsoft Word和 Windows自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我们就可以直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，具体步骤如下。打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将光标停留在插入文本的位置，执行主菜单“编
29、辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。这在我的“网文精品”中用到很多，全部是在word软件中排好ctrl+c,然后点击要粘贴的位置，crtl+v到Dreamweaver即可。2.3创建其它网页还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。“平面设计”中的图象插入和前面的介绍相似，并可以在属性拦中调节图象的大小。 在Dreamwerver中常常会用到Firework、Flash，它们是相辅相成，在主页中的主体部分就是用Firework,如图所示：在“个人说明”中也用到这点，首先定好需要尺寸，在属性中设好背景，颜色等等，插入图象，输入文字，
30、也word里的操作雷同。第三章 建立网页链接网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容-网页的“链接”。“链接”，又称“超链接（Hyperlink）,它作为网页的桥梁，起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。在Dreamweaver MX2004中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。其中部分内容在之前的章节中可能接触过，这里将对其进行更深入的讲解。3.1文字链接“文字链接”即
31、以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。具体操作步骤如下所述。步骤1:准备好已经制作完成的首页的各个栏目页面（假设除了“链接”，其他内容都已经制作完成了），该网站包含6个栏目，这里的5个栏目-“平面设计”、“动画制作”和“网文精品”、“经典回顾”、“个人说明”为例来进行讲解。步骤2:在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。实例中要做到单击不同的栏目的网页。因此为第1个栏目“平面设计”设置链接，首先要反白选中“平面设计”4个文字。步骤3:观察“属性面板
32、”，其中包括一个“链接”文本框。步骤4:接下来需要把链接的地址加入到文本框中，方法有3种。这里我用到的是直接点击文件夹图标，在文件夹中找到要链接的对象graph.htm。这样就建立了超链接。不过有点很重要，由于大多数服务器都不支持中文文件名，而且对大小写敏感，因此采用英文文件名并统一大小写。如图所示：步骤5:在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：实例中没有选择任何选项，保持空白，表示在原窗口中打开链接网页。步骤6:还可以设置一些“链接”的属性，这是前面讲过的内容。单击“属性面板”中的“页面属性”，选择其中的“链接”分类，可以进行的设置
33、有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。步骤7:至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“平面设计”这4个文字上时将变成手形，并且浏览器窗口下面的状态栏中会显示链接到的网页的地址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。步骤8:同理，按照以上步骤，再为“动画制作”和“网文精品”“经典回顾“等其它栏制作指向对应栏目的链接。步骤9:通常在栏目页面中还需要有“返回首页”的链接，单击其后可以跳转回首页，因此在各个栏目中还要插入“网站首页”的文
34、字，并且制作指向首页index.html的链接，制作方法不变。至此，整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解，读者不仅应该学会如何为文字制作链接，还应用对“链接”有了更加深刻的理解，链接的目的何在？它到底能够在网页的网站中发挥什么样的作用？怎样才能更好地使用它？这些是网页制作者更应该思考的问题。下面继续介绍其他类型的链接。3.2图像链接“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“追梦人“为例，讲解如何建立“图像链接”。操作步骤步骤1:首先仍然要准备好已经制作
35、完成的首页和各个栏目的页面（假设除了“链接”，其他内容都已经制作完成了），该网站包含6个栏目，下面我们就动手为这6个栏目分别制作它们的链接。步骤2:在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。实例中先为第3个栏目“动画制作”设置链接，因此选中包含“动画制作”4个字的图像。步骤3:观察“属性面板”，在“链接”文本框中输入链接的文字地址。可以使用之前讲过的“指向文件”和“选择文件”的方法。步骤4:如果有需要，可以在“目标”下拉列表中选择“链接”网页显示的窗口方式，分别为-blank 、-parent 、-self或 top。实例中使用了默认出的保留空白选项的方式。 步骤
36、5:另外，读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称的“替代”文本。步骤6:至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗口下面的状态栏中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。步骤7:同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。步骤8:在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页，其制作方法不变。至此，整个“图像链像”的实例就全部完成了。3.3
37、 EMail的链接E-Mail链接，是指当浏览者单击该链接之后，不是打开一个网页文件，而是启动用户的E- Mail客户端软件（如Outlook Express）,并打开一个空白的新邮件，供浏览者撰写内容来与网站联系人联系，这是一种最方便的互动方式。结合“个人说明”网页，建立E-Mail链接的步骤如下所述。操作步骤步骤1:将光标停留在页面右下角要插入E-mail链接的位置。步骤2:选择“插入快捷栏”中的“常用”分类，单击左侧第2个“电子邮件链接”按钮。步骤3:在弹出的“电子邮件链接”对话框中有两个输入项，分别是“文本”和“E-Mail” 。在“文本”项中输入链接的文字，中文、英文均可，在E-Ma
38、il项中输入网站联系有的电子邮件地址步骤4 单击“确定”按钮，具有“E-Mail链接”属性的文本就ding_。插入到光标所在位置了，按下 Ctrl+S保存网页，再按下F12预览查看实际效果。上面的方法只适用于文本的“E-Mail链接”，如果想在其它的对象（如图像）上也加入这种链接，该怎办呢？下面介绍第2种建立“E-Mail链接”的方法。其实很简单，与前面讲过的图像加入链接的方法基本一样。先在页面中需要的地方插入图像，之后选中图像，并在“属性面板”的“链接”文本框中输入如下语句即可-mailto: ding_ ?subject=网站的建议与第1种方法不同的是，E-Mail 地址前面增加了mail
39、to:字样。用这种方法就可以给图像等其他对象建立“E-Mail链接”了。3.4文件下载链接“文件下载链接”的原理很简单，只要链接文件属于浏览无法识别的关型，便都会使用IE浏览器直接进行下载，并保存到本地计算机中。浏览器无法识别的文件类型有很多，这里就介绍一个最常用的，以zip或rar为后缀名的压缩格式文件，这种文件可以使用主流的压缩软件（如winzip、winrar）来制作。下面我们就业以实例来说明。在前面“插入多媒体”一章中，我们曾经讲过直接链接文件的方式来插入“视频”，即直接在“链接”文本框中输入“文件名+名后缀名”，如olympus.wmv。单日击这个链接，经过数据下载后，Windows
40、系统将启动自带的媒体播放器Windows Media Player 来播放该视频。操作步骤步骤1:先将视频文件olympus.wmv通压缩成olympus.rar文件，放入站点的media文件夹下。步骤2:将文件路径输入至“链接”文本框中。步骤3:保存网页，按下F12预览，在浏览器中单击“下载精彩广告视频”链接文本，会弹出“文本下载”选择框，单击其中的“保存”按钮。步骤4:在“另存为”对框中选择保存到本地计算机中的位置，实例中为“经典回顾”文件夹。之后单击“保存”按钮，压缩文件即保存到该位置中。至此，“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹，解压缩olympus.rar文件
41、，随时欣赏下载影片。 本设计中未用到此链接，在此只作简单介绍。3.5在HTML语言中建立网页链接3.5.1文字链接在HTML语言中用超链接标记指向一个目标。其基本格式为：a href=”URL”文本内容举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。文字链接a href-“index2.html”target=”-blank” 平面设计（新开窗口，-blank)动画制作（原窗口，默认为空）网文精品解释 href:是标记的一种属性，该属性中的URL等于链接目标文件的地址。 Target:也是标记的一种属性，相当于Dreamweaver“属性面板”中的“目标”，它的值等于-bla
42、nk,效果是在新窗口中打开。除此之外还包括其他3种：-parent,-self和-top。这和Dreamweaver中“目标”下拉列表中的内容是一模一样的。文本内容：如代码实例中的“平面设计”。这些文本将放在使用了链接属性href和目标属性target的 与标记之间，产生了链接的效果。提示再提醒读者一下，为段落标记，在Dreamweaver中是由Enter（回车）键产生的。3.5.2图像链接举个简单的“图像链接”的实例。该实例相对应的代码所示。图像链接（新开窗口，-blank）（原窗口，默认为空）a href=”3d/3d-001.htm”解释仔细观察代码可以发现，“图像链接”与“文本链接”惟
43、一的差别就在于与之间的内容。“文本链接”中与之间的内容是文字内容，而“图像链接”中就肯定是图片内容了。之前讲过，插入图片使用“img src=”图像的“”的标记，这里当然也不会例外。而是还可以使用”img 的属性，如alt（替换文本）、width（宽）、height（高）、及border（边框）等第四章 总结随着网络技术的不断成熟，网络资源的不断丰富，网络学习必将成为一种时尚，它对学校课堂教学产生的冲击力不断加强，如果能够正确认识网络，能够充分运用网络，不失为实施素质教育的又一重要途径。而教学网站正是实现此目的的重要方式之一。通过对现代教与学理论的分析以及网站构建相关技术理论的研究，进行了基于
44、网页技术的教学网站的设计与实现。将论文研究工作总结如下：对现阶段教学网站发展情况进行了解和分析，总结了教学网站的功能及特点。针对教学网站的目的和意义，提出了论文所要研究的主要内容；本教学网站是以现代教与学的理论为基础构建的。它基本符合建构主义的学习理论，现代教学理论，现代教学设计的基本要素及教学自动化理论；网页制作技术是微软公司的新一代开发动态网页的技术，基于网页技术的教学网站具有开发简单，功能强大等优点。重点讨论和分析了网站后台管理系统的构架，它的功能模块！以及制作动态的作业上传网页。致 谢本论文是在粟小苏老师的悉心指导下完成的，在此，我向辛勤的粟老师表示衷心的感谢！在论文的撰写过程中，得到了粟老师的指导和小组同学的大力支持，得到了认课老师和长沙大学继续教育学院各位老师们的关心和指导，得到了同班同学们的热情帮助，使论文更加完善，在此表示最诚挚的谢意！参考文献：1 在线社区网站的设计与实现-毕业论文.2 毕业论文指导书.