这是一个迅雷的网站，一共有6页，开始制作时，在网页的布局上我们都出现电脑分辨率不一样导致页面布局乱的情况，后来在老师的帮助下，通过浮动的方法代替绝对定位解决了。

网页中用到了大部分学过的HTML标签<\div><\ul><\li>等，和一些老师补充的标签,如：<\div>播放视频的标签<\marquee>滚动标签。比较麻烦的就是网页上有太多小的图案，这些图案的原素材都在一个图片上 ，需要用PS把他们一个个截下来，在定位到网页上，我做网页时，十分看中细节问题，总是为了几个文字的颜色选择很长时间。

制作网页是是一件精细的事，需要一点点去布局，去定位，十分考验耐心。

这个网页虽然特效不多，但是实际细节还是非常多的，不用心不可能做的我认为的那么好，感觉特别有挑战！

作品出来之后，与网页比较就显得相形见绌了，我甚至有点失落……不过我还是坚持做我自己喜欢的战网，虽然页面没有达到我满意的效果，但是学到了这么多知识，我已经心满意足了。

这是一个男性社区导购类网站，做这个网页的目的呢，主要帮助男性进行形象改造、生活建设、个人素质等方面的提升。

形象改造：

现在我们处于一个信息大爆炸的时代，

大家的生活节奏都比较快，再加上社交软件的流行，不可能去花太多的时间去了解一个人的内在涵养。大都是通过一个的外在形象，言行和你表现出来的气质去选择你是否和你继续交往。因为我以后想做个成功的男人，一个成功的男人不可

能只有他自己，他身边必然会接触更多的人，让他们对我留下好印象，所以形象改造就是我努力的一部分!

生活建设：

大致包括社交能力、阅读书籍和台球，斯诺克，网球等运动

还有攀岩，跳伞等极限运动，还有练毛笔字，品茶等一些修身养性的习惯（当然有很多现在还都做不了，但是我会努力的！^-^!）。放下手机去感受这个世界的美好！嗯！这是我要做的！如果一个人外在形象像一个商品的包装，那他的生活

就是这个商品的质量！如果只顾着商品的包装，不在乎其质量那就是对别人的诈骗！商品的包装用来吸引人，商品的质量才是留下人的关键！

个人素质：

素质传统意义的上就不说了，大家都知道！我说的这个素质除了传统意义上的那个，更多的一种责任，担当和面对挫折的态度。这个也是我现在所缺少的！我希望自己以后是一个遇到问题就积极的去解决，遇到困难就去挑战的一个成熟男人！我就想知道我在怕什么，为什怕，为什么别人能解决的问题我解决不了，为什么别人遇到困难的时候迎头而上而我要逃避！我就想告诉自己：“我不比别人差，谢谢！！！”

网站整个布局是一个大的div里面包含3个div分别是head ,body,和foot三个div。网站的app下载页面，后面是个mp4视频然后我用个div透明后叠加在上面，然后再进行的控件布局。

感谢老师给我们一个才华展示的机会和舞台，让我能够抱着对专业知识的一种兴趣，一种求知心理，去参加比赛检验一下自己的创新能力及学习水平，在将本专业所学到的知识运用到实践中去的同时充分展示了自己的才华和创新能力。

这个网页主要运用了css技术，其中包括h1——h6的标题标签，<\a>标签，插入图片的<\img>

标签，另外把图片排列好运用了图片的float作用，我们可以设置字体颜色，大小，位置，粗细等等。还可以添加背景图片，让背景图片动起来。这些听起来是不是很牛逼，哈哈，就是网页技术让这些功能都实现了。

做这个网页的原因是因为我特别喜欢这款守望先锋游戏，并且它的官网网页很酷，当时就想用自己所学的知识看看能和官网比，能做到哪种地步。

网页做了三部分一个首页 一个“游戏介绍页”还有一个“英雄页”。

三个网页的顶部和底部都用了内联框架，然后首页插入了两个视频，并用CSS调试大小。

游戏介绍页，做了好长的一部分，大部分都是图片+图片+CSS，考虑到页面太长的原因就在左侧放置了一个跟随鼠标滑动的锚链接。英雄页整体用了官网的背景，然后添加了介绍视频和英雄图片，并用A标签设置当鼠标放在图片上时1：15的大小突出放大图片。