迅雷软件

靳*茹S104班19岁,高中毕业,入校2个月网页作品

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

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

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

【+查看更多】

RIO官网

卢*龙S104班17岁,初中毕业,入校2个月网页作品

在做网页的时候困难肯定是有不少的,当我遇到困难的时候,首先自己仔细的查看错误的地方,如果自己能够解决最好,要是解决不了的话就请教同学,要是同学也不会的话就只能向帅气的教员张老师求救了。

这个网页中运用到的技术主要有marquee标签,设置滚动延迟和滚动距离来实现官网首页图片的自动切换。自定义列表,当鼠标放到上面的时候可以出现下拉列表。锚链接,当鼠标点击链接的时候网页可以跳转到相关的地方,还有就是定位,定位有相对定位和绝对定位,通过慢慢的定位来调整图片和素材的位置来达到在网页中的指定的位置。

终于完成之后感觉还是不错的,看着自己几天的努力呈现在自己的面前的时候心里就很开心很激动,虽然还是有瑕疵。

【+查看更多】

战网

王*磊S104班17岁,初中毕业,入校2个月网页作品

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

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

【+查看更多】

VIVO官网

徐*响S104班17岁,初中毕业,入校2个月网页作品

做这个网页的初衷是手机坏了,想买手机呢!于是就上网搜了一下什么手机功能和价格性价比比较高,结果无意间发现了vivo这款手机,就去浏览了vivo的官网。 当我进入vivo官网的时候,这个页面太漂亮了,简洁、大气,于是就想自己尝试做一下。结果发现还是有点难度的。

做这个网页的标签,首先导航用的无序列表然后给他加了距离,然后用了固定定位给他定在那里,接下来就是marquee标签了给他加大延迟就会形成一闪一闪的效果了,再加一个背景图片,然后又用了无序列表加了两张图片,又加了一个背景图片,然后用了悬浮就会出现一张图片,最后版权就是无序标签然后浮动就会有效果了。

【+查看更多】

男性社区导购类网站

王*宾S105班20岁,初中毕业,入校2个月网页作品

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

形象改造:

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

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

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

生活建设:

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

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

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

个人素质:

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

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

【+查看更多】

甘一客蛋糕网页

马*瑶S105班18岁,高中毕业,入校2个月网页作品

不同的蛋糕代表着不同的含义以及每个人的心情,我希望同学们都可以创造出属于自己的那份甜蜜和精彩。

网页共4页,采用(div+css)布局,使结构更加清晰,明白。整体采用了<\img>标签来插入图片,<\a>标签来设置超链接,<\input>标签来设置文本框。

网页的一大突出点在于网页中间第三部分,采用了<\marquee>标签实现了图片的滚动效果。难点在于中间第十六部分运用了边框,无序列表,<\form>标签等。需要注意的是宽度,高度,内外边距以及背景图片的平铺方式等等。 登录页面使用边框加背景,采用相对定位的方式实现。

【+查看更多】

美食天下网页

刘*月S105班19岁,高中毕业,入校2个月网页作品

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

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

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

【+查看更多】

英雄联盟网页

聂*真S105班18岁,高中毕业,入校2个月网页作品

这个网页的主题是根据搜索英雄联盟的过程做的网页。因为我是个热爱联盟的玩家(以前),所以我就用学过的知识编写了这个网页。

网页分为五个部分:百度首界面、百度搜索结果、英雄联盟官方首页、账号注册界面、视频中心。

前期布局的时候是先用的在网上截的图撑起来网页大小,然后通过设定单个DIV大小把图撤掉然后在大的DIV里面布局,设定一系列的参数来达到预期的效果。为了方便所以网页布局大多数是1 1 1 ..的布局,视频中心上的弹幕是用的滚动标签加上定位的方法来实现的效果。

【+查看更多】

守望先锋网页

岳*飞S105班16岁,初中毕业,入校2个月网页作品

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

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

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

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

【+查看更多】

QQ空间页面

程*文S106班19岁,高中毕业,入校2个月网页作品

