网页设计实训体会感悟文档格式.docx

网页设计实训体会感悟文档格式.docx

《网页设计实训体会感悟文档格式.docx》由会员分享，可在线阅读，更多相关《网页设计实训体会感悟文档格式.docx（6页珍藏版）》请在冰豆网上搜索。

为了增加网页的新鲜感和活泼感，还适当在添加一些透明flash和一些网页特效。

在这实训的时间里面，我们分工合作，共同努力，对网页反复调试和修改，特别是对于fireworks软件不那么熟悉，有很多的实例都要看过老师的演示才会明白，不过这也恰恰让我学到更多。

虽然中途难不免会有因为意见的不合而发生一些小小的争吵，但我觉得不影响我们的网页设计，反而会因为这些不同的意见而重新学到更多的知识。

实训总结

经过俩周的实训，我从中收获了很多。

原本以为计算机科学导论的实训是纯理论的，得知是上机操作还是有一点兴奋。

刚打开实训的要求，发现在实训期间我们要学的好多。

像word、excel、photoshop、powerpoint、flash、dreamweaver等软件的应用，有些是我从来没有接触过的，有一些是自己会一点皮毛的。

带着一份紧张一份好奇，我开始展开了对这些软件的探索。

按照老师在实训期间给我们的要求，在做word的时候，原本以为很简单的，后来才发现自己会的只是冰山一角，原来word的用处那么多。

通过训练，我掌握了段落的拆分、移动和复制处理以及段落格式设置，格式、特殊字符的查找和替换，分栏、首字下沉设置，页眉、页脚及页码的设置，插入艺术字体、图片、公式等对象，图片的旋转和翻转、组合和对齐。

excel在我的意识里只能用来数据，做个表格，没想到还有数据排序和自动筛选、图表的创建和、分类汇总等功能。

photoshop的功能是处理图片，在实训的时候自己做的那个端午节的粽子是通过这个软件自己绘制出来的，感觉到软件应用的神奇。

ppt由于自己上学期的学习，因此在实训期间做的作业也就驾轻就熟的完成了。

最好玩的软件应该就是flash了，通过几张图片的叠加和处理，就出现很可爱的动画了。

最让我惊讶的软件当然就是dreamweaver了，它竟然是用来做自己的个人网页的，本来觉得自己做网站是一件很不切实际的事情。

经过实训期间的学习，我也学会了制作自己的个人主页。

这次的实训让我掌握了办公自动化以及网页制作软件的使用，也能运用word、excel、powerpoint处理文档，能运用dreamweaver、flash、photoshop制作网页了。

总之实训的收获颇多。

网站名称：

微言微语个人主页

班级：

j09301班，j09302班

学生姓名：

指导老师：

李向

实训时间：

xx.12.6—xx.12.22

xx年下期网页设计课程实训报告

一、实习目的：

通过实习掌握站点制作、站点测试与发布技术。

会综合利用fireworks、flash和dreamweaver三个软件进行静态网站的设计。

二、实习内容：

1.用fireworks处理图片。

对图片裁剪、钝化、高斯模糊。

设置图片的gif动画格式，制作标题动画。

对文字应用效果。

利用fireworks制作导航条并导出格式为html。

2.用flash制作标题动画。

首页中的动画不超过20m。

制作按钮来超级链接到其他页面。

3.使用dreamweaver布局视图，设置本地站点。

在标准视图和布局视图模式相互转换。

建议使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用css样式统一网页中文字样式，插入fireworks中的gif文件及导入flash中的swf文档，设置文档间的超级链接。

三、具体要求：

1、利用dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。

可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。

2、作一个主页面，至少5个次页面。

3、必须用到框架、表格或层排版技术、flash技术和图像处理技术，使网站具有合理的外观和功能。

4、主页基本要求：

页头logo，准确无误地标识站点和企业标志；

网页标题动画，可以制作成gif动画或者flash动画；

导航条；

e-mail地址，用来接受用户垂询；

联系，如普通邮件地址或电话；

版权信息。

5、制作一个表单页面。

6、某个页面有滚动字幕。

