WDF(8)
教学内容
PPT14——
这是一个关于input的例子，强调的部分是我们应该记住的和input元素相关的属性。
PPT15——
想象一下，如果一个问题的选项比较多的时候，使用单选按钮或复选按钮还合适吗？比如需要向用户调查用户所在的省份时，大家知道中国有34个省级地区，要是这34个选项都使用单选按钮时，这34个单选按钮在页面上占用的空间会比较大，而且不容易进行排版，这个时候我们考虑使用列表/菜单。
我们刚刚看到了<input>元素不需要在其开始标签和结束标签中间显示文本，所以使用空元素<input>就可以了，由于列表/菜单中必然包含不同的可供用户选择的选项，所以<input>这个空元素不再适合定义列表/菜单，所以，HTML中引进了<select>元素来定义它们，该元素和<input>元素不同，不是一个空元素。
在IE浏览器中，<select>元素可能表现为三种不同的控件：DropdownList（或ComboBox）、ListBox或UpdownList，这取决于不同的属性设置。
列表/菜单的选项使用<option>标签进行定义，主要的一个属性是selected，用于确定该选项是否被选中，选项的内容包含在<option></option>中。
select的主要属性有size和multiple：size用于确定列表/菜单显示的行数；multiple是一个布尔属性，用于确定列表/菜单的选项是否可以使多选的，如果设置了该属性，可以按下Shift或Ctrl键，使用鼠标点选多个选项：Shift用于连续多选，而Ctrl用于不连续多选。
textarea元素主要用于在HTML表单中显示一个多行的文本域，要显示在其中的文本包含在<textarea></textarea>中，故这不是一个空元素。它的主要属性有：rows和cols以及wrap。rows和cols的属性值都是一个整形数字，用于确定可见行数和每行的可见字符数；而wrap属性用于确定文本域中的多行文本是否自动换行，其属性值有多个，默认情况下，文本域中的文本时自动换行的，如果不想让其自动换行，可以为其指定属性wrap=”off”。
PPT16——
该示例演示了select和textarea的主要属性。
PPT17——
前面我们讲的都是<form>元素内部的表单元素的一些属性，form本身不可见，但也有两个重要属性，我们需要了解一下：
method属性用于确定表单的提交方式，可能的取值是get或post，默认为get。两种提交方式和服务器端的处理有关系，目前我们只需要知道，使用get方式提交浏览器地址栏中会出现参数，而post提交方式不会改变地址栏中的地址。
action属性用于确定处理表单信息的服务器端应用程序的地址。
PPT18——
上网的时候，有时候我们会看到这样的页面，网页被分成三个部分，单击左边的超级链接，顶部和左边不会发生任何变化，而中间的网页主要内容会改变，这个网页就是一个框架网页。
使用框架集(frameset)，可以将多个页面显示在一个浏览器窗口中，其中的每个页面都被叫做框架(frame)，每个框架都与其它的框架相互独立。
使用框架集可能带来一些问题：开发人员可能需要在不同页面之间进行导航，增加了开发的难度；一次打印所有文档中的内容比较困难。
框架网页的定义需要用到三个HTML元素：frameset：定义框架集；frame：定义框架页面和noframes：如果浏览器不支持框架时显示的内容。
PPT19——
先来看frameset元素，该元素用于定义如何将浏览器窗口拆分成多个框架，主要属性有rows和cols、frameborder、border和bordercolor。
frame元素用于定义拆分后的框架，属性有name、scrolling、noresize和src。其中，scrolling和noresize分别用于指定该框架是否有滚动条以及该框架的大小是否可以通过拖曳框架边框的方式调整框架大小；src属性用于指定在该框架中要加载哪个页面，其属性值是一个URL，你可以通过指定该属性直接在自己的网页中引用别人网站上的页面；name属性在frame元素中具有非常重要的作用——方便在不同的框架中进行导航：我们在前面讲<a>标签时，讲到过一个属性target，对于它的属性值，我们当时只介绍了一种_blank，也就是使用一个超级链接在新窗口中打开页面。在框架网页中，我们可以在一个框架网页中创建一个超级链接，单击该超级链接，本框架中的页面不变，而其它框架中的页面会指向该超级链接所引用的页面，此时，我们应该为该超级链接的target属性值指定为要打开新网页的frame元素的name属性值。
PPT20——
有些比较古老的浏览器无法识别frameset和frame元素，也就是说我们上面进行的框架网页的设置可能是徒劳的，使用这些浏览器的用户什么也看不到，可能浏览器上显示的是一片空白，这个时候，我们可以使用noframes元素给这些用户提示一个消息，如“此网页使用了框架，但您的浏览器不支持框架。”。该元素非常简单，只需要把要显示的内容放到它的开始和结束标签之内就可以了。
在这个PPT上的代码示例中，我们可以发现<body>…</body>是放在<noframes>…</noframes>中的，这和我们以前看到的一些网页不同，应该引起注意：框架集的定义是在<body>元素之外的。
PPT21——
至此，HTML中常用的元素我们已经基本上介绍完了，也就是说使用这些HTML元素，你已经可以完成一些网页的制作了。对于上面这些元素，要求我们可以在不借助任何编辑工具的情况下手写HTML代码，如果没有达到这个要求，希望课后能够花一点时间。
HTML里面还有一些元素，不是非常常用，但是大家可能会比较感兴趣，这里也进行一下简单的介绍，对于这些元素要求大家知道元素名就可以了，至于怎么使用不要求大家掌握，如果以后你在网页中要使用这些元素，查一下相关的资料就可以了。
我们要讨论的问题有四个：
1、 在网页中插入字幕（跑马灯）
我们在网站上可能看到过来回滚动的公告消息，这个就是所谓的字幕。网页中的字幕使用marquee元素进行定义，这个是IE浏览器所特有的一个元素。Marquee原意是指“（戏院﹑ 电影院﹑ 旅馆等入口处的）遮檐”，引申为字幕，跑马灯是台湾的说法。
2、 网页中的多媒体
前面我们讲<img>标签时说过，如果网页中只有文字的话会比较单调，然后我们就讲了如何在网页中插入图片。事实上，有图片的网页内容还是不够丰富，我们还可以为自己的网页添加音乐、视频等多媒体素材。
背景音乐的特点在于当浏览器窗口处于不被激活的状态时音乐会停止。使用bgsound元素进行背景音乐的指定，通常情况下，可以使用的音乐文件有.mid和.wav。.mid音乐文件特别小，一首完整的歌曲大概只有几十K大小，但是没有人声，只能是简单的乐器声音，.wav文件比较大，可以包含各种声音。
插入音频文件，相当于在网页上插入一个音频播放器，使用embed元素，支持的格式主要取决于系统中安装了哪些音乐播放器，比如安装了Media Player的系统中可以播放网页中插入的.asf、.mp3等文件；安装了RealPlayer的系统中可以播放网页中插入的.rm等文件。最常用的音频文件格式是mp3。
视频和音频的情况类似，最常用的文件格式有.rm、.rmvb、.wmv、.asf、.mov等。
需要注意的是：在网页中插入音频和视频有一个潜在的风险是用户的系统中可能根本没有安装能够播放该音频或视频的播放器。
Flash是比较流行的多媒体元素，这种动画格式是矢量的，而且可以有声音，因特网上几乎所有的PC机上都安装了它的播放器，可以放心使用。Flash文件的扩展名是.swf。
Java Applet是Java公司倡导的在网页中嵌入可执行程序的方法，它的功能非常强大，特别是网络处理的功能，在Windows系统下需要安装JRE（Java Run Environment， Java运行时）才能够使用Java小程序。
还有一些多媒体元素需要安装插件之后才能够观看，比如我们介绍XML的时候提到的一个叫做SVG的东西。
3、 地图与热区
这个应用还是比较常见的，比如网页上有一副地图，我们可以为地图上的每个区域都做一个超级链接连接到不同的页面。
坐标的确定是比较复杂的，我们在讲Dreamweaver时会再讲到。
4、 页中页
一些门户网站上，我们有时候可能看到在页面上有一个方框，方框里面是一个独立的网页，而该页面由于某种原因没有打开，显示一块白色背景出来，上面有一些关于未打开网页的错误说明，这个就是用到了页中页的效果，但该网页没有打开。这个和frame比较类似，叫做iframe。
教学重点
1) Select、textarea
2) 框架网页
Life is like a boat, and I'm at sea.
浙公网安备 33010602011771号