1、HTML认识的新标签
nav:配合标签a,可以用来设置简单的菜单栏;nav、ul、a可以设置导航栏
fieldset、legend:这个可以用来画带有标题的框,legend设置标题
<fieldset style="height:150px;"><legend>haha</legend></fieldset>
video、source:HTML5新出的标签,可以播放mp4、ogg等,需在source设置资源路径与类型;video的controls属性提供了常用的视频功能:
<video width="320" height="240" controls><source src="movie.mp4" type="video/mp4"><source src="movie.ogg" type="video/ogg">您的浏览器不支持 video 标签。
</video>
2、一些心得
设计稿的重要性:
一定要在开发网站之前设计好界面!不然根本不知道该如何开发,更不要说攻坚了。推荐一款设计软件:Balsamiq Mockups 3,软件界面简洁,而且工具一目了然,能够很快上手。
确定好网站的文件结构:
这一点也很重要,可以按照html、css、js这样来分,或者网页较少的时候也可以按照不同网页,分成不同的文件夹
写样式的时候多利用dreamweaver与开发者模式:
前者可以实时观看自己编写样式的结果;后者省去了到编辑器编写,再回到浏览器刷新的过程。直接在浏览器中修改样式,之后把改动复制回文件。
在已有基础上尝试新的界面样式:
多多练习,用于尝试。当然了,得先吃饱才能远行嘛