总体把页面一分为二,header是包含在article里面的,页脚部分是单独的一块儿。大致结构获悉了后再从局部入手,header部分,有主标题、副标题、还有作者署名,前面我们讲过,如果除了主标题,还有一个副标题,那可以把这两个标题写在一个hgroup元素中。如果除了主标题之外,还有其他内容,比如内容摘要、发表时间、作者、图片或者小标题链接等,那就应该把他们放在一个 header元素中。
创新互联建站专业为企业提供永州网站建设、永州做网站、永州网站设计、永州网站制作等企业网站建设、网页设计与制作、永州企业网站模板建站服务,十多年永州做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
header
hgroup
h1给个人博客增加色彩元素提升网站用户体验/h1
h2网页的色彩——决定用户是否驻足停留的关键/h2
/hgroup
p class="Byline"design by DanceSmile/p
/header
接下来是文章正文部分:
部分代码:
div class="Content"
p第一眼看到杨青个人博客网站的时候,如果你喜欢.../p
...
/div
正文当中还有一幅插图,html5新增加了插图这个figure语义元素,figcaption不是只能包含文本,任何html元素都可以,比如链接、小图标。figcaption包含了对图片的完整说明,所以alt文本就显得多于了,这种情况下,可以把img元素中的alt属性删除:
figure
img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"
figcaption图片来源:腾讯CDC《浅析网页色彩应用》/figcaption
/figure
最后在把上面的代码写在article里面。
footer部分只是一些简单的页脚信息。
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
可行啊,你都有模板了,那多简单啊,你就安装dedecms,然后把你的网页模板复制到dedecms的对应模板中,比如index.html源码复制到/templats/default/index.htm。然后用织梦的标签替换网页中的可后台更新的元素,比如说新闻列表就用{dede:artlist}{/dede:artlist}标签。
这个不单是用HTML5就能建立起来的。目前html5在电脑上浏览器的支持并不是那么的全面,而且就算用html 5写出了博客页面,也需要用后台语言来进行程序上的编写,让博客页面有功能。。你可以用HTML+CSS学个简单的博客页面,然后再套个模板,比如wordpress,不过这个需要有些PHP的基础。。
博客模板系统,可用于免费创建自己的博客,也有大量精美的模板使用,也就是说你不懂技术,下载博客网站模板也能创建自己的博客。
一般来说搭建博客网站,除了织梦cms,还可以使用wordpress、emlog个人博客系统、z-blog、thinkcmf、fastadmin等,可以根据自己喜好进行挑选。