今天是最后一天的实训课,果不其然,老师讲了很多丰富的内容,为了活跃气氛,提高大家上课的积极参与性,李伟老师依旧用他独一无二的幽默诙谐风格讲授要讲的内容,很是感动····
下面是笔记部分:
一:
1、在网页中插入图片,并且修改图片的显示属性
-- alt alt="凤姐" 当图片不能显示的时候(图片路径问题),显示alt属性设定的内容
-- title title="凤姐你好漂亮" 当我们的鼠标移动图片上方的时候显示的内容(描述信息)
目的:SEO 优化
图片的路径问题:
1) 绝对路径:能够直接在浏览器中访问的路径(物理路径)
2) 相对路径:我们要访问的路径他是相对于当前的文件本身的路径
当前我们文件和要引用的文件之间的关系
这个关系分为:
1)同级目录文件:要引用的文件和当前的文件在同一个文件夹 使用方法:直接写文件全名或者“./文件的全名”
2)子级目录文件:要引用的文件和当前在不同的文件夹,具体说引用的文件再当前目录下的子文件夹下 使用方法:子文件夹路径/+文件的全名
3)上级目录文件:要引用的文件是在当前文件的上级目录,使用的方法:“../文件全名” ,每上一级目录,我们加一个“../”
2、如何创建超链接
1)创建超链接用 <a></a>
1)自身链接到自身文件 href="#" 还可以链接到自身文件的某个地方 锚点
锚点:定义格式 <a name="锚点的名称">aa</a>
使用:<a href="#锚点的名称">aaa</a>
2)超链接启动发邮件程序 href="mailto:邮件的地址?subject=邮件主题"
使用:<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 是否自动播放
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 (表格)
Table (表格)
DIV (用层布局)
1)表格的创建
<table></table>用于创建一个表格
<tr></tr>表示插入一行
<td></td>表示插入一列
<th>表示是表格的标题列,它可以加粗同时还可以居中
<caption></caption> 表格表名居中显示
<img> 插入图像标签
alt属性, 当图片不能显示的时候,我们给出的提示
title属性,表示当鼠标移动到图片上方是,显示的提示信息
src属性 关于路径的问题:
1、当前目录文件 1)直接写出文件的名称 2)"./"+文件名(.后缀)
2、子级目录文件 子级文件夹得路径+文件的名称
3、上级目录文件 "../"+文件名(.后缀) 每上一级都要多加一个"../"
在网页里输入空格的方法:
1、使用“全角”输入
2、 表示的就是空格
特殊字符:
1、 空格 ® 注册商标 © 版权
四:超链接的使用:
1、创建超链接 使用 <a>
注意使用<a>标签有两个常用的属性:
1)href 表示是连接的文件的地址
2)target 打开连接窗口的显示方式
1)href 表示是连接的文件的地址
2)target 打开连接窗口的显示方式
超链接的路径问题:
1)相对路径 我们要连接的目标文件相对与当前文件的路径
2)绝对路径 我们可以直接访问的地址
3)连接地址 是“#”表示链接当前文件自身
2、创建超链接的时候,创建锚点
插入音频文件:
背景音乐:<bgsound src="音频文件的地址" >
loop 是否循环
loop 是否循环
插入音频文件在网页中播放:
<embed src="音频文件的链接地址"> 这个标签在IE6下兼容性差。
插入视频文件:
<embed src="音频文件的链接地址"> 这个标签在IE6下兼容性差。
注意:1)要确保文件路径没有问题
2)确保使用Windows Media Player 这个播放器能够播放
插入动画:
<object>
<param value="">
</object>
<param value="">
</object>
2、布局的概念?
用表格布局
表格的创建方式
<table> --- 表格
<tr> --- 表格的行
<td> - 表格的列
</td>
</tr>
</table>
表格的属性
表格的属性
border 表格的边框
align 表格的对齐方式
width 、height
background 插入背景图片
3、制作1像素的表格技巧
1、给整个表格加上背景颜色 (该颜色其实就是我们将要设定的表格的边框颜色)
2、选中整个表格 设置表格的 填充=1 间距=1
3、选中所有的单元格(从左上角,向右下角拖拽选中),然后设置单元格的背景颜色 是 白色
3、选中所有的单元格(从左上角,向右下角拖拽选中),然后设置单元格的背景颜色 是 白色
4、关于表格中合并的问题
把列进行合并 colspan = "2" 2 列的意思
rowspan = "2" 2 行的意识,行合并
** 注意: HTML中框架 是把窗口划分为若干个子窗口
布局其实是针对body里面的内容进行排版 一个窗口
布局其实是针对body里面的内容进行排版 一个窗口
实训课就这样结束了·······充实但又觉得过得很快·····希望我们会有更多这样的机会···········希望大家能和伟哥和平姐不久之后再次相见··············