项目：微空间

前言：经过了3周的实习，学习了html/css基本语法，自学了一点javascript,本人经过5天的努力，初步完成了微空间项目,废话不多说，下面上干货：

项目名称：微空间

功能模块：登录 注册 主页 留言板 随笔 摄影 音乐 萌宠

项目功能简介：

我的项目为个人空间类网站，题材取自百度网页、QQ空间的图和网易云音乐的歌曲与MV，项目模块分为8大模块，分别为登录、注册链接（链接到个人信息）、主页、留言板（链接到留言板进行留言）、随笔、摄影（点击图片可放大）、音乐（可播放音乐盒界面和MV）、萌宠。

在网站制作中，我运用了网页布局的一系列效果以及连接等，包括图片、文字、视频等连接，文字和图片滚动、动态图、表格、分栏等效果。

技术总结：

通过本次实习，我接触到了网页设计方面的知识，学习了html标记语言和css样式的基本命令使用，如何创建链接，html文档内容如何布局，如何创建表格、表单等。这次实训熟悉了html网页、css知识的使用，对于WEB的前端开发有很大的帮助，为我以后的学习节省了很多的时间和精力。由于本项目功能还不完善，在后期的学习中，会继续本项目的完善。

成果展示：








图1 登录和注册模块示意图

主要界面如下：










图2 主页模块示意图





图3 留言板模块示意图





图4 随笔模块示意图



图5 摄影模块示意图



图6-1 音乐模块示意图



图6-2 音乐MV界面示意图



图6-3 音乐歌词界面示意图



图7 萌宠模块示意图









很遗憾，CSDN上传图片大小不能超过2M，否则上传.gif图片的效果更佳，将就着看吧。

如果读者对此项目感兴趣，需要自己下载图片替换掉代码里面的图片，并修改图片路径即可。



项目源代码：https://github.com/yaoyaoyanxiao/weikongjian

经验总结：

在本项目中，首先我构思了整个网页的框架和布局，然后开始上网搜集所要用到的素材，并利用LICEcap软件制作了动态效果图。在制作网页的过程中遇到不会的知识点就翻看老师讲过的笔记或者向老师和同学请教，以及百度解决办法，在此过程中遇到了很多问题，比如说360浏览器不支持HTML视频播放，要用火狐浏览器才可以（在此纠正一下，用360安全浏览器8.1现在是可以播放视频的，此问题已经得到解决）。经过了5天的努力已经把网页建立起来了，之后再对网页进行不断地完善。

在这次项目的制作过程中，提高了我解决实际问题的能力。在今后的学习工作中，肯定也会遇到许多困难，当遇到困难时不能过多的依赖别人，要自己想办法并积极的去解决，遇到困难，“无志者千难万难，有志者千方百计”，因此不能轻言放弃，当困难得到解决，会收获满满的成就感，这也是我在这次实习中很大的收获。