网易-天空网页
项目名称 | 网易-天空网页 |
项目开发 | T09 |
项目说明 | 选择做这个网站是因为网易是较大型的门户网站,涵盖的内容和技术较为全面,可以锻炼到处理庞大代码的能力。 |
这次网页制作大赛,我是参考了现有的网站,分别做了四个不同主题的页面,而且都涵盖了我们所学的网页制作知识。这四个网站分别是网易的主页面、天空网页公司的主页面、邮箱的登录页面和网易网上商城页面,这些网站都是我们生活中经常接触到的。后三个网页都可以从网易的主页面的超链接里点出来,不同的风格,但也有一定的联系。
网易——选择做这个网站是因为网易是较大型的门户网站,涵盖的内容和技术较为全面,可以锻炼到处理庞大代码的能力。我制作的整体布局是以DIV+CSS作为基础,做出来的效果跟原来的网站基本上是一样的。要想布局都漂亮整洁,关键是用好float。对于处理大量的文字和图片的混排,我比较喜欢用div的嵌套,可修改性和重用性相对会比较好。我还用到了Spry选择卡式面板,使网页在最小的空间内展示最多的内容。
天空网页公司——这是一家公司网站的主页。一些公司的网站是很简洁明了的,他们不需要太多内容和繁杂的东西。这网页的特色就是div的边距做的很好,运用最基础的东西,做出最好的效果。
邮箱的登录页面——登陆页面是网页制作的一个重要项目。这页面是以设置登陆框为主,布局较为简单,重点是按钮,复选框,下拉菜单,文本框,文字样式的综合运用。
网易商城—这页面主要是对图片的布局和处理。其实一个页面是有很多重复的布局和内容。只要你开始的模板做好,下面的都可以重复利用,提高效率,达到很好的效果。
网页制作大赛制作心得:
这四个网页,我用了整整7天地时间来完成。所有的代码都是自己一行一行打上去的,将近有1400行的代码。完成后看到自己制作的整齐页面,自己心里都感叹。其实在制作页面的时候我也遇到过很多的问题,想要的效果做不出来,布局怎么调都不整齐等等,但遇到问题的时候千万不要放弃和灰心,只要你沉下心,试一下其他的方法,或者问问别人总是会解决的。可能很多同学都可恼这个问题,想要做的效果做不出来,毕竟我们现学的知识是有限的,但千万不要放弃,自己要学会自学来解决问题,这样才会比别人多会一点技术,才会更有竞争力。比赛到最后,已经感觉不到这是个比赛了,这是个交流会。同学们都把自己的技术show出来,让我们都打开眼界,获益匪浅。
从一开始烦恼挑选做哪个网站,到最后成品展示,这个过程中真得学会很多,获得很多。希望中心能多举办这样的活动,促进同学之间的交流,还可以让我们的技术和能力进一步的提高。
- 上一篇:设CF穿越火线官方网站
- 下一篇:亿贝CALL