`，图片用 `

第二步是美化，写CSS样式。这一步花的时间比较长。对着HTML结构，开始写CSS规则。先是设置全局的字体、字号，然后给 `body` 加之前选好的背景图片。接着就是对着每个 `div` 块调样式：设置宽度、高度、边距、内边距，特别是内容区域，我设定一个大概的宽度，让它在屏幕中间显示，两边留白。

导航栏的样式也调半天，主要是去掉 `

` 的默认小圆点，让 `
• ` 横着排，加点鼠标悬停的效果。图片大小也做些限制，免得太大把布局撑坏。

  这个过程中，就是不停地写代码、保存、然后去浏览器刷新看效果。有时候一个简单的居中或者对齐，就得捣鼓半天，查查资料，试试不同的属性。

  四、调整和收尾

  基本样子出来后，就开始细调。在浏览器里缩放窗口看看有没有错位，点点导航链接看看跳转对不对。发现有些地方间距不太舒服，又回去改CSS。有的图片显示不全，调整下尺寸。

  把所有页面的内容都填文字检查几遍，确保没啥错别字。把代码整理一下，加点注释，方便以后自己看（虽然可能再也不会看哈哈）。

  整体感觉差不多，虽然简单，但也算是我一步步敲出来的。从构思到实现，整个过程走下来，还是挺有成就感的。

  好，这回的实践记录就到这儿。一个简单的个人网站作业，总算是搞定。