最简单的头部和导航效果，给初学者小试牛刀！图中显示文字可自行拟定，最终效果如下：
工具/原料
1
软件Dreamweaver cs5
2
软件photoshop cs5
方法/步骤
1
首先打开photoshop cs5，根据上节课的分享很容易做好ps的准备
2
目标1 填充页面背景色值：#f1f1f1选择工具栏最下方的填充工具，点击前景色框，输入色值f1f1f1（快捷键alt+del填充背景前景色）
3
目标2 设置头部文字1 选择工具栏 T 工具 输入头部文字（文字可自行组织）2 头部标题设置：字号30 微软雅黑 颜色：黑色 效果：锐利
4
目标3 完成导航部分1 选择矩形工具画出导航条，默认前景色是黑色2 再次选择 T 工具 输入导航文字3 文字设置：白色 宋体 14号字
5
目标4 完成html和css代码将html插入到
之间将css代码输入完成代码如图所示：6
完成后，F12浏览看效果
注意事项
1
注意 T 字工具的使用
2
分类定义css样式，css样式的层叠性和继承性
上一篇：如何成为一名高级的前端工程师
下一篇：如何成为一个优秀的前端工程师