Web开发基础实训报告

为期一周的实训结束了，终于可以早点睡会了。（此篇报告纯属自己呓语） 作者：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，是真的心凉了，不过还是喜欢写写东西，让自己不至于忙碌了那么长时间然后什么都没留下的好，真的有点爱上前端了（姑且是我认为的前端），写出来让自己舒服的页面，自己看着，也总算是告一段落了，实训的成绩也出来了，结果嘛，当然是蛮好的，（大胆猜测一下），毕竟，那个答辩老师……一直没有…… 不管什么原因，实训好累，不过蛮充实，但真心感觉我需要放假来养养身体了。