04网页制作基础

《04网页制作基础》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页制作基础6・2用FrontPage98制作网页6.2.4网页中多种媒体的运用五、表格在网页当中，冇时为了实现文字和图像、文字和文字、图像和图像的混合排版，或者完成一些特殊的功能，就需要通过表格来实现这些要求。表格在制作网页中是非常重要的一环,虽然Frontpage98基本上实现了所见即所得的工作方式，但是我们如果不能正确地使用表格,做出的页面也会变得面口全非。特别是我们做的每一个页面，都是图文混排，怎么能够在同一页面屮将图象和文字摆放的恰当，表格的设计非常关键。表格包括行和列，行和列交叉构成了单元格。在表格的每

2、一个单元格中，既可以输入文字，也可以插入表格。1、插入表格在网页中插入表格的步骤是：（1）光标定位于要插入表格的位置。（2）执行菜单“表格”“插入表格”命令。表格@）框架®窗口⑩帮.画表格©）...插入表格Q）・・・插入行或列:®...插入单元格丄）插入标题（A）（3）设置表格的行数和列数。在“插入表格”窗口屮，确定表格的行数和列数，并且可以设置边框线的宽度和整个表格的宽度。如果我们插入的这个表格是一个普通表格，即用于在网页上显示表格吋，能看见表格的边框线，这时，应该将这个表格的“边框线宽度”项设査为“1”以上。如

3、果我们插入衣格的目的是为了固定图文排版的版面，并不希望别人看到表格木身，则如果没有特殊的需要，一定要将表格的“边框线宽度”项设置为“0”。在设置表格的宽度时，一般用于图文混排的表格的宽度，要按照像素的大小来设置，这样可以防止山于窗口大小变化而造成表格宽度的相应变化，从而导致网页画而的失真问题。而用于显示作用的表格的宽度，则应该按照窗口的百分比來设査，这样，不论窗口的宽度如何变化，表格的宽度都能随之相应变化，在一个窗口里就能显示完整的表格内容而不用左右移动窗口的滚动条。设置完表格的基本属性后，单击“确定”按钮，就能在

4、网页上插入一个空的表格。大小行®:列©:样式⑤…

5、帮助00

6、布局2•边框线宽度设为1则可以在网页上看见表格对齐方式@）:三

7、单元格间距g）：F日边框线宽度叟）#单壬格边距Q）:3•可以按窗口的宽度指定表格宽度,也可以按像素设置宽度宽度P指定宽度地）:r按像素（X）a按百分比d）图6.2-25设置表格的基本属性（4）在表格中输入表格内容,如图（6.2-26）所示。图6.2-26在表格中输入表格内容2、编辑表格属性对一个己经插入的表格，可以修改它的一些属性，如表格的宽度、边框线的宽度、对齐方式、颜色等。编辑表格属性的方

8、法是：(1)用鼠标单击一下表格中的任意一个单元格，然后用鼠标右击一下该单元格，在弹出的菜单小，执行“表格属性”命令。或者，执行菜单“表格”->“表格属性”命令。型切复制粘贴〕计算机系统基础■_拆分单元格…(Windows98页面雇性•・・反字处理1表格屈性…多媒体-^cAixr单元格屈性•..段落属性…i网络基*(cJU-.l^4--riit字体属性...Alt+Enter网页制作基础分配边框线…单击“确定”按钮完成编辑。J一些属性。图6.2-28编辑表格的屈性六、动画在网页屮适当插入一些动画，可以增加网页的表现效

9、果，吸引人家的注意力，并给人轻松的感觉。在网页的设计中，最常用的动曲格式是GIF格式。所有的动画都是一幅幅图片按时间变化的结果，因此，一般的动価文件都比较大，这样加载的时间就比较长，所以，网页中尽量使用较小的动画o由于GIF格式的动画是一个GIF文件，所以它的插入方法和一般GIF图形的插入方法是一样的，具体步骤就不再重复了。要注意的是，在选择文件类型时，必须选择GIF文件类型。同时，插入后的效果在“普通”编辑状态下，图像是静止的，只有在“预览”状态下或浏览器屮才能看到动画的效果。本例中插入的动画文件是“mailbo

10、x.gif”。七、动态视频在网页上可以使用动态视频來增加页血效果，Frontpage98能够以AV1格式读取视频文件。当插入一个视频时，视频在FrontPage98的“普通”编辑界面中作为一个位置标识符是可见的。如果要运行视频，则需要在浏览器上或者在“预浏”界而屮浏览它。要注意的是,视频文件很大，下载时间很长，一般情况下尽量不用视频文件。1、插入视频插入视频的一般步骤是：（1）确定插入点。（2）执行菜单“插入”->"Active单元”->“视频”命令。紡入（I）格式©）工貝⑴表格®框架⑧宙口廻）帮助01）二换行匹）

11、…Shift+Enter水平线①）符号0…□OIT1—M三W1~:-・时间戳（I）...目录表格©）・・・导航栏0!）・•文件①…團擦①…凹贴艺术（£）•・・Active单元电）动态按钮Of）•…Frontpage组件・・标题广告首理器©）・・・数宠库Q）►字幕他）…表单域®）►按索表車⑤）….高级@1►计数器©）.…超级链接©）.••Ctrl*K-观频辺…