《Dreamweaver》课程网站建设)

1、Dreamweaver课程网站建设网络工程专业 指导老师 摘要 在互联网飞速发展的今天，网络已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活、学习等各个方面发挥着重要的作用。因此网站的建设在Internet应用上的地位显而易见，它已成为信息化建设中的重要组成部分，从而倍受人们的重视。如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。本文就Dreamweaver课程的学习展开论述，并且就如何更好地学习Dreamweaver课程进行探讨和学习。关键字 Dreamweaver；网页设计；ASP；网站建设Abstract Wi

2、th the rapid development of Internet today, the Internet has become an important channel in which people can quickly get, release and transmit information. It affects humans' activities as an unprecedented wallop. And it plays an important role in people's politics, economy, life and learnin

3、g. Therefore，it is easy to see that the status of Website's construction in the Internet's application is very important. It has become an important part in informatization construction, and it accepts much attention. Now with the rapid development of the Internet, even education business al

4、so rises quickly. This paper discusses the study of Dreamweaver course. Also the thesis discusses and learns how to learn Dreamweaver course better.Key wordsDreamweaver；Web Design；ASP；Website前言科技的发展、时代的进步传统的教育方式被大大的局限于一定的范围之内，教育的网络化发展是其自身发展的必然趋势，也是时代发展、社会进步的必然趋势。像之前在我国大肆蔓延的“非典”疫情，在疫情高发阶段，教育部门坚决果断的停止

5、高发区学校的授课，保障广大师生的安全。但这并没有影响到我们学习工作的进展，采取网络教学的方式，在一定程度上最大限度的弥补了我们的经济和学习上损失。这次的设计课题正是互联网与学习之间的紧密关系的体现，通过网络与学习的结合，不仅能够改革传统的教育方式和提高当下的教育水平，而且对于学习者而言,这样的学习方式摆脱了时间和空间的限制。设计思想“Dreamweaver网页设计”是计算机相关专业（专科）的一门统设必修课。本课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个WEB站点：如何对页面属性进行基本的设置，如何设置、编辑CSS层叠样式表；如何排版文字、表格和层

6、；如何进行基本的图像处理；建立框架；模板和库的使用和编辑；目的是通过本课程可以学习到基本的HTML语言；了解Dreamweaver当中的功能，培养学习者的实际动手能力和计算机的操作能力，并能够运用的所学的知识进行网页设计与制作。开发工具及数据库简介2.1 Dreamweaver的概述Dreamweaver是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”；本网站采用Dreamweaver为网页开发工具制作动态页面，利用Dreamweaver中的可视化编辑功能，达到快速创建页面的效果。借助Dre

7、amweaver还可以使用服务器语言ASP来开发支持动态数据库的Web应用程序。ASP是服务器端脚本编译环境，使用它可以创建和运行动态、交互的Web服务器应用程序。ASP应用程序很容易开发和修改，所以使用ASP来制作适应教学的交互性强的网页是非常适合的。ASP网页在服务器端执行，将ASP文件执行并转换为HTML语言送到客户端，其执行过程如图1所示。图1 执行过程2.2动态网页的优点：（1）动态网页以数据库技术为基础，利用数据库可以大大降低网站维护的工作量和更新速度；（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、用户管理、留言交互功能等等；2.3数据库技术。本网站选择Ac

8、cess数据库,因为Access具有界面友好、易学易用、开发简单、接口灵活等特点。Access的对象有表、查询、窗体、报表、页、宏和模块，集中存放在后缀为.mdb的文件中，维护管理比较容易，Access比较适合中小型网站的开发管理。在MDB文件下主要建立有5表，分别是admin、down、guestbook、nwes和type。admin表是对管理员帐号及密码进行保存。down表保存下载页面的文件资料。guestbook表保存留言板内容。news表保存网站内文章type表保存文章的分类开发过程：3.1网站的内容论述1课程网站有利于学校教育资源的共享。在网站的可以共享优秀的课件、教案、学习软件等