7、为一个页面添加背景音乐。

8、至少添加一种行为效果。

9、整个网站各页面之间（：

）保持风格一致，页面之间要有合理的超级链接。

10、进行站点测试后申请空间并发布到网络。

四、网站设计思路：

应该算是一个人主页的小型网站。

关于站名的：

微言微语个人主页，因为，我觉得这个网站里面的所有文字都是像一个人在自言自语，在低声地向某人诉说着什么，没有主题，没有目的。

取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景音乐还有文字都很相符。

个人主页，一般都会包括首页，相册，链接，一些个人喜欢的文字加图片，我的个人主页也不例外，包括次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个flash动画），文章（一些自己喜欢的文章），相册（firworks处理过的相册），关于（关于自己的文字，关于的一些说明），链接（世界著名网站的有关链接），反馈表（浏览者信息反馈表）。

五、网站设计过程：

把所有的素材都好（图片，文章，相片），开始布局。

此站大多数用的是“三”字型的，三字型是我给它取的名字，因为，最开头是一张带有导航条的图片，用firworks处理过的html文件，中间一大片用于放正文，下面就是版权信息，e-mail地址用来接受用户垂询；

联系信息，如普通邮件地址或电话，像被分开的三个部分，所以我叫它三字型。

这种布局方式看起来比较的整齐，简洁美观。

首页本想做一个动态网页，由于时间有限所以还没完全成功。

只好用了一张与次页面一样的背景图片做背景，加上从下向上的滚动字幕，背景图片是用firworks处理过的图片，大片的灰色墙壁加上颜色艳丽的钮扣图案，首页加了状态栏逐字出现的效果，加了“加入收藏”、“设为首页”等代码。

次页面包括如下些内容：

首页、作品、文章、相册、关于、链接以及反馈表。

这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。

中间是两个可区域。

在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！

”，做布局大多使用表格布局，使用了少量的css样式，字体，字号，颜色都统一套用相应的样式。

首页中添加背景音乐，小说音乐《我在那一角落患过伤风》，一边看慢慢上移的文字，一边听这轻柔的音乐，给人一种意境美。

其实次页面添加《虫儿飞》，轻快而活泼。

首页禁止右键复制功能，右键单击没有反应。

次首页，就是进入次页面的第一个页面。

主题算是与青春有关的三种感情，三张图片，用firworks处理，加上相应的文字。

要用到两个表格，分别放在两个可区域里面，一个1*2的表格，一个2*2的表格，第一个表格放一张有关于亲情的图片加一小段文字，第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。

作品页面是三个flash动画，第一个是左右键控制的图片移动按钮，可以单击来链接到主页面（代码见附录），四个图片经过裁剪、高斯模糊。

第二个是光芒四射（代码见附录），要用到actionscript语言，长短不一的线条加上透明度的改变组成光芒四射。

第三个是鼠标跟随特效（代码见附录）。

文章页面，就是简单的文字页面，没有什么特别的。

相册页面，上面是一个用firworks处理后的一组图片，鼠标移到小图片上，下面做出现相应的大相片，中间有少量文字，底部是用flash做的一组循环滚动图片（代码见附录），图片跟着鼠标的移动而左右移动。

关于页面，也是简单的文字页面，没什么特别的，“个人”文字链接到word文档“个人简历”（代码：

附录：

源代码

（1）状态栏逐字出现的效果代码：

（2）首页收藏代码：

onclick="

window.external.addfavorite（'

"

"

_blank"

）;

}

六、实训中遇到的难点及解决办法：

在设计开始的时候，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题

是什么了。

还有就是布局的时候总是不能做到很美观，后来，我把页面属性改了左过距为10，上边距为10，刚好把背景图片里面的那些亮丽的钮扣图案显示出来，改变了表格背景图的灰暗，使网页的整体看起来更美观了。

在做css样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景，后来，看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。

七、实训心得：

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。

建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。

如白色代表着：

清洁、天真、洁净、真理、和平、冷淡、贫乏；

灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。

太多的颜色会给人带来视觉上的疲劳。

所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。

网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。

文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。

也