如何用html5+ css div制作一个简单的登录界面

html-css06

如何用html5+ css div制作一个简单的登录界面,第1张

1、按照正常的思路,布局就是div布局,写一个固定下来,作为模板,在每次获取数据的时候使用功能代码绑定数据到布局上面,自动生成页面内容就可以了。

拆分出单个模板来,很明显每项都是一样的

就这个样式写div+css不会吗?

两层div 的嵌套,里面布局排文本标签,image标签就可以了,绑定id填数据,或者遍历填数据。

简单布局是一种,再就是

这种

首先要登陆自己的账号,这个工具是免注册的,微信扫一扫就登陆进去了;

进去后是模板页面,有很多有趣好玩的模板;

点击“我的”进入个人空间;

添加新折页。模板中有很多好玩的游戏,所以我们选择做一个相册;

可以扫码看一下初始的效果,决定了之后点击“开始制作”;

每一个标签页都有自己的内容,可以通过删除和复制自己控制模板的规格;

上传素材替换掉模板中的内容;

可以实时在手机上预览效果;

保存折页的时候记得修改页面上的信息;

好的制作者可是会利用这些信息吸引眼球哦~

在手机上预览没有问题后就可以直接右上角分享给朋友啦!~

1、启动 Visual Studio 2010。

2、在“文件”菜单中,依次选择“新建”和“项目”。将打开“新建项目”对话框。在 Visual Basic 或 Visual C# 中选择“WEB应用程序”,然后将其命名为“HTML5Template”。单击“确定”。

3、在这个项目中添加下面这些文件。

两个分别放置js和css的文件夹:css、js

HTML5基本模板页:index.html

jQuery:jquery-1.4.2.min.js

Modernizr :modernizr-1.5.min.js

HTML5 样式文件:html5reset.css