计算机工程系网站建设论文

计算机工程系网站建设论文内容摘要：

HTML 文档。 静态网站的致命弱点就是不易维护。 为了更新网页的内容， 网站维护者必须重复制作HTML 文档，随着网站内容和信息量的日益扩增，可以想象这是多么复杂繁琐的工作。 那么，什么是动态网站呢。 所谓“动态”，并不是指放在网页上的图片会动，动态页面应具有以下几个特点： （一） .交互性：即网页能根据客户的要求和选择而动态改变和响应，浏览器即作为客户端界面，这是今后 Web 发展的大势所趋。 （二） .自动更新：即无需手动更新 HTML 文档， 就能自动生成新的页面，从而大大减少工作量。 （三） .因时因人而变：即当不同的时间、不同的人访问同一网址时能产生不同的页面，这一点对于需要对使用者授权的网站尤其适用。 随着的 Inter 迅速发展，不管是专业的 ISP(Inter 服务提供者 )和 ICP(Inter 内容提供者 )，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在积极寻求在 Inter 上发布信息，提供新型的网上管理和服务。 可以说，网站设计和网站的编 辑正成为新兴的热门行业。 本课题的意义 目前，各院系利用网络资源向教师和学生提供交流的平台，体现了现代教学信息化的特点。 计算机学院工程系也不例外，而现行的网站不能够很好的发挥教师与学生交流的作用，另外维护起来也比较麻烦，因此需要设计一个动态的网站来弥补这些缺陷。 而本课题 —— 即“江苏大学计算机学院工程系网站”就是基于这一目的设计完成的。 本网站作为一个大学院系的网站，考虑到系里的教师和学生以及课程安排情况，将丰富的资料有序地发布在网上。 网站不但为教师和学生提供了一个良好的交流平台，也为其他人员了解 计算机学院工程系打开了一扇窗口。 毕业论文：计算机工程系网站建设 3 第二章 平台工具介绍 本章将介绍设计本网站所用到的工具（ Dreamweaver MX2020， Access）及核心技术ASP 的相关资料。 俗话说：工欲善其事，必先利其器。 要构造出一个优秀的网站，首先选取得力的工具是必要的。 在此，我们选用了 Macromedia 公司的网页三剑客作为网站设计工具，数据库部分我们采用了 Office 系列的 Access，简单方便。 而 ASP 作为最流行的动态网页设计技术，受到很多网页制作人员的青睐，我们也不例外。 MX2020 Dreamweaver 是由 Macromedia 公司推出的，用于网页开发和网站管理的专业化设计工具。 它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。 简介 Dreamweaver MX2020 启动后，会出现一个 选择 操作窗口，如 图表 1 所示。 如果选择新建 HTML 页面，则创建一个新的窗口，如图表 2 所示。 该窗口包含如下的几 个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。 标题栏中主要显示该文档 9 的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法； Dreamweaver MX2020 启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端 ，用于显示文档的 HTML 标记、文档窗口大小、下载速度等信息。 毕业论文：计算机工程系网站建设 4 图表 1 Dreamweaver MX2020 启动界面 图表 2 Dreamweaver MX2020 新建工作界面 特点 最佳的制作效率 ： Dreamweaver 可以用最快速的方式将 Fireworks， FreeHand，或 Photoshop 等档案移至网页上。 使用检色吸管工具选择 银屏 上的颜色可设定最接近的网页安全色。 对 于 选单，快捷键毕业论文：计算机工程系网站建设 5 与格式控制，都只要一个简单步骤便可完成。 Dremweaver 能与您喜爱的设计工具，如Playback Flash， Shockwave 和外挂模组等搭配，不需离开 Dremweaver 便可完成，整体运用流程自然顺畅。 除此之外，只要单击便可使 Dreamweaver 自动开启 Firework 或 Photoshop来进行编辑与设定图档的最佳化。 网站管理 ： 使用网站地图可以快速制作网站雏形、设计、更新和重组网页。 改变网页位置或档案名称， Dreamweaver 会自动更新所有连结。 使用支援文字、 HTML 码、 HTML 属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。 无可比拟的控制能力 ： Dreamweaver 是唯一提供 Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。 它包含 HomeSite 和 BBEdit 等主流文字编辑器。 帧 (frames)和表格的制作速度快的令您无法想像。 进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 甚至可以排序或格式化表格群组， Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。 所见即所得 Dreamweaver 成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给 Thirdparty 厂商，包含 ASP， Apache， BroadVision， Cold Fusion， iCAT， Tango 与自行发展的应用软体。 当您正使用 Dreamweaver 在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。 梦幻样版和 XML Dreamweaver 将内容与设计分开，应用 于 快速网页更新和团队合作网页编辑。 建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内 容却不会不小心改变既定之样式。 您也可以使用样版正确地输入或输出 XML 内容。 全方位的呈现利用 Dreamweaver 设计的网页，可以全方位的呈现在任何平台的热门浏览器上。 对于 cascading style sheets 的动态 HTML 支援和鼠标换图效果，声音和动画的 DHTML 效果资料库可在Netscape 和 Microsoft 浏览器上执行。 使用不同浏览器检示功能， Dreamweaver 可以告知您在不同浏览器上执行的成效如何。 当有新的浏览器上市时，只要从 Dreamweaver 的网站在下载它的描述档，便可得知详尽的成 效报告。 功能 1．页面编辑： 简洁高效的设计和开发界面 Dreamweaver 的界面更易于使用，可使您的工作效率和工作质量均得到提高。 “插入”栏的改进 使其具有一个简洁高效的新外观，并占用更少的工作区空间。 Microsoft Word 和Microsoft Excel 复制和粘贴 命令使您可以将 Microsoft Word 和 Excel 文档直接复制并粘贴到 Dreamweaver 中。 当您粘贴 Word 或 Excel 文档时， Dreamweaver 会保留文档格式并生成高质量的 HTML 内容。 表 格编辑可视化反馈 使您能够看到在表格中进行列调整操作时的实际效果。 可视化反馈还可以使您更方便地选择表格元素。 用户界面改进 可得到最大的可用工作区，更清晰地显示上下文和焦点，并使用户更易于使用和更具逻辑性。 起始页 使您能够访问最近使用过的文件，创建新文件和访问 Dreamweaver 资源。 起始页会在您启动 Dreamweaver 或尚未打开文档时显示。 保存桌面选项 使您可以选择当您重新启动 Dreamweaver 时让Dreamweaver 重新打开您上一次使用的文档。 完全支持 Unicode 意味着在 Windows 下，Dreamweaver 支持 Inter Explorer 所支持的所有文本编码方式。 您可以在 Dreamweaver 中使用几乎所有您的系统中安装的语言字体， Dreamweaver 会正确地呈现和保存这些字体。 安全 FTP 使您能够完全加密所有文件传输，并阻止对您的数据、文件、用户名和密码的未授权访问。 2． 页面整体布局 ： 新式的页面布局和设计环境 毕业论文：计算机工程系网站建设 6 Dreamweaver 包含以下增强的 CSS 功能，这些功能提供了一个更为精巧的方法来进行样式设计及提高设计交互性，此外，还包含了用于改进可视化编辑的反馈。 动态跨浏览器验证在您保存文档时自动检查当前文档的跨浏览器兼容性问题。 在您指定一些目标浏览器后， Dreamweaver 将执行检查，以确保页中没有使用指定浏览器不支持的标签或 CSS结构。 相关CSS 选项卡 显示应用于当前“代码”视图或“设计”视图选择的 CSS 规则。 单击任意规则可查看它指定了哪些属性（边框样式、边距、填充、文本大小等）。 特殊的标记使您可以知道特定属性是否被覆盖，就地编辑功能允许您对可立即反映在“设计”视图中的内容进行快速编辑。 CSS 布局可视化 使得使用 CSS 对页进行布局大为简化。 您可以在“设 计”视图中方便地选择 div 或其它内容块，然后使用“ CSS 属性”选项卡来修改属性。 基于 CSS 的文本属性检查器 列出了可用于文本的所有可用样式，并且包含一个预览，其中显示出了应用该样式后文本所呈现的外观。 基于 CSS 的页面属性 使您能够使用新型 CSS 代码结构对页面属性进行更多的控制，例如标题和链接的外观。 集成的图像编辑工具栏 使您能够使用 Macromedia Fireworks 技术从 Dreamweaver 中进行基本的图像操作和编辑。 您可以执行裁剪、调整大小和重新取样等操作而无需离开 Dreamweaver。 3．代码编辑： 强大和开放的编码环境 Dreamweaver 为编码人员提供了以下新增功能，包括对“代码”视图的改进和无需创建Dreamweaver 站点即可编辑文件的功能。 Dreamweaver 还包括当前对服务器技术的支持。 改进的标签检查器 显示了对当前选项可用的属性列表并使您能够进行快捷全面的编辑。 改进对 表单控件的支持 提供了在“设计”视图中生成和操作 Web 表单的经改进的新方法（包括新的属性检查器）。 “代码”视图上下文菜单 使您能够快速更改所选代码的格式设置。 Active Server Pages (ASP) 是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。 使用 ASP 可以组合 HTML 页、脚本命令和 ActiveX 组件以创建交互的 Web 页和基于 Web 的功能强大的应用程序。 ASP 应用程序很容易开发和修改。 简介 从字面上说， ASP包含三方面含义： Active： ASP使用了 Microsoft 的 ActiveX 技术。 ActiveX（ COM）技术是现在 Microsoft软件的重要 基础。 它采用封装对象，程序调用对象的技术，简化编程，加强程序间合作。 ASP本身封装了一些基本组件和常用组件，有很多公司也开发了很多实用组件。 只要你可以在服务器上安装这些组件，通过访问组件，你就可以快速、简易地建立自己的 WEB应用。 Server： ASP运行在服务器端。 这样就不必担心浏览器是否支持 ASP所使用的编程语言。 ASP的编程语言可以是 VBSCRIPT和 JSCRIPT。 VBSCRIPT 是 VB 的一个简集，会 VB的人可以很方便的快速上手。 然而 Netscape浏览器不支持客户端的 VBSCRIPT，所以最 好不要在客户端使用 VBSCRIPT。 而在服务器端，则无需考虑浏览器的支持问题。 Netscape 浏览器也可以正常显示 ASP页面。 毕业论文：计算机工程系网站建设 7 Pages： ASP返回标准的 HTML页面，可以正常地在常用的浏览器中显示。 浏览者查看页面源文件时，看到的是 ASP生成的 HTML代码，而不是 ASP程序代码。 这样就可以防止别人抄袭程序。 由此我们可以看出， ASP是在 IIS下开发 WEB应用的一种简单、方便的编程工具。 在了解了 VBSCRIPT 的基本语法后，只需要清楚各个组件的用途、属性、方法，就可以轻松编写出自己的 ASP系统。 的特点 1. 使用 VBScript、 JScript 等简单易懂的脚本语言，结合 HTML 代码，即可快速地完成网站的应用程序。 2. ASP 无须编译，容易编写，由服务器的软件解释后直接执行。 当执行 ASP 程序时，脚本程序将一整套命令发送给脚本解释器 (即脚本引擎 )，由脚本解释器进行翻译并将其转换成服务器所能执行的命令。 3. 可使用普通的文本编辑器，如 Windows 的记事本，即可进行编辑设计。 4. 与浏览器无关 , 用户端只要使用可执行 HTML 码的浏览器，即可浏览 Active Server Pages 所设计的网页内容。 ASP 所使用的脚本语言 (VBScript、 Jscript。