不经意间点进了qq空间页面,看到展示出来的页面,想到如果我也做一个既可以巩固一遍学习的内容,同时还可以做出来更好看的网页多好,于是就它啦!

网页的素材还是非常的复杂难以寻求,单看网页的代码,满满的都是一些脚本,应用程序,对于我这个刚学习了一个月的HTML初学者来说像是一本天书,于是就自己截屏截取一下普通的小素材,开始了我的网页制作。

登录界面,单击白色框框中的账号密码登录,然后单击登录。

登录以后就像我们qq空间进去一样,是个人中心界面,然而主要的内容也就在这里,头部,直到内容底下是用网页的标签做的固定的页面。刚开始显示的就是好友动态,内容部分非常简单,左侧放置的是一列固定的内容,右侧也是如此,重点就放在中间的内容,中间放置的是一个比较有意思的标签,<\iframe>内联框架,这时候单击与我相关,看效果……

左右两侧都没有改变,中间的内容改变了,这就是<\iframe>内联框架的神奇之处。

右侧特别关心下面还有一个是我的访客,这个访客中,运用到一个双悬浮,悬浮效果一般都是比较好玩的,鼠标放上去就出现,移过去就会消失,当然,我的知识量还达不到那种跟官方版的那样点一下就出现一个悬浮框架,点X 就会消失,不过不要紧,以后的学习这个是肯定会的。

有没有发现页面有一小块一直跟着在网页的右下角,跟着你的页面不停的跑?这是一个运用了固定定位的置顶标签,置顶,毫无疑问,就是一点就回到顶部了。就这么简单,在这个顶部的下面有个叫热点的东西,把鼠标放在上面,看——小广告!现在网页中最烦最多的也就是一些广告,他跟平时上网见到的广告一样,会跟着你的网页跑,不论怎么翻页它总会跟着你,就是这样实现的。当你懂得了其中的奥妙,网页就好简单!

【+查看更多】

途牛旅游

黄*雪S106班20岁,高中毕业,入校2个月网页作品

想着做什么网页才能把学习到的知识都用上,于是决定做一个不论是否好看,只要把知识点都能用上的网页。看了网上的途牛旅游网主页后,这个网页的布局整齐,虽说看着复杂,但这个网页进行划分,觉得自己可以尝试。

首先,是登录页面的设置,主要是由背景图片和div标签进行设置的。然后是一个注册页面,这个注册页面是背景图片和表格完成的。

最后,对网页进行主页面布局:头、身体、脚,先大致分为这三个部分。

网页的头部,主要运用了

标签来进行划分布局,图中中间的大图片主要是由标签 来实现的,它可以使多个图片根据时间来滚动,更好的展示了图片效果。

网页的身体也是和人一样,进行了左中右布局,左中右的布局像素和头下部一样大。中间主要由几个

标签,进行向左浮动。每一个图片都是一个小的div,由三列两行为一个大的div,令div向左浮动,并且设置大div的宽度、高度。

做完这个网页最大的收获是每个人都能明白,但又不能轻易避免的问题--细心。通过这次网页的制作过程,我最大的感受就是制定网页计划的重要性。

做一个网页要做网页的布局先进行划分然后根据布局进行填充,一个好的计划可以详细制定一个网页的内容,为后面的工作节省很多时间,所以在制作计划时要充分准备。

【+查看更多】

王者荣耀官网

宋*里S106班19岁,高中毕业,入校2个月网页作品

在做网页的过程中我遇到很多的困难,有人劝我放弃,放弃简单,但是我心不甘,我要让自己成为最好的人,至少不能成为最差的人。

下面来进行我的网页简介,不要眨眼,因为我的网页帅的掉渣。

精美的画面令你目不暇接,还有视频赛事,“骚年们”我已经感受到你们的内心在骚动了。进入专题,页面自动开始播放游戏视屏“骚年”是不是有点按耐不住了。我的小手已经开始瘙痒了,迫不及待的等待着要去撸一把了,开黑有人一起吗?

