| 标签。 要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。 要选中不连续的几个单元格，可以按住Ctrl键，单击要选择的所有单元格即可。 要选择某一行或某一列，将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。 3、设置表格属性 选中一个表格后，可以通过属性面板更改表格属性。 “填充”文本框用来设置单元格边距，“间距”文本框用来设置单元格间距。 “对齐”下拉列表框用来设置表格的对齐方式，默认的对齐方式一般为左对齐。 “边框”文本框用来设置表格边框的宽度。 “背景颜色”文本框用来设置表格的背景颜色。 “边框颜色”用来设置表格边框的颜色。 在“背景图像”文本框填入表格背景图像的路径，可以给表格添加背景图像。 也可以如下图所示给文本框加上链接路径。 还可以单击文本框后的“浏览”按钮，查找图像文件。 在“选择图像源”对话框中定位并选择要设置为背景的图片，单击“确认”按钮即可。 4、单元格属性 把光标移动到某个单元格内，可以利用单元格属性面板对这个单元格的属性进行设置。 “水平”文本框用来设置单元格内元素的水平排版方式，是居左、居右或是居中。 “垂直”文本框用来设置单元格内的垂直排版方式，是顶端对齐、底端对齐或是居中对齐。 “高”、“宽”文本框用来设置单元格的宽度和高度。 “不换行”复选框可以防止单元格中较长的文本自动换行。 “标题”复选框使选择的单元格成为标题单元格，单元格内的文字自动以标题格式显示出来。 “背景”文本框用来设置表格的背景图像。 “背景颜色”文本框用来设置表格的背景颜色。 “边框”文本框用来色设置表格边框的颜色。 5、表格的行和列 选中要插入行或列的单元格，单击鼠标右键，在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。 如果选择了“插入行”命令，在选择行的上方就插入了一个空白行，如果选择了“插入列”命令，就在选择列的左侧插入了一列空白列。 如果选择了“插入行或列”命令，会弹出“插入行或列”对话框，可以设置插入行还是列、插入的数量，以及使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。 要删除行或列，选择要删除的行或列，单击鼠标右键，在弹出菜单中选择“删除行”或“删除列”命令即可。 6、拆分与合并单元格 拆分单元格时，将光标放在待拆分的单元格内，单击属性面板上的“拆分”按钮，在弹出对话框中，按需要设置即可。 合并单元格时，选中要合并的单元格，单击属性面板中的“合并”按钮即可 Dreamweaver8嵌套表格 表格之中还有表格即嵌套表格。 网页的排版有时会很复杂，在外部需要一个表格来控制总体布局，如果内部排版的细节也通过总表格来实现，容易引起行高列宽等的冲突，给表格的制作带来困难。 其次，浏览器在解析网页的时候，是将整个网页的结构下载完毕之后才显示表格，如果不使用嵌套，表格非常复杂，浏览者要等待很长时间才能看到网页内容。 引入嵌套表格，由总表格负责整体排版，由嵌套的表格负责各个子栏目的排版，并插入到总表格的相应位置中，各司其职，互不冲突。 另外，通过嵌套表格，利用表格的背景图像、边框、单元格间距和单元格边距等属性可以得到漂亮的边框效果，制作出精美的音画贴图网页。 创建嵌套表格的操作方法，先插入总表格，然后将光标置于要插入嵌套表格的地方，继续插入表格即可。 1、将光标放置在文档窗口要插入表格的位置，单击常用插入栏“表格”按钮，插入一个1行1列的表格一，宽度500像素，高度100％，边框为0，单元格间距为0，单元格边距为12像素。 背景图像选择beij/003.gif。 2、将光标放置在表格一内，插入表格二，1行1列，宽度100％，高度100％，边框为0，单元格间距为0，单元格边距为12像素。 背景图像选择beij/002.gif。 3、将光标放置在表格二内，插入表格二，1行1列，宽度100％，高度100％，单元格间距和单元格边距都为8像素，边框为10，边框颜色为#FEE4ED。 背景图像选择beij/005.gif。 4、将光标放置在表格三内，选择单元格的背景图像为beij/006.gif。 添加文字“恭贺新禧”，字号68px，字体为隶书，颜色为#A51008。 三、表格的格式化 做好的表格可以使用DW提供的预设外观，可以提高制作效率，保持表格外观的同一性，同时样式提供的色彩搭配也比较美观。 插入一个5行6列的表格，表格的宽为500像素，高为300像素，边框、单元格间距和边距全为0。 选择表格，居中对齐表格后，执行命令/格式化表格，弹出“格式化表格”对话框，我们选择AltRowsred格式，单击“确定”表格的样式就设定好了。 m 这里，还可以自己设定相应的参数值。 Dreamweaver8插入Flash动画 通过前面三课的学习，相信你已经能制作出一个简单的网页了，很有成就感吧^_^ 不过，一个优秀的网站应该不仅仅是由文字和图片组成的，而是动态的、多媒体。 为了增强网页的表现力，丰富文档的显示效果，我们可以向其Flash动画、Java小程序、音频播放插件等多媒体内容。 一、插入Flash动画 1、插入Flash 为了合理的安排这一课的页面元素，在插入Flash动画之前，让我们先来复习一下表格布局吧^_^ 打开03.html，设置页面属性，在弹出的“页面属性”对话框中，“外观”项设置字体为“宋体”，字号为16px，文本颜色为#F282A8，背景图像为img/008.JPG，上边距为50px、下、左、右的边距都为0。 “链接”项选择始终无下划线，链接颜色为#F282A8，已访问链接为#F5E458。 现在我们开始布局～^_^～ （1）插入一个1行1列的表格（表格1），表格的宽度为726px，边框粗细为0，单元格边距为0、单元格间距为1，背景颜色为#892321，将表格居中对齐。 （2）插入一个3行2列的表格（表格2），表格的宽度为100％，边框粗细为0，单元格边距和单元格间距都为0，背景颜色#6DCFF6。 设置第一行左边单元格的宽为173px，高为137px，设置第二行的高为238px，将第三行的两个单元格合并，高度为50px。 在第一行左侧单元格插入图片img/102.gif,在右侧单元格插入图片img/101.jpg。 在第三行将光标水平居中，输入文字“版权所有©闪客启航” （3）在表格2第二行左侧单元格插入一个6行一列的表格（表格3），表格宽度为95％，边框和单元格边距为0，单元格间距为5，将表格居中对齐。 第一行高度为15，其余各行高度都为40。 （4）在表格2右侧单元格插入一个1行2列的表格（表格4），表格宽度为550px。 边框、单元格边距和间距都为0。 好啦～我们完成了页面的布局，开始插入页面元素。 将光标放置在表格4右侧单元格中，单击常用快捷栏中的媒体按钮，然后在弹出的列表中选择Flash。 弹出“选择文件”对话框，选择swf文件夹中的huaduo.swf文件。 单击“确定”按钮后，插入的Flash动画并不会在文档窗口中显示内容，而是以一个带有字母F的灰色框来表示。 在文档窗口单击这个Flash文件，就可以在属性面板中设置它的属性了。 勾选“循环”复选框时影片将连续播放，否则影片在播放一次后自动停止。 通过勾选“自动播放”复选框后，可以设定Flash文件是否在页面加载时就播放。 在“品质”下拉列表中可以选择Flash影片的画质，以最佳状态显示，就选择“高品质”。 “对齐”下拉列表用来设置Flash动画的对齐方式， 为了使页面的背景在Flash下能够衬托出来，我们可以使Flash的背景变为透明。 单击属性面板中的“参数”按钮，打开“参数”对话框，设置参数为wmode，值为transparent。 这样在任何背景下，Flash动画都能实现透明背景的显示。 2、插入Flash文本 我们将光标放置在表格3第二行的单元格中，用Flash文本制作导航栏目。 单击常用快捷栏的媒体按钮，在列表中选择Flash文本，弹出“插入Flash文本”对话框，字体随意，大小22px，颜色设置为#F5E458，转滚颜色为#54C994，文本为“图片素材”，背景颜色#6DCFF6，选择自己需要的路径链接。 同样方法我们分别在表格3的第3、4、5、6行制作“代码素材”、“Flash动漫”、“精美壁纸”和“音频视频”等栏目。 3、插入Flash按钮 我们在将光标放置于插入Flash按钮的位置，单击常用快捷栏的媒体按钮，在列表中选择Flash按钮，弹出“插入Flash按钮”对话框。 “样式”用来选择按钮的外观，“按钮文本”用来输入按钮上的文字，“字体”和“大小”用于设置按钮上文字的字体和大小，字号变大，按钮并不会跟着改变。 “链接”用于输入按钮的链接，可以是外部链接，也可以是内部链接。 “目标”用来设置打开的链接窗口。 如果需要修改Flash按钮对象，可以先选中它，然后在属性面板中单击“编辑”按钮，会自动弹出刚才的“插入Flash按钮”对话框，更改它的设置就可以了。 4、插入FlashPaper 我们还可以在网页中插入MacromediaFlashPaper文档。 在浏览器中打开包含FlashPaper文档的页面时，浏览者能够浏览FlashPaper文档中的所有页面，而无需加载新的Web页。 也可以搜索、打印和缩放该文档。 在“文档”窗口中，将光标放放在页面上想要显示FlashPaper文档的位置，然后选择“插入”>“媒体”>“FlashPaper”。 在“插入FlashPaper”对话框中，浏览到一个FlashPaper文档并将其选定。 如果需要，通过输入宽度和高度（以像素为单位）指定FlashPaper对象在网页上的尺寸。 FlashPaper将缩放文档以适合宽度。 单击“确定”在页面中插入文档。 由于FlashPaper文档是Flash对象，因此页面上将出现一个Flash占位符。 如果需要，在属性检查器中设置其他属性。 5、插入Flash视频 请参见玉树老师的教程（在上面的FlashPaper文档中）。 九、Dreamweaver8创建层 层是CSS中的定位技术，在Dreamweaver中对其进行了可视化操作。 文本、图像、表格等元素只能固定其位置，不能互相叠加在一起，而层可以放置在网页文档内的任何一个位置，层内可以放置网页文档中的其他构成元素，层可以自由移动，层与层之间还可以重叠，层体现了网页技术从二维空间向三维空间的一种延伸。 一、创建层 1、创建普通层 （1）插入层 选择菜单栏>插入>布局对象>层命令，即可将层插入到页面中去。 使用这种方法插入层，层的位置由光标所在的位置决定，光标放置在什么位置，层就在什么位置出现。 选中层会出现六个小手柄，拖动小手柄可以改变层的大小。 （2）拖放层 打开快捷栏的“布局”选项，单击“绘制层”按钮，单击鼠标左键，并且按住不放，拖动图标到文档窗口中，然后释放鼠标，这是层就会出现在页面中了。 （3）绘制层 打开快捷栏的“布局”选项，单击“绘制层”按钮，在文档窗口内鼠标光标变成十字光标，然后按住鼠标左键，拖动出一个矩形，矩形的大小就是层的大小，释放鼠标猴层就会出现在页面中。 2、创建嵌套层 创建嵌套层就是在一个层内插入另外的层。 方法一： 将光标放才某层内，选择菜单栏>插入>布局对象>层命令，即可在改层内插入一个层。 方法二： 打开层面板，从中选择需要嵌套的层，此时按住Ctrl键同时拖动改层到另外一个层上，直到出现如下图所示图标后，释放Ctrl键和鼠标，这样普通层就转换为嵌套层了。 Dreamweaver8设置层的属性 选中要设置的层，就可以在属性面板中设置层的属性了。 层编号： 给层命名，以便在“层”面板和JavaScript代码中标识该层。 左、上： 指定层的左上角相对于页面（如果嵌套，则为父层）左上角的位置。 宽、高： 指定层的宽度和高度。 如果层的内容超过指定大小，层的底边缘（按照在 Dreamweaver设计视图中的显示）会延伸以容纳这些内容。 （如果“溢出”属性没有设置为“可见”，那么当层在浏览器中出现时，底边缘将不会延伸。 Z轴： 设置层的层次属性。 在浏览器中，编号较大的层出现在编号较小的层的前面。 值可以为正，也可以为负。 当更改层的堆叠顺序时，使用“层”面板要比输入特定的z轴值更为简便 可见性： 在“可见性”下拉列表中，设置层的可见性。 使用教本语言如JavaScrip可以控制层的动态显示和隐藏。 有四个选项： Default——选择该选项，则不指明层的可见性。 Inherit——选择该选项，可以继承父层的可见性。 Visible——选择该选项，可以显示层及其包含的内容，无论其父级层是否可见。 Hidden——选择该选项，可以隐藏层及其包含的内容，无论其父级层是否可见。 背景颜色： 用来设置层的背景颜色。 背景图像——用来设置层的背景图像。 溢出——选择当层内容超过层的大小时的处理方式。 有四个选项： Visible（显示）： 选择该选项，当层内容超出层的范围时，可自动增加层尺寸。 hidden（隐藏）: 选择该选项，，当层内容超出层的范围时，保持层尺寸不变，隐藏超出部分的内容。 scroll（滚动条）: 选择该选项，则层内容无论是
展开阅读全文
相关搜索
|