菜鸟自学建站 HTML 第二课 了解Dreamweaver
孔子曰:温故而知新,在学习新的知识前,先复习一遍旧的知识,有利于我们打下坚实的基础,昨天学习的内容点有2点。
1.网站的制作流程。
解:设计主题——搜索素材——制作页面——测试发布。
2.网页的组成部分。
解:头部(header)——内容(content/container)——尾部(footer)。
昨天我们下载并安装了制作网页的主流工具,Dreamweaver,今天我们就来认识这位即将伴随我们走过自学建站很长时间的朋友吧。
首先我们百度下Dreamweaver,看看百度百科怎么说。
Adobe Dreamweaver,简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
就让我们用梦想编织者来编织我们的网站梦想吧!
双击桌面Dreamweaver的图标,打开Dreamweaver,如下图:
点击新建下面的html,进入网页制作的界面中。如下图:
进入界面后我们对界面一无所知怎么办?前面我们说过学习的过程就是不断解决问题的过程,既然有互联网这么丰富的资源,就一定要学会利用这些资源。
第一篇博文中我提到了4个资源:1.W3School 2.我要自学网 3.一个web交流群 4.百度
因为我们现在是要了解Dreamweaver,所以可以借助视频来更为直观的学习。
所以我选择去观看一些的我要自学网视频资源:(由于规则限制,请自行百度我要自学网,打开后导航栏找到网页设计——Dreamweaver
CS5视频教程——1-3Dreamweaver CS5的用户界面)
看完视频我们大致了解了Dreamweaver的界面,如下图:
可以观察到Dreamweaver的工作界面大体分为7部分,如图。
有句名言说的好,实践是检验真理的唯一标准。
仅看视频跟图是不能让我们了解Dreamweaver,我们可以用鼠标点击图中的每个菜单,按钮,拖动面板来亲自体验一下这些菜单,按钮里究竟有些什么。
体验完之后,我们进行总结。
下面是我个人对这7部分的理解:
菜单栏:像是一本书的目录,我们可以在目录里检索并打开到我们所需要获得各个章节。
插入面板:像电脑桌面的各种快捷方式图标,可以方便快捷的插入各种如(图像,按钮,表格等)。插入面板的快捷按钮都可以在菜单栏里的“插入”中找到。
文档工作区:用于查看文档的不同形态,调试文档。
文档编辑窗口:对网页进行编辑的地方。
状态栏:显示文档的信息,如文档大小,文档编码等。
属性栏:用于修改我们插入对象的属性。
浮动面板:辅助的工具栏。
本节内容知识点:Dreamweaver工作界面由哪些部分组成。到这里就说完了,好好巩固一下吧!
下节内容预告,自己亲手制作第一个页面。
PS:由于本人不是老师,也是刚入职场的菜鸟,学习内容的不足还请各位大牛指出,欢迎各位通过博客留言与我交流。
by——午夜的猫
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。