吴怀唐的Jimdo网页制作

Dreamweaver基础知识

 
 

从零起步-[Dreamweaver-基础知识]第1课

 

    这个单元的课程,我们是为网页制作的“绝对新手”准备的!

    本课首先将对一些与互联网相关的术语做浅显的解释,使大家对互联网传递信息的基本原理有个了解,在后面的课程里再对HTML(超文本标记语言)的基本知识进行讲解,以及对Dreamweaver的各项功能进行快速的、简要的介绍。

    在这个单元中,应着重对HTML语言进行理解,因为它是网页制作的基础,了解了它,对后面各部分的学习非常有帮助,能做到不但知其然,而且知其所以然。

    在本单元中学习Dreamweaver的各项功能时,您不必对每一个内容都理解得非常清楚,在后面的章节都会详细介绍,这里只是使您对Dreamweaver有个整体的认识。

    在互联网相关的词汇中,经常会遇到专用的英文单词和缩写,用户掌握一些主要的词汇的含义会对浏览和制作网页有很大的帮助。因此,本课就从一些英文缩写的单词开始!

本节课时长6分01秒,下载文件1.01兆字节。

 
 

认识HTML-[Dreamweaver-基础知识]第2课

 
   在本课中,我们将学习HTML的基本知识。常说的网页,事实上都是一个文件,这个文件里面包含了HTML指令,所以这些文件就被称为HTML文件。

    HTML语言不是一种编程语言,而是一种描述性的标记语言,这些标记语言用来定义HTML文件中信息的格式和功能。当浏览器接收到HTML文件后,就解释HTML文件内的标记符,根据标记符去执行相应的显示功能或实现某些功能。

    注意这些标记符必须用左右尖括号“<”“>”括起来。HTML标记符最基本的格式是:<标记符>内容< /标记符>。标记符通常成对使用,前面的“<标记符>”表示某种格式的开始,后面的“< /标记符>”表示这种格式的结束。

    例如,HTML文件中的< b>和< /b>标记符用来定义HTML文件中的文字为粗体字。就是说,在这一对标记中的内容都以粗体的格式在浏览器中显示。

    通过这一课,您应该能够大致了解 HTML 语言的基本规则,以及一些简单的标记的作用和用法。 需要指出的是,实际上有些标记现在已经不经常使用了,但是对于初学者来说,掌握它们对于理解其中的原理很有帮助,因此还是应该把他们搞清楚。

本节课时长17分30秒,下载文件2.88兆字节。

 
 

设置文字-[Dreamweaver-基础知识]第3课

 

    在上节课中,演示了HTML文件的基本结构,以及一些最基本的HTML标签的意义。

    在这次课中,我们来具体应用一下,看看如何在HTML中设置文字的格式。例如,设置文字的大小、设置文字的字体、设置文字的颜色,以及其它的设置文字的样式效果。

    在HTML语言中,设置文字外观的标签是FONT。

    需要提出的一点是,现在通行的趋势是不使用HTML本身的标记和属性来设置页面的样式,而把这个任务交由“层叠样式表”,也就是CSS来完成。但是在这里,我们举这个例子的目的是使大家更方便地理解HTML语言的原理,等以后大家对HTML/CSS都充分熟悉了,就可以灵活的运用了,可以很自由地选择用什么方式来设置页面的样式了。

本节课时长5分56秒,下载文件0.8兆字节。

 
 

文字及链接-[Dreamweaver-基础知识]第4课

 

   在上一节课中,我们学习了文字属性的相关设置方法,也就是使文字按照我需要的演示显示,例如颜色、字体、大小等等。

    在本课中,我们将继续学习其他常用的HTML标签。主要的内容包括两个方面的内容:

    一个还是关于文字的设置,即设置文字的对齐方式、创建无序号列表、创建序号列表。

    另一个是设置超级链接的方法,网络这种媒体形式之所以于其它的传统媒体,例如书报杂志不同,很大的区别就在于,网络媒体可以在不同的内容之间互相链接。

本节课时长10分08秒,下载文件1.28兆字节3,834

 
 

操作界面-[Dreamweaver-基础知识]第5课

 

    通过前面几节课的介绍,我们对HTML语言已经有了一个基本的了解。在此基础上,这节课中简单介绍一下Dreamweaver的操作界面。

    Dreamweaver是一个“所见即所得”的网页编辑器,同时它又可以非常方便地进行HTML代码的编辑,因此兼具了可视化编辑的方便的优点,又具有代码编辑的精确的特性。

本节课时长10分08秒,下载文件1.28兆字节。

 
 

建立站点-[Dreamweaver-基础知识]第6课

 

       前面讲过,网络这种媒体之所以区别于其他传统媒体,就在于网络中的各个页面之间可以形成链接关系,从而把全世界的页面联结成为一个有机的整体,我们可以说这个整体包含了整个世界!

因此,Dreamweaver实际上完成的是两个大功能:

  • 设计、制作和编辑单独的一个个网页文档;
  • 从网站的角度来管理这些页面, 维护它们之间的链接关系,以及其它相关的管理工作。

所以,使用Dreamweaver的第一步就是在本地硬盘上建立一个网站,因此这里先介绍网站管理的基本知识。Dreamweaver管理一个网站或者说一个站点,本质上它是一个文件夹,里面存放网页文件,但是Dreamweaver不仅仅可以可以查看这个文件加中的各个网页,而且可以承担起很多相关的工作,从而减少网站制作人员的工作,这就是Dreamweaver这样的工作的作用。

 

      这一课中,我们主要介绍两个要点:

  • 新建一个网站的方法;
  • 对网站的基本管理方法。

本节课时长10分18秒,下载文件2.08兆字节。

由于这个演示录制是在1024X768显示分辨率下进行的,因此,下载以后再播放会看到更好的效果。

如果希望在线观看,点击“播放”按钮以后,打开浏览器窗口,如果显示不全,可以按键盘上的“F11”键,这样浏览器会进入“全屏模式”,这样即使1024X768分辨率的显示器也可以观看了。

如果使用IE浏览器,那么再次按F11可以退出全屏模式;如果使用Firefox浏览器,用F11无法退出全屏模式,这是可以使用“Ctrl+Esc”键显示出windows的任务栏,然后关闭相应的那个Firefox窗口。

 
 

新建文档-[Dreamweaver-基础知识]第7课

 

    在上一次课中,我们已经为网站加入了一个HTML文件,并命名为index.htm,实际上这就已经创建了一个新的空白文档。

    在Dreamweaver中编辑网页内容的时候,都是在文档内部添加或编辑内容,或者在文档之间建立链接关系。所以,我们首先要学习的是文档的创建。在这一课中,主要演示了三个要点:

  1. 需要掌握创建默认的基本页面的方法。
  2. 如何保存一个新创建的页面文档。
  3. 理解新创建的空白文档的含义。

在这个单元里,我一共分了7课,演示了制作网页一些最基本的内容,到这里,我们了解了 HTML 的基本原理和语法规则,认识了Dreamweaver的基本操作环境,以及如何在Dreamweaver中创建一个空白的文件,下面的任务就是学习如何在网页中添加各种网页元素了,比如“文字”、“图片”、“超级链接”等等,那么这些内容我们就放到一下一个关于Dreamweaver的单元中进行讲解了!

本节课时长4分02秒,下载文件0.6兆字节。

如果希望在线观看,点击“播放”按钮以后,打开浏览器窗口,如果显示不全,可以按键盘上的“F11”键,这样浏览器会进入“全屏模式”,这样即使1024X768分辨率的显示器也可以观看了。