怎么用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>部分只是一些简单的页脚信息。

请问是制作网页还是制作网站？制作网页很简单。制作网页首选 网站前端程序员的工作范围。需要学习 以下知识 但是不限制完全学会学全：必须学的知识：xhtml css 。辅助学习： js jq 目前 网站 这几年 都在使用 html5 。 html5 这里面包含 知识 css3 js ,三体合一 。学会这些知识，就可以制作网页了 。

当然在学习制作网页 还要学会 ，代码编辑器的 使用 。如果只是制作网页 而不是网站的话 ，有些代码不需要手工打 ，可以用 dreamweaver 网页编辑器。当然前提是 学会软件的使用。

制作网页 少不了图片 ，所以 图像 图像的 优化制作软件 也需要学习的。

现在说一下 制作流程 。可能每个人制作网页流程都不一样 。我只能说 我自己的。我一般都是用 Zend Studio 代码编辑软件 ，编辑代码。

第一步 在本地磁盘 上 创建一个文件夹 ，命名为网站的项目名称 。

第二步：在这个文件里面 创建3个文件夹， 分别是 img 图片文件夹 用来存放网页图片 ，js 文件夹 用来存放 js文件 。css 文件夹 存放css文件 。然后在创建一个 网页文件 命名为 index.html .

第三步 ：用Studio打开这个index.html 开始编辑代码。 通常都是 先把网页的 轮廓和布局 搭建起来。

第四步：然后制作网页的 图形 ，有的人喜欢下把网页制作成一张图片 ，然后在把图片 切片。制作成网页。我是做一点，写一点。比如制作 头部 header ,我就先做头部 。一点一点往下做。

---