网页设计与制作插入网页基本元素

2020/9/30
41
表单简介
❖ 在网上浏览时常会遇到要求填写资料或提供 信息的页面，如申请QQ号码时填写个人信息 的页面，网上购物时填写的购物单等，这些 页面即是表单页面。表单通常由多个表单对 象组成，如单选按钮、复选框、文本字段以 及按钮等，网站管理员可以通过表单从浏览 者处收集需要的信息，从而实现信息的传递。
2020/9/30
28
最终效果图
2020/9/30
29
编辑表格
1.合并单元格
拖动选中要合并的单元格，单击属性面板上的合并单 元格按钮
2.拆分单元格
在要拆分的单元格中单击，在单击属性面板上的拆 分单元格按钮
3.插入或删除行、列
使用菜单“插入”→“表格”菜单中的插入行或
列，删除行或列进行相应的操作。
1.单选按钮
单击工具栏上的单选按钮按钮
2.单选按钮组
单击工具栏上的单选按钮组按钮
2020/9/30
47
❖ 下拉菜单
1.列表/菜单
单击工具栏上的列表/菜单按钮
2.跳转菜单
在工具栏上单击跳转菜单按钮
2020/9/30
48
❖ 隐藏区域
在工具栏上单击隐藏域按钮 在网页中插入一个隐藏域标志
❖ 按钮
在工具栏上单击按钮按钮
202P0/9a/30ges（ASP）图和6-P6H0 P表。单的组成对象
43
一个实例 制作一个个人简
历调查表，收集个 人的资料。该调查 表是表单应用的典 型实例。
实例效果
2020/9/30
44
❖创建表单
将插入工具栏切换到“表单”模式，单击 创建表单按钮
插入的表单区域用红色虚线表示，后面插入
的所有表单元素都要插入到这个虚线中。
2020/9/30
14
插入水平线
水平线可用于页面上内容的分隔。
将工具按钮切换到“HTML”，单击水平线按钮
单击该水平线，可在属性面板中设置水平线的属性，如宽 度、高度、对齐方式等。
水平线的颜色可以使用属性面板中的“快速标签编辑器” 设置。值得注意的是水平线的颜色只能在预览时看出来。
2020/9/30
23
添加表格
❖新建表格 ❖修改表格属性 ❖设置单元格属性
2020/9/30
24
1.新建表格
（1）将插入工具栏切换到“常用”模式，单击表格按钮 （2）在表格对话框中设置表格的样式。 （3）单击“确定”按钮就可以把表格插到网页中。
（4）在表格的各个单元格中分别输入内容。
2020/9/30
25
2.修改表格属性
loop设置循环次数，小于1为连续循环。
Bgcolor设置滚动区域的背景颜色。
width 和height设置滚动区域的大小，沿垂直方向（up或down）
滚动时，必须设置一定的高度值，否则看不到滚动的文字。
2020/9/30
11
设置文本超级链接
1.使用属性面板 设置超级链接
2.使用工具按钮
（1）插入超级链接 单击工具栏上的超级链接按钮
2020/9/30
35
插入媒体元素
❖ 媒体文件的类型 ❖ 插入Flash ❖ 制作播放电影、背景声音的页面
2020/9/30
36
插入媒体元素
媒体文件的类型
1.RealVideo的.rm、.rmvb视频影像格式和.ra的音频格式
2.Microsoft Media technology的.asf格式 3. QuickTim的.mov格式 4.Flash的.swf格式 5.Metastream 的.mts格式
2020/9/30
42
❖ 表单的工作原理
表单支持客户端-服务器关系中的客户端。当访问
者在Web浏览器中显示的表单中输入信息，然后单
击提交按钮时，这些信息将被发送到服务器，服务
器端脚本或应用程序在该处对这些信息进行处理。
用于处理表单数据的常用服务器端技术包括
Macromedia ColdFusion、Microsoft Active Serverຫໍສະໝຸດ 2020/9/3049
2020/9/30
30
编辑表格
❖ 实例1、绘制课本51页的表格。
2020/9/30
31
插入图像预览效果图
2020/9/30
32
格式化表格
在要格式化的表格中单击，再使用菜单“命令”→“格 式化表格”打开格式化表格对话框。
2020/9/30
33
导入表格数据
1. 导出Excel数据为文本文件
在Excel中使用菜单“文件”→“另存为”打开另存为对话 框，在“文件类型”中选择“文本文件（制表符分割） （*.txt）”，保存文件为biaoge.txt。
3.插入Flash文本
将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮旁边
2020/9/3的0 三角形，在菜单中选择“媒体：Flash文本”按钮
38
制作播电影、声音的页面
1.插入插件
（1）将插入工具栏切换到“常用”模式，单击“媒体： Flash”按钮旁边的三角形，在菜单中选择“媒体：Flash文本” 按钮
➢插入文字
❖ 在Dreamweaver中为网页插入文本 有两种方法：
❖ 直接输入文本 ❖ 从其他文档中复制文本
2020/9/30
1
插入网页基本元素
本章要点 ❖ 插入文字 ❖ 插入图像 ❖ 插入表格 ❖ 插入媒体元素 ❖ 插入表单
2020/9/30
2
➢插入特殊符号
❖ 将插入工具切换到“文本”工具组； ❖ 使用菜单“插入”→“HTML” →“特殊字
（2）选择一个要插入网页的电影格式的文件
（3）在编辑窗口中看到插入了一个灰色矩形插件标志，调整 其大小可调整网页中的播放窗口的大小。
（4）单击属性面板上的“参数”按钮，可设置各种播放参数。
2020/9/30
39
2.插入背景声音
（1）将插入工具栏设置为“常规”，单击标签选择器按钮
（2）在标签选择器对话框左边窗口逐级选择“HTML标签”→ “页 元素”→“浏览器特定”，然后在右边窗口中单击“bgsound”，再 单击下面的“插入”按钮，打开“标签编辑器--bgsound”对话框。
loop=“2”Bgcolor=“#00ff00”Width=“200”Height=“100”> …………
</marquee>
direction为滚动的目标方向，可选right、left、up、down。
scrollamount 和scrolldelay为滚动数量和延迟，可设置滚动速度
和间隔时间。
2.导入位网页表格
将“插入”工具栏切换为“布局”模式，在右边单击表 格数据按钮
选择数据文件为Excel导出的文本文件biaoge.txt，定界符
选“Tab”。表格宽度设置单元格的宽度，选择“匹配内容”。
2020/9/30 也可以制定宽度。
34
插入媒体元素
❖ 动态元素是一种重要的网页元素。这里我们 将学习在网页中插入动态元素，如Flash影片、 Flash按钮、Flash文本等，此外还将学习其 他一些动态元素的插入方法。
2020/9/30
7
应用举例——设置网页文本格式
❖ 下面为“如果”网页中的文本进行格式设置， 要求文本标题样式与正文不同，正文中某些 文字需突出，以达到美化网页文本的目的。
2020/9/30
8
网页效果图
2020/9/30
9
插入滚动字幕
1.插入滚动字幕
（1）单击编辑窗口上方的“拆分”按钮，将视图切换为拆分模式。
（1）设置矩形热区
（2）设置圆形热区
（3）设置多边形热区
2020/9/30
19
图像占位符和轮换图像
1. 图象占位符
单击工具栏上的图像按钮旁边的小三角形，在下拉式菜单中选择 图像占位符按钮
2.插入鼠标经过图像
单击工具栏上的图像按钮旁边的小三角形，在下拉式菜单中选择鼠 标经过图像按钮
2020/9/30
对话框。
（5）在代码中出现<marquee></marquee>，在中间的两个尖括号
2020/9“/3>0 <”之间输入要滚动的文字，如“欢迎访问励志学社的主页！” 。
10
设置滚动字幕的属性
<marquee direction=“right”scrollamount=“8”scrolldelay=“110”
20620./A9/3u0 thorware的.aam多媒体教学课件格式
37
插入Flash
1.插入Flash动画
将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮
2.插入Flash按钮
将插入工具栏切换到“常用”模式，单击“媒体：Flash”按钮旁边 的三角形，在菜单中选择“媒体：Flash按钮”按钮
（3）在“源”中指定背景音乐文件，可以是.wav、.mid或.mp3 格式的音频文件。
（4）在“循环”栏指定网页调入时背景音乐的播放次数，选 择“无限（-1）”循环播放。其他选项根据需要设置。
（5）单击“确定”，背景音乐就插入到网页中。关闭标签选择器
2020/9对/30话框。
40
插入表单
❖ 文本字段 ❖ 复选框 ❖ 单选按钮 ❖ 下拉式菜单 ❖ 隐藏区域 ❖ 按钮
（2）插入邮件链接
链接目标是电子邮件地址时，单击工具栏上的电子邮件链接按钮
2020/9/30
12
设置文本超级链接
3、设置下载文件的超级链接 4、创建外部链接
5、链接文字颜色的设置
通过页面属性来设置的。
2020/9/30