你的位置:首页 > 软件开发 > 网页设计 > Day_11.给新人follow代码想到的

Day_11.给新人follow代码想到的

发布时间:2015-12-18 12:00:07
这两天让新人(刚毕业,此前未接触前端)切了个页面,发现了很多问题,联想到自己初入前端的时候因为没人带不可避免的也走了很多弯路,所以借着跟他讲解的机会,在这里把新人切页面中常见的问题和不好的习惯列举一下。首先上psd:他给我的结果是这样的:首先来分析一下页面上最直观的问题:导航栏分 ...

Day_11.给新人follow代码想到的

这两天让新人(刚毕业,此前未接触前端)切了个页面,发现了很多问题,联想到自己初入前端的时候因为没人带不可避免的也走了很多弯路,所以借着跟他讲解的机会,在这里把新人切页面中常见的问题和不好的习惯列举一下。他给我的结果是这样的:Day_11.给新人follow代码想到的

首先来分析一下页面上最直观的问题:

  1. 导航栏分割效果没有加:对于前端工程师这个岗位,仔细!仔细!仔细!重要的事情说三遍。

  2. banner图按钮切的是个什么鬼。

  3. 右方背景图缺失,一看就是把整个背景切成了一张大图,在小屏幕电脑上满满的认为自己做的perfect,一到了大屏幕上傻眼了。这么做有两个缺点:一是适应效果差,如图中,而是资源过大,网速慢的时候你看到的是一张白屏背景。

  4. 右侧列表用了ul和li的组合,很多新人不知道dl>dt>dd的组合,比ul>li的组合放在这里更合适。

  5. 字体未设置

  6. a标签默认的样式没有去掉

  7. footer中的文字垂直未居中

下面再来看一下代码:

Day_11.给新人follow代码想到的

  1. 乱用id名称,把导航写成了banner,把banner写成了header,很多新人会觉得不以为然,只要我写的样式和标签一一对应不就行了吗?这么写,首先别人看上去就会觉得你很low,还有就是,搜索引擎的seo根本不认识你写的代码。

  2. 不懂得使用class定义公共样式,小红点竟然每个标题都加了一次。Day_11.给新人follow代码想到的

    原标题:Day_11.给新人follow代码想到的

    关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录