网页设计实训体会感悟Word文档下载推荐.docx
- 文档编号:22876234
- 上传时间:2023-02-05
- 格式:DOCX
- 页数:9
- 大小:31.01KB
网页设计实训体会感悟Word文档下载推荐.docx
《网页设计实训体会感悟Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《网页设计实训体会感悟Word文档下载推荐.docx(9页珍藏版)》请在冰豆网上搜索。
原本以为计算机科学导论的实训是纯理论的,得知是上机操作还是有一点兴奋。
刚打开实训的要求,发现在实训期间我们要学的好多。
像word、excel、photoshop、powerpoint、flash、dreamweaver等软件的应用,有些是我从来没有接触过的,有一些是自己会一点皮毛的。
带着一份紧张一份好奇,我开始展开了对这些软件的探索。
按照老师在实训期间给我们的要求,在做word的时候,原本以为很简单的,后来才发现自己会的只是冰山一角,原来word的用处那么多。
通过训练,我掌握了段落的拆分、移动和复制处理以及段落格式设置,格式、特殊字符的查找和替换,分栏、首字下沉设置,页眉、页脚及页码的设置,插入艺术字体、图片、公式等对象,图片的旋转和翻转、组合和对齐。
excel在我的意识里只能用来编辑数据,做个表格,没想到还有数据排序和自动筛选、图表的创建和编辑、分类汇总等功能。
photoshop的功能是处理图片,在实训的时候自己做的那个端午节的粽子是通过这个软件自己绘制出来的,感觉到软件应用的神奇。
ppt由于自己上学期的学习,因此在实训期间做的作业也就驾轻就熟的完成了。
最好玩的软件应该就是flash了,通过几张图片的叠加和处理,就出现很可爱的动画了。
最让我惊讶的软件当然就是dreamweaver了,它竟然是用来做自己的个人网页的,本来觉得自己做网站是一件很不切实际的事情。
经过实训期间的学习,我也学会了制作自己的个人主页。
这次的实训让我掌握了办公自动化以及网页制作软件的使用,也能运用word、excel、powerpoint处理文档,能运用dreamweaver、flash、photoshop制作网页了。
总之实训的收获颇多。
网站名称:
微言微语个人主页
班级:
j09301班,j09302班
学生姓名:
指导老师:
李向
实训时间:
2014.12.6—2014.12.22
2014年下期网页设计课程实训报告
一、实习目的:
通过教学实习掌握站点制作、站点测试与发布技术。
会综合利用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、进行站点测试后申请免费空间并发布到网络。
四、网站设计思路:
本站应该算是一个人主页的小型网站。
关于本站站名的来源:
微言微语个人主页,因为,我觉得这个网站里面的所有文字都是像一个人在自言自语,在低声地向某人诉说着什么,没有主题,没有目的。
取这个站名,是做了网站的大概构思后才取的,觉得,这个名字与网站的图片、背景音乐还有文字都很相符。
个人主页,一般都会包括首页,相册,链接,一些个人喜欢的文字加图片,我的个人主页也不例外,包括次首页,我的作品,文章,相册,关于,链接,反馈表。
五、网站设计过程:
把所有的素材都整理好,开始布局。
此站大多数用的是“三”字型的,三字型是我给它取的名字,因为,最开头是一张带有导航条的图片,用firworks处理过的html文件,中间一大片用于放正文,下面就是版权信息,e-mail地址用来接受用户垂询;
联系信息,如普通邮件地址或电话,像被分开的三个部分,所以我叫它三字型。
这种布局方式看起来比较的整齐,简洁美观。
首页本想做一个动态网页,由于时间有限所以还没完全成功。
只好用了一张与次页面一样的背景图片做背景,加上从下向上的滚动字幕,背景图片是用firworks处理过的图片,大片的灰色墙壁加上颜色艳丽的钮扣图案,首页加了状态栏逐字出现的效果,加了“加入收藏”、“设为首页”等代码。
次页面包括如下些内容:
首页、作品、文章、相册、关于、链接以及反馈表。
这些页面是用模板做的,上面的图片,导航条以及下面的版权联系方式是不用改变的,都保持着首页的风格,背景图一样,字体与样式一样,图片风格一样。
中间是两个可编辑区域。
在所有的页面导航条下面,插入层对象制作了一个层动画,来回移动的层,里面存放日期,利用行为面板为此层添加了鼠标行为,单击此层,会出现对话框,“欢迎您访问我的个人主页!
”,做布局大多使用表格布局,使用了少量的css样式,字体,字号,颜色都统一套用相应的样式。
首页中添加背景音乐,小说音乐《我在那一角落患过伤风》,一边看慢慢上移的文字,一边听这轻柔的音乐,给人一种意境美。
其实次页面添加《虫儿飞》,轻快而活泼。
首页禁止右键复制功能,右键单击没有反应。
次首页,就是进入次页面的第一个页面。
主题算是与青春有关的三种感情,三张图片,用firworks处理,加上相应的文字。
要用到两个表格,分别放在两个可编辑区域里面,一个1*2的表格,一个2*2的表格,第一个表格放一张有关于亲情的图片加一小段文字,第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。
作品页面是三个flash动画,第一个是左右键控制的图片移动按钮,可以单击来链接到主页面,四个图片经过裁剪、高斯模糊。
第二个是光芒四射,要用到actionscript语言,长短不一的线条加上透明度的改变组成光芒四射。
第三个是鼠标跟随特效。
文章页面,就是简单的文字页面,没有什么特别的。
相册页面,上面是一个用firworks处理后的一组图片,鼠标移到小图片上,下面做出现相应的大相片,中间有少量文字,底部是用flash做的一组循环滚动图片,图片跟着鼠标的移动而左右移动。
关于页面,也是简单的文字页面,没什么特别的,“个人简历”文字链接到word文档“个人简历”,下面有个信息反馈的链接,链接到有关的“浏览者信息反馈表”,此信息反馈表用表单做的,用到单行文本域,多行文本域,单选框,复选框,按键,此表单可以用邮件方式反馈信息。
链接页面,前面是我的个人主页logo,一张用firworks做的logo,并建立有关链接,中间是一些文字,下面是世界著名网页的有关网址以及相应链接。
附录:
源代码
状态栏逐字出现的效果代码:
varmsg=“欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页,请多提意见。
谢谢!
“;
varinterval=120
varspacelen=120;
varspace10=““;
varseq=0;
functionhelpor_net{
len=msg.length;
window.status=msg.substring;
seq++;
if{
seq=0;
window.status=‘‘;
window.settimeout;
”,interval);
}
else
helpor_net;
首页收藏代码:
onclick=“window.external.addfavorite;
}
六、实训中遇到的难点及解决办法:
在设计开始的时候,想的太多,不知道怎么开头,定哪个主题,背景,色调,文字,布局都没有头绪,后来,开始做,而且觉得越做越有头绪了,所以我觉得,还是不要想的太多,太复杂了,不要追求完美,不要做的网页太多,搞到最后,别人都不知道,你这个网站的主题
是什么了。
还有就是布局的时候总是不能做到很美观,后来,我把页面属性改了左过距为10,上边距为10,刚好把背景图片里面的那些亮丽的钮扣图案显示出来,改变了表格背景图的灰暗,使网页的整体看起来更美观了。
在做css样式表的时候,做字的颜色的时候,老是不知道用哪种颜色才搭配的起这个背景,后来,看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。
七、实训心得:
在我看来,设计网页,应该先策划,策划很重要,加上创意,配色很重要,技术与鉴赏能力是最主要的。
建立站点的时候,各个文件夹取名的时候,最好用相应的英语,见名知意,如图片文件夹用image,网页文件夹用html。
在所有配色当中,不同的颜色传达着不同的意义也有不同的象征。
如白色代表着:
清洁、天真、洁净、真理、和平、冷淡、贫乏;
灰色让人联想到灰尘、石头、水泥、白银,象征着中庸、平凡、温和、谦让,它给人以中立和高雅的感觉。
太多的颜色会给人带来视觉上的疲劳。
所以,在我下载准备素材的时候,就选择用灰色做背景颜色,灰色太贫乏,就加上亮色的钮扣起到“中和”的作用。
通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要,对于网页制作来说,我觉得是一个以多学科设计为基础,受到包括视觉艺术、技术、内容的多种影响。
网页设计的技术不算什么困难,真正困难的是网页的设计创意,文字我觉得也很重要,有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片,也许是喜欢上你的文字,那种感动人心的,唯美的文字。
文字与图片要搭得上调,不可能用一张美女图做背景,上面却写有关于亲情的文章。
也就是整体的搭配问题。
通过此次实训,使我对于网页制作的三大软件有了进一步的了解,各功能都能够实现。
提高了自己的鉴赏能力,综合搭配能力,也对以前学过的内容进行了综合的复习。
通过此次实训,我更了解到,生活中有许多色彩,搭配颜色的时候,联想到生活中的东西会做的更漂亮,给人一种亲切感,现在看到什么东西,我就会联想到做网页的时候,还有怎么布局。
反正此次实训收获很多。
最后,我想,如果此次实训老师是要我们分组来做的话,也许,我们可以做得更好,因为,一个想的毕竟不全面,而且,一个人的申美有限,我们可以分工合作,一个人做一个方面的东西,也可以根据他所善长的方面来分工,善长动画制作的人做动画,善长图片处理的人做图片,善长文字与布局的就来布局。
但是,也许那样,有些同学会懒的动手,推着给别人做
《网页制作综合实训》考核要求
一、课程考核
采用期末大作业与形成性考核相结合的方式。
形成性考核占50分,视平时参加教学活动和作业完成情况而定;
期末大作业考核占50分,根据期末大作业的完成而定。
两方面成绩累计达到60分者为及格。
二、大作业要求
1.学生独立自主地完成源程序量在500行以上的动态web程序。
2.本课程设计要求所有的脚本程序最终都可运行。
3.本课程设计中有关web页界面设计部分可以用快速所见即所得类型的开发工具设计
4.可以借鉴一些源代码,但是禁止只对界面部分修改后冒充独立开发产品提交。
5.学生应按时、认真地完成课程设计,并作设计报告。
6.大作业电子稿上传至课程论坛/班级论坛!
天津电子信息职业技术学院暨国家示范性软件职业技术学院
网页制作实训报告
姓名:
系别:
专业:
班级:
指导教师:
完成时间:
2014年6月1日
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 体会 感悟