通过这个网页的制作,加上对游戏的痴迷,使我对学习有了更加浓厚的兴趣,这种学习与游戏共同进步的事情何乐而不为呢,总之经过了这次网页大赛,我--也就是你们的小万哥,是受益匪浅啊。感觉自己打“农药”都士气杠杠的,不多说了,开黑去了!

【+查看更多】

剑灵官网

王*宽S106班21岁,高中毕业,入校2个月网页作品

炫酷的游戏画面是每个男孩子都热衷的,我选择了精致而又唯美的《剑灵》。

网页采用了最基础也是最常用的121的布局,大量运用了css美化网页,在网页中加入超链接、表格、表单、图片,再用学过的浮动、溢出处理、盒子模型、定位等知识进行排版和处理制作而成。

在学习网页制作的过程中,我深深体会到“再长的路,一步步也能走完,再短的路,不迈开双脚也无法到达。”你的付出与你的回报终究是成正比的,网页的有趣相比较与java和c#简单易学但网页设计不是用嘴巴就可以设计的,需要的是我们的坚持、创新、用心。

既然已经迈入这个行业,就应该认真对待,并在今后的闲余时间学习制作网页的更多知识以实现自身技能的提高,我坚信将来设计出的网页会更加专业,更加华丽,使它最终成为自己的一项技能。

【+查看更多】

金伯利钻石官网

杨*景S106班20岁,高中毕业,入校2个月网页作品

网页主题是《金伯利钻石》,此网页用的技术是HTML制作软件是Adobe Dreamweaver CS6。

首先,是一个大的div盒子用来做整个网页的背景,然后在原来的基础上在建一个div用来做背景图片,然后再依次放入金伯利钻石的标志以及菜单栏的选项文字。

然后,在菜单的div里面做一个菜单下拉框,当鼠标放在上面时就会出现一个选项框。

这个是用表格还有无序列表做出来效果首先一个div作为背景,背景色调为黑色,然后放入列表六行五列还有跨行(共跨两行)在列表中放入无序列表再加上浮动最后去掉列表前的符号。

页面上的动态效果,是放入3张以上图片然后再加入动态命令,当观看至此处时图片就会有从有到左的效果不停地滚动。

自九月份以来从迷茫到现在的认清自己,感触还是蛮大的,而且通过这个网页也有非常多的收获,比如说做网页时的思路、心态、不知道的学会寻找突破口……这一切都得感谢学校、感谢老师对我们的培养!

【+查看更多】

天猫网页

李*林S107班19岁,高中毕业,入校2个月网页作品

网页仅仅只靠创意是不行的,它更重要的其实是能有更多的实用性。我个人认为好的网页是更能方便人们办理事务的网页,而不是只靠与众不同。

当然创意也是必须要有的,它能够带给客户舒畅的浏览体验,从而更好的发挥网页的商业功能。 我制作的这个天猫网页,其实是源于实用性。当今这个网络大时代,网购肯定是必不可少的。一提起网购,人们肯定首先想到阿里巴巴。对于阿里巴巴,天猫与淘宝是其巨大的网络商业市场,天猫更是其名牌正品汇集市。天猫这个网页的精良度更多的决定了天猫市场的热门度,所以我选择了制作天猫的其中几个页面。

表面看似简单的网页里,其实内容很多。我是一个看中大局而又注重小节的人,在制作过程中,在不影响大局的情况下,我想方设法的往里面加入了很多有趣的小细节,这样网页可以更丰富且富有内容。

制作期间恰巧正逢圣诞节,各家网站皆出活动。天猫网与淘宝网当然不会例外。于是我又做了一个圣诞主题的鲜花售卖网,是不是充满了浓浓的圣诞节日气息?

我认为,想做好网页,基础必不可少,同时要加上孜孜不倦的耐心和独具匠心的创意,相信最终的作品绝对会令自己满意。

【+查看更多】
了解更多

梦想很远又很近,你和梦想的距离

只差一次和老师的对话