《web工程》实践报告模版.doc

WebWeb 工程工程实践报告实践报告 静态网页制作静态网页制作 专 业：计算机科学技术 班 级： 姓 名： 指导教师： 2010 年 9 月 摘摘 要要 dreamwaver 是网页制作和网站管理软件，应用此软件设计的网页， 名为是青春飞扬，主要是一些激励的话语和风景图片。 进入网页有时间，文字，和滚动字和滚动图片。与此同时还加入了 背景音乐，使我们在打开的同时还能具有些动态感。加入时间第一是希 望浏览者知道时间，第二是希望大家能珍惜时间。静态文字是一些激励 的话语，旨在激励大家鼓励大家，图片是为了使网页看起来美观，给人 一种放松愉快的心情。 虽然只有一个网页，但是包含了 Dreamwaver 的全部基本操作，在 这里运用到的知识主要是插入，包括时间和图片。 青春飞扬听命就知道应该是活力四射，催人不断奋斗的，因此所搜 集的材料都是积极向上催人奋进那种的，例如：插入的歌曲为杨培安的 完美世界，图片也是自然风景，给人一种恬然之感，提升心灵。 关键词关键词: draemweaver ；插入 目 录 一一. 网页创建网页创建的目标和意义的目标和意义.1 1.1网页制作的背景和意义 1.2课题的研究内容和所要解决的问题 1.3 我的设计的基本描述 二二. 目前国内外相关工作情况目前国内外相关工作情况.1 2.1 相关的研究工作 2.2 HTML 的评价 三三. 青春飞扬青春飞扬网页的总体设计网页的总体设计.1 3.1标设计描述.2 3.2设计功能图.2 四四. 青春飞扬青春飞扬网页的详细规划网页的详细规划.2 五五. 测试测试.2 5.1 观看网页的效果 参考文献参考文献3 沈阳化工大学计算机学院实践报告Web 工程实践 0 一.网页设计的的目标和意义 1.1 网页制作的背景与意义网页制作的背景与意义 随着互联网的发展，网页制作也逐渐发展起来，在各种各样的网页设计软件中，著有“网 页三剑客”之称的 Dremwaver、firework、flash 已经成为网页设计的首选和必备软件。其中 dreamwaver 是网页制作和网站管理软件；firework 是专为网页中设计而开发的图像处理软件， flash 是矢量动画编辑软件。虽然都能进行网页制作，但是由于三者的细微区别，还是决定采用 dreamwaver 来进行网页制作。通过一个简单的网页来浏览简单的新闻等信息。 1.2 课题的研究内容和所要解决的问题课题的研究内容和所要解决的问题 课题所要研究的内容是如何制作一个静态网页，所要解决的问题是通过 dreamwaver 软件 来设计一个基本的网页，学会使用网页制作过程中的一些基本操作，如构造链接，插入图片， 编辑文本等一些美化网页的操作。 1.3 我的设计描述我的设计描述 我的设计是用 dreanwaver 软件来实现一则带有插图的新闻的浏览。主要包括 html 语言和 dreamwaver 操作的基本描述。设计的网页主要包括文字、图片、滚动字和链接。 二.目前国内外相关工作情况 2.1 相关的研究工作相关的研究工作 随着互联网的快速发展，而作为互联网的主要信息传播形式网页也更为广泛流行。网页又 称为 HTML 文件，是一种可以在互联网上传输，并并被浏览器识别和翻译成页面显示出来的文 件。在各种各样的网页设计软件中，著有“网页三剑客”之称的 Dremwaver、firework、flash 已 经成为网页设计的首选和必备软件。 dreamwaver 是网页制作和网站管理软件，能为用户提供可视化的网页编辑操作，它利用 JavaScript 和 DHTMl 语言代码可以轻松的实现网页元素的动作和交互，是所见即所得的网页编 写工具，可以通过鼠标点击的方式插入 Fash 动画、表格、表单、脚本语言等各种网页对象，还 提供了强大的代码编辑模式，包括样式和 JavaScript 的脚本编辑。除此之外，还有强大的站点管 理功能，可以方便地设计和管理多个站点。 firework 是专为网页中设计而开发的图像处理软件，能够自由的导入各种图像，而且可以辨认矢 量文件中绝大部分标记以及 Photoshop 文件的层，包括文字在内的图片内容在任何制作的阶段都 可以进行编辑，对网站上的要进行的更新和修改进行图片的批处理，也可制作动画，生成 沈阳化工大学计算机学院实践报告Web 工程实践 1 Javascript 的动态网页。 Flash 是矢量动画编辑软件，可以随心所欲的为网站设计各种动态的 Logo、动画、导航条、 多媒体效果以及交互式控制，可以创建纯 Flash 站点。用 Flash 制作的图片和动画是压缩的，可 以放心使用，还支持动态下载技术，不至于浏览者长时间等待。 网络时刻在迅速变化，而不像其他媒体，网站设计的趋势不再仅仅爱美学驱动。技术是不断变化的， 媒介的能力和手段都在随之而发生巨大变化。2010 年，我们看到设计师在网页设计方面不断推陈出新，形成 了一下明显的趋势 2.2 html 的评价的评价 Html 是一种文件的编排语言，它的功能单一，它的目标是文件，是 Html 文件的元素，包 含文字、段落、图片、表格和媒体元件，Html 标记可以将这些元素编排成一份精美的文件。 三.青春飞扬网页的总体设计 3.1 设计描述设计描述 青春飞扬网页主要是一个静态网页，主要包括文字和图片，文字包括静态文字和滚动文 字，图片是滚动图片，但是首先插入的是静态的图片，然后把静态的图片变为动态的滚动 图片。还插入了音乐，设置为打开时播放的形式。插入时间，最后在框架的右边编辑文字， 并对文字字体和颜色做处理。 3.2 画出系统的功能图画出系统的功能图 沈阳化工大学计算机学院实践报告Web 工程实践 2 四.青春飞扬网页的详细规划 制作时产生的代码： 青春飞扬 function MM_CheckFlashVersion(reqVerStr,msg) with(navigator) var isIE = (appVersion.indexOf(“MSIE“) != -1 var isWin = (appVersion.toLowerCase().indexOf(“win“) != -1); if (!isIE | !isWin) var flashVer = -1; if (plugins desc = plugins“Shockwave Flash 2.0“ ? plugins“Shockwave Flash 2.0“.description : desc; if (desc = “) flashVer = -1; else var descArr = desc.split(“ “); var tempArrMajor = descArr2.split(“.“); var verMajor = tempArrMajor0; var tempArrMinor = (descArr3 != “) ? descArr3.split(“r“) : descArr4.split(“r“); var verMinor = (tempArrMinor1 0) ? tempArrMinor1 : 0; flashVer = parseFloat(verMajor + “.“ + verMinor); / WebTV has Flash Player 4 or lower - too low for video else if (userAgent.toLowerCase().indexOf(“webtv“) != -1) flashVer = 4.0; var verArr = reqVerStr.split(“,“); var reqVer = parseFloat(verArr0 + “.“ + verArr2); if (flashVer 沈阳化工大学计算机学院实践报告Web 工程实践 4 2010 年 9 月 27 日 Monday 10:31 美丽的风景，飞扬的心情！ “欢迎您来到无限飞扬的主页！“ Untitled-1.html 沈阳化工大学计算机学院实践报告Web 工程实践 5 无标题文档 激励篇 人的潜能犹如一座待开发的金矿，蕴藏无穷，价值无比，而我们每个 人都有一座潜能金矿。但是，由于没有进行各种潜能训练，每个人的潜能从没得到淋漓尽 致的发挥。 并非大多数人命里注定不能成为“爱因斯坦” ，只要发挥了足够的潜能， 任何一个平凡的人都可以成就一番惊天动地的伟业，都可以成为一个新的“爱因斯坦” 。 相信“能”的 人就会赢 “日复一日，我会在各方面干得越来越好。 ”这是法国心理疗法专家埃 米尔库埃的名言。在本世纪二十年代的英国和美国，这句话被成千上万的英国人反复叨 念。 “日复一日，我会在各方面干得越来越好。 ”当时，这是人们每天必不 可少的事情。人们在每天规定的时间内重复这句话，每当头脑中闪现这一想法时也重复这 句话。他