[管理学]《网页设计与制作》第三章：插入网页基本元素

《[管理学]《网页设计与制作》第三章：插入网页基本元素》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第3章插入网页基本元素本章要点插入文字插入图像插入表格插入媒体元素插入表单7/4/20211插入文字在Dreamweaver中为网页插入文本有两种方法：直接输入文本从其他文档中复制文本7/4/20212插入特殊符号将插入工具切换到“文本”工具组；使用菜单“插入”→“HTML”→“特殊字符”。7/4/20213插入特殊符号插入换行符使用[Shift]+[Enter]组合键7/4/20214插入特殊符号插入空格ctrl＋shift＋空格插入特殊符号，不换行空格插入转义符7/4/20215设置文字属性进行设置时使用组合键[Ctrl]+F3或菜单“窗口”“属性”打开属性面板。设置字体

2、大小设置字体颜色设置字体列表【字体】【编辑字体列表】单击＋在可用字体中选则，单击《按钮7/4/20216使用样式设置文字格式【样式】选择重命名、再进行修改。把文字变为标题在属性面板的格式中选择设置文本对齐在属性面板中设置列表在属性面板中进行设置7/4/20217应用举例——设置网页文本格式下面为“如果”网页中的文本进行格式设置，要求文本标题样式与正文不同，正文中某些文字需突出，以达到美化网页文本的目的。7/4/20218网页效果图7/4/20219插入滚动字幕1.插入滚动字幕（1）单击编辑窗口上方的“拆分”按钮，将视图切换为拆分模式。（2）在下方的设计窗口中单击要插入滚动字幕的位

3、置，此时注意查看代码窗口中光标的位置。（3）将插入工具栏设置为“常规”，单击标签选择器按钮，打开标签选择器对话框。（4）在标签选择器对话框左边窗口逐级选择“HTML标签”→“页元素”→“浏览器特定”，然后在右边窗口中单击“marquee”，再单击下面的“插入”按钮，marquee标签被插入到代码中，按“关闭”按钮关闭对话框。（5）在代码中出现，在中间的两个尖括号“><”之间输入要滚动的文字，如“欢迎访问励志学社的主页！”。7/4/202110设置滚动字幕的属性

4、crolldelay=“110”loop=“2”Bgcolor=“#00ff00”Width=“200”Height=“100”>…………direction为滚动的目标方向，可选right、left、up、down。scrollamount和scrolldelay为滚动数量和延迟，可设置滚动速度和间隔时间。loop设置循环次数，小于1为连续循环。Bgcolor设置滚动区域的背景颜色。width和height设置滚动区域的大小，沿垂直方向（up或down）滚动时，必须设置一定的高度值，否则看不到滚动的文字。7/4/202111设置文本超级链接1.使用属性面板设置

5、超级链接2.使用工具按钮（1）插入超级链接单击工具栏上的超级链接按钮（2）插入邮件链接链接目标是电子邮件地址时，单击工具栏上的电子邮件链接按钮7/4/202112设置文本超级链接3、设置下载文件的超级链接4、创建外部链接Http://www.baidu.com5、链接文字颜色的设置通过页面属性来设置的。7/4/202113使用锚记设置锚记使用锚记7/4/202114插入水平线水平线可用于页面上内容的分隔。将工具按钮切换到“HTML”，单击水平线按钮单击该水平线，可在属性面板中设置水平线的属性，如宽度、高度、对齐方式等。水平线的颜色可以使用属性面板中的“快速标签编辑器”设置。值得注

6、意的是水平线的颜色只能在预览时看出来。7/4/202115插入图像图像的格式用于网页的图像通常只有GIF、JPE和PNG3种格式。图像的获取方法图像文件的保存7/4/202116插入图像插入图像的步骤如下：（1）把工具栏切换到“常用”状态，然后单击“图像：图象”按钮（2）选择要插入的图像文件，在文件列表中单击一个图象文件时，图象预览区会显示这个图象的缩略图。（3）单击确定按钮，如果图像文件在站点文件夹中，就会直接插入到网页中，同时在编辑窗口显示出图像。7/4/202117设置图像的基本属性改变图像大小图文混排垂直边距和水平边距图像替代图像边框7/4/202118图片超级链接和图像

7、地图1.图片超级链接2.图像地图如果想在一个图像的不同位置上点击，就跳转到相应的目标网页，就需要使用图象地图。（1）设置矩形热区（2）设置圆形热区（3）设置多边形热区7/4/202119图像占位符和轮换图像1.图象占位符2.插入鼠标经过图像单击工具栏上的图像按钮旁边的小三角形，在下拉式菜单中选择图像占位符按钮单击工具栏上的图像按钮旁边的小三角形，在下拉式菜单中选择鼠标经过图像按钮7/4/202120设置网页图片属性最终效果图7/4/202121插入表格添加表格编辑表格格式化表格导