CSDN第四堂课课堂感受

第四次课一如既往地有趣，可是又有点感伤，因为还有不久这次实训就要结束了，好希望时间慢慢过，再多学点多学点。

这节课的内容如下：

复习：

-------------------------------------------

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

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

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

目的: SEO的优化

图片的路径问题：

1） 绝对路径：能够直接在浏览器中访问的路径（物理路径，即file://文件地址）

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

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

这个关系分为：

1）同级目录文件：要引用的文件和当前的文件在同一个文件夹

使用方法：直接写文件全名 或 "./文件的全名"

2）子级目录文件：要引用的文件和当前在不同的文件夹，具体说引用的文件在当前目录下的子文件夹下

使用方法：子文件夹路径/+文件的全名

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

2.如何创建超链接

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

关键属性 href="http://www.csdn.net"

taregt="_blank" 弹出新的窗口

2）两个特殊的超链接：

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

锚点：定义格式 <a name="锚点的名称"></a>

使用：<a href="#锚点的名称"></a>

b 超链接启动发邮件程序 herf="mailto:邮件的地址?subject=邮件主题"

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

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

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

(若不小心关掉了某个小窗口，口从菜单栏（窗口）选项中找出)

快速安装：

win7操作系统 ： 右击--->管理员身份运行

使用：链接（属性栏中有）、插入图片（插入-->图像）、F12预览

--------------------------------------------------------------------

在网页中如何插入多媒体？

多媒体：声音、视频、动画.......

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

插入音乐：

<embed loop="true" src="music.11.mp3"></embed>

（loop表示是否循环，true则表示是，false则表示不是；autostart表示是否自动播放）

插入背景音乐：

<bgsound loop=" " src="音频文件路径" volume="音量" />（加了“/”表示自封闭，不用再打（/bgsound））

2.在网页中插入视频文件（必须可以用windows major piayer打开）

<embed src="音频文件路径"></embed>

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

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

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

<object type="application/x-shockwave-flash" date="music/" width='' height=''>

（大小高度等可以设像素，也可以设%：即随着网页的大小改变，但比例不变）

------------------------------------------------------------

网页布局：

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

布局的几种方式：

Table:表格

DIV：用层布局

1）表格的创建

<table>-->表格 <table>

<th>-->表格的标题列，加粗的同时可以居中

<tr>-->行 <tr>

<td>-->列 <td、th>姓名</td、/th>

</td> <td、th>性别</td、/th>

</tr> <td、th>分数</td、/th>

</table> </tr>

<tr>

<td>小王</td>

<td>男</td>

<td>92</td>

</table>

在表格中插入图片、背景色、字体设置等等。