<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>部分只是一些简单的页脚信息。
请问是制作网页还是制作网站？制作网页很简单。制作网页首选 网站前端程序员的工作范围。需要学习 以下知识 但是不限制完全学会学全：必须学的知识：xhtml css 。辅助学习： js jq 目前 网站 这几年 都在使用 html5 。 html5 这里面包含 知识 css3 js ,三体合一 。学会这些知识，就可以制作网页了 。当然在学习制作网页 还要学会 ，代码编辑器的 使用 。如果只是制作网页 而不是网站的话 ，有些代码不需要手工打 ，可以用 dreamweaver 网页编辑器。当然前提是 学会软件的使用。
制作网页 少不了图片 ，所以 图像 图像的 优化制作软件 也需要学习的。
现在说一下 制作流程 。可能每个人制作网页流程都不一样 。我只能说 我自己的。我一般都是用 Zend Studio 代码编辑软件 ，编辑代码。
第一步 在本地磁盘 上 创建一个文件夹 ，命名为网站的项目名称 。
第二步：在这个文件里面 创建3个文件夹， 分别是 img 图片文件夹 用来存放网页图片 ，js 文件夹 用来存放 js文件 。css 文件夹 存放css文件 。然后在创建一个 网页文件 命名为 index.html .
第三步 ：用Studio打开这个index.html 开始编辑代码。 通常都是 先把网页的 轮廓和布局 搭建起来。
第四步：然后制作网页的 图形 ，有的人喜欢下把网页制作成一张图片 ，然后在把图片 切片。制作成网页。我是做一点，写一点。比如制作 头部 header ,我就先做头部 。一点一点往下做。
