.Lvj832 { display:none; } 【摘要】 在Internet飞速发展的今天，校园 网站 利用网络优势可以实现无纸化办公，提高工作效率，共享教育教学资源，为教师提供多一种参与教育教学研究的方法，因此校园 网站 现在已经应用广泛
高校校园网站建设分为网站规划、技术方案确定、具体设计制作和日常管理与维护等阶段，应按照性／价比最优的原则选择硬件和软件平台，制作网页时要处理好风格定位、版面编排、线条与形状的选择、色彩处理等方面
在校园网站的管理工作中要注意分工协作、用户培训、安全防护和数据备份等问题
电子信息 与 计算机 科学系虽然建立的时间不长，但作为文经学院的第二大系，更应该做好本系网站的设计，并且使之能够进行有效的管理
为了更好的宣传 电子信息 与 计算机 科学系，在分析调查的基础上进行了网站的全新设计与实现
网站的实现采用了网页制作工具Dreamweaver MX 2004, ASP 开发技术，选用了MySQL数据库进行了开发
经过几个月的测试运行，网站基本满足了系里的要求，最后对其中的不足与存在的问题进行了讨论，提出了相应的解决办法
网站已成为政府、企事单位信息化建设中的重要组成部分，倍受人们的重视
对于学校的而言，为了更好的提高办学质量和学校知名度，建立一个具有鲜明特点校园网站是十分必要的
校园网站不仅是在校园内发布信息的通道与环境，也是对外联系和宣传自己的良好途径
在校园网站逐步完善的同时，电子系为了适应学校需求，加快系部发展，决定建立电子信息与计算机学系网站，对系部进行全面、深入的介绍，发布系里的精彩活动，紧密系部与学生的联系，更好的完成教育教学工作
我们采用了可视化网页设计软件Dreamweaver MX来实现电子系的网站设计，使用的版本是Dreamweaver MX 2004，它能够实现动态网页编程，能够对ASP进行处理并能够实现与Access、My sql、SQL server 或者Oracle等数据库的连接，功能强大
在此选用了标准的SQL语句来调用数据库
但是网站开发是一项很复杂的工作，下面详细讨论了该网站的开发、设计环境、实现方法及其具体的实现
在信息和网络的时代，越来越多的人们每天都要依靠网络来发布信息和获取信息，从而更加有效地学习、工作和生活
Internet 使人们的距离无限缩小，成为有史以来覆盖领域最广的展示舞台
从某种程度上来说，Internet上的各种应用都是依照现实生活中的需求来模拟设计实现的
在信息化飞速发展的今天，互联网技术日趋成熟，在网络上及时的发布信息和获得信息，已经成为当今世界流行的快捷的途径
政府，企业，学校已经纷纷接受了这种方便的途径来宣传自己，并已经可以直接在互联网上办理一些业务
Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视
为了更好的办学，提高系部知名度，特构建电子信息与计算机科学系网站
提高办公效率，向管理要效益成为组织发展的有效手段之一；高效办公、科学管理与信息技术相结合成为提高办公效率和管理水平的主要方式
因此院系的信息化建设即网站建设成为现代企事单位基础建设的一个重要方面
对于建立电子信息与计算机科学系的网站，从教学的角度看，教学资料的积累查阅，课件和考试复习题的共享，及时的答疑解惑，各类活动的安排都可以网页的形式发布在电子系的网站上，使教育教学的信息及时流通并有了最佳保存信息的方式
从学生的角度来看，教学资源的共享以及各种活动的发布，都促进了学生的学习，紧密了学生与系部之间的联系
电子信息与计算机科学系网站的设计与实现是完善校园网也是教学工作必不可少的工作
2.2开发工具的介绍 Dreamweavar是一个可视化的网页设计和网站管理工具，支持最新的Web技术，包含HTML检查、HTML格式控制、HTML格式化选项、HomeSite／BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP功能、处理Flash和Shockwave等多媒体格式和动态HTML、基于团队的Web创作
目前使用得最多的是Dreamweaver MX 2004和Dreamweaver8．0两个版本，前者在功能上比后者强大，能够实现动态网页编程，在此选用Dreamweaver MX 2004． Macromedia Dreamweaver MX 2004 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发
无论您愿意享受手工编写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为您提供有用的工具，使您拥有更加完美的 Web 创作体验
利用 Dreamweaver 中的可视化编辑功能，您可以快速地创建页面而无需编写任何代码
您可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中
您可以在 Macromedia Fireworks 或其他图形应用程序中创建和编辑图像，然后将它们直接导入 Dreamweaver，或者添加 Macromedia Flash 对象，从而优化您的开发工作流程
Macromedia 的可自由导入导出 HTML 技术可导入您手工编码的 HTML 文档而不会重新设置代码的格式，您可以随后用您首选的格式设置样式来重新设置代码的格式
Dreamweaver 还使您可以使用服务器技术（例如 CFML、ASP.NET、ASP、JSP 和 PHP）生成由动态数据库支持的 Web 应用程序
Dreamweaver 可以完全自定义
您可以创建您自己的对象和命令，修改快捷键，甚至编写JavaScript 代码，用新的行为、属性检查器和站点报告来扩展 Dreamweaver 的功能
插入栏：包含用于将各种类型的对象（如图像、表格和层）插入到文档中的按钮
每个对象都是一段 HTML 代码，允许您在插入它时设置不同的属性
例如，您可以在“插入”栏中单击“图像”图标插入一个图像
如果您愿意，可以不使用“插入”栏而使用“插入”菜单插入对象
文档工具栏：包含按钮和弹出式菜单，它们提供各种“文档”窗口视图（如“设计”视图和“代码”视图）、各种查看选项和一些普通操作（如在浏览器中预览）
文档窗口：显示您当前创建和编辑的文档
属性检查器：用于查看和更改所选对象或文本的各种属性
每种对象都具有不同的属性
面板组：是一组停靠在某个标题下面的相关面板的集合
若要展开一个面板组，请单击组名称左侧的展开箭头；若要取消停靠一个面板组，请拖动该组标题条左边缘的手柄
站点面板：使您可以管理组成站点的文件和文件夹
标题栏：显示的是页面的目录文件夹名及打开的文件名，如果文件中包含未保存的修改部分，标题栏中将在显示文件名和星号（*）
Dreamweaver 提供了多种此处未说明的其他面板、检查器和窗口，例如“CSS 样式”面板和“标记检查器”
若要打开 Dreamweaver 面板、检查器和窗口，请使用“窗口”菜单
“文件”菜单还包含各种其他命令，用于查看当前文档或对当前文档执行操作，例如“在浏览器中预览”和“打印代码”
“编辑”菜单包含选择和搜索命令，例如“选择父标签”和“查找和替换”
在 Windows 中，“编辑”菜单还提供对 Dreamweaver 菜单中“首选参数”的访问；在 Macintosh 中，使用 Dreamweaver 菜单可以打开“首选参数”对话框
“视图”菜单使您可以看到文档的各种视图（例如“设计”视图和“代码”视图），并且可以显示和隐藏不同类型的页面元素和 Dreamweaver 工具及工具栏
“插入”菜单提供“插入”栏的替代项，用于将对象插入您的文档
“修改”菜单使您可以更改选定页面元素或项的属性
使用此菜单，您可以编辑标签属性，更改表格和表格元素，并且为库项和模板执行不同的操作
“命令”菜单提供对各种命令的访问；包括一个根据您的格式首选参数设置代码格式的命令、一个创建相册的命令，以及一个使用 Macromedia Fireworks 优化图像的命令
“站点”菜单提供用于管理站点以及上传和下载文件的菜单项
提示：以前版本的 Dreamweaver 中的“站点”菜单的部分功能现在可以在“文件”面板的“选项”菜单中找到
“窗口”菜单提供对 Dreamweaver 中的所有面板、检查器和窗口的访问
（要访问工具栏，请参见“视图”菜单
） “帮助”菜单提供对 Dreamweaver 文档的访问，包括关于使用 Dreamweaver 以及创建 Dreamweaver 扩展功能的帮助系统，还包括各种语言的参考材料
除了菜单栏菜单外，Dreamweaver 还提供多种上下文菜单，您可以利用它们方便地访问与当前选择或区域有关的有用命令
若要显示上下文菜单，右击 (Windows) 或在按住 Control 键的同时单击 (Macintosh) 窗口中的某一项
这两种应用程序一起提供了在 HTML 页中编辑、优化和放置 Web 图形文件的简化工作流程
若要优化图像，请执行以下操作： 1 打开包含要优化的图像的页面，选择图像，并执行下列操作之一： ■ 单击图像属性检查器中的 “在 Fireworks 中优化”按钮
■ 选择 “修改”>“图像” >“在 Fireworks 中优化图像”
将显示 “Fireworks 优化图像”对话框
2 单击 “确定”
在 Dreamweaver 中打开 Fireworks 弹出菜单 Fireworks 支持基于图像的弹出菜单和基于 HTML 的弹出菜单
Dreamweaver 仅支持基于HTML 的弹出菜单
在 Dreamweaver 中，您可以打开 Fireworks 弹出菜单并对所有菜单项属性 （除了基于图像的弹出菜单的背景图像外）进行编辑
若要编辑基于图像的弹出菜单中的背景图像，请选择 Dreamweaver 中要更新的图像，然后单击“编辑”
有关编辑 Fireworks 图像的信息，请参见第 313 页的“从 Dreamweaver 编辑Fireworks 图像或表”
如果要编辑的弹出菜单是基于图像的弹出菜单，而您要保留基于图像的单元格背景，则应在Fireworks 中 （而不是在 Dreamweaver 中）编辑弹出菜单
设计方法： 1. 确定整个网站的导航栏和页面尾部信息
建站的目的是让网络更好地为电子系服务
针对当前的本科和专科专业，网站要起到很好的宣传作用
另外，网站能提供教学互动的全新的方式，实现资源的共享，包括本系工作的安排等
〖资料来源：毕业设计(论文)网 WWW.56DOC.COM〗 2.4主页设计 网站建设的首要问题是制定网站建设规划
要对系内师生员工和系外各界人士与普通浏览者的不同需求进行认真分析、调研，结合本系的教学、科研、管理作的职能分工确定网站主题和功能定位，并努力将电子系文化建设的思想贯穿于网站建设的各个阶段
按照可实现的功能确定网站的主体框架，设计出层次分明的网站栏目结构，进而初步确定相应的目录结构
要建立学院首页、单位概况、专业设置、师资队伍、教学文件、实践教学、考研在线、专升本、团总支工作、图片新闻和首页一级栏目，据此设定相应的二级栏目和三级栏目，此时要注意：按照浏览习惯，原则上栏目层次设定不应超过三层
目录名称应使用意义明确的英文或汉语拼音，最好与栏目层次形成对应关系，图片文件应放在专门的目录当中
接着是确定网站域名，网站域名一般可采用英文缩写或者汉语拼音简写
好的域名不仅要容易记忆而且便于理解，同时也能反映出网站的特色
网站栏目结构被认为是网站优化的最基本要素，合理的网站栏目结构，无非是能正确表达网站的摹本内容及其内容之间的层次关系，站在用户的角度考虑，使得用户在网站中浏览时可以方便地获取信息，不至于迷失，做到这一点并不难，关键在于刘网站结构重要性有充分的认识
本网站主要的功能模块有11个，其中，每一部分的介绍如下： 学院首页：从电子信息与计算机科学系的网页链接到学院首页 单位概况：设定一个二级目录——系简介，介绍电子信息与计算机科学系的总体概况 专业设置：该目录下设有本科专业设置和专科专业设置，分别介绍我系各专业 师资队伍：下设教师信息、主任寄语和首席教师三个二级目录，全面概括了我系师资力量 教学文件：包括学科建设、科研成果和优秀课程三个二级目录，其中优秀课程——大学计算机基础又建立了系首页、首页、课程简介、课程负责人、教学文件和实践教学目录
文件部署如图3.2所示
〖资料来源：毕业设计(论文)网 WWW.56DOC.COM〗 图3.2 〖资料来源：56DOC.COM 毕业设计(论文)网〗 3.3网站规划与分析 网站内容的布置 内容的布置是指网页文件的合理组织，一个好的站点应该是文件组织有序，分门别类的放置便于网站管理员今后对网站进行维护与更新
网站外观的调整 网页外观的控制是通过CSS（层叠样式表）来实现的
CSS，层叠样式表，“层叠”的意思，也就是说在同一个Web文档中可以有多个样式单存在，这些样式单根据所在的位置，拥有不同的悠闲级，优先级高的，就会在最后显示时采用
从样式单插入的形式来看可以分为以下3中： 内联式样式单：它利用现有的HTML标记，把特殊的样式加入到那些由标记控制的信息中
嵌入式样式单：它和Javascript一样，可以嵌入到HTML文件的头部中去（和
标记之间），使用容器装载，例如：“”，这样会对页面中所有标记起作用
外部式样式单：它是一种保存在外部的样式单文件，外部文件以“css”为扩展名，例如“
层可以包含文本、图像或其他任何可在 HTML 文档正文中放入的内容
“层”是dreamweaver 中另处一种可以进行排版的工具
它可以被定位在页面的任意位置，并且其中可以包含文本、图像等所有可直接插入至网页的对象
设计模板时，可以指定在基于模板的文档中用户可以编辑文档的哪些区域
■ 若要打开一个新的空文档，请选择“文件”>“新建”
在出现的对话框中，选择“基本页”或 “动态页”，选择要使用的页面类型，然后单击 “创建”
2 文档打开时，执行下列操作之一： ■ 选择 “文件”>“另存为模板”
■ 在“插入”栏的“常用”类别中，单击“模板”按钮上的箭头，然后选择“创建模板”
注意：除非您以前选择了“不再显示此对话框”，否则您将收到一个警告，表示您正在保存的文档中没有可编辑区域
单击 “确定”将文档另存为模板，或单击 “取消”退出此对话框而不创建模板
出现 “另存为模板”对话框
3 从“站点”弹出菜单中选择一个用来保存模板的站点，并在“另存为”文本框中为模板输入一个唯一的名称
Dreamweaver 将模板文件保存在站点的本地根文件夹中的 Templates 文件夹中，使用文件扩展名 .dwt
如果该 Templates 文件夹在站点中尚不存在，Dreamweaver 将在您保存新建模板时自动创建该文件夹
注意：不要将模板移动到 Templates 文件夹之外或者将任何非模板文件放在 Templates 文件夹中
此外，不要将 Templates 文件夹移动到本地根文件夹之外
这样做将在模板中的路径中引起错误
4.2各功能模块的实现： 下面以单位概况、教学文件、专业设置和团总支工作为例说明功能模块的实现，其他如师资队伍、实践教学等类似
单位概况： 主要代码如下：
系简介链接到departmentintro.htm页面
利用网络优势学校可以实现无纸化办公，共享教育教学资源，提高工作效率，促进信息技术与学科整合，电子系网站为教师和学生提供多种 平台，为教师提供多一种参与教育教学研究的方法
通过本论文的制作，我对学习Dreamweave 可视化网页设计的思想有了更加深刻的理解，也更好的对其核心技术进行掌握和巩固
在电子信息与计算机科学系网站的设计中，我遇到了很多很多的问题，基本上都是新问题，许多问题的解决都得益于导师与同学的帮助，导师的指点真的能让我感觉到什么是“柳暗花明又一村”， 我深刻地感受到了与人合作的可贵
从这方面来说，更好地培养了我与人协作的意识，增强了我的团队观念，这对我今后的工作必将产生深远的影响
经过开发这个网站，我越来越感到Dreamweave帮助系统的强大功能，书中看到的毕竟是有限的，所遇到的所有问题，帮助系统基本上都能为你提供帮助，应该说使用Dreamweave帮助，是开发网站的快捷方法，同时，也提高了我的英文阅读能力
总之，这次毕业设计是对我大学三年的最后一次测试，它考察了我三年来对所学知识的综合应用能力、独立思考能力、统筹安排能力和团队协作能力，培养了我独立分析和解决问题的能力，使我积累了一定的工作经验，为我将来的工作奠定了基础
我的毕业设计已接近尾声，虽然我们设计的网站还是比较粗糙的，但是在这段时间里，我们积极投入到网站的设计当中，遇到问题大家就一起想办法解决，然后再向老师请教！在这次毕业设计中，我们学会了很多网页设计的方法，特别是老师教了很多网页设计方面的技巧
每次小组成员的聚会，用一定的时间大家交流一下，分析网页设计中的一些问题
从更改主题、确定方向、网页架构设计、选定制作软件，到真正在网页上制作，我们把每一次讨论都记录下来，确实了解每次的进度是什么
花一些时间去收据相关的资料，浏览不同的网站找寻设计技巧，大家也学着互助、产生公识、交流，一切都是宝贵的经验
梁老师多次询问研究进程，并为我指点迷津，帮助我开拓研究思路，精心点拨、热忱鼓励
梁老师一丝不苟的作风，严谨求实的态度，踏踏实实的精神，不仅授我以文，而且教我做人，给以终生受益无穷之道
对梁老师的感激之情是无法用言语表达的
同时我还要感谢在我学习期间给我极大关心和支持的各位老师以及关心我的同学和朋友
我们的毕业设计制作也基本完成了
在这段时间里，我学到了DREAMWEAVER MX应用技术和知识技能，这些都与指导老师的教导和严格要求是分不开的
在此我要再次向我的指导老师——梁振军老师表示最衷心的感谢，在整个毕业设计的制作和论文撰写的过程中，梁老师着重培养了我的自学能力和自我解决问题的能力，使我对DREAMWEAVER MX有了一个全新的认识
梁老师以其渊博的知识和独特的思维方式指导我的学习，是我受益非浅
同时我要感谢与我一起这次毕业设计制作的同学
最后再次感谢老师和同学给了我大量的意见和帮助
