HTML 基础入门教程——第06_10课

博客 2010-01-28 12:24:01 阅读22 评论0 字号：大中小

                                     06——10 课（合并）

玫瑰夫人 的 HTML 基础入门教程——第06课………………播放视频

 

六、播放视频　

　记事本是一个小巧的文本编辑器，可以用它来完成代码的输入，保存成网页以后用浏览器来查看，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“播放视频.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容，注意两个地址是一样的，以wmv结尾：

　每行一个标签，也可以用复制的方法，这样简单且不容易出错；

　这儿的标签是播放器的各个参数，可以查阅相关的资料；

　视频文件的地址一般以wmv、rm、asf等结尾，如果是其他的，说明视频地址加密了；

　2）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“播放视频”文件，双击打开，看一下页面效果；

　如果视频不能播放，只是空白的画面，就换一个有效的视频地址；

　注意：如果不能上网，则按下列操作：

　1）把本课文件夹中的 australia.wmv文件复制到自己的文件夹中，

　2）把代码中第4行改成

　3）把代码中第5行改成

   　本节学习了在网页中播放视频的基本方法，如果你成功地完成了练习，请继续学习下一课内容；

********************************07

引用 HTML 基础入门教程——第07课………………播放动画

博客相关   2010-01-27 19:40   阅读4   评论1  

字号： 大大  中中  小小

引用

玫瑰夫人 的 HTML 基础入门教程——第07课………………播放动画

 

七、播放动画　

　上一课我们学习了播放视频的方法，这一节我们继续学习Flash动画的播放，它也是用object和embed标签，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“播放动画.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容：

　每行一个标签，也可以用复制的方法，这样简单且不容易出错；

　里面的两个swf结尾的就是动画地址，在有动画的网页里敲右键，选择“查看源文件”，找到里面swf就是动画的地址；

　第一行里面的长串地址是播放器的地址，如果机子里没安装播放器，就上那儿去下载一个；

　2）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“播放动画”文件，双击打开，看一下页面效果；

　如果动画不能播放，只是空白的画面，就换一个有效的Flash动画地址；

　注意：如果不能上网，则按下列操作：

　1）把本课文件夹中的 heart 文件复制到自己的文件夹中，

　2）把代码中第2行改成

　3）把代码中第6行改成

  　本节学习了设置字体、字号、颜色的基本方法，如果你成功地完成了练习，请继续学习下一课内容；

*********08

引用 HTML 基础入门教程——第08课………………文字移动

博客相关   2010-01-27 19:41   阅读4   评论1  

字号： 大大  中中  小小

引用

玫瑰夫人 的 HTML 基础入门教程——第08课………………文字移动

 

八、文字移动　

　记事本是一个小巧的文本编辑器，可以用它来完成代码的输入，保存成网页以后用浏览器来查看，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“文字移动.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容，也可以复制一下，里面的汉字可以自己修改：

　

　轻轻地我走了，正如我轻轻地来

　这儿的marqee就是移动标签，width和height是区域，效果应该是：

　 轻轻地我走了，正如我轻轻地来

　2）按两下回车键，接着输入下列内容，或者复制一下也可以：

　

　 我挥一挥衣袖,不带走一丝云彩

　marquee后面的direction是移动方向，这儿是右，效果应该是：

　 我挥一挥衣袖,不带走一丝云彩

　3）按Ctrl＋S组合键保存一下文件，按两下回车键继续输入下面内容；

　

　

世界上最遥远的距离，不是生与死的距离

而是我站在你面前你却不知道我爱你

　这儿的scrollamount是速度，也可以减慢一些，效果是：

　世界上最遥远的距离，不是生与死的距离

　而是我站在你面前你却不知道我爱你

　世界上最远的距离,

　不是我站在你面前你不知道我爱你

　而是——

　爱你到痴迷却不能说我爱你

　按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“文字移动”文件，双击打开，看一下页面效果；　

　本节学习了设置文字移动的效果，如果你成功地完成了练习，请继续学习下一课内容；

***********************************************09

引用 HTML 基础入门教程——第09课………………表格使用

博客相关   2010-01-27 19:41   阅读7   评论4  

字号： 大大  中中  小小

引用

玫瑰夫人 的 HTML 基础入门教程——第09课………………表格使用

 

　表格可以很好地布局页面，并且往往能产生许多特效，表格里的每一格称作一个“单元格”，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“表格使用.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、输入内容

　1）在工作区中输入下列内容，可以复制了自己修改里面的汉字部分：

第一行

第二行

第三行

　这是一个三行的表格，里面的tr就是行标记，table是表格，id是编号，border是边框，效果应该是：

第一行 第二行 第三行

　2）按两下回车键，接着输入下列内容，把本课中的ybyq文件拷贝到自己的文件夹(图片地址也可以改成网上的)：

