优快云第四堂课课堂感受

最新推荐文章于 2025-08-18 12:03:02 发布

原创最新推荐文章于 2025-08-18 12:03:02 发布 · 357 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dreamweaver #开发工具 #flash #table #音乐 #windows

本文介绍了网页设计的基础知识，包括图片及多媒体元素的插入方法、超链接的创建方式、背景音乐的设置技巧，以及如何利用表格进行网页布局等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

这节课的内容如下：

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

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

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

   目的: SEO的优化

图片的路径问题：

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

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

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

                 这个关系分为：

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

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

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

2.如何创建超链接

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

       关键属性 href="http://www.youkuaiyun.com"
                 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="插入的动画文件路径"/>]

网页布局：

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

     布局的几种方式：

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