美文网首页
2018-09-11——怎样根据效果图写html框架

2018-09-11——怎样根据效果图写html框架

作者: 兔子Tony的主人 | 来源:发表于2018-09-16 22:22 被阅读0次

首先从最外框到最内框写好相关的div,初期可以根据模块划分div,后边再慢慢的分解每一个模块的div的内容
当然,div可以用其他html5的语义化标签替代
然后,为每个div写最基本的宽高样式,同时如果能将边框和margin添加上最好。后边添加的话,就要修改宽高了。
大的框架可以和设计图对应后,就可以完善细节了。
考虑到现在的前端,像后台管理类的应用界面,基本上都是引用框架,像按钮,输入框等一些细节的结构,都有了默认的大小,是否还要根据设计图去调,这个我觉得根据团队的情况来做吧。还有一些框架性的,比如栅格,不一定就会像设计图那样。也根据具体的项目去调整了。
这里记录一些自己的想法。

相关文章

  • 2018-09-11——怎样根据效果图写html框架

    首先从最外框到最内框写好相关的div,初期可以根据模块划分div,后边再慢慢的分解每一个模块的div的内容当然,d...

  • 每日签到js

    效果图: style: html: 根据网上大佬写的代码结合实际业务进行二次开发。

  • 点击按钮传值

    效果图?: 1.首先搭一个框架,写HTML和css里面的布局,把界面搭好-----? 2.在js里面实现点击效果 ...

  • 麻瓜周一习题

    写页面 lesson1 效果图:

  • 2018-08-14day-22作业

    用HTML写一个登录界面 效果图

  • android爬虫-Fruit

    效果图 网站效果: 手机展示: 概述 Fruit是一个解析html的框架。可以将html文件解析成本地实体文件。 ...

  • 特征布局2,3

    html: css: 效果图: html: css: 效果图:

  • 2020-11-21简单留言练习

    效果图 在输入框里面输入内容,点击发布按钮可以实现留言,且放在最上面 html框架 JavaScript框架 难点...

  • vue + iview upload多张图片上传

    1、实现效果图: 2、HTML: 3、JS: 4、回显只需根据业务逻辑给 uploadList 赋值;

  • Html-day001

    此乃学习笔记 一、Html语法基本框架 已上框架为Html的最基本框架, 写程序的时候建议先把框架写下来, 再添加...

网友评论

      本文标题:2018-09-11——怎样根据效果图写html框架

      本文链接:https://www.haomeiwen.com/subject/kwjpgftx.html