1、 江苏畜牧兽医职业技术学院毕业论文(设计)1个性测试网页设计校全购【摘 要】当代社会，随着人们对计算机的广泛使用，已经对网络不再感到陌生。网络科技飞速发展的今天，电脑信息技术与各行各业进行了有效的结合。面对千姿百态、丰富多彩的主页，使网络技术发挥的淋漓尽致。在这个平台上，个性测试提供了一个全新人类的自我剖析方式。本文主要分析了个性测试网页的特点，包括个性测试网页的设计目标，框架结构和个性测试网站的运行实现等，重点介绍了个性测试网页中各模块的详细思路和实现方法，以及部分源代码的说明。主要使用了Dreamweaver 8 网页设计工具，利用了它的可视化编辑，可以快速地创建页面与编写代码相关的功能。
2、校全购大学生自己的购物网 【关键词】网页制作软件； HTML 语言；JavaScript 语言1 引言1.1 现代网页制作浅谈随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。从功能来讲， Dreamweaver 自身有明显的特点：首先 Dreamweaver 引入了图层的概念，可以在 Dreamweaver 中直接制作一些动画效果。另外Dreamweaver 具有增加插件的功能，用户可以安装各种插件来增强自己的Dreamweaver。最后 Dreamweaver 中又新增了资源管理器、内
3、建参考手册。就目前来说 DREAMWEAVER 已经占据网页编辑软件霸主的位置。我们再来谈谈动画网页制作软件Flash。与其说 Flash 是一个动画网页制作工具，还不如说它是一个功能强大的多媒体制作工具更为恰当。利用 Flash 可以独立制作出非常精彩的多媒体网页，包括动画的制作、声音效个性测试网页设计2果的添加等。另外 Flash 对 Internet 的支持，主要表现在它采用了流控制技术，不用等整个动画的 Movie 下载完，就可以开始播放，对于一个Internet 冲浪者来讲，这是一件很有吸引力的事情。同时 Flash 采用了矢量图形的制作方法，当对一副图进行任意的缩放时，它的质量并不
4、会发生变化，而且文件很小，利于网络传输。Fireworks 是 Macromedia 公司推出的图像处理软件，与其他图形处理软件的设计思想都很相似，但它又有很多自己的特色。Fireworks 是一个人完全为网页制作者设计的图形处理软件，对制作基于网络的图形有特殊的支持，能够自由的导入导出各种图像。Fireworks 作为第一款为网络实际而开发的图像处理软件，能够自动切图，生成鼠标动态感应的 JavaScript。2 设计分析2.1 设计思想个性测试网页是网络中点击率较为高的网页，其中包括十二星座的情感、事业、运气，以及心理测试、周公解梦、八卦占卜的具体剖析等，使其内容极为丰富，追逐当代社会青年
5、的快速发展脚步。网页样式采用个性化进行整体设计，主要采用表格方式进行排版，以黑色为背景色，整体风格时尚、动感。该网页主要采用静态网页设计，该方式有浏览速度快，易搜索，易保存等特点。其中添加了 JAVA 脚本语言，使整体效果更加完美。2.2 设计工具选择Macromedia Dreamweaver 8 进行网页设计Macromedia Flash 8 进行动画制作Macromedia Fireworks 8 进行图片处理2.3 框架设计2.3.1 首页框架理念网站采用 Dreamweaver 8 进行网页的编辑和排版。整体网页采用表格方式进行定位。首页中主要分为三版块：顶部的广告宣传和悬挂导航，
6、中部的星座排行、心理测试、休闲娱乐为了，底部的注册商标，三部合一的设计使页面更美观内容更丰富，这也是网页布局的惯例，符合中国人的中庸式传统审美观。其中表格设置的边框宽度为 1，填充宽度也为 1，加以颜色的填充，使表格更加的具有立体完美感。网页的顶端插入的悬挂导航，可以通过超链江苏畜牧兽医职业技术学院毕业论文(设计)3接的方法实现，使访客快速浏览版块内容，顶端也插入了一段以奥运为主题FLASH 动画，使其效果琳琅满目。中部的两个 FLASH 广告和一段滚动字幕，更使网页具有动态 WEB 页的效果。2.3.2 框架设计风范 校全购大学生自己的购物网 网站首页主要采用黑色为主色调，感观神秘、时尚、诱
7、惑突出了个性这一主题（如图 1 所示） 。首页主要包括三大主题: 星座排行榜、本月测试榜及快乐你我他，使娱乐与休闲于一体，每一栏目中均有相关链接，使访客随心所欲的浏览。图 13 网页编辑与制作3.1 Dreamweaver 8 网页编辑Dreamweaver 提供了强大的设计工具，主要用于对 Web 站点、Web 页和Web 应用程序进行设计、编码和开发。利用其可视化编辑功能，可以快速地创建页面而无需编写任何代码。Dreamweaver 还提供了许多与编写代码相关的工具和功能。还可以借助 Dreamweaver 使用服务器语言，例如ASP、ASP。NETHE PHP 等，生成支持动态数据库的
8、Web 应用程序。3.1.1 首页编辑个性测试网页设计4先打开 Dreamweaver 8 软件，如图 2 所示：图 2图 2然后点击创建新项目中的“HTML 选项” ，即打开新创建的 WEB 页，将其保存在目标文件下，并命名，如图 3 所示：江苏畜牧兽医职业技术学院毕业论文(设计)5图 3单击属性面板中“页面属性”按扭，即弹出一个对话框，并将其背景色设置为黑色，如图 4 所示：图 4然后根据设计思想，插入三大版块的表格，并对其进行初期边框的设置，效果如图 5 所示：图 5个性测试网页设计6框架设置完成后，将图片、广告、文字、FLASH 等插入其中，并对其进行调整和设置。页中主要采用表格方式进
9、行排版，使板块顺次井条，使访客能够一目了然，整个页面没有超过两版。最终效果如图 6 所示：图 6在首页中还加入了背景音乐，使网页使浏览者耳目一新，具有更深的印象，声音文件采用 MID 格式的小容量音乐，音效动感、欢快。代码如下：3.1.2 子页编辑子页中包括各种十二星座的个性和爱情、各种不同的心理测试、精美壁纸和小故事以及娱乐的 FLASH 游戏等，使用不同风格的主题,突出课题中”个性”二字。制作均以 Dreamweaver 8 软件为主，运用其可视化编辑功能，在整体页面中采用表格方式进行定位和排版，制作过程如首页编辑方法相似。各个页面均设有按纽和超链接供浏览者进入查看。其中壁纸预览效果如下图
10、 7 所示，FLASH 休闲小游戏的运行页面如下图 8 所示:江苏畜牧兽医职业技术学院毕业论文(设计)7图 7图 8个性测试网页设计83.2 Flash 8 动画制作一个以个性为主的网站一定有一个别出心裁的 Flash 动画，这样不仅给浏览者留有深刻的印象，同时也突出了网站的个性与风格。但 Flash 相对Dreamweaver 制作较复杂，设计到帧、时间轴、按钮等方面。虽然 Flash 采用了流控制技术，但考虑到本身 Flash 的文件大小。FLASH 动画设计风格为简洁、鲜明。以黄色为背景色，红色为字体色，两种暖色调的集合，再配以动感的背景音乐，衬托出首页的个性效果。内容上主要以奥运为主题
11、，包含十个关键字：为奥运加油！为中国喝彩！动画效果从两端到中间，再左右旋转居中，反复播放。最终效果如下图 9 所示:图 93.3 Fireworks 8 图片处理本网站还运用了 Dreamweaver 8 与 Fireworks 8 交互的特点。在Dreamweaver 中创建网站相册,下面简单介绍下制作过程：打开 Dreamweaver 8，然后点击“命令”菜单中的“创建网站相册”命令。如图 10 所示:江苏畜牧兽医职业技术学院毕业论文(设计)9图 10然后出现如图 11 的对话框，在当中空白处填写相应的标题和信息。图 11单击“确定”按钮，就会自动打开 Fireworks 8 进行图象的批处理，效果如图 12 所示:个性测试网页设计10图 12完成后，即会提示“相册已建立”的对话框。4 JAVA脚本语言的应用与实现在本网站中我主要在首页用了显示系统时间信息特效。这效果不仅实用性很强，而且对浏览器的负担也很小。效果如图 13 所示:图 13代码如下:
