Web开发基础实训报告

2023-03-09 19:11:44 浏览数 (2)

为期一周的实训结束了,终于可以早点睡会了。(此篇报告纯属自己呓语) 作者:Mercury_Lc

工作任务完成情况:

(1)对于页面要求已全部完成,分别为首页、(动漫主题的)主题页、产品 / 服务展示页、设计师个人信息页等页面,对于数据验证还进行了登录和注册页面的设计。

(2)界面简洁美观、交互效果良好。

(3)完成了 js 数据验证

主要创新点:

(1)实现导航栏固定位置,符合大众潮流

(2)引用 js 动态粒子库,进行动态的页面呈现效果,布局产生画布效果

(3)实现轮播、鼠标移动等效果,有良好的视觉效果和体验

(4)进行固定的登录服务和 js 的数据验证,设置了登录的加载页面 css

(5)在鼠标查看作品及作者时产生事件响应、实现下拉列表

(6)使用 div 完成图片产生透明、字体浮现效果

(7)对网页加入了标题头像

收获、体会:

为期一周的实训结束了,在制作网页的过程中,让我感受到最深的就是在网页布局时如何实现美观效果,有时会想一个上午都达不到预期的效果,想要设计出一个网页仅仅靠着几天的实训是无法达到很好的效果的,而且如果想要样式、内容完全分开又要运用 js 内容,确实让我有些难以应付,好在加班加点的写完了所有内容,虽然不能和那些厉害的同学比有多少特效,不过这一点一行的代码,最后我看完都被自己加班加点完成的长度感到些许的惊叹。在记忆中一直在不停的修改,最终在完稿时代码长度 3000 多行,一行多者上百少则十个以上,全都是一个键一个键自己写完,总归,这次的收获是一种潜在而又真实存在的,给我的体会也是从未有过的欢喜,不论结果如何,都为我自己忙碌几天,深夜挑灯描绘完成的作品而感到欣慰,只要不放弃,我一直都可以的。

先说一说内容,当初选题的时候,都看过一遍之后,在线商城、室内设计、设计师作品,这三个都是有考虑的,在线商城已经遍地都是,便也没有再考虑,在室内设计与设计师作品网页的选择上徘徊了许久,再到最后,还是想尝试一下后者,因为自己更喜欢做一些自己设计的东西,当然还有手机端等课题,出于自己技术的考虑,就放弃了,就没有再换课题。

在确定主题后,想做成一个商业性质的设计网站,站内有:相关设计文章、相关于设计的新闻、作品展示、主题分类、设计师推荐、设计公司、友情链接(这个纯属于写博客时的习惯)在这个想法的基础上,便开始了写有关于这个的网页的设计。

主题页:有关于动漫海报主题的展示

首页:有关于设计作品、资讯、设计师的首页,也主要把精力放在这上面的页面

登录 / 注册页面:这个页面选了好久的背景图片,为了视觉效果能够好一些,真是把自己的绝大部分的审美能力都用上了

设计师页面:介绍了他个人的页面,完美符合他的特点

设计作品以及产品服务页面:采用流动布局,整体效果较好

在学习的过程中不断完善自己,也不断地提高自己的能力,自己对网页制作的认识又多了一些,就好像是从一知半解到了登堂入室,虽然有些夸张,不过给我一个网页样式,也知道了对其简单的分析布局,在什么时候用列表、什么时候用表格,以及各种选择器的应用,选择器的权重的理解和认知,还有便是对盒子模型的认知,最初自己写的网页并没有好的兼容行,换个地方就会布局混乱,但是对网页了解的更多一点的时候,对运用 margin 等属性就可以轻松做到了。虽然未能做出让人眼前一亮的样子,不过对于整体来看,能短短几天便让自己完成了如此多的布局也是蛮开心的,更重要的是,没有在繁重的任务下,丢失了自己对网页制作的热爱,而是更加喜欢了在完成作品后令人满意的效果以及让人欣慰的成果。

本次的短短几天的实训,给我带来的不仅仅是写代码的享受,还有着技术布局的学习,效果以及成绩的分享,更多的是一份令自己满意的答卷,让自己难忘的体验和经历。

内心真实的想法:

每天凌晨2点睡的样子,中间掺杂着各种东西让我实在头疼,然而这学期的 Java 还xj搞没了…… 内心在知道测试重要而自己都是xj搞然后结果就像跑了一发while(1)的cc,是真的心凉了,不过还是喜欢写写东西,让自己不至于忙碌了那么长时间然后什么都没留下的好,真的有点爱上前端了(姑且是我认为的前端),写出来让自己舒服的页面,自己看着,也总算是告一段落了,实训的成绩也出来了,结果嘛,当然是蛮好的,(大胆猜测一下),毕竟,那个答辩老师……一直没有…… 不管什么原因,实训好累,不过蛮充实,但真心感觉我需要放假来养养身体了。

0 人点赞