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> ??? 在表格中插入图片、背景色、字体设置等等。