网页三剑客
#主页三剑客介绍
名称由来
之所以被称为三剑客,是因为这三个软件可以互相无缝配合。 创建网页,通常在Fireworks中导出切片、图像等,然后在Dreamweaver中绘制表单; 一般来说,在Fireworks中创建并导出主页面、在Dreamweaver中修改或添加链接可以生成非常漂亮的页面。
Flash
概述
Flash是美国宏达公司设计的二维动画软件,被宏达公司收购后称为宏达闪存,主要是闪存文档随附的Macromedia Flash Player用于播放Flash文档。
2011年底,Flash被Adobe公司合并,最新版本于2013年发布。 在adobeflashcreativecloud(cc )中,播放器也更名为Adobe Flash Player。
特性
多应用于互联网网页矢量动画文件格式。
使用向量运算(?vector graphics)方法会减小生成的视频的存储容量。
使用Flash创建的视频具有自己的特殊文件格式( swf )。
该公司声称,全世界97%的web浏览器都内置有Flash播放器(?flash player)。
是由Macromedia/Adobe提出的“富互联网APP”( RIA )概念的实现平台。
Fireworks
概述
adobe fireworks是加快网页设计和开发、创建和优化网页图像以及快速构建网站和网页界面原型的理想工具。 Fireworks不仅提供了编辑矢量图形和位图图像的灵活性,还提供了预构建资源的通用库,包括Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和在Fireworks中将设计快速转换为模型,并利用Illustrator、Photoshop和Flash中的其他资源。 然后可以直接放入Dreamweaver中轻松开发和部署。
特性
矢量编辑和位图编辑。 创建和编辑矢量和位图图像,然后导入和编辑本机Photoshop和Illustrator文件。
映像优化。 使用预览、跨平台等级系统预览、选择性JPEG压缩和大量导出控件,针对各种发布情况优化图像。
高效的Photoshop和Illustrator集成。 导入Photoshop (PSD文件),同时保留图层、图层效果和混合模式。 将fireworks(png )文件重新保存为Photoshop格式。 导入illustrator文件可确保图形的完整性,包括图层、组和颜色信息。
快速成型。 与网站和各种互联网APP应用建立交互布局原型。 将网站原型导出到Adobe Dreamweaver,将RIA原型导出到Adobe Flex。
支持多个页面。 使用新的画板在一个文档( PNG文件)中创建多个页面,并在多个页面之间共享图层。 每个页面都可以包含自己的切片、图层、帧、动画和画布设置,从而使原型可以轻松模拟网站的过程。
的图层组织方式。 使用与Adobe Photoshop类似的新图层结构来组织和管理原型,以便于组织网页图层和页面。
滤镜效果。 应用光照、阴影、样式和混合模式,包括七种新的Photoshop混合模式,以提高文本和元件的深度和特性。
通用库。 通用库包含web APP应用程序、表单、界面以及网站中常用的图形元件、文本元件和动画,可以快速启动原型创建过程。
智能标尺。 9切片缩放可以智能地缩放矢量或位图图像中的按钮和图像元件。 9通过将切片缩放与新的自动形状库相结合,加快网站和APP应用程序的原型创建。
简单的Dreamweaver和Flash集成。 复制Fireworks CS3中的任何对象,然后直接将其粘贴到Dreamweaver CS3中。 创建一个可以另存为CSS和HTML的弹出菜单。 将fireworks文件( png )直接导出到Flash CS3。 可以在导出时在Flash CS3中编辑文件,同时保留向量、位图、动画和多状态。
须知
众所周知,网页上的jpg图像太大会严重影响页面的打开速度。 Fireworks提供了优化图像的功能,以缩小图像的千字节并不影响屏幕质量。 很多人喜欢用photoshop制作jpg图像,所以容量会变大,最终必须用Fireworks处理。
Dreamweaver
概况
Dreamweaver是由美国Macromedia公司(现已被adobe公司收购,成为adobe公司的Dreamweaver )开发的网络制作和管理站点的网络编辑器
Dreamweaver、Flash和Dreamweaver之后推出的专业网络图形设计Fireworks被Macromedia公司称为DreamTeam,是市场反响和Macromedia 说到Dreamweaver,应该了解下一个web编辑器的发展过程。 随着互联网的普及,HTML (在标准通用标记语言中的应用)技术得到了发展和完善,产生了许多web编辑器。 根据web编辑器的基本性质,分为web编辑器和非web编辑器。 两者各有千秋。 看起来,得到的web编辑器的优点是直观性、易用性、易用性。 据我所见,用得到的网页编辑器制作网页和用WORD进行文本编辑没有什么区别,但也有致命的弱点。
特性
其好处
最高的制作效率。 Dreamweaver可以最快地将Fireworks、FreeHand和Photoshop等文件移动到网页。 您可以使用“吸管”工具选择屏幕上的颜色,以设置最接近的web安全色。 菜单时,快捷键和格式控制只需一个简单的步骤就可以完成。 Dreamweaver可以与您喜欢的设计工具(如Playback Flash、Shockwave和插件)配合使用,无需离开Dremweaver即可使用,整体操作过程自然流畅。 您也可以按一下,Dreamweaver就会自动开启Firework或Photoshop,并最佳化图档的编辑和设定。
网站管理。 您可以使用站点地图快速创建、设计、更新和重组站点。 更改网页的位置或文件名时,所有链接都会自动更新。 使用支持文本、HTML代码、HTML属性标记和常见语法的搜索和替换功能,可以快速轻松地更新复杂网站。
无与伦比的控制能力。 Dreamweaver是唯一提供与Roundtrip HTML、可视化编辑和源代码编辑同步的设计工具。 包含HomeSite和BBEdit等主要文本编辑器。 框架和表的创建速度很快,无法想象。 通过高级表格编辑功能,可以轻松选择单元格、行、列或不连续的单元格。 在Dreamweaver中,还可以对表组进行排序和格式设置,但支持精确对齐,并且可以使用可以轻松转换为表的图层通过拖放进行布局。 得到的Dreamweaver集成了动态出版可视化编辑功能和电子商务功能,包括ASP、Apache、BroadVision、Cold Fusion、iCAT、Tango以及自主开发的APP应用使用Dreamweaver设计动态网页时,显示的功能使您可以在不使用浏览器的情况下预览网页。 梦想模板和XML Dreamweaver将内容和设计分离开来,并应用于快速的网页更新和团队协作网页编辑。 为网页外观创建模板,并指定可编辑或不可编辑的部分。 内容提供者可以直接编辑以样式为中心的内容,而不会意外更改。 您也可以使用模板正确输入或输出XML内容。 它可以全面显示利用Dreamweaver设计的网页,并全面显示在任何平台的热门浏览器中。 对于cascading style sheets的动态HTML支持和翻转,声音和动画的DHTML效果数据库可以在Netscape和Microsoft浏览器中运行。 在Dreamweaver中,您可以使用各种浏览器的查看功能来了解它在各种浏览器中的工作方式。 新的浏览器推出后,只需从Dreamweaver网站下载其配置文件,就可以了解详细的效果报告。
其缺点
很难准确地实现与浏览器完全一致的显示。 也就是说,要在浏览器中显示用只看一眼就创建的web编辑器创建的web页面,很难完全达到实际想要的效果。 这种情况出现在结构复杂的网页中,包括框架结构、动态网页结构等。
页面的原始代码很难控制,例如,在“视图编辑器”中创建表单需要几分钟,但可能需要几十分钟或更长时间才能完全满足要求。 相比之下,在以非可视方式获得的web编辑器中没有这个问题。 所有HTML (标准通用标记语言下的APP应用程序)都是在监视下生成的,因为编辑器的非可见性条件会导致工作效率低下。 要实现两者的完美结合,网页设计师的梦想是在生成干净准确的HTML代码的同时,具备只看一眼就能获得的高效性、直观性。
CS5新功能
adobe生产的CS5系列已开始销售。 让我们来关注一下DREAMWEAVER CS5的这次功能。
实时视图的新功能
您可以使用Dreamweaver CS5中新添加的实时视图在实际浏览器环境中设计网页并直接访问代码。 显示的屏幕内容将立即反映对代码所做的更改。
Ajax和JavaScript框架的代码提示
通过改进的JavaScript核心对象和基本数据类型支持,可以更有效地编写JavaScript。 通过集成常用的JavaScript框架(如jQuery、Prototype和Spry ),充分利用Dreamweaver CS5的增强编码功能。
新的用户界面
通过共享用户界面设计,可以更快、更智能地在Adobe Creative Suite 4的各个组件之间工作。 工作区开关使您可以从一个工作环境快速切换到以下环境:
相关文件和代码导航器
单击“相关文件”栏中的包含文件时,“代码”视图中将显示源代码,“设计”视图中将显示父页面。 新的代码导航功能显示和快速访问影响当前选择的CSS源代码。
HTML数据集
无需了解数据库或XML编码,就可以将动态数据的强大功能嵌入到网页中。 Spry数据集将简单HTML表的内容识别为交互式数据源。
预发布版本的Adobe InContext Editing
在Dreamweaver中设计页面,使最终用户可以在不使用帮助或其他软件的情况下使用Adobe InContext Editing联机服务编辑自己的页面。 Dreamweaver设计器可以限制对特定页面或特定区域的更改,还可以自定义格式设置选项。
Adobe Photoshop智能对象
将Photoshop PSD文档插入Dreamweaver时,将创建图像。 智能对象与源文件紧密链接。 您可以在Dreamweaver中更改源图像或更新图像,而无需打开Photoshop。
CSS最佳实践
不编写代码就可以实现CSS的最佳实践。 婓“扽俶”酦衔笢斐膘陔腔CSS寞寀眕剽梬欴宒腔佽陇懂珆尨藩跺扽俶腔弇离﹝.
Subversion集成
在Dreamweaver中直接更新站点并注册更改。 Dreamweaver CS4与Subversion软件(一个开放源代码版本控制系统)紧密集成,可提供更强大的注册/注销操作。
Adobe AIR创作支持新功能
直接在Dreamweaver中创建基于HTML和JavaScript的adobe air APP应用程序。 可以在Dreamweaver中预览air APP应用程序。 允许随时将adobe AIR APP应用程序与air包和代码签名功能一起部署。
:从
CS6
升级到Dreamweaver CS6,可以使用更新的实时视图和多屏幕预览面板高效地创建和测试跨平台、跨浏览器的HTML5内容。 利用增强的jQuery和PhoneGap支持,通过构建更好的移动APP应用程序和重新设计多线程FTP传输工具,减少上载大型文件所需的时间。
业界动态
在线工作站建设平台Wix、Weebly、9466网络助手等的兴起,大大降低了工作站门槛,通过基于云计算的在线工作站建设模式