9、等，可以及效地促进教育教学研究，提高教学效率和质量。2课程网站提供了新的交流方式。网站为教师和教师、教师和学生、学生和学生之间的交流提供了平台，它不受课堂的制约，打破传统教学中讨论环节的弊端。3.课程网站提供发布最新信息平台。管理员可以利用网站发布最新的课程信息，学校的最新消息等。3.2网站的定位在网站建设之前要对网站进行准确的定位,作为学习型网站,应该结合Dreamweaver课程内容和性质的特点，确定网站的整体结构（网站首页图），主要做好以下工作：一是课程分析。Dreamweaver是一门以实践为主的课程，现在的教学当中，教师既要顾及到教学内容的讲解，又要安排学生的动手实践，这样每次课程的

10、学习内容非常少，常常只能讲解一些零散的知识点或者是很小的案例，结果学生在课堂上也只记住了软件的一些操作，无法形成系统的实践技能，轮到自己制作网站时常常无从下手。同时这样的安排导致教学的连贯性差，忽视了学生积极性、主动性的发挥，无法培养学生制作网页时所需要的创造性和理解能力，难以适应社会对该类型人才的需求。通过建立课程网站，可以打破传统的教学模式，从时间和空间上给了学生最大的自由，并能很好的调动学生的学习积极性，同时通过网络学习后可以进行实践操。二是目标分析。Dreamweaver课程网站主要是针对网页制作与设计的初学者而建设。3.3网站内容的收集及整理：在明确了网站的定位后，内容的收集是一项重

11、要工作，网站的内容是一个网站的主要部分，内容的好坏直接影响到网站的好坏。我通过网络、书籍等渠道搜索、收集并整理出最终的相关图片、文本资料等内容，这些内容以Dreamweaver课程基础为主，这样有利于初学者进行有效地学习。网站构建技术4.1 ASP技术ASP(Active Server Pages)及其后续版本ASPNET(原ASP+)是微软公司推出的基于WEB服务端的开发环境。其采用了脚本(VBScripts或Javascript)及C#，VB作为开发语言，用于创建和运行动态交互的高性能应用程序。ASP赋予我们在标准的HTML页面文档中嵌入脚本的能力。使用这些脚本可执行应用程序逻辑和调用执行

12、特定任务的软件组件，如数据库查询、交易规则和工作流程。它将Internet数据库连接器(IDC)的简单性与ISAPI的灵活性结合在一起，并且支持JAVA虚拟主机，可以用多种语言来编写它的应用组件.4.2.ASP的特点4.2.1语言相容性高。ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计;4.2.2隐密安全性高。如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的!这是因为ASP程序先于网站服务(w曲Server)端执行后，将结果转换成标准HTML文件

13、，再传送到客户端(Client)的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。4.2.3易于操控数据库。ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库，例如：Access、FoxPro、dBase、Oracle等等,另外，ASP亦可将“文本文件"或是“Excel文件当成数据库用。4.2.4面向对象学习容易。ASP具备有面向对象(ObjectOriented)功能，学习容 易，ASP提供了六种方便能力强大的内建对象：Request、Response、Sever、 Application、Ses

14、sion以有Object context。同时，若使用ASP内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。网站结构及功能介绍5.1网站首页布局结构，如图2所示图2 网站首页布局结构5.2网站功能模块间的关系结构，如图3所示后台模块基本信息发布文件上传前台模块页面浏览发表留言评论下载文件数据库添加、修改、删除图3 网站功能模块间的关系5.2网站前台模块（1）留言板：留言板是用户间学习交流的有效平台，用户可以利用留言板和站长或者其它用户进行在线交流互动；用户还可以利用留言板对本站提出建议和意见，便于设计和维护人员对网站进行不

15、断改进。（2）技术文章：在这里提供课程学习时遇到或者难以解决的问题；（3）新闻资讯：用于发布信息，如课程表信息、课程进程信息等；（4）网页特效：特效可以美化网页，使网页更能吸引浏览者。网页特效一般分为:时间日期类、时间日期类、页面背景类、页面特效类、图形图象类、鼠标事件类、文本特效类、状态栏特效、导航菜单类等等；（5）视频教程：这是本站提供学习的主阵地，用户在线观看视频，特别是对于初学者来说，通过观看视频教程上手更容易；管理员可以针对学习本课程的实际情况提供或者选取针对性内容进行管理。（6）文件下载：网站管理员在站点上发布最新常用软件或者和课程相关的资料等。浏览者通过文件下载可以下载这些资料。

16、(7)其他功能：包含站内搜索功能、图片欣赏等，为用户学习提供便捷。5.3网站后台模块管理员通过登录后台管理系统对网站进行有效管理，管理员可以通过以下操作管理站点：（1）添加操作：管理员可以添加文章，并进行分类管理；上传文件、图片等。（2）修改操作：管理员可以修改站内的文章标题、内容、分类等。（3）删除操作：管理员可以在权限范围内进行删除站内没有用的信息。功能的实现：6.1后台登录6.1.1验证登录管理员进入后台登录界面后，对用户名、密码等信息进行验证。部分代码如下：<%if request("verifycode")<>session("GetC

17、ode") then Response.Write "<SCRIPT LANGUAGE='JavaScript'>" Response.Write "alert('验证码输入错误！');" Response.Write "history.go(-1);" Response.Write "</SCRIPT>"Response.Endend if%><%username=trim(request.form("username&quo

18、t;)password=md5(trim(request.form("password")sql="select * from admin where(username='"&username&"' and UserPWD='"&password&"')"set rs=server.createobject("adodb.recordset")rs.open sql,conn,1,3if not rs.eof thenrs(&quo

19、t;LastIP")=Request.ServerVariables("REMOTE_ADDR")rs("LastLogin")=Now()rs("Logins")=rs("Logins")+1rs.updatesession("check")="checked"response.cookies("UsrName")=rs("UserName")response.cookies("Power")=rs(&q

20、uot;Power")if rs("UserPWD")=md5(123456) thenresponse.write "<script>alert('登陆成功!你当前密码为初始密码，建议立即修改密码！');window.location='index.asp'</script>"rs.closeconn.closeelseresponse.write "<script>alert('登陆成功!欢迎进入本系统！');window.location=

21、9;index.asp'</script>"Response.Endend ifelsesession("check")="" Response.Write "<div align='center'><B>你所输入的用户名或密码或验证码错误!请<a href='login.asp' target='_parent'>重新登陆</a>！<script>window.setTimeout(""

22、location.href='login.asp'"",1000);</script></B>"Response.Write "</div>"Response.Endend if%>6.1.2连接数据库对用户名、密码等信息进行验证后通过代码以下连接数据库。部分代码如下：<%Set conn=server.CreateObject("adodb.connection")connstr="provider=microsoft.jet.oledb.4.0;d

23、ata source="&server.mappath("./database/#data.mdb")conn.open connstrsub CloseConn()conn.closeset conn=nothingend sub%>网站测试及各部分界面1.测试环境。1）硬件环境：CPU：AMD Core 2.6G;内存：1G；硬盘：160G2）软件环境：操作系统：Win XP SP3;Database:Access 2003;Web Server: aspweb2.测试步骤。1）首先下载aspweb.exe在根目录。2）运行服务器aspweb.e

24、xe，打开浏览器，输入地址：？.？.？.？/index.asp。3）完成测试。3.各界面图：1.网站首页2.登录入口界面3.后台管理界面4.文件下载界面5.留言板界面结束语经过一个多月的反复学习，研究和设计，我的毕业设计Dreamweaver课程网站建设基本上是完成了。毕业论文设计，不公是单纯地做网站设计的过程，也是我们将大学四年里的理论知识与实践知识积累运用的过程。在做设计的这段时间里，我的生活既紧张又充实。有有时做好一些细节上的问题要花上一个晚上的时间。主要问题是在定位好网站后在细节上没有计划好，所以在设计的进程中花了部分时间，但是我一直都是怀着感恩的心情来做这次的设计。在网站设计的过程中，我认识到自己的各方面的很多不足，对我来说已经是最大的收