网页制作技术 杨尚森 第3章.pptVIP

第3章 插入基本网页元素 第3章 插入基本网页元素 3.1 插入文字 3.1 插入文字 3.1 插入文字 3.1 插入文字 3.1 插入文字 3.1 插入文字 3.1 插入文字 3.2 插入图像 3.2 插入图像 3.2 插入图像 3.2 插入图像 3.2 插入图像 3.2 插入图像 3.2 插入图像 3.3 插入表格 3.3 插入表格 3.3 插入表格 3.3 插入表格 3.3 插入表格 3.3 插入表格 3.4 插入媒体元素 3.4 插入媒体元素 3.4 插入媒体元素 3.4 插入媒体元素 3.4 插入媒体元素 3.4 插入媒体元素 3.4 插入媒体元素 3.4 插入媒体元素 3.5 插入表单 3.5 插入表单 3.5 插入表单 3.5 插入表单 3.5 插入表单 第3章 插入基本网页元素 3.5 插入表单 3.5 插入表单 3.4.3 制作播放电影、声音的页面 2．插入背景声音 【实例3.7】给网页加上背景声音。 表单在Web网页中用来给访问者填写信息，从而获得用户信息，使网页具有交互的功能。一般将表单设计在一个HTML文档中，当用户填写完信息后完成提交（submit）操作，表单的内容就从客户端的浏览器传送到服务器上，经过服务器上的ASP或CGI等处理程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。本节介绍怎样使用HTML标志来设计这个表单。 3.5.1 创建表单 表单中的所有元素都必须在同一个表单中，所以要首先创建表单。 在属性面板中可设置表单的属性。 表单名称：设置表单的名称。名称最好也不要使用含汉字的字符串。 动作：接收表单内容的页面文件名。 方法：发送表单的传输方法，有POST和GET两种。表单提交一般选POST。 MIME类型：选择传送过程中的信息编码方式。 3.5.2 文本字段 1．单行文本 单行文本输入区用于用户填写用户名、地址等信息。 2．密码 密码输入区用于用户输入密码信息，用户在此区域输入的所有字符都显示为“*”或黑点。 3．多行文本 多行文本可输入比较多的文字，用于输入用户建议、详细介绍等信息。 3.5.3 复选框 复选框用于用户可以同时有多种选择的情况。在表单中输入“你的爱好：”，再单击工具栏上的复选框按钮，在网页中插入一个复选框，如图所示。 在复选框旁边输入复选框所指的内容“唱歌”，依次根据需要插入其他几个复选框。 3.5.4 单选按钮 1．单选按钮 单选框用于用户选择唯一的正确答案，如性别为“男”、“女”等。 2．单选按钮组 Dreamweaver 8提供的单选按钮组功能可以更方便地插入一组单选按钮。 3.5.5 单选按钮 1．列表/菜单 在表单中输入“你选修的课程：”，再单击工具栏上的列表/菜单按钮，在网页中插入一个空的下拉菜单。 2．跳转菜单 跳转菜单指选择一个选项后，直接跳转到指定的网页。跳转菜单一般不是一个表单的一部分，而是用于普通网页中，可以节约空间或简化页面。 * * 文字、图片、超链接、表格、动画、电影等是网页中的基本元素，使用Dreamweaver 8可以方便地将这些元素插入到网页中。本章介绍的资源管理功能可以将所有的元素资源进行整合使用，大大提高了制作网页的效率，本章还介绍了网页页面属性的设置方法。 在线教务辅导网： 教材其余课件及动画素材请查阅在线教务辅导网 QQ:349134187 或者直接输入下面地址： 3.1 插入文字 3.2 插入图像 3.3 插入表格 3.4 插入媒体元素 3.5 插入表单 文字是网页中最基本的元素，包括一般文字、类似版权标记一类的特殊字符、滚动文字等，文字的颜色、大小等可以随意设置，可根据需要将文字设为超链接文字。 3.1.1 输入文字 1. 插入文本 2. 插入特殊符号 (1)换行符 (2)不换行空格和其他符号 (3)转义符 3.1.2 设置文字属性 1. 设置方法 2. 改变文字大小 3. 改变文字颜色 (1)16进制颜色代码 (2)英文单词表示颜色 3.1.2 设置文字属性 4. 改变字体 5. 使用样式设置文字格式