今天学习了软谋公开课讲的网站换肤的页面,触动特别大,第一次对页面布局有了新的思考。
第一次我开始思考,我在搭建页面是要考虑的不仅仅是页面效果,还要考虑后面js操作时要用到的方法。并且好的页面的布局非常干净,结构一目了然。
<body class="default">
<div>
<div class="theme">
<button class="btn btn-default" btn-name="default">默认</button>
<button class="btn btn-green" btn-name="green">绿色</button>
<button class="btn btn-blue" btn-name="blue">蓝色</button>
<button class="btn btn-orange" btn-name="orange">绿色</button>
</div>
<div class="main-nav">
<ul>
<li><a href="#">首页<span>Home</span></a></li>
<li><a href="#">公司概况<span>Company</span></a></li>
<li><a href="#">新闻中心<span>News</span></a></li>
</ul>
</div>
<div id="content" class="default">
<p>欢迎来到我们的家</p>
</div>
</div>
</body>