Dreamweaver 的操作环境
通过这一节知识点的学习,大家将会了解和掌握 Dreamweaver 的操作环境,基本的操作,你会见识到 Dreamweaver 主界面都有哪些神奇的功能? 以及如何用 Dreamweaver 创建你的第一个空白网页。这一节将是踏入 Dreamweaver 世界的基础,难度较低也很容易跟上,下面就让我们正式进入Dreamweaver 的世界吧。
1. Dreamweaver 的操作界面?
1.1 菜单栏
菜单栏主要有:文件、编辑、查看、插入、工具、查找、站点、窗口、帮助几个按钮组成,大家不要觉得很多理不清头绪,我们接下来的学习中都会用到,只要用过了,你就很难再忘记这个功能是如何使用的了。在后面的知识点中我们讲解 Dreamweaver 功能具体操作中将给以上按钮充分的讲解。现阶段,我们只需要大致知晓这些按钮的存在就好。
1.2 文档窗口
文档窗口有三种状态可以给大家查看,分别是:代码视图、拆分视图、设计视图。这里的每一种视图就是我们想以怎样的方式来看我们正在做的网页。比如,你想看网页的源代码,就打开代码视图,想用肉眼边看边调整元素属性,就用设计视图。
那么我们分别点击屏幕上文档窗口里的代码、拆分、设计几个词的按钮,就可以在不同的视图之间切换,十分方便迅速。
所谓“术业有专攻”,Dreamweaver 这个软件的优秀之处就在于,在每个细节都做到尽量让大家体验舒适和方便。
1.3 属性面板
属性面板上面已经说过元素是什么了。而这个属性面板就是咱们去对元素进行调整的。同学们想一想,一个元素摆放在文档窗口里后,不一定就是我们最终的想要的样子。那如何改变这个元素?就是改变它的属性。属性,就是事物的性质,比如桌子有长、宽、高的属性,一头大象有体重的属性。我们要想让一个元素按照我们想要的样子显示在屏幕上的网页里,就属性面板里在改它的属性就对了。每个页面中不同的元素有不同的属性,我们不必全部记忆,这样既耗费时间,最终也不一定达到长久记忆。
Tips:每个页面中不同的元素有不同的属性,我们不必全部记忆,这样既耗费时间,最终也不一定达到长久记忆。正确做法是在使用到某个元素的时候在屏幕上的文档窗口里点击这个元素,这个时候属性面板会根据你点击的元素的不同,展示出不同的属性设置,到时候我们可以通过 Dreamweaver 清晰地看到每个元素有哪些属性,以及这些属性可以调整的范围。
经验:
1.4 浮动面板组
浮动面板组,除了上述我们说的之外的所有面板就是浮动面板,所有浮动面板编一个组的话就叫浮动面板组。
操作步骤:
步骤1:
步骤2:
经验:
在这里我们可以看见 Dreamweaver 不仅可以创建 HTML 文档,还可以创建 XML、XHTML、JSP、ASP 等多种类型的文档。从这里我们可以看到,Dreamweaver 的功能远远不止创建静态网页,而是构建一个动态的功能强大的网站。
什么是静态网页?什么又是动态网页?
一般情况下,我们讲的静态网页就是作为使用者的你,不能够对网页展示的信息进行更改的。而动态网页,正是你在现代社会中看到的那些可以用鼠标点击,并且给你的点击做出响应的网页。咱们可以理解静态网页为没有生命力的死掉的网页。动态网页是触角灵活的活网页。
步骤3:
3. 小结
本小节对 Dreamweaver 的软件的主界面,一些专有名词做了比较清晰的讲解。同时,我们还讲解了一下如何在 Dreamweaver 中创建一个空白文档的过程。其实全程并没有很难的内容。只要大家在自己的电脑上跟着操作,相信很快就可以掌握的很熟练。