视频: Реклама подобрана на основе следующей информации: (十月 2024)
在将Dreamweaver更新为基于订阅的Creative Cloud服务中的Dreamweaver CC时,Adobe可能会为之骄傲。 作为Adobe Creative Suite 6的一部分,Dreamweaver CS6的前身是Adobe的高级网站编辑器,作为创建和维护当今多平台网站的工具,它几乎没有竞争,甚至没有竞争。 例如,Dreamweaver CS6引入了现成的“流体网格” Web布局,该布局使用CSS根据屏幕大小自动重塑网页,从而使构建手机,平板电脑和台式机的单一站点变得很容易,而无需复杂的操作以前需要CSS手工编码。
新型Dreamweaver CC通过支持HTML5结构元素(如“节”和“文章”)增强了流体网格功能。 它还添加了同样省力的工具,即新的CSS设计器,它使用交互式图形界面来修改CSS属性(例如阴影和弯曲的角),因此您只需单击并拖动即可修改复杂的CSS代码,同时以真实的方式查看结果。时间。 完全支持基于Web的字体(在浏览器加载页面时从Adobe的服务器下载),可以轻松创建引人注目的设计。 此外,与其余的Creative Cloud套件一样,Dreamweaver也获得了简化且更易于自定义的界面,并且在Windows和OS X上均能相同地工作。
专业版和半专业版
Dreamweaver是专业级别的工具,即使您不是专业人士,也值得拥有(如果您负担得起的话)。 首次使用Dreamweaver的用户可能会被默认布局中的众多菜单和属性面板所吓倒,但是很快就清楚了如何使用它们来快速访问CSS元素的高级控件,或者在显示如何显示内容的显示之间快速切换网页将在打印或在不同尺寸的屏幕上显示时显示。 高级Web设计人员可以在其代码中单击基于JavaScript的UI窗口小部件菜单,以创建弹出对话框,日期选择器,手风琴式菜单以及当前UI效果库中的所有其他内容。 但是,即使是高级用户也可以创建在任何平台上看起来都不错的灵活的HTML5兼容站点。
开始编织梦想
从空白页或示例布局开始,单击“插入”面板中的项目以添加元素,例如模板(具有可编辑和不可编辑的区域),多媒体(HTML5或Flash)和标准HTML功能。 默认屏幕分为代码窗格和WYSIWYG设计窗格,但您可以选择其中一个,也可以将设计窗格设置为“实时”以查看媒体内容(例如视频)或在以下情况下将从数据库提供的内容该页面出现在浏览器中。 我对Dreamweaver佩服的一件事是,与HTML5视频之类的开放标准相比,它不喜欢Adobe的专有技术(如Flash),但对两者均提供了相同的支持-甚至提供了比其内置的外观更好,更实用的HTML5视频播放器Flash播放器。
当您使用Dreamweaver的流体网格功能构建页面时,该应用程序首先创建一个页面,其中包含在Dreamweaver中可见的垂直列网格,但当页面出现在浏览器中时则不可见。 默认情况下,专为手机设计的页面可放入这些不可见列中的四个。 在平板电脑上显示同一页面时,它将填充八列,而在台式机上显示时,它将填充十二列。
在Dreamweaver的编辑窗口中切换屏幕大小时,站点的内容会重新排列以适合为特定屏幕类型指定的宽度,并且可以使用CSS Designer面板来调整形状,大小和其他属性。各个元素以适应不同的屏幕尺寸。