您好,欢迎访问三七文档
当前位置:首页 > 办公文档 > 心得体会 > Dreamweaver创建网页的基本方法(精编3篇)
参考资料,少熬夜!Dreamweaver创建网页的基本方法(精编3篇)【导读指引】三一刀客最漂亮的网友为您整理分享的“Dreamweaver创建网页的基本方法(精编3篇)”文档资料,供您学习参考,希望此文档对您有所帮助,喜欢就分享给朋友们吧!Dreamweaver创建网页的基本方法11、启动Dreamweaver1)点击“开始-所有程序-Macromedia-MacromediaDreamweaver8”,2)在中间的“创建新项目”中点第一个HTML,打开一个空白文档;2、保存文件1)点菜单“文件-保存”命令,弹出一个“另存为”对话框,在上边的保存在长条中,找到D:盘,在中间打开自己的文件夹;2)在下边文件名那儿把Untitled-1删除,改成index然后点右边的“保存”按钮;这儿注意两点,一个是保存位置在自己的文件夹,一个是文件名改成index3)回到窗口,这时候在标签上就有了文件的名称,然后在标签下面的文档工具栏中间找到“标题”;把标题改一下,这个网页内容是个人主页,把标题改成“青青草”4)这样我们就修改好了标题,同时按下Ctrl和S键(Ctrl+S组合键),保存一下文件,标签上的星号消失;3、输入内容1)在中间工作区里点一下鼠标,这是光标在左上角一闪一闪,提示输入内容;输入下面的三行内容,输完一行按一下回车键,输完按Ctrl+S保存一下文件;2)在标签下边的文档工具栏中,找到一个球体的'预览图标,点一下出来一个下拉列表,点第一个在IE浏览器中进行浏览,如果没保存,会出来一个提示,点“是”即可。Dreamweaver创建网页的基本方法2首先请运行记事本,或在任意位置新建一个文本文档,在记事本内输入如下内容:以下为引用的内容:这是我的第一个网页。输入完毕后将文件保存,命名为“”。(点击“文参考资料,少熬夜!件”—“另存为”。在“文件名”一栏填入“”,在“保存类型”一栏选择所有文件,然后点击“保存按钮”)保存之后,双击该文件,浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同,如果相同,那么你就成功地完成了自己的第一个比较简陋的网页。请注意,这只是一个简单的页面,虽然它在语法上符合XHTML的标准,但是如果要作为一个完整的、符合W3C标准的XHTML网页,它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。基础知识讲解我们刚刚制作的网页以开头,以结尾,它们分别代表网页文件的开始和结束。英文中head是头的意思,body是身体的意思。网页的和两部分就分别代表了网页的“头”和“身子”。也许你注意到了,我们网页的“头”里面“有一个。title一词是标题的意思,网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子,也就是与标签中间的内容将作为正文被显示在浏览器中。这个网页很单薄,head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念:网页的头(head)是为浏览器写的,它将不会显示在页面上,而身子(body)是为网站的用户写的,是浏览器将要显示的内容。菜鸟恶搞XHTML之错误示例打开下面这两个错误示例看看。它们的代码都存在十分严重的错误,但是浏览器却会准确无误地显示这两个网页。示例1——身子长在脑袋里这是我的第一个网页。看看上面这个网页,和之间的内容正常的显示在页面上了。但是这是滑稽的错误,把身子放在脑袋里了。示例二——脑袋长在脖子下这是我的第一个网页。浏览器的适应能力实在是令人佩服,即使你将脑袋放在身子里它也认得出来。看看标题栏,标题完全正常显示。行为面板概述3一、行为面板概述在Dreamweaver中,主要通过“行为”面板来将行为添加到页面的标签上,并可以对以前添加的行为参数参考资料,少熬夜!进行修改,当然,还可以直接在HTML源代码中进行修改。点击“窗口”菜单,选择“行为”项,即可打开“行为”面板,如下图所示:1、“显示设置事件”按钮:只显示附加到当前文档的那些事件。2、“显示所有事件”按钮:按字母顺序显示属于特定类别的所有事件。一般情况下,在文档中选择了某一个HTML标签,就会显示关于那个标签的所有事件。3、“添加行为”按钮:点击此按钮,则会弹出快捷菜单,如下图所示:这个特定菜单中,包含了可以附加到当前选定元素的动作。从该菜单列表中选择一个动作时,将会出现一个对话框,可以在此对话框中指定该动作的相关参数。如果该菜单上的某个动作处于“灰显”状态,则说明该动作不能使用。如果该菜单上的所有动作都处于“灰显”状态,则表示选定的元素无法生成任何事件。选定的元素会在上图中的“标签”后面显示出来。4、“删除事件”按钮:从行为列表中删除所选定的事件和动作。点击“删除事件”按钮,就会删除已经选择的onClick事件的“显示/渐隐”动作了。5、选择不同的事件:选择一个行为项,点击这个行为左边的事件,则在该事件的旁边出现一个向下的箭头。如下图所示:单击向下的箭头出现下拉菜单,可以在该菜单中为该行为选择不同的事件。6、修改行为参数:选择一个行为项,双击带“”标记的行为名称,或者先选取它然后按下键盘Enter键,可以在弹出的窗口中修改这个行为项的参数。7、“向上箭头或向下箭头”按钮:在行为列表中上下移动某一事件的选定动作。如下图所示:当同一事件出现几个行为时,选择其中的一个行为,点击“增加事件值”或者“降低事件值”按钮,可以向上或者向下移动该行为。同一事件的几个行为的排列顺序决定了文档中对象行为的执行顺序。排在上面的先执行,排在下面的后执行。对于不能在列表中上下移动的行为,箭头按钮将处于禁用状态。
本文标题:Dreamweaver创建网页的基本方法(精编3篇)
链接地址:https://www.777doc.com/doc-9901016 .html