这一周统一界面风格的感触与收获
我们团队分了四个小组,分别做不同的模块,尽管说有一些地方有重叠交叉的部分,但是我们之间还是缺乏沟通与交流。一开始我考虑的是让一个人先把大体界面用绘图软件画出来,大家再比着这个样子去进行网页的制作,这样就可以保证所有人的界面风格大体是一致的。但是由于时间原因,以及我们团队里没有美工方面擅长的成员,因此这个计划就被搁置了,到最后,只是我给大家一个整体感觉的把握与描述,然后还是各个小组做各个小组的界面。结果就可想而知了,每个小组之间的界面风格差异太大,根本不能融合到一个项目中去。此时正处于决定博客名称的时候,于是,等大家定了我们的博客系统名字为“星空”以后,我就开始,以这个名字做主题,把所有已经做好的界面全部改成了有关于星空风格的界面。我的对于界面的改动很大,因此产生了各种各样的问题,有一些我之前都没有遇到过的,调页面的过程也让我学习到了很多,下面我就简单的说一下我的一些收获与小技巧。
首先是关于页面背景图片的问题。之前做网页很困扰我的一个问题就是怎么找到合适的背景图片,因为在网上找的背景图片,总是会因为像素问题,尺寸问题而困扰我,虽然有的地方搜图可以选择搜大尺寸的图片,可是还是很难搜到理想的足够清晰又足够大的图片。后来我发现了一个小技巧,那就是用搜狗壁纸,众所周知,壁纸嘛,肯定大小是足够了,清晰度也不用担心,剩下的问题就是怎么找到合适风格的图片了,这个确实还要费点功夫。可以直接搜索关键字,也可以分类查看,但是在找图这一方面,搜狗壁纸做的还不是特别好,不如在网上找图更能找到理想样子的图片。但是经过耐心的搜索,还是能有不错的结果的,总体来说,我觉得这是一个可以选择的获取背景图片的途径,如果你自己不会做图的话。
其次是我在调CSS格式的时候遇到的一些问题和解决方法。有一次我在调一个元素的css属性的时候,发现怎么调都跳不出效果,但是我明明在css文件里面定义了这个属性,但就是不见效果,最后我发现原来是之前做这个页面的同学已经定义过这个属性了,我再重复声明就没有起作用,于是我删除了之前的定义就出来效果了。
在调整主页的时候,我加上了一个超链接,字能够显示,但是超链接却怎么都点不动,弄了半天才了解到,原来是div叠加的问题,当我把含有超链接的div的z-index设大就可以正常点击跳转了。
在主页我加了一个图片轮播的效果,找了许多很棒的跟星空相关的图片,想要加进去,但是图片的大小成了一个让我很头疼的问题,我不想剪裁图片,因为那样子虽然在笔记本上显示完美,但是到了屏幕尺寸较大的台式机上显示效果就不那么乐观了,但是不剪裁图片的话,图片只能显示最上面的一部分,而恰恰图片的最下面才是最重要最需要展现出来的部分。想了很久,我才想出来,把图片置于底部,这样就可以无论是多大的屏幕都可以把底部最重要的内容显示出来了。这样子笔记本显示效果很好,台式机显示更多的图片上面的内容效果也十分理想。
这就是我调整完善界面时的一些新的体会,虽然都是一些不算是技巧的简单的东西,可能分享出来对于别人没有什么帮助,但是我自己在这个过程中确实收获良多。