文字像精灵,只要你用好它,它就会产生让你意想不到的效果。所以无论我们说话还是作文,都要运用好文字。只要你能准确灵活的用好它,它就会让你的语言焕发出活力和光彩。下面,下面是整理的Dreamweaver创建网页的基本方法(优秀3篇),在大家参照的同时,也可以分享一下给您最好的朋友。
首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:
以下为引用的内容:
这是我的第一个网页。
输入完毕后将文件保存,命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”,在“保存类型”一栏选择"所有文件",然后点击“保存按钮”)
保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。
请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。
基础知识讲解
我们刚刚制作的网页以开头,以结尾,它们分别代表网页文件的开始和结束。
英文中head是头的意思,body是身体的意思。网页的和两部分就分别代表了网页的“头”和“身子”。也许你注意到了,我们网页的“头”里面“有一个。title一词是标题的意思,网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子,也就是与标签中间的内容将作为正文被显示在浏览器中。
这个网页很单薄,head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念:网页的头(head)是为浏览器写的,它将不会显示在页面上,而身子(body)是为网站的用户写的,是浏览器将要显示的内容。
菜鸟恶搞XHTML之错误示例
打开下面这两个错误示例看看。它们的代码都存在十分严重的错误,但是浏览器却会准确无误地显示这两个网页。
示例1——身子长在脑袋里
这是我的第一个网页。
看看上面这个网页,和之间的内容正常的显示在页面上了。但是这是滑稽的错误,把身子放在脑袋里了。
示例二——脑袋长在脖子下
这是我的第一个网页。
浏览器的适应能力实在是令人佩服,即使你将脑袋放在身子里它也认得出来。看看标题栏,标题完全正常显示。
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中,主要通过“行为”面板来将行为添加到页面的标签上,并可以对以前添加的行为参数进行修改,当然,还可以直接在HTML源代码中进行修改。
点击“窗口”菜单,选择“行为”项,即可打开“行为”面板,如下图所示:
1、 “显示设置事件”按钮:只显示附加到当前文档的那些事件。
2、 “显示所有事件”按钮:按字母顺序显示属于特定类别的所有事件。一般情况下,在文档中选择了某一个HTML标签,就会显示关于那个标签的所有事件。
3、 “添加行为”按钮:点击此按钮,则会弹出快捷菜单,如下图所示:
这个特定菜单中,包含了可以附加到当前选定元素的动作。从该菜单列表中选择一个动作时,将会出现一个对话框,可以在此对话框中指定该动作的相关参数。
如果该菜单上的某个动作处于“灰显”状态,则说明该动作不能使用。
如果该菜单上的所有动作都处于“灰显”状态,则表示选定的元素无法生成任何事件。选定的元素会在上图中的“标签”后面显示出来。
4、 “删除事件”按钮: 从行为列表中删除所选定的事件和动作。
点击“删除事件”按钮,就会删除已经选择的onClick事件的“显示/渐隐”动作了。
5、 选择不同的事件:选择一个行为项,点击这个行为左边的事件,则在该事件的旁边出现一个向下的箭头。如下图所示:
单击向下的箭头出现下拉菜单,可以在该菜单中为该行为选择不同的事件。
6、 修改行为参数:选择一个行为项,双击带“�”标记的行为名称,或者先选取它然后按下键盘Enter键,可以在弹出的窗口中修改这个行为项的参数。
7、 “向上箭头或向下箭头”按钮:在行为列表中上下移动某一事件的选定动作。如下图所示:
当同一事件出现几个行为时,选择其中的一个行为,点击“增加事件值”或者“降低事件值”按钮,可以向上或者向下移动该行为。同一事件的几个行为的排列顺序决定了文档中对象行为的执行顺序。排在上面的先执行,排在下面的后执行。
对于不能在列表中上下移动的行为,箭头按钮将处于禁用状态。