客户端网站开发报告.docVIP

客户端网站开发报告 目录 1 客户端开发说明 1.1课程目的 1.2课程要求 1.3开发工具 2 网站设计 2.1 网站主题 2.2 网站内容 2.3 网站结构 3 网站制作 3.1 网页制作 3.2 网页测试 4 总结 1 客户端开发说明 1.1课程目的 通过提供给学生一定的资料与工具来引导学生利用课余时间进行自主学习以积累一定的理论基础和实践能力，最后的作业要求则是对学生自主学习能力的一种检验。该课程有助于促进学生自学能力与资料检索整合的水平。 1.2课程要求 要求：1、上交一份报告，关于网站建设的方法和过程，10页左右。2、做一个静态网站，页面不少于5个。自学能力比较强的的，可以做动态网站。 另外，最终上交的需要打印稿和电子稿，报告需要打印稿和电子稿，网站上交电子稿。 1.3开发工具 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很好的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在 DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②Fireworks 第一款彻底为Web制作者们设计的软件 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweav er的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ ③Flash 让你的网页动起来 Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScripe，您也可做出互动性很强的主页来。 2网站设计 2.1网站主题 要求： 主题不可过于分散，网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。 主题： 去图书馆偶然间看到一本关于元朝的书，随手翻了几页发现自己关于这个朝代的认识是如此之浅、如此陌生，由此对元朝产生了浓厚的兴趣。相信大家对这朝代的了解也不会很深，为了帮助大家更好的了解元朝，让元朝不再陌生，所以网站的主题就选取为“陌生的元朝”。 当然此网站的建设只是让大家能对元朝有个初步的认识。总之这是一个以“陌生的元朝”为主题搭建的以资料阅读为主要目的的阅读性网站。 2.2 网站内容 因为这是一个只供基本浏览的网站，而且以文字浏览为主，所以需要大量的经过筛选的文字材料。 文字材料需要进行大量的输入，而且本人对元朝也只有了一定的初步了解而已，为避免出现较多错误、节省文字输入的时间、使网站的的内容更加丰富和全面以及提高网站建设的速度，一部分资料就直接从互联网上进行收集与下载。其中的资料图片还有背景图片基本上就是从互联网上采集得到。 文字材料从这几个方面收集： 简介 使浏览者对网站的定位有个有个基本的认识，对是否继续浏览形成判断，主要目的是吸引浏览者，引起浏览者的兴趣。 军事、政治、经济： 考察对一个国家的基本认识这几个要素是缺一不可的，就是这几个要素的相辅相成、互相影响构成了一个国家、王朝。至于文化方面的影响由于较为难以说明，就不提供单独资料进行介绍。但网站内提供了经过浏览能对内容提供互补的友情链接供浏览者进行链接更深的了解。 疆域： 元朝的疆域非常的辽阔可以说是令世界为之一震的真正的前所未有的国家。统治了大半个欧亚大陆。人类历史上也就独此一个王朝， 因此，这方