dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt

dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt

ID:51617333

大小:667.00 KB

页数:62页

时间:2020-03-26

dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt_第1页
dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt_第2页
dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt_第3页
dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt_第4页
dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt_第5页
资源描述:

《dreamweavercs6网页设计教学全套课件素材第2章 Dreamweaver基础知识.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Dreamweaver基础知识Dreamweaver基础知识2.1Dreamweavercs3简介2.2Dreamweaver的工作界面2.3站点的部署2.4文本的处理2.5建立超级链接2.6在网页中使用图像2.7在网页中使用多媒体Dreamweaver基础知识2.8使用表格结构布局2.9使用APDiv布局页面2.10使用层叠样式表2.11使用框架布局页面2.12使用模板和库2.13使用行为2.14使用表单2.15Spry控件2.1Dreamweavercs3简介Dreamweaver被称为梦幻工厂,它具有“所见即所得”的编辑方式,在网页中可以引入行为,样式,模板

2、等技术,所以在制作网页时体验非常好。由于它具备可视化编辑功能,用户可以快速地创建页面而不需要掌握专业的html语言。在查看站点元素和资源时,能够直接的进行拖拽,操作非常直观。另外还可以直接将photoshop,fireworks中创建和编辑的图像导入到dreamweaver中,使资源得到整合。也可以在其中编辑asp、php、jsp等动态网站。所以说,dreamweaver在网站建设中起着不可替代的作用。2.2Dreamweaver的工作界面在Dreamweaver的工作区域中集合了一系列的窗口、面板和检查器,在进行网页制作之前先要来对Dreamweaver的工作区

3、有一定的了解,指导如何使用检查器和面板进行设置适合用户风格的界面。2.2.1界面布局文件面板属性浮动面板标签选择器菜单栏插入栏文档工具栏文档窗口面板组图2.1dreamweaver工作界面窗口的各组成要素菜单栏有10个主菜单,在其中包括了Dreamweaver的所有功能,通过菜单栏可以对对象进行任意的设置。菜单栏是按照功能的不同进行了划分,方便用户的使用。插入栏插入栏以选项卡形式展示,占了屏幕很小的区域,在其中包含了各种网页元素(图像、表格、层)插入到网页的按钮。窗口的各组成要素文档工具栏文档工具栏上有视图切换的按钮,另外还包含文件管理功能,上传下载,浏览器预览等

4、功能按钮。文档窗口显示用户正在编辑的网页文档。属性浮动面板可以查看和编辑当前选定的网页元素的属性,此面板中的内容会随着选中对象的不同而变化,比如当前选中了文字,面板中就会显示文字相关的属性,如字体,大小,样式等。窗口的各组成要素面板组组合在一个标题下面的多个相关的面板的集合。可以通过单击组名称左侧的展开箭头将这多个面板在折叠或展开之间切换。文件面板这个面板组非常重要,用来管理文件和文件夹,还可以对站点进行操作,查看站点中的资源。标签选择器处于文档底部的状态栏中,用来显示当前选定html对象标签的层次结构,单击其中的任何标签,就可以选中该标签及其内容。2.2.2窗口

5、和面板1、欢迎界面图起始界面这是第一次启动Dreamweaver后显示的界面。欢迎界面分为3列。左边一列可以打开最近使用的文档,中间列可以创建各类新文档,右边一列是从模板中创建。界面下面提供了软件的帮助信息,帮助信息可以通过网络进行更新。2.2.2窗口和面板2、文档工具栏单击文档工具栏左边的3个按钮,可以在“代码视图”,“设计视图”和“拆分”视图之间切换。另外在工具栏中还有添加网页标题,文件管理,在本地和远程站点间传送文档等命令。如下图所示。文件管理浏览器中预览刷新可视化助理视图选项验证标记检查浏览器兼容性图文档工具栏2.2.2窗口和面板3、标准工具栏标准工具栏中

6、包括“文件”和“编辑”菜单中的常用的操作按钮。如新建、打开、保存、打印代码、剪切、复制、撤销等按钮。在默认的界面下此工具栏是不显示的,如果需要显示,可以通过“查看->工具栏->标准”命令打开。图标准工具栏2.2.2窗口和面板4、编码工具栏此工具栏只出现在编码视图中,并且以垂直方式显示在文档窗口的左侧。其中包含多种标准编码操作的按钮。例如高亮显示无效代码、应用删除注释、缩进代码以及插入最近使用的代码片断。在使用编码工具栏时,不能把它移动,但是可以把它隐藏起来。2.2.2窗口和面板5、状态栏状态栏位于窗口的底部,主要用来提供与当前文档相关的信息。这部分包括选择标签、选

7、取工具、手形工具、缩放工具等。其中的选择标签用来显示环绕当前选定内容html标签的层次结构,单击任何标签可以选择该标签及其全部内容。2.2.2窗口和面板6、使用插入栏插入栏位于菜单栏和文档工具栏的中间位置,它几乎覆盖了网页制作时的所有的操作。在插入栏中包括了插入对象的按钮,这些按钮根据类型被组织到不同的选项卡中。2.2.3管理面板和面板组1、展开折叠面板组:在面板组的左上角的小三角符号上单击可以折叠或展开面板。2、拖动面板组:将光标放在需要拖动的面板组左上角,按下左键进行拖动,可以将面板从面板组中脱离。如果要拖回原来的位置,需要重复拖出的方法(将光标放在需要拖回的

8、面板组左上

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。