实训作品35AKB48之家
制作学生:BW110435潘路峰
指导老师:万爱霞
1实训作品介绍
本人酷爱日本少女组合AKB48,尤其是其中的“小虎牙”坂野友美和麻友友。平时总爱听AKB48的歌曲,看她们演唱会的视频,只可惜现在无法去日本亲身感受她们的魅力。适逢计算机实训周,万老师让我们做一个自己感兴趣的网页,于是我便抓住这次机会,制作了这个关于AKB48的网页。
该网页主要介绍了AKB48这个组合的由来,各位成员,以及该组合的单曲,影视作品,参与的综艺节目,并在最后附上了问卷调查,以便更好地了解大家对该组合和本网站的看法。
2实训作品效果图
首页
团体介绍
成员介绍
作品节目
网址链接(由于网络问题无法连接)
问卷调查
3设计思想
水晶鱼3.1功能设计
网站设计说明
表单,再在表单中嵌套表格来制作用户登录界面。整体风格粉嫩可爱,富有女生气息,给人一种温馨的感觉,让人有忍不住浏览下去的冲动。
2.主页中采用的主要元素说明:主页采用表格布局,大小为80%,居中。在表格中插入有三张图片,并且之前用photohop对图片进行过预处理,保证其大小合适,避免用户打开网页时耗费太多时间。对于每张图片我都在涉及代码中对表格中的宽,高进行了调整。在装饰背景方面,我大胆的采用了粉红的背景图片,来加强可爱气息。文字方面则采用了CSS制式,不同文字都有不同的格式,给人一种五次斑斓的感觉。
3其他页面设计:
在后面所有的网页上我都插入了一个返回到首页的图片链接。
团体介绍网页:我插入了一个2某2的表格,放入了两张图片和一段文字介绍,并在设计代码中对其进行了行宽的调整。
团队成员网页:我采用了超链接和锚点连接相结合的方法,在顶端和图片旁使用锚点连接,在最顶端使用超级链接,使得浏览者能获得最好的视觉体验。
约翰库萨克
主要作品网页:我采用了文字叙述的表现方式,但为了缓解浏览者的视觉疲劳,添加了不同的文字背景,并对文字的篇幅进行了处理。
网址链接网页:设计了四个网址链接,来丰富大家对于AKB48的了解。
李小璐 王思聪用户调查网页:为了更好的了解浏览者对于AKB48的看法,方便我网站今后的改进,我在最后运用表单和表格设计了一个用户调查界面,并且通过有奖竞猜的措施来鼓励大家。
3.2技术应用
1.图像处理过程
首先,我新建了一个适合主页像素的图层,涉及该图层为绿,并在该图层上新建了一个文字图层,键入“AKB48之家”,并且文字采用不同的颜,字体,营造更好的视觉效果。然后,我对“AKB48之家”这一主题进行了滤镜处理,并对相应数值进行了微调。
2.动画制作过程
首先选取了四张图片,并用photohop对图片大小进行了处理,随后通过创建关键帧,插入
传同补间来实现图片替换效果
2.图片大小处理过程
在进行图片插入的时候,我敏锐地注意到了图片尺寸与表格大小的不符,出现图片不能填满表格的现象。于是我在设计代码中对图片进行了调整,通过对图片高宽的调整,很好的解决了这一问题。
3.3作品特
毫无疑问,我的作品的特就是主打可爱风,通篇给人一种发自内心的美感,并且详细地向大家介绍了AKB48这个组合的情况,增加了大家对于她们的认识。整个作品让人有一种眼前一亮的感觉,不落于俗套,不会引起浏览疲劳。希望大家以后能多多关注这个组合,感受一下她们的魅力!
3.4技术难点
该作品的技术难度主要体现在以下几个方面:
akb48
1,如何制作好用户登录界面与用户调查问卷,使之人性化,便捷化
2,如何处理好各个网页中图片的尺寸问题,提升图片浏览效果
失踪人口结局3,如何正确制作网页中的文字,图片的超链接,以及锚点连接,使用户浏览信息更方便4,如何搭配网页中各个元素的颜,背景,使之符合主题
5,如何使用photohop和flah来制作标题和动态图片
6,如何正确新建站点以及保存自己所运用的各个元素
廖景萱qq4实训体会
一份成品的背后总是有无数的汗水,不克服困难是无法取得成功的。在这次的计算机网页制作中,我遇到了一系列的无法想象的困难:1,在网页制作的保存上我就犯了傻,在一开始并没有进行站点管理,而是直接做了起来,幸亏他人的及时提醒。但在之后网页制作完成,我却并没有把素材都保存到网页的根目录,结果就导致了在网页浏览时图片无法显示,过了好一会我才意识到这个错误,并进行了纠正,;2,在整个网页的布局上我也遇到
了很多困难。首先是在大表格上,在一开始我并没有考虑到页面美观的问题,大表格都没有居中放置,在老师的提醒之后我才将其改了过来。其次是在用户登录和用户调查表单方面,这是在老师做了相应的演示之后我才有了灵感,并且制作了自己网站的该类界面,并且采用有奖调查的方式来鼓励用户进行参与;3,对于插入图片在整个网页表格中的显示问题,我一开始也是一头雾水的,弄了半天也没搞明白。后来在老师的指点以及自己的参悟下,我到了解决的办法,那就是要在设计代码中修改图片的尺寸,比如将其宽改为百
分之一百等等,使之在网页中填满空白区域;4,在网站中元素的超链接和锚点连接上我还是比较顺利的,只是在最后的图片连接上出了点小问题,一直没能解决。咨询老师才发现是自己没有选中图片插入超链接,如此粗心大意的毛病以后不能再犯了;5,对于自己网站各个元素的颜,背景,我也是花了一番功夫的。因为自己主打的是AKB48这个少女团体,所以在一番思考之后决定走可爱路线。于是我挑选了粉这个代表少女的颜来作为整个网站的背景,并且在文字信息的处理上尽量使用不同的字体颜,来舒缓浏览者的身心,避免视觉疲劳,6,在整个网站的标题上,我想了很长时间,最终决定使用“AKB48这个标题”,意为这是所用AKB迷的爱之家,大家可以在这里看到自己喜欢的偶像,了解到相关的信息。随后我用photohop来制作了标题。由于是在很久之前学的该软件,所以操作上
显得十分生疏,以至于连滤镜什么的都忘记了,过了一段时间才慢慢回感觉。我是在一个绿背景图片上新建文字图层“AKB48之家”的,并且对文字的大小,颜,字体等进行了相应的调整,最后运用滤镜中的打磨效果,使之更加美观。而在flah中我则遇到了更大的难题,制作出来的动画无法播放,在经过同学的帮助之后才知道自己没有创建补间,在经过纠正之后我顺利作出了首页的动画。
发布评论