Dreamweaver创建网页的基本方法(精品多篇)范文

(作者:chunchun1989时间:2023-07-20 11:36:21)

[引言]Dreamweaver创建网页的基本方法(精品多篇)为好范文网的会员投稿推荐,但愿对你的学习工作带来帮助。

Dreamweaver创建网页的基本方法(精品多篇)

行为面板概述 篇一

一、行为面板概述

在Dreamweaver中,主要通过“行为”面板来将行为添加到页面的标签上,并可以对以前添加的行为参数进行修改,当然,还可以直接在HTML源代码中进行修改。

点击“窗口”菜单,选择“行为”项,即可打开“行为”面板,如下图所示:

1、“显示设置事件”按钮:只显示附加到当前文档的那些事件。

2、“显示所有事件”按钮:按字母顺序显示属于特定类别的所有事件。一般情况下,在文档中选择了某一个HTML标签,就会显示关于那个标签的所有事件。

3、“添加行为”按钮:点击此按钮,则会弹出快捷菜单,如下图所示:

这个特定菜单中,包含了可以附加到当前选定元素的动作。从该菜单列表中选择一个动作时,将会出现一个对话框,可以在此对话框中指定该动作的相关参数。

如果该菜单上的某个动作处于“灰显”状态,则说明该动作不能使用。

如果该菜单上的所有动作都处于“灰显”状态,则表示选定的元素无法生成任何事件。选定的元素会在上图中的“标签”后面显示出来。

4、“删除事件”按钮: 从行为列表中删除所选定的事件和动作。

点击“删除事件”按钮,就会删除已经选择的onClick事件的“显示/渐隐”动作了。

5、选择不同的事件:选择一个行为项,点击这个行为左边的事件,则在该事件的旁边出现一个向下的箭头。如下图所示:

单击向下的箭头出现下拉菜单,可以在该菜单中为该行为选择不同的事件。

6、修改行为参数:选择一个行为项,双击带“ ”标记的行为名称,或者先选取它然后按下键盘Enter键,可以在弹出的窗口中修改这个行为项的参数。

7、“向上箭头或向下箭头”按钮:在行为列表中上下移动某一事件的选定动作。如下图所示:

当同一事件出现几个行为时,选择其中的一个行为,点击“增加事件值”或者“降低事件值”按钮,可以向上或者向下移动该行为。同一事件的几个行为的排列顺序决定了文档中对象行为的执行顺序。排在上面的先执行,排在下面的后执行。

对于不能在列表中上下移动的行为,箭头按钮将处于禁用状态。

Dreamweaver创建网页的基本方法 篇二

首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:

以下为引用的内容:

这是我的第一个网页。

输入完毕后将文件保存,命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“保存类型”一栏选择“所有文件”,然后点击“保存按钮”)

保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。

请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

基础知识讲解

我们刚刚制作的网页以开头,以结尾,它们分别代表网页文件的开始和结束。

英文中head是头的意思,body是身体的意思。网页的和两部分就分别代表了网页的“头”和“身子”。也许你注意到了,我们网页的“头”里面“有一个。title一词是标题的意思,网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子,也就是与标签中间的内容将作为正文被显示在浏览器中。

这个网页很单薄,head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念:网页的头(head)是为浏览器写的,它将不会显示在页面上,而身子(body)是为网站的用户写的,是浏览器将要显示的内容。

菜鸟恶搞XHTML之错误示例

打开下面这两个错误示例看看。它们的代码都存在十分严重的错误,但是浏览器却会准确无误地显示这两个网页。

示例1——身子长在脑袋里

这是我的第一个网页。

看看上面这个网页,和之间的内容正常的显示在页面上了。但是这是滑稽的错误,把身子放在脑袋里了。

示例二——脑袋长在脖子下

这是我的第一个网页。

浏览器的适应能力实在是令人佩服,即使你将脑袋放在身子里它也认得出来。看看标题栏,标题完全正常显示。

Dreamweaver创建网页的基本方法 篇三

1、启动Dreamweaver

1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”,

2)在中间的“创建新项目”中点第一个 HTML,打开一个空白文档;

2、保存文件

1)点菜单“文件-保存”命令,弹出一个“另存为”对话框,在上边的保存在长条中,找到D:盘,在中间打开自己的文件夹;

2)在下边文件名那儿把Untitled-1删除,改成index然后点右边的“保存”按钮;这儿注意两点,一个是保存位置在自己的文件夹,一个是文件名改成index

3)回到窗口,这时候在标签上就有了文件的名称,然后在标签下面的文档工具栏中间找到“标题”;把标题改一下,这个网页内容是个人主页,把标题改成“青青草”

4)这样我们就修改好了标题,同时按下Ctrl和S键(Ctrl+S组合键),保存一下文件,标签上的星号消失;

3、输入内容

1)在中间工作区里点一下鼠标,这是光标在左上角一闪一闪,提示输入内容;输入下面的三行内容,输完一行按一下回车键,输完按Ctrl+S保存一下文件;

2)在标签下边的文档工具栏中,找到一个球体的'预览图标,点一下出来一个下拉列表,点第一个在IE浏览器中进行浏览,如果没保存,会出来一个提示,点“是”即可。

你也可以在好范文网搜索更多本站小编为你整理的其他Dreamweaver创建网页的基本方法(精品多篇)范文。

word该篇Dreamweaver创建网页的基本方法(精品多篇)范文,全文共有2345个字。好范文网为全国范文类知名网站,下载全文稍作修改便可使用,即刻完成写稿任务。下载全文:
《Dreamweaver创建网页的基本方法(精品多篇).doc》
Dreamweaver创建网页的基本方法(精品多篇)下载
下载本文的Word文档
推荐度:
点击下载文档