本篇文章给大家谈谈HTML5个人博客模板之家，以及HTML个人博客对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
如何学Web前端
网页开发工具
学习web前端开发,网页开发工具有FrontPage,会用 Word 的人很容易学会FrontPage。还有一个常用的是Dreamweaver。这两种都是使用最多的HTML网页制作工具,我使用的是Dreamweaver cs6,因为这套软件提供了一套直观的可视界面,融合了html5一些新的内容。包括网格布局什么的。
学习内容
HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。如果你把每天看电影、看电视剧的时间用来学习,我想一个星期入门是没有问题的。
基础知识:
1. html + css。这部分建议在 上学习,边学边练,每章后还有小测试。之后可以模仿一些网站做些页面。本站提供的个人博客模板都是比较简单的单页,可以下载下来模仿自己做一个。理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。
《10条HTML代码编写技巧》
《CSS简明教程》
《Div+CSS 规则整理 以及注意问题》
2、JavaScript。不是所有的网页都必须有js,但是要想实现一些超酷的功能和界面的时候,就需要涉及到js。如果没有其他编程语言的基础的话,学起来可能要费些力,还是建议先在 w3school上学习。之后建议马上看《javascript语言精粹》
《JS经典实例》
3、Photoshop、flash。熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。
4、html5和css3。可以先了解一下,然后再入手。毕竟IE的浏览器大多还不支持。
《学习Html5建站教程(一)Html5简介》
《学习Html5建站教程(二)Html5 语法与规则》
《学习Html5建站教程(三)Html5博客页面设计之理论》
《学习Html5建站教程(四)用HTML5做个人的网站》
5、浏览器兼容。懂web标准,熟练手写 xhtml css3 并符合 符合w3c标准。代码能兼容主流浏览器Firfox,Chrome、Safari、IE、Opera。虽然IE6很多都不兼容,但现在还使用的人还是有的。W3C验证地址: 通过验证指定URI的CSS内容,可以帮我们检查一下有没有错误。
6、熟悉一门后台编程语言 asp、php、jsp等《关于asp、php、asp.net、jsp的学习心得、介绍及优缺点比较》
web前端设计师前景
遇到很多想换行的朋友,第一句就问,这行赚钱吗?我相信一句话,没有付出,是没有回报的!前面已经说过了,咱们这行门槛是很低的,所以薪资阶段也不一样。2000初入这行的现在还普遍,工作经验2年以上,有很多代表性作品的时候,工资在4000左右;高手级别的估计在6000左右,大师级别这个阶段的薪资参考:10000以上(上海北京深圳为例)网页设计师课程一般包括:Photoshop、Fireworks、用户界面设计实操,xhtml、css、dreamweaver、网站架构与网站策划、flash动画制作,域名与空间、ftp、dhtml、javascript、动态交互网站(asp、php、aja)
怎么用html5制作个人主页
总体把页面一分为二，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部分只是一些简单的页脚信息。
如何利用html5 建立个人博客
这个不单是用HTML5就能建立起来的。目前html5在电脑上浏览器的支持并不是那么的全面，而且就算用html 5写出了博客页面，也需要用后台语言来进行程序上的编写，让博客页面有功能。。你可以用HTML+CSS学个简单的博客页面，然后再套个模板，比如wordpress，不过这个需要有些PHP的基础。。
关于HTML5个人博客模板之家和HTML个人博客的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
