the forth 实训课

       今天是最后一天的实训课，果不其然，老师讲了很多丰富的内容，为了活跃气氛，提高大家上课的积极参与性，李伟老师依旧用他独一无二的幽默诙谐风格讲授要讲的内容，很是感动····

下面是笔记部分：

一：

1、在网页中插入图片，并且修改图片的显示属性

   -- alt  alt="凤姐" 当图片不能显示的时候（图片路径问题），显示alt属性设定的内容

   -- title title="凤姐你好漂亮" 当我们的鼠标移动图片上方的时候显示的内容（描述信息）

   目的：SEO 优化

  图片的路径问题：

   1） 绝对路径：能够直接在浏览器中访问的路径（物理路径）
 

   2） 相对路径：我们要访问的路径他是相对于当前的文件本身的路径

                 当前我们文件和要引用的文件之间的关系

                 这个关系分为：

                 1）同级目录文件：要引用的文件和当前的文件在同一个文件夹  使用方法：直接写文件全名或者“./文件的全名”

                 2）子级目录文件：要引用的文件和当前在不同的文件夹，具体说引用的文件再当前目录下的子文件夹下   使用方法：子文件夹路径/+文件的全名

                 3）上级目录文件：要引用的文件是在当前文件的上级目录，使用的方法：“../文件全名” ，每上一级目录，我们加一个“../”

2、如何创建超链接

   1）创建超链接用 <a></a>

      关键属性  href=" http://www.baidu.com "  链接的地址
                target="_blank"  弹出新的窗口
 
   2）两个特殊的超链接：

      1)自身链接到自身文件    href="#"  还可以链接到自身文件的某个地方 锚点

        锚点：定义格式 <a name="锚点的名称">aa</a>
             
              使用：<a href="#锚点的名称">aaa</a>
 
      2)超链接启动发邮件程序  href="mailto:邮件的地址?subject=邮件主题"

3、关于HTML开发工具 （IDE）

   DW  是一个图形化的开发工具

       是一个网站开发和管理的工具

      

     二：            快速安装 

       win7操作系统   右击----->管理员身份运行在网页中插入多媒体
   多媒体： 声音、视频、动画....

   1、在网页中插入音频文件：

      1）播放背景音乐 <bgsound src="音频文件路径" />  我们无法控制播放的节奏

      2）在网页中插入音频文件 <embed src="音频文件路径"></embed>
    
                              loop 是否循环        (      ture    or   false )        autostart 是否自动播放

   2、在网页中插入视频文件：

      1）在网页中插入视频文件 <embed src="音频文件路径"></embed>

   3、在网页中插入动画(.swf flash文件)文件

      1）<object></object> 插入动画文件

         <param name="movie" value="插入的动画文件路径" />

         <object type="application/x-shockwave-flash" data="music/jyg.swf" width="550" height="440">

三：

                 网页布局：

    网站的布局，其实就是网站的排版
     

    布局的几种方式：
  
    Table (表格)

    DIV   (用层布局)

 
    1）表格的创建

       <table></table>用于创建一个表格

       <tr></tr>表示插入一行

       <td></td>表示插入一列

       <th>表示是表格的标题列，它可以加粗同时还可以居中

       <caption></caption> 表格表名居中显示

 

<img>  插入图像标签

       alt属性， 当图片不能显示的时候，我们给出的提示

       title属性，表示当鼠标移动到图片上方是，显示的提示信息

      src属性 关于路径的问题：

       1、当前目录文件  1）直接写出文件的名称 2）"./"+文件名（.后缀）

       2、子级目录文件  子级文件夹得路径+文件的名称

       3、上级目录文件  "../"+文件名（.后缀）  每上一级都要多加一个"../"

 

 在网页里输入空格的方法：

       1、使用“全角”输入

       2、&nbsp; 表示的就是空格

特殊字符：

       1、&nbsp; 空格   &reg; 注册商标   &copy; 版权

 

四：超链接的使用：

       1、创建超链接  使用 <a>

         注意使用<a>标签有两个常用的属性：
        1）href 表示是连接的文件的地址
        2）target 打开连接窗口的显示方式

 

         超链接的路径问题：

         1）相对路径   我们要连接的目标文件相对与当前文件的路径

         2）绝对路径   我们可以直接访问的地址

         3）连接地址 是“#”表示链接当前文件自身

      2、创建超链接的时候，创建锚点

 插入音频文件：

        背景音乐：<bgsound src="音频文件的地址" >
  
                  loop 是否循环

 
        插入音频文件在网页中播放：

                  <embed src="音频文件的链接地址">  这个标签在IE6下兼容性差。

    插入视频文件：
            
                  <embed src="音频文件的链接地址">  这个标签在IE6下兼容性差。

                  注意：1）要确保文件路径没有问题

                        2）确保使用Windows Media Player 这个播放器能够播放

     插入动画：

                  <object>
                      <param value="">
                  </object>

2、布局的概念?

     用表格布局 

     表格的创建方式 

      <table>   --- 表格

         <tr>   --- 表格的行

            <td>  - 表格的列

            </td>

         </tr> 

     </table>
 
     表格的属性

     border 表格的边框

     align  表格的对齐方式

     width 、height

     background 插入背景图片

3、制作1像素的表格技巧

   1、给整个表格加上背景颜色 （该颜色其实就是我们将要设定的表格的边框颜色）

   2、选中整个表格 设置表格的 填充=1 间距=1
  
   3、选中所有的单元格（从左上角，向右下角拖拽选中），然后设置单元格的背景颜色 是 白色

4、关于表格中合并的问题

   把列进行合并  colspan = "2"  2 列的意思

                 rowspan = "2"  2 行的意识，行合并

  **   注意： HTML中框架 是把窗口划分为若干个子窗口

     布局其实是针对body里面的内容进行排版  一个窗口

实训课就这样结束了·······充实但又觉得过得很快·····希望我们会有更多这样的机会···········希望大家能和伟哥和平姐不久之后再次相见··············