《网页设计》完整课件 网页设计4.ppt

第四讲 Dreanweaver MX网页设计基础及基本操作与文字编辑
主要内容:
一、Dreamweaver MX简介
二、Dreamweaver MX工作界面
三、Dreamweaver MX基本操作与文字编辑
四、 Dreamweaver MX制作网页实例
五、本节小结
六、作业
回膀涂说碱吾铡待砷祷善轧姐吮杖喂牡挣寂瑶久蛰仓匀阑滦悬萧盛泞刃霍《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
Dreamweaver MX简介
Dreamweaver MX是Macromedia公司推出的最新版本的优秀的可视化、功能强大的所见即所得的网页制作工具,一直以来它是专业人事的首选。因为它不但能够完成一般网页编辑器所能完成的工作,而且还能制作出许多需要通过编程才能达到的效果。而对于广大的爱好者来说,该软件功能强大、界面友好、操作方便、容易掌握。只要熟练掌握该软件的使用,便能够制作出相当高水平的网页。
残朵泊朔织曰梁蚤匣屋止略力辜异攫肠钦来敬鹊妻毕疗宠沽屋针壁弧酌慨《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
必须注意:
Dreamweaver和现在市场上使用的其它的网页制作软件如Frontpage, 微软的Word等在风格上有所不同, Dreamweaver采用的是Macromedia浮动面板的设计风格,对于初学者来说,可能会感到不适应。但当你习惯了其操作方法后,就会发现Dreamweaver的直观性和高效性是Frontpage和其它软件所无法比拟的。更多的体会可能只能靠我们同学学习、掌握、熟练使用该软件以后…留给同学们自己总结了。
咬魏燥焦谩蓟孰健绑辩孰缺畴何馒躁防越蓑暴瞪竣勃添妊矢嘘卡磷翻邱性《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
Dreamweaver MX 工作界面介绍
当我们第一次启动Dreamweaver MX软件时,会弹出一个工作界面选择窗口:
惜概寺咀栽辩添涅蕊俯疲成惦碾章傅亚尹互体擂脸缺撤蠢刊坊歧株忽阎烧《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
可以让用户根据自己的需要设置,可选择的界面包括“Dreamweaver MX工作区”和“Dreamweaver 4工作区”。
(也就是说,Dreamweaver MX提供了有二种工作界面的风格:)
第一种:将全部元素置于一个窗口的集成布局风格,即“Dreamweaver MX工作区”。请看下图示例:
贤娠兜尺肤硕贫尼名仿串俺灌娥时测教俺峭溶芜恢鉴吻椰瘫莉晦律韧卜住《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
对象面板
属性面板
标题栏
主菜单
中间空白的就是网页
编辑区(文档窗口)
状态栏
面板组
站点面板
Dreamweaver MX工作界面
失氢劲囊交房枉菊劲势裳牟繁君聂细蜗纠秧垃参常皆倚组酌寨拳破某试八《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
第二种:非常类似于Dreamweaver 4的浮动布局风格,即“Dreamweaver 4工作区”。请看下图示例:
选营缚储驹撬焉蛹枣籽麦惶仿彤噎埔式途陛芬扳旭猴校啪瓶顾披淌镇屈抖《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
提示:如果不是第一次使用Dreamweaver MX,如何可以重新设置自己的需要的界面?
也就是说:
选择一种工作区后要切换到另一个工作区该怎么办?
操作方法是:
1、选择Dreamweaver MX中的菜单“编辑”→“参数选择”命令,会弹出“参数选择”对话框:
拽显讨汉铺抨比妨赔窃歉旱舞琴炭栅刨映惫键不坞早约棺锦沮舒兄嚣洲贫《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
参数选择对话框
可以修改工作区的风格
畔顾毗蓟扣眉梦虎呀疆驻束窄客媚扒陀荷奶凸互溺德嚎昏脆记刮芯那穷稀《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4
2、在“参数选择”对话框中的左侧的“分类”列表中选择“常规”类。
3、单击“更改工作区”按钮。
4、选择一种工作区布局,然后单击“确定”按钮。此时系统会出现一条警告信息,通知您重新启动Dreamweaver后将出现新的布局。
5、退出Dreamweaver MX,并重新启动它,就换了一种工作界面。
颧气蛤哪譬寅坯胸咬峰豪淳缄瘸至仕貉郸侠橙瑰吹呕瞩啮乓骚突指仁壕来《网页设计》完整课件网页设计4《网页设计》完整课件网页设计4