2024年6月5日发(作者:)

第一章 Dreamweaver CS5 基础知识

1.1

1.2

Dreamweaver CS5 简介

Dreamweaver CS5 的工作界面

1.2.1、界面布局:

CS5的工作布局和之前的版本基本类似,系统集成的界面布局可以根据不同的设计需

要来进行改变,作为初学者DWCS5给我们提供了一个比较适合的界面布局“设计

器”,这种界面看起来比较直观,很适合刚刚接触本软件的用户。如果你很熟悉了这

个开发软件,那么你就还可以选择编辑器等等的工作区布局,来提高开发效率。

Tip:

自定义工作区的方法:执行“窗口->工作区布局->新建工作区”命令

常用的窗口介绍:

1、应用程序工具栏 2、菜单栏3、插入栏4、文档工具栏5、文档窗口6、标签选择

器7、属性检查器8、标签组(又称面板组)9、文件面板

PS:各部分的面板工具栏的使用,我们将在实际例子里去慢慢体会。我们知道网页中

的元素有很多有文字,声音,图片,图像,动画等 等 ,而网页设计所做的事情就是让

我们把这些元素方便的组合在一起,并进行公布。所以要开发一系列的网络课件,学

好基础的网页设计知识是很比要的。

第二章文本的处理与控制

2.1设置网页标题

标题是网页的重要元素,因为设置好它可以让我们的网页排在搜索中的前面位置。

1、在菜单中执行“修改->页面属性”命令,然后选择列表中的“标题/编码“中进行

修改

2、也可以在代码区内直接修改HTML代码进行修改

2.2 HTML简介

HTML是一种信息组织的方式,浏览者可以自行选择阅读的路径,不需要按顺序阅

读,可以只对自己感兴趣的部分进行浏览。标记是指在网页中对元素的属性的描述。

HTML已经被广泛的使用到实际的生活中,可以看到以这中语言来组织的网页都是

以”.htm”或者”.html”格式的文件。

HTML文件的基本结构 :

HTML文件的结构 是由元素 组合而成的。组成HTML文件的元素有很多下面我们举

些例子来简单的说明下HTML的基本结构。

超文本文件分文件头和文件体两部分,在文件头里,对这个文件进行了一些必要的定义,文件体中才是要显示的各

种文件信息。

头 部 信 息

文 档 主 体, 正 文 部 分

其中在最外层, 表示这对标记间的内容是HTML文 档。我们还会看到一些Hompage省略标记,因

为.html 或.htm 文件被Web浏览器默认为是HTML文件。 之间包括文件的头部信息,如文件总标题等,若不需头部

信息则可省略此标记。 标记一般不省略, 表示正文内容的开始。

下面是个最基本的超文本文件的原始码:

一个简单的HTML示例

欢迎光临我的主页



这是我第一次做主页,无论怎么样,我都会努力做好!

━┓

┃文件头

━┛

━┓

┃文件体

━┛