网页设计实训体会感悟.docx
《网页设计实训体会感悟.docx》由会员分享，可在线阅读，更多相关《网页设计实训体会感悟.docx（9页珍藏版）》请在冰豆网上搜索。
网页设计实训体会感悟
网页设计实训体会感悟
第一篇：
网页设计实训体会感悟一连上了两个星期的网页实训课，可以说学到很多曩昔没有学到的工具。
虽然在大一的时候我们的专业出开设了网页计划课，但感觉这两个星期学到的远远比以前学一个学期的要多，要丰富。
每一天都有新的内容要学，让人觉得很高兴，很高兴，恨不得立刻就把它给学会。
通过这次实训使我更熟练掌握
dreamweaver、
flash
、fireworks
、photoshop等软件的功效和应用。
不但如此，更增长了同砚间的情谊，陪养了彼此间的连合。
在这期间，每一天老师都会发一些素材和实训给我们，首先是网页素材的准备，在网上查看一些网页配景和配景颜色搭配，让我了解到网页的颜色不能多过3种色彩。
接下来的几天再结合自己的网页来举行筹谋，在做首页之前，先用图纸把网页的布局画出来，内容和结构都想清楚用fireworks把网页计划出来，再切割图片，把它们导成html格式在dreamweaver中举行进一步的编辑。
我们的网站主要是围绕宿舍而展开的一串活动、人物等，宿舍给我们一种很温馨、很快乐的觉得，所以我们决定将这次的网页名叫funny
room。
主题确定好了，那么分工出就明白了，我们组有三个人，两个人卖力找素材，另一个美术好的就卖力网页的页面计划，但是我们始终不是学美术方面的，所以色彩方面搭配的不是很好，后来采用了色彩比较清新自然的绿色来作为首页的主色调，让人
第一眼看上去就有难忘的觉得。
而从
第二页开始就接纳粉色为主色调，让人可以感觉到我们的主题，因为首页和别的的颜色不一样，所以我们就把首页看成是过渡页，
第二页开始才是网页的内容。
为了增加网页的新鲜感和生动感，还适当在添加一些透明flash和一些网页殊效。
在这实训的时间内里，我们分工合作，共同努力，对网页重复调试和修改，特别是对于fireworks软件不那么认识，有很多的实例都要看过老师的演示才会明确，不过这也恰好让我学到更多。
虽然中途难不免会有因为意见的不合而产生一些小小的辩论，但我觉得不影响我们的网页计划，反而会因为这些不同的意见而重新学到更多的知识。
第二篇：
网页设计实训总结实训总结
颠末俩周的实训，我从中劳绩了许多。
原本以为计算机科学导论的实训是纯理论的，得知是上机操纵照旧有一点高兴。
刚打开实训的要求，发现在实训时期我们要学的很多多少。
像word、excel、photoshop、powerpoint、flash、dreamweaver等软件的应用，有些是我从来没有打仗过的，有一些是本身会一点皮毛的。
带着一份告急一份好奇，我开始展开了对这些软件的探索。
按照老师在实训时期给我们的要求，在做word的时候，本来以为很简朴的，后来才发现自己会的只是冰山一角，原来word的用处那么多。
通过训练，我掌握了段落的拆分、移动和复制处理以及段落款式设置，格式、特殊字符的查找和更换，分栏、首字下沉设置，页眉、页脚及页码的设置，插入艺术字体、图片、公式等工具，
图片的旋转和翻转、组合和对齐。
excel在我的意识里只能用来编辑数据，做个表格，没想到还有数据排序和自动筛选、图表的创建和编辑、分类汇总等功效。
photoshop的功效是处置惩罚图片，在实训的时候自己做的那个端午节的粽子是通过这个软件本身绘制出来的，感觉到软件应用的神奇。
ppt由于本身上学期的学习，因此在实训期间做的作业也就得心应手的完成了。
最好玩的软件应该就是flash了，通过几张图片的叠加和处置惩罚，就出现很可爱的动画了。
最让我惊讶的软件当然就是dreamweaver了，它竟然是用来做本身的自己网页的，本来觉得自己做网站是一件很不切实际的事变。
颠末实训时期的学习，我也学会了制作本身的个人主页。
这次的实训让我掌握了办公自动化以及网页制作软件的利用，也能运用word、excel、powerpoint处理文档，能运用dreamweaver、flash、photoshop制作网页了。
总之实训的劳绩颇多。
第三篇：
网页设计实训网站名称：
微言微语个人主页
班级：
j09301班，j09302班
学生姓名：
指导老师：
李向
实训时间：
2020.12.6—2020.12.22
2020年下期网页设计课程实训报告
一、实习目的：
通过教学实习掌握站点制作、站点测试与公布技能。
会综合利用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样式，字体，字号，颜色都同一套用相应的样式。
首页中添加背景音乐，小说音乐《我在那一角落患过伤风》，一边看逐步上移的笔墨，一边听这柔柔的音乐，给人一种意境美。
其实次页面添加《虫儿飞》，轻快而生动。
首页克制右键复制功效，右键单击没有反响。
次首页，就是进入次页面的
第一个页面。
主题算是与芳华有关的三种情感，三张图片，用fi）。
链接页面，前面是我的个人主页logo，一张用firworks做的logo，并创建有关链接，中心是一些笔墨，下面是世界著名网页的有关网址以及相应链接。
附录：
源代码
（1）状态栏逐字出现的效果代码：
language="javascript">var
msg
=
"欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页，请多提意见。
谢谢!
"
;
var
interval
=
120
var
spacelen
=
120;
var
space10="
";
var
seq=0;
function
helpor_net（）
{
len
=
msg.length;
window.status
=
msg.substring（0,
seq+1）;
seq++;
if
（
seq
>=
len
）
{
seq
=
0;
window.status
=
'';
window.settimeout（"helpor_net（）;",
interval
）;
}
else
window.settimeout（"helpor_net（）;",
interval
）;
}
helpor_net（）;
（2）首页收藏代码：
onclick="window.external.addfavorite（'","_blank"）;}
六、实训中遇到的难点及解决办法：
在计划开始的时间，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，结构都没有头绪，后来，开始做，而且以为越做越有头绪了，以是我以为，照旧不要想的太多，太复杂了，不要寻求完善，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题是什么了。
还有就是布局的时候总是不克不及做到很雅观，后来，我把页面属性改了左过距为10，上边距为10，刚好把背景图片里面的那些亮丽的钮扣图案表现出来，改变了表格背景图的昏暗，使网页的团体看起来更雅观了。
在做css样式表的时间，做字的颜色的时间，老是不知道用哪种颜色才搭配的起这个配景，后来，看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。
七、实训心得：
在我看来，设计网页，应该先筹谋，筹谋很关键，加上创意，配色很关键，技术与鉴赏能力是最重要的。
创建站点的时间，各个文件夹取名的时间，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。
在全部配色当中，不同的颜色传达着不同的意义也有差别的象征。
如白色代表着：
清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和雅致的觉得。
太多的颜色会给人带来视觉上的委顿。
所以，在我下载准备素材的时间，就选择用灰色做配景颜色，灰色太缺少，就加上亮色的钮扣起到“中和”的作用。
通过这次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很关键，对付网页制作来说，我觉得是一个以多学科计划为底子，受到包括视觉艺术、技术、内容的多种影响。
网页设计的技能不算什么困难，真正困难的是网页的计划创意，笔墨我以为也很关键，有些人浏览你的网页不是喜欢上你的美丽美丽的图片，也许是喜好上你的笔墨，那种冲动民气的，唯美的笔墨。
文字与图片要搭得上调，不可能用一张美女图做配景，上面却写有关于亲情的文章。
也便是团体的搭配题目。
通过这次实训，使我对于网页制作的三大软件有了进一步的相识，各功效都可以实现。
提高了本身的鉴赏能力，综合搭配本领，也对以前学过的内容举行了综合的温习。
通过这次实训，我更相识到，生存中有很多色彩，搭配颜色的时间，联想到生活中的工具会做的更美丽，给人一种亲切感，如今看到什么工具，我就会遐想到做网页的时间，另有怎么结构。
反正这次实训劳绩许多。
最后，我想，如果此次实训老师是要我们分组来做的话，也许，我们能够做得更好，因为，一个想的终究不全面，而且，一个人的申美有限，我们能够分工合作，一个人做一个方面的工具，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处置惩罚的人做图片，善长文字与结构的就来结构。
但是，也许那样，有些同学会懒的动手，推着给别人做
第四篇：
网页设计综合实训《网页制作综合实训》考核要求
一、课程考核
采用期末大作业与形成性稽核相结合的方法。
形成性考核占50分，视平时参加教学活动和作业完成情况而定；期末大作业考核占50分，根据期末大作业的完成而定。
两方面成绩累计达到60分者为合格。
二、大作业要求
1．学生独立自主地完成源程序量（包含html、javascript、vbscript各种代码均算在内）在500行以上的动态web程序。
2．本课程设计要求所有的脚本步伐终极都可运行。
3.本课程设计中有关web页界面设计部分可以用快速所见即所得类型的开发工具设计（比如frontpage、dreamweaver等）
4.能够鉴戒一些源代码，但是禁止只对界面部分修改后冒充独立开辟产物提交。
5.生应按时（十六周前）、认真地完成课程设计，并作计划陈诉。
6.作业电子稿上传至课程论坛/班级论坛！
第五篇：
网页设计实训报告天津电子信息职业技术学院
暨国家示范性软件职业技术学院网页制作实训报告姓名：
系别：
专业：
班级：
指导教师：
完成时间：
2020
年
6
月
1日
升级会员 