3.4网页基本元素
1、网页元素有:文本、图像、声音、视频等
2、哪些图像文件可以导入到dw中:jpg、gif、png
3、超级链接的定义和分类
4、表格的作用,分清什么是表格边框、单元格间距、单元格边距
5、网页中添加文本有两种方法:
方法一:键盘输入
方法二:复制素材文件,复制所选文本,将光标定位在要添加文件的位置,选择“编辑”菜单中的“粘贴”即可。
选择性粘贴
注意:查找替换文本的操作方法
6、设置文本格式
(1)Css和html面板的区别
HTML样式面板
Css样式面板
(2)链接(P164倒数第四行)
注意:p164页文本属性面板的设置
7、插入空格(如“插入”面板没有显示出来,可以使用窗口------插入,显示“插入”面板)
段首(1)“插入”面板“文本”选项,“字符”中的“不换行字符”
(2)“插入”菜单------html------特殊字符--------不换行空格
(3)Ctrl+Shift+Space
(4)代码中: ;
段中:除上述方法外,用空格键可以加入一个空格
注意:如何设置直接按空格键输入多个空格
8、水平线
(1)水平线的插入方法:“插入”-------“html”——“水平线”
水平线默认居中,颜色只能在代码窗口中更改,设计和拆分视图看不出颜色效果
(2)水平线长度的设置有三种情况:
网页标题与内容间:宽度与标题宽度等同
网页下方版权信息位置:略短于网页宽度
分隔不同内容:根据分隔的内容宽度而定
9、插入图像
(1)方法
(2)插入的网页中的图像最好是经过处理的
(3)图像属性面板
A:ID图像名称,供编写脚本时引用
B:插入到网页中的图像,再更改尺寸大小,图像的容量不会改变
C:链接:
D:替换
E:地图和指针热点工具:矩形、圆、多边形
10、插入flash动画
(1)方法
(2)属性面板:循环、自动播放、编辑
(3)预览两个以上的flash的快捷键:ctrl+alt+shift+p
没有“链接”,flash不能设置超链接
11、创建文本链接
(1)方法
A插入------超级链接
B 插入面板,常用选项,超级链接
C 选中文本,右击,选择“超级链接”,在“链接”栏中输入链接位置
D 选中文本,在“属性”面板中的“链接”栏输入链接位置
(2)目标选项(默认为同一窗口显示)
12、创建锚记链接的步骤
(1)插入-----命名锚记(锚记名称前不加任何符号)或“插入”面板,“常用”选项中的“命名锚记”命令。
(2)选中要制作锚记链接的对象(文本或图像),在属性面板的“链接”栏输入“#锚记名称”或者“插入”菜单的“超级链接”命令
13、创建电子邮件链接的方法
(1)选中文本,“插入”菜单,“电子邮件链接”,在“电子邮件”栏输入邮件地址
注意:是在“电子邮件栏”输入;输入的电子邮件不用加mailto:
(2)选中文本,在属性面板的链接栏中输入“mailto:电子邮件地址”
14、设置图像链接
(1)选中图像,链接栏中输入链接的地址
(2)右击图像,选择“创建链接”
不能使用选中图像,插入——超级链接
15、设置热点链接
可以调整热点链接区域大小、移动链接位置、删除热点链接等
<map name="Map" id="Map">
<area shape="rect" coords="30,20,131,76" href="#" >
<area shape="circle" coords="245,72,47" href="#" >
<area shape="poly" coords="297,245,374,254,390,216,342,196" href="#" >
</map>
16、创建“关闭窗口”脚本链接
(1)能够实现弹出警告框脚本链接、收藏链接、打印链接和关闭窗口链接
(2)脚本链接的定义
(3)关闭窗口脚本的写法
A代码中的写法:<a href=”javascript:window.close()”> </a>
B 属性面板中的写法: javascript:window.close()
注意:所有的标点应该在英文状态下
17、表格
(1)插入表格的方法
(2)插入表格对话框、表格属性面板、单元格属性面板、行属性面板、列属性面板的区别
(3)选择表格、行、列、单元格的方法
插入表格对话框:
表格属性面板
插入表格对话框 | 列 | 行数 | 表格宽度 | 边框粗细 | 单元格边距 | 单元格间距 | 标题(表头) | 表格标题 | 无 | …… |
表格属性面板 | 行 | 宽 | 边框 | 填充 | 间距 | 无 | 无 | 对齐 | …… |