全国服务热线:4008-888-888

技术知识

Blog设计方案 网页页面设计方案的地方女作

笔者设计方案的第1个网页页面,以下图:
   
    入行7年了,1直做程序流程和新项目管理方法,美工这水是几乎没趟过,可是每日被美工耳闻目睹,再再加嵌套循环网页页面时被IE6、Firefox等访问器的适配折磨的欲死欲仙,使得自己已具有了1定的网页页面设计方案基本,伴随着企业网站的全面改版,终究下定信心,自身搞1个Blog的页面出来。

    如何说也是个做全过程序的,页面的美观大方度,特别是编码不可以太寒酸了,因而参照了很多牛X的Css架构,选定了1个轻量级的刚开始着手。

    万事开始难,Div+Css合理布局还不太搞清楚是咋回事,但是大约了解便是把层float来float去的,因而在架构的基本上刚开始float。上下构造,多列合理布局,定宽高,上下波动,很快网页页面架构就出来了,貌似挺简易的昂。

    第2步,往架构里填內容,头像放进去了,不大好看,因而乎就想,弄个圆角吧,但是blog的头好像客户传的,客户可不容易自身弄圆角的,来看還是的用款式操纵,上网1查,我天,CSS的好不便,还的弄4个DIV鼓捣半天,舍弃之,找现成的吧,Google搜出来个《圆角框组件--冰极峰》1看编码Js的,国产,写的也很是不赖,出示多种多样圆角的完成方法,启用简易,就用它了,头像的圆角难题处理之。

    第3步:选项卡实际效果,Blog的种别切换想用选项卡的实际效果完成,如何弄呢?回答便是 ------- Jquery,现成的用惯了谁还自身折腾啊,上网1搜,出来1大片,甄别、挑选,最终决策用个简易的,能完成切换和淡入淡出实际效果,编码往里1扔,款式和照片稍作调剂,哦了,真不能思议,是我太有才了還是自身就这么简易。

    第4步:加点动态性实际效果吧,本人较为喜爱花哨的物品,看见网站上飞来飞去的实际效果就挺开心,但是blog里有甚么可花梢的呢,还真沒有,因而乎,在最下面精英团队组员处搞个小实际效果吧,還是那句话:现成的用惯了谁还自身折腾啊,打开之前梳理的Jquery殊效,终究找见1个能派上用处的,实际效果看着还挺牛X的,这个东西看着漂亮,但是整起来还挺费力,但是终究還是搞定了,看看实际效果吧。
   
    第5步:申请注册、登陆按钮,目录等內容,这个简易,3下5除2就弄完了,刚开始离去IE7挑戰别的访问器的适配性,IE61开启,我靠,网页页面变的相貌全非、不忍直视,这可咋整,难道说我做的页面就这么敏感么?不可以啊,把CSS的专业知识库开启,甚么IE6的3像素Bug,Firefox的专用款式这些这些,这才刚开始现学,学完发已经经第2天地午了,不可以白学啊,改吧,这才1点1点调剂款式,终究,在第3天夜里整完了,长出1口气,几个访问器主要表现基础1致了,1个网页页面搞了3天半,比大家的美工高效率真是差了10万8千里,但是還是有很多细节解决是可圈可点的,1股莫名的造就感溢于言表,看着自身的处女座手游大作,喜极而泣!

    做为1个web程序流程员,不懂CSS和JS是悲哀的,而做为1个美工,对程序流程和JS架构漠不关心也是一样悲哀的,程序流程和美工相交的地带有许多工作中必须做,也是有许多细节必须解决,便是由于观念到这1点,笔者才硬着头发去搞页面,最终的客观事实也证实,由熟习程序流程的人设计方案出来的页面,因为在设计方案时就很多考虑到了程序流程员在嵌套循环网页页面时会遇到的艰难和不好要素,并提早将其提升,使得程序流程员嵌套循环编码时事半而功倍,很多节约了开发设计成本费和调节時间,如今的公司早已愈来愈注重协作和对接,要想弥补程序流程和美工对接的空白地带,还必须各位同仁在对方的行业里多1点涉足和科学研究,另外也多1点了解和适用,别小视这1点点发展,它带给你的将会会是质的提高。
    现阶段该页面程序流程早已嵌套循环结束并上线检测,浏览详细地址http://blog.transnal.com,欢迎各位大侠前来拍砖!


在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服