选取需加入电子邮件链接的文字或图片,打开属性面板,在“链接”栏位中输入填写邮件地址。格式如下:mailto:邮件地址。注意中间不要留空格。
4、若链接指向无法直接打开的文件,如exe、Zip等文件,当用户点击此链接时,将触发文件下载或****的功能。
五、表格的使用
1、点击“插入/表格”,打开表格面板进行设置。包括行数、列数、宽度、边框等,“单元格填充”指单元格内侧与内容的间距;“单元格间距”指单元格之间的间距,单位均为像素。
2、插入表格后,在表格边框上点击一下,即可全选整个表格。然后在属性面板中可以进行各种设置。
3、将光标移至任一单元格,此时显示的属性面板即为单元格属性面板。也可以在此进行各种单元格操作,如背景色、背景图、边框、合并、拆分等。
六、表格的其他操作
一制作细线表格原理:
1、选中整个表格,设置其背景为黑色(该颜色即为表格线的颜色)。
2、选中所有单元格,设置其背景为白色。
二自动风格化表格
1、先制作好一张表格,然后选中。
2、选择菜单中的“命令/风格化表格”,即可从中选择预设的一些表格样式。
三一像素分割线
1、插入一个1行1列,宽为200像素,边框边距均为0的表格。
2、选中表格,设置表格高为1像素,并设置一个背景色(即所需的线条颜色)。
3、切换到代码和设计窗口,将代码中的
七、用表格构建完整页面
一网页顶部(通常包括图标、广告、导航菜单)
1、创建一个1行2列,宽为760像素,边框及边距均为0的表格。
2、选中表格,设置排列方式为居中对齐,背景色为#3366CC。
3、将光标置于左侧单元格中,设置其水平排列为左对齐,垂直排列为顶端对齐,然后插入一张图像,一般在此处插入网站的图标,即logo。
4、将光标置于右侧单元格中,设置其宽度为500,水平排列为居中对齐,垂直排列为中间,然后插入图像,一般是网页广告,即banner。
5、将光标置于刚完成的表格之后,插入“表格”,创建一个1行1列,宽为760像素,边框及边距均为0的表格。
6、选中刚创建的表格,设置排列方式为居中对齐,背景色为#005173。
7、在该表格中依次插入多个图像,作为导航条菜单。
二网页中部(左侧栏目列表、中间网站新闻、右侧栏目列表)
1、在导航条表格后面,插入“表格”,创建一个1行3列,宽为760像素,边框及边距均为0的表格。并设置排列方式为居中对齐,背景色为#FFFFFFF。
2、将光标置于左侧单元格中,设置其宽度为18%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入一张图像,插入一个导航条。
3、将光标置于插入的图片后,插入“表格”,插入一个12行1列,宽为90%的表格。设置其单元格间距为1,背景色为#CCCCCC。
4、将光标放在表格第一个单元中,设置其高为20,背景色为#FFFFFF。插入“图像”,插入一个导航文字前面的小点。同样设置其他11个单元格,这样左侧的栏目分类列表就完成了。
5、将光标置于主体表格的中间单元格中,设置其宽度为66%,水平排列为居中对齐,垂直排列为顶端对齐,然后插入“图像”,插入一个导航条。
6、将光标置于图像后,插入“表格”,插入一个4行1列,宽为95%的表格。设置其单元格间距为1,背景色为#CCCCCC。
7、将光标置于表格的第一个单元格中,拖动鼠标,将4个单元格都选中,设置高为60,背景色为#FFFFFF。
8、将光标置于主体表格右侧的单元格中,设置其宽度为16%,水平排列为居中对齐,垂直排列为顶端对齐,插入“图像”,插入一个导航条。
9、将光标置于图像后,插入“表格”,插入一个7行1列,宽为90%的表格。设置其间距为1,背景色为#CCCCCC。
10、按住Ctrl键,用鼠标点击刚插入的表格的第1、3、5、7单元格,然后设置它们的高为55,背景色为#FFFFFF。
11、选中第2、4、6单元格,设置其高为6,背景色为#FFFFFF。
12、切换到源代码窗口,将第2、4、6单元格中的空格符号“”删除。
三网页底部(通常包括版权信息及其他相关内容)
1、将光标置于主体表格后,插入“表格”,创建一个2行2列,宽为760像素,边框及边距均为0的表格。
2、选中表格,设置排列方式为居中对齐,背景色为#3366CC。
3、将光标置于表格第1行的左侧单元格中,设置其宽度为50%,水平排列为默认,垂直排列为基线,背景色为#FFFFFF,然后输入版权信息,内容颜色可随意。
4、将光标置于表格第1行右侧单元格中,插入“图像”,插入一个圆角图像,在其后输入Email字样,设置其大小和颜色为1和#FFFFFF。
5、插入“表单对象/文本域”,插入一个文本域,宽度可随意。
6、插入“图像”,插入一个GO的图像。
7、设置页面属性。点击菜单“修改/页面属性”,在标题栏中输入标题,并选择背景图像,将顶部边界设为0。
***将整个网页分部分放置到不同的表格中组合,还可以提高浏览器读取页面的速度;因为浏览器是读取完所有表格后才显示内容的,所以最好不要将所有内容框在一个表格中。
八、用布局表格构建完整页面
1、单击“插入/布局”,里面的布局视图按钮,即可切换到布局视图状态(默认为标准视图)。也可以通过菜单“查看/表格视图/布局视图”进入。
2、先单击绘制布局表格按钮,然后在页面中像绘图一样创建出布局表格。
3、就像上一个例子一样,先绘制好网页的顶部,再中部,再底部的表格。
3、如同前例所示,先勾勒出网页的上部,接着中部,最后是底部的大表格。
4、接着点击绘制布局单元格的按钮,在已绘制的布局表格内,再绘制布局单元格。
5、转至标准视图,在已划分的表格内,再插入嵌套的小表格,进一步细化页面,从而完成整个页面的设计。
****请确保将整个页面置于一个大的布局表格中,因为这种网页的加载速度可能会较慢。应按照页面的版面和内容划分出数个布局表格,并在其中插入布局单元格。
九、层的运用
1、点击插入/层。亦或点击图标,然后拖动鼠标创建一个层。
3、选择创建的层,查看属性面板。“层编号”和“标签”均使用默认设置。“层编号”在编程时使用,目前我们通常不用。“上”指距离页面顶部的距离;“左”指距离左边界的距离。“z轴”指层的顺序,数值大的层会覆盖数值小的层。
****若不设置颜色,层将保持透明。
4、点击层左上角的小方框,可以随意拖动层,也可以调整其大小。
5、“溢出”选项中,当文字超出层的大小时,可以选择visible(超出部分显示)、hidden(超出部分隐藏)、scroll(无论是否超出,都显示滚动条)、auto(超出时才出现滚动条)。
6、点击菜单窗口/其他/层,此时将出现层管理窗口。可以在其中修改层的名称和Z轴值,也可以点击眼睛图标来显示或隐藏层。还有一个防止重叠的选项。
7、层的对齐。按住shift键,同时选择几个层。然后使用对齐选项。
8、嵌套层。⑴首先在文档中插入一个层。⑵将光标置于该层内,然后持续插入一个层,得到嵌套层。⑶里面的层称为子层,外面的层称为父层。它们的Z轴顺序相同。拖动父层时,子层也会相对移动。移动子层时,父层不会随之移动。
十、掌握时间轴
1、点击菜单中的插入/层,插入一个层。
2、在层中插入图片,如一张飞机的图片。(这里的图片也可以是一张小动画的.gif图像)
3、点击菜单中的窗口/其他/时间轴,打开时间轴窗口。
4、选择页面上创建的层,用鼠标按住层左上角的小方框图标,将层拖放到时间轴的第1帧中。这时自动创建了一个长度为15帧的时间轴。
5、选择时间轴上的第1帧,将页面中的层拖放到页面的左上角,即动画开始时的位置。
6、选择时间轴上第15帧,可以拖动该帧至任意长度,如30帧。
7、选择第30帧,将层拖放到页面的右下方,此时窗口中显示出层从第1帧到第30帧的运动轨迹。(此时运动为直线)
8、可以点击第15帧,右键选择“增加关键帧”,在选中第15帧的状态下,拖动层到页面中下方。
9、勾选“自动播放”项。
十一、制作滚动公告板
1、在页面上插入一个层,然后为层设置一个背景,作为公告板的框架。
2、然后在创建的层中插入嵌套层,将嵌套层移动到父层的下方。
3、在嵌套层中输入文本,并将其居中排列。
4、打开时间轴面板,将子层作为对象添加到面板中。
5、为子层创建一个向上移动的路径,将其移动到父层的上方。
6、拖动最后一关键帧,延长动画时间轴,然后勾选“自动播放”和“循环”两项。
7、选择父层,在其属性面板中将“溢出”属性设置为“hidden”。
十二、在页面中使用Flas***
1、点击插入中的Flash按钮,即可为页面插入一个动画。也可以选择菜单插入/媒体/Flash来完成这一步。
2、选择已插入的动画,查看属性面板。这里可以设置其宽度和高度,也可以通过拖动来改变大小。
3、可以在这里点击“播放”来预览动画。
十三、让插入的Flas***变透明
1、当网页上已经有背景,或想要在一张图片上再插入Flas***,而Flas***本身也有背景,会影响美观,这时我们要将其做成透明动画。
2、如在页面上插入一张图像。
3、在图像上插入一个层,在层中插入所需的Flas***。
4、选择Flas***,在属性面板中点击“参数”按钮。
5、在“参数”的左侧一格输入“wmode”,在右侧“值”一格输入“transparent”。
十四、在页面中播放声音
1、在完成全页面后,如果要为该页添加背景音乐,注意背景音乐一般是*.midi文件,这种声音文件很小,易于快速下载,其他格式不适合作为背景音乐。
2、在页面中所有表格之外,(注意此时编辑窗口左下方的标签选择栏中仅显示
这一项,或是在左下角点击,这样才保证这个行为是添加在全部页面上的)。点击行为窗口上的“+”按钮,(或使用菜单窗口/行为,打开行为窗口。)3、从弹出菜单中选择“播放声音”。打开一个对话框。
4、在这个对话框中用“浏览”选择要播放的声音,并确定。
5、此时行为面板上自动显示了事件为onload,动作为播放声音。点击这一行,中间出现一个按钮。点击按钮,可以设置这个声音在什么事件下播放。可以选择“显示事件”/“IE5.0”。
6、我们常用的如Onload(当页面载入时)、OnClick(单击鼠标)、OnMouseOver(鼠标移到对象上)、OnUnload(当关闭页面时)等。
7、该行为也可以设置在图片上、文字链接上。在文字链接上播放声音之前,先为文字添加一个空链接,即选中文字,在链接一栏中输入一个“#”符号。
十五、弹出窗口
1、首先制作一个准备在小窗口中显示的页面(比如a.htm),由于这个弹出窗口不能太大,所以内容要少一些。
2、打开一个制作好的页面,将光标移到页面中所有表格以外,点击行为窗口上的“+”按钮,从弹出菜单中选择“打开浏览器窗口”一项。
2、启动一个已制备的网页,将光标定位至页面所有非表格区域,点击行为面板上的“+”图标,在弹出的选项中选择“启用浏览器窗口”一项。
3、在弹出的对话框中输入相应的配置。需显示的网址即a.htm,窗口的宽度和高度自行设定,单位为像素。在属性中的各项参数需要勾选。
4、配置完成后,点击“确认”。此时行为面板中将展示开启浏览器窗口这一行为,触发条件为Onload,若非此项,可自行设定。
5、此行为同样可应用于图片、文字链接等。
6、可利用此方法来展示对访客的欢迎语、网站公告、离站时的结束语等。
十六、控制状态栏信息
1、打开网页,选中一张图片。
2、点击行为面板上的“+”号按钮,选择“设置文本/设置状态栏文本”。
3、在对话框中的“信息”栏内,输入需要显示的内容,例如对这张图片的描述。
4、可以设置行为的触发条件为OnMouseOver(鼠标悬停于对象上),这样当鼠标悬停在图片上时,状态栏将显示相关信息。
5、若需鼠标移开后信息消失,则重新应用此行为,在“信息”栏内留空,然后将触发条件更改为OnMouseOut(鼠标移开)。
6、同样可在一段文字上设置此行为。或者设置在整页面上也可。