第四章 超链接及表单 课件 -2022-2023学年高一下学期（中职）《网页设计与制作》（机械工业出版社）

第四章 超链接及表单 网络的灵魂是超级链接，没有超级链接，就没有万维网。超级链接能把Internet上众多的网站和网页联系起来，为畅游网络提供了方便，真正实现了网络无国界，是网页制作中使用得比较多的一种技术。 表单是用户和服务器交互的一个重要方式，利用表单，服务器可以收集用户信息，比如可以采集访问者的名字和E-mail地址、调查表、留言薄、搜索界面等等。 4.1 超级链接 绝对URL的超链接 从一个网站的网页链接到另一个网站的网页必须使用绝对路径，包括所使用的传输协议，如http://www.baidu.com 相对路径的超链接 将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去，本书中的素材网页基本都是此类链接；最后，还可以利用锚记导航，在同一网页中创建超链接。 内部链接 内部链接是指链接的目标端点是本地站点中的文件 外部链接 外部链接则指链接的目标端点是本站点之外的URL 4.1 超级链接 4.1.1 文本及图像超链接 1.选择希望建立为链接的文本或图像。 2.在【属性】面板中如下图所示 单击【链接】文本框右侧的【浏览文件】图标，打开【选择】文件对话框，选择目标件,单击【确定】按钮。 3、选择被链接的文件显示的目标窗口，如图所示 4.1 超级链接 4.1.2锚记链接 锚记链接又叫锚点链接。当一全页面的内容较多且内容较长时，为了方便用户浏览网页，可以使用锚点链接快速跳转到想要看的位置。锚点链接指在同一页面的不同位置的链接。 1、单击【常用】工具栏中的【命令锚记】按钮或者选择【插入】-【命名锚记】命令，打开【命名锚记】对话框 ，命名。 2、选择 超链接的目标在【属性】面板的【链接】文本框中输入“#1中所命名的锚记名称” 用同样方法，读者可以在页面中设置多个锚点和链接 ，实现在页面的跳转。 4.1 超级链接 4.1.3其他超链接 1.e-mail 链接 为了方便网站维护人员获取用户的反馈意见 Dreamweaver 提供了电子邮件链接，当浏览者单击电子邮件时，系统会自动启用浏览器默认的电子邮件处理程序，其中的收件人的地址会自动更新为链接地址。 2.文件下载链接 文件下载链接与普通链接的使用方法一样。当被链接的文件不被浏览器支持时，被浏览器直接下载，用户可以选择是不是保存到本地计算机中。 3.空链接 空链接就是没有目标端点的链接，它具有链接的属性，但不会链接转到任何位置。 4.2 表单应用 4.2.1表单及表单对象简介 表单（Form）技术可以实现浏览者同Internet服务器之间信息的交互传送，它是网络信息收集处理的一种重要的方式。通过表单可以从网络的用户端收集信息，然后将收集来的信息经过服务器处理后再反馈给用户。无论是电子商务、网上调查、还是留言板、聊天室，都要求网页能够接收浏览者输入的信息而表单就是网站获取用户信息最重要的手段之一。 表单域中可以插入任何HTLM对象，如文本、表格和图像。表单对象特指表单域中专门处理用户输入数据的元素，包括文本域、隐藏域、按钮、图像域、文件域，单选按钮及单选按钮组、复选框、列表、菜单、跳转菜单、标签和字段集以及Spry验证系列。 4.2 表单应用 4.2.2插入表单域 1.单击【插入】菜单中的【表单】——【表单】或者在表单工具栏中单击按钮 此时在编辑窗口中显示红色虚线框，该区域即为插入的表单域，也称“表单”。 2.在表单域的【属性】面板中设置属性，如图 4.2 表单应用 4.2.3 插入表单对象 1.插入文本域 文本域是表单用来收集由用户输入文本信息的表单对象。 插入文本域如下图： 4.2 表单应用 4.2.3 插入表单对象 1.插入文本域 文本域属性设置如下图： 4.2 表单应用 4.2.3 插入表单对象 2.插入复选框 复选框是让用户可以选择的控件，可以从复选框组中选择多项。复选框的响应都可以进行“关闭”和“打开”状态切换。属性设置如下图： 4.2 表单应用 4.2.3 插入表单对象 3 插入单选按钮 单选按钮在一组中只能选择一个选项。选中一组中某个单选按钮，则原来选中该组中的其他单选按钮会被取消选择。属性设置如下图： 4.2 表单应用 4.2.3 插入表单对象 4 .插入单选按钮组 单选按钮组相当于多个名称相同的单选按钮，属性设置如下图： 4.2 表单应用 4.2.3 插入表单对象 5.列表 列表的属性设置如下图： 列表值的设置如下图： 4.2 表单应用 4.2.3 插入表单对象 6.菜单 菜单的属性设置如下图： 列表值的设置和列表一样，两者预览的结果不同：（左列表，右菜单） 4.2 表单应用 4.2.3 插入表单对象 7. 插入文件域 文件域主要用