视频25
（包含5.2.1节～5.2.8节）
步骤1 启动Dreamweaver CS6软件，创建一个名称为“WebSite”的站点。
步骤2 选中“文件”面板中的站点根目录，将名称为“images”和“video”的两个文件夹复制到该站点中，如图5-2-2所示。
图5-2-2 设置站点
步骤3 使用鼠标右键单击“website”站点列表项的根文件夹，选择弹出快捷菜单中的【新建文件】命令，将“untitled.html”默认的文件名改为“index.html”，按回车键确认修改。
步骤4 双击“index.html”文件，点击【文档】栏中的“设计”按钮，切换为“设计视图”状态。
步骤5 鼠标点击【属性】面板中的“页面属性”按钮，在弹出的【页面属性】对话框中，设置“外观”面板中的字体为“微软雅黑”，文本颜色为#666666，大小为“16px”，背景颜色为“#663366”（紫色），上下左右四个边距都为“0px”，如图5-2-3所示。
图5-2-3 设置【页面属性】
步骤6 将光标放到网页的第一行处，点击【插入】菜单的【表格】命令，如图 5-2-4和图5-2-5所示，弹出【表格】对话框。
图5-2-4 【插入表格命令】
图5-2-5 【表格】对话框
步骤7 在【表格】对话框中的“行数”“列数”和“表格宽度”输入框中分别输入“2，1，800”，“边框粗细”“单元格边距”和“单元格间距”输入框中输入“0，0，0”，单击【确定】按钮，完成表格的插入。
步骤8 选中表格，然后选择下方【属性】面板中“对齐”下拉列表中的“居中对齐”项，使表格始终处于页面居中对齐的位置，如图5-2-6所示，设计视图中的效果如图5-2-7所示。
步骤9 在表格第一行输入博客名称“文人墨客”，格式设置为h1，通过CSS样式面板新建CSS规则，如图5-2-8和图 5-2-9所示，然后设置字体颜色为#FFF。第二行输入博主名字“文雅居士”，格式设置为h5，同样新建CSS规则，然后设置字体颜色为#FFF，字体样式为“斜体”（italic）。最终“设计视图”中的效果如图5-2-10所示。
图5-2-6 表格【属性】面板(www.xing528.com)
图5-2-7 设计视图中的效果
图5-2-8 CSS样式面板
图5-2-9 新建CSS规则
图5-2-10 效果图
免责声明：以上内容源自网络，版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。
