多媒体制作技术及应用网站设计相关知识.pptVIP

? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.2 文本编辑 （1）打开前面建好的网页Homepage.htm。选中图像Left1_03.gif，在“属性面板”对齐下拉菜单 中选左对齐，光标在Left1_03.gif右侧，输入一段文字 。 （2）使用“属性面板”或“文本”菜单中的选项可以设置或更改所选文本的字体特性。可以设置字体类型、样式（如粗体或斜体）和大小。 （3）选中要编辑的文字，利用“属性面版”进行文本属性编辑。 （4）保存设计的网页。 第五十一页，共八十七页。 ? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.3 页面布局 1．使用表格控制页面布局 页面元素的布局和定位并不能随心所欲排版，借助表格，可实现所设想的任何排版效果。也可灵活使用表格的背景、框线等作出较美观的效果。 表格是用于在HTML 页上显示表格式数据以及对文本和图形进行布局的强有力的工具。表格由一行或多行组成；每行又由一个或多个单元格组成。虽然HTML 代码中通常不明确指定列，但Dreamweaver 允许操作列、行和单元格。 第五十二页，共八十七页。 ? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.3 页面布局 1．使用表格控制页面布局 （1）打开网页文档Homepage.htm，拖动鼠标选中页面中所有图像和文字，按Delete键删除。在“页面属性”中设置页面背景色为#7799ca，页面字体大小为12像素。在“文档工具栏”中输入页面标题为“风筝文化”。在“插入面版”的“通用”组中点击表格图标，弹出“表格”对话框 。 第五十三页，共八十七页。 ? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.3 页面布局 1．使用表格控制页面布局 （2）设置“行数”：2，“列数”：1，“表格宽度”：760像素，“边框宽度”：1像素，“单元格边距”：5，“单元格间距”：5，确定。 （3）点击表格第一行单元格定位光标，插入图像Logobar.jpg。 （4）在第二行单元格中插入图像Menubar.jpg。 （5）点击表格内上方区域，在工作区下方选择要选定的内容，点击table选定整个表格，在“属性面板”中调整表格属性。 第五十四页，共八十七页。 ? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.3 页面布局 2．表格的嵌套 （1）在Dreamweaver中，选定整个表格，选择“编辑”→“剪贴”命令，在“插入面版”的“通用”组中点击表格图标，再次建立表格，设置“行数”：2，“列数”：1，“表格宽度”：760像素，“边框宽度”：0像素，“单元格边距”：0，“单元格间距”：0。 （2）点击表格第一行标单元格定位光标，选择“编辑” →“复制”命令。这个单元格内又套入了一个表格。 （3）点击外层表格中下方的单元格，再插入一个表格，参数设置为“行数”：1，“列数”：2，“表格宽度”：760像素，“边框宽度”：0像素，“单元格边距”：0，“单元格间距”：0。 第五十五页，共八十七页。 ? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.3 页面布局 2．表格的嵌套 （4）点击table，选中最外层表格。在“属性面板”的设为白色或直接输入#FFFFFF。 （5）用鼠标点击内嵌的下面一个表格左侧单元格，光标定位在这个单元格内，点击td，选中内层表格第一行的第一个单元格，在“属性面板”中设定高度为152。设置第二个单元格的对齐方式为“顶端”。 （6）在内嵌的下面一个表格的第一列插入图像Left1_03.gif，第二列中输入文本内容并调整文本格式和属性。 第五十六页，共八十七页。 ? 9.2 用Dreamweaver MX 2004设计站点网页 9.2.3 页面布局 2．表格的嵌套 （4）点击table，选中最外层表格。在“属性面板”的设为白色或直接输入#FFFFFF。 （5）用鼠标点击内嵌的下面一个表格左侧单元格，光标定位在这个单元格内，点击td，选中内层表格第一行的第一个单元格，在“属性面板”中设定高度为152。设置第二个单元格的对齐方式为“顶端”。 （6）在内嵌的