我

爱

你

　3）里面的position是表格位置，这儿是相对于发帖框，left是左边距，top是顶边距，这儿都是贴着发帖框；

　效果应该是：按Ctrl＋S组合键保存一下文件，效果应该是：

 

我

 

爱

 

你

　3）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“表格使用”文件，双击打开，看一下页面效果；　

　本节学习了表格的基本使用方法，如果你成功地完成了练习，请继续学习下一课内容；

****************************************10

引用 HTML 基础入门教程——第10课………………音画帖

博客相关   2010-01-27 19:42   阅读8   评论3  

字号： 大大  中中  小小

引用

玫瑰夫人 的 HTML 基础入门教程——第10课………………音画帖

 

十、音画帖　

　这一课我们来进行音画帖的综合制作，先确定好主题，准备一些相关的素材，下面我们来看一个练习；

　1、启动记事本

　1）点击“开始－所有程序－附件－记事本”；

　

　2）记事本的窗口主要包括标题栏、菜单栏、工作区，左上角有一个一闪一闪的光标插入点竖线；

　

　3）点菜单“文件－保存”命令，以“音画帖.html”为文件名，类型为“所有文件”，保存文件到自己的文件夹，注意文件名后缀为英文字母；

　2、准备素材

　1）音画帖大致准备一些背景图片、小图片、音乐、文字等，另外在打开一个记事本存下它们的链接地址；

　2）准备一个大的背景图，例如：

　3）准备一些动态gif小图片做修饰，例如：

　4）准备一首音乐，例如：http://dnd0756.16789.net/domName/dnd0756/200611302184769806.wma

　5）准备一段文字移动用，自己写或摘抄一段；

　3、输入内容

　1）先把本课的sucai文件夹复制到自己的文件夹中；

　2）在工作区中输入下列内容，也可以复制以后进行修改，把图片、音乐地址改成网上的；

往事如风 原来真的:网事如风 文/清秋飘絮 你来了, 又走了; 我笑了, 又哭了; 你来得如风,也去得匆匆.. 我笑得陶醉,却也哭得心碎!... 明明认认真真,小心翼翼; 明明全心全力,呵护倍至; 原以为会有个童话般的结果, 却为何偏偏只留下伤口? 闭上双眼,泪如汩汩泉涌, 除了可惜,眼泪没有声音, 而仿佛仅仅只是种温热的液体, 它再也唤不回已失去的一切 ! 所有一切的一切, 再也回不去从前, 也到不了以后了..... 路人,依然行色匆匆, 汽车,依然呼啸而过... 谁会在意 这擦肩而过的心碎?... 默默的街灯 问我为何流泪? 我无语凝噎,多想诉尽一切!.. 但, 我又怎能说得清, 多少的梦幻成泡影; 多少的诺言成谎言; 多少的甜蜜成苦楚; 多少的期待成追忆; 多少的思念成心痛! 当心 痛得不能再痛; 当泪 流到不能再流; 当笑 再也掩不住伤悲; 当醉 再也藏不住脆弱; 当一切再也难以言说 ; 当一路迷惘到了尽头;.... 蓦然回首......才发现 原来真的:网事如风…… 来自：基础教程网

　3）按Ctrl＋S组合键保存一下文件，在自己的文件夹中找到“音画帖”文件，双击打开，看一下页面效果；

往事如风

 

 

原来真的:网事如风

文/清秋飘絮

你来了, 又走了;

我笑了, 又哭了;

你来得如风,也去得匆匆..

我笑得陶醉,却也哭得心碎!...

明明认认真真,小心翼翼;

明明全心全力,呵护倍至;

原以为会有个童话般的结果,

却为何偏偏只留下伤口?

闭上双眼,泪如汩汩泉涌,

除了可惜,眼泪没有声音,

而仿佛仅仅只是种温热的液体,

它再也唤不回已失去的一切 !

所有一切的一切,

再也回不去从前,

也到不了以后了.....

路人,依然行色匆匆,

汽车,依然呼啸而过...

谁会在意 这擦肩而过的心碎?...

默默的街灯 问我为何流泪?

我无语凝噎,多想诉尽一切!..

但, 我又怎能说得清,

多少的梦幻成泡影;

多少的诺言成谎言;

多少的甜蜜成苦楚;

多少的期待成追忆;

多少的思念成心痛!

当心 痛得不能再痛;

当泪 流到不能再流;

当笑 再也掩不住伤悲;

当醉 再也藏不住脆弱;

当一切再也难以言说 ;

当一路迷惘到了尽头;....

蓦然回首......才发现

原来真的: 网事如风……

 

来自：基础教程网

　本节学习了制作音画帖的基本方法，如果你成功地完成了练习，请继续学习；

***********************************************2010.01.28