《Web设计软件应用实训》期末综合报告 - 图文

《Web设计软件应用实训》报告

XXX网站的设计与制作

学 院： 数学与计算机科学学院 专业 / 班级： 数学（1）班 年 级： 2010 学 号： 031001134 姓 名： 文宇坤 指 导 老 师： 李剑敏

2011年 11 月 19 日

目录

第一章 网站构思............................................................. 1

1.1 网站的目标及功能定位 ................................................................................................... 1 1.2 网站构思的灵感来源 ....................................................................................................... 1 ……........................................................................................................ 错误！未定义书签。

第二章 网站内容和结构....................................................... 2

2.1网站的主要内容 ............................................................................................................... 2 2.2网站的结构设计 ............................................................................................................... 2 ……........................................................................................................ 错误！未定义书签。

第三章 网站素材分析与制作................................................... 3

3.1 图像的设计与处理 .......................................................................................................... 3 3.2 网络动画的设计 .............................................................................................................. 6 3.3 标题文字的设计和处理效果… ......................................................................................... 9

第四章 网站制作............................................................ 11

4.1 网站制作环境 ................................................................................................................11 4.2 网站制作步骤 ................................................................................................................11 4.3 网站效果 ...................................................................................................................... 14

总结....................................................................... 17 参考文献................................................................... 18

第一章 网站构思

1.1 网站的目标及功能定位

本网站是一个宣传公益性网站，以服务人民为我们的根本目标。

本网站的主要定位是给已经步入青年的学生，以及未到中年的工作人士。主要是通过文字，图片，动画，使读者回顾自己的童年，使之感到更加的美好和幸福。同时让广大人民群众更加关心和关注我们下一青少年的成长和发展，希望政府和相关性人员能够把更多的服务，措施做好、做全，做到位，让孩子们能够切实受到保护，为孩子们营造个温暖而温馨的家园!

最后，我们希望通过我们的网站，能唤起大家更多的善良之心,为我们社会筑其一道善良墙，把我们的社会建设得更加的和谐、更加的美好。

1.2 网站构思的灵感来源

1.本人处于青少年时期，距离童年不远，所以难免有些童心未泯。应老师要求，对此题目洽有兴趣。所以选取“童年”为题。

2.开始不懂做，后面在百度上考虑相应网站后，有了自己心中的一个模板。（具体考虑较多的是童年网http://www.tongnian.com/）

3.因为时光不可倒流，对于失去的童年美好的时光不免有诸多怀念。平时和同学们交往，也听同学们常提及同学众多美好事件，遂选择主要是讲述逝去的同年。

4.因为社会要发展，要积极向前，所以我把主页定位孩子美好的东西，选择相应的暖色调，不要让整个网页充满着悲伤的气氛。

5.上面也述，网站主要是缅怀为主，所以必然在其相应链接网站上放入些怀念性文字和图片。引起读者的共鸣。

6.更进一步说，孩子是弱势群体，所以我们必须多加保护和照顾。所以另一方面，我也希望通过自己小小的一点能力，让更多的人关注到孩子，我们的未成年人。

7.当然，建立一个童年网站，可以引发大家的共鸣，勾起大家内心对美好事物的憧憬和幻想。希望以此能让大家净化心灵，不被世俗功利而玷污。

1

第二章 网站内容和结构

2.1网站的主要内容

主要网站有：童年首页，童年相册，童年回忆和童年想像 1.童年首页

以栏目为主，栏目有：新闻资讯今日推荐，童年视频，家长频道资讯推荐，家长博客博文推荐，童年社区 | 投票 | 悬赏 | 辩论 | 活动，童年社区主题推荐。以及相应的flash和图片

2.童年相册

以flash相册为主，配合上自己原创的一段文字 3.童年回忆

以一篇散文为主（非原创），附有相应的背景和效果标题 4.童年想像

以孩子的眼光制作的风车flash为主，配合一段原创文字说明，附有相应的背景。 以上网上均设有童年歌曲音乐插件。

2.2网站的结构设计

网站分为以一个首页，和三个分页。

首页主要由表格布局，其余三个分页主要由绘制的AP DIV布局

首页开头插入一个FLASH动画，选择相应的背景图案，接着是导航栏。接着便是标题栏共7个，其间还插入了相应的一些可爱图片，一个声音插件，和一个滚动的FLASH，最后一栏是插入版权提示。首页末尾还插入了滚动字幕。并且，在进入首页的时候，还插入了提示语。

相册分页，开头插入一个像胶卷一样的FLASH，选择相应的背景图案，之后插入一段对FLASH相应说明的文字，起到相互相应的作用。最后在底部插入声音和链接返回主页。

回忆分页，开头插入一个自制的标题栏目，选择相应的背景图案，接着在下面插入一段文字，一段从百度找到的关于童年的优美散文。最后在底部插入声音和链接返回主页。

想像分页，开头插入一个自制的标题文字，选择相应的背景图案，接着在下面插入一个自制的FLASH动画，在动画的旁边插入一段原创的文字说明，最后在文字的底部插入声音和链接返回主页。

2

第三章 网站素材分析与制作

3.1 图像的设计与处理

1.“童年”文件夹中图像的处理

在PS中点击【文件】选择【新建】将画布大小调节成，宽4500PX高500PX。点击【文件】选择【打开】选中相应图片，点击【确定】打开。按【ctrl+A】全选图片，按【ctrl+C】复制图片，然后回到之前新建的画布下，按【ctrl+V】粘贴图片。拖动图片到相应的位置。如此反复上述步骤，即可把全部的图片拖入到图层中，然后再调节相应图片位置，接着使用工具栏中的【裁剪工具】进行图片整体裁剪，把多余的空白地区除外。双击【图片】，便可出现满足的图层大小和图片。单击【文件】，选择【存储为】，选择相应的存储位置，将格式选择为【jpeg】，单击【保存】，整个图片处理就完成了。

2．“童年相册”文件夹中图像的处理

在PS中点击【文件】选择【新建】将画布大小调节成，宽980PX高1500PX。单击【图层】面板底部的【创建新图层】按钮，新建一个图层1。选择工具箱中的【矩形选框】工具，在图像上绘制一个矩形选区。选择【编辑】下的【填充】命令，弹出【填充】对话框，在【使用】下拉列表中选择【黑色】，单击【确定】按钮，填充选区。选择【矩形选框】工具，在图像中绘制一个正方形选区，将【前景色】设置为白色，按组合键【Alt+Delect】填充正方形选区。按组合键【ctrl+C】复制，按组合键【ctrl+V】多次粘贴，选择工具箱中的【移动】工具调整矩形位置。选中【图层】面板中最上面的图层，按组合键【ctrl+E】向下合并。单击【图层】面板底部的【创建新图层】按钮，新建以个图层2，选择工具箱中的【矩形选框】工具，在工作区中绘制一个矩形选取框。选择【编辑】下【填充】命令，弹出【填充】对话框，在【使用】下拉列表中选择【白色】，单击【确定】按钮，矩形选区填充为白色，按组合键【ctrl+C】复制，多次粘贴，选择工具箱中的【移动】工具调整矩形位置，按组合键【ctrl+E】向下合并图层。选择【文件】下【打开】命令，弹出【打开】对话框，选择要打开的图像，单击【打开】按钮，即可打开图像，选择【选择】下【全选】命令，按组合键【ctrl+C】，单击右上角的【关

3

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库《Web设计软件应用实训》期末综合报告 - 图文在线全文阅读。