zoukankan      html  css  js  c++  java
  • 微软 Expression web3 抢先试用报告(附下载地址)

    微软本周放出了最新的Expression Studio 3套件(Expression Studio 包含五个组件,分别是Expression Blend3、SkechFlow、Expression Web3、Expression Design3 和 Expression Encoder3)。作为一个前端程序员,最感兴趣的自然是其中的Expression Web3了。继上次放出《微软 Expression web2 抢先试用报告(附下载地址和安装激活注册码)》后,今天就为大家带最新的Microsoft Expression Web 3试用报告哦。

    Microsoft Expression Web 3的重大改进

    虽然微软官方也提供了 What's new in Expression Web 3,但是我还是喜欢通过自己看到的、感受到的说出我的观点,不喜欢罗嗦的朋友可以直接去微软的官方主页去看。

    SuperPreview

    Microsoft Expression Web 3最令人兴奋的功能无疑就是对SuperPreview的整合了。至于什么是SuperPreview,我以前介绍过,有兴趣的朋友可以看这篇文章: 《微软网页开发调试利器SuperPreview(附下载)》

    简单说来就是SuperPreview是微软出品的,类似IETester的用于测试不同浏览器页面兼容性的工具。而新的Microsoft Expression Web 3将SuperPreview看作重中之重,很好地将其整合在了Microsoft Expression Web 3功能里面。在接下来的截图中,我们会重点讲解,这个SuperPreview。

    加入网格设计网页的思想

    对页面的网格化设计(也称栅格化设计),不过是这几年的事情,虽然在国内还比较陌生,但是国外的确已经较为普遍的在使用这套理论了。而且已经有像960Grid这样的网格页面框架了。对网格页面设计理论有兴趣的朋友,可以搜索一下关键字“网页栅格系统”。这次Microsoft Expression Web 3在工具中引入了这个概念,所以看来微软也是对网页栅格系统有所肯定了。具体的表现,我们会在下面的截图中说明。

    对Silverlight的大力支持

    这几年微软对Silverlight的推广可谓不遗余力。自然,在Microsoft Expression Web 3中也提供了对Silverlight的大力支持。

    与ASP.Net的融合

    更新了众多ASP.Net的新控件支持。让程序员在Microsoft Expression Web 3中如同在VS中一样自由。

    Microsoft Expression Web 3最新截图

    SuperPreview这个重头戏

    SuperPreview
    SuperPreview可以脱离Microsoft Expression Web 3独立运行

    在程序菜单栏里面已经单独有SuperPreview启动项了,你说是不是很屌呀。同时这也说明SuperPreview是可以脱离Microsoft Expression Web 3独立运行的哦。

    SuperPreview只对FireFox打开了大门
    默认情况下SuperPreview只对FireFox打开了大门

    虽然,我安装了Opera、Safri、谷歌浏览器、FireFox、IE7等众多浏览器。但是默认情况下SuperPreview只暧昧的向FireFox浏览器敞开了大门。当然,如果安装了IE8浏览器后,就会有IE6——IE8的选项。虽然微软向FireFox开放怀抱有点令人不解,不过,想想当今的浏览器市场占有率来说,也能让人释怀。

    多浏览配置
    不过,Microsoft Expression Web 3向所有浏览器敞开了大门

    不过,如果我们移步到Microsoft Expression Web 3中,从菜单【File】> 【Preview in Browser】 > 【Edit Brower List】 弹出的对话框中,我们可以看到Microsoft Expression Web 3其实是对所有浏览器都敞开了大门的。Microsoft Expression Web 3这种开放的姿态还是很值得表扬一下的。

    SuperPreview快捷键

    在Microsoft Expression Web 3中直接按Shift + F12 即可将当前页面在SuperPreview中预览。

    Expression Web 3快照功能
    Expression Web 3中的快照视图

    在Microsoft Expression Web 3中,新加入了一个功能叫做:Snapshot(快照)功能。其实这个就是DreamWeaver中的“实际视图”。就是在开发工具中直接查看页面在真实浏览器中的渲染效果。不过,因为DreamWeaver没有像SuperPreview这样牛叉的工具支持,只能查看系统中默认浏览器的渲染效果。而不能像Expression Web 3 中可以选择多个不同浏览器的渲染视图。看来SuperPreview果然给Expression Web 3带来了很多革命性的变革呀。

    不同浏览器预览选择
    不同浏览器,不同分辨率的快速效果预览菜单

    SuperPreview不仅提供不同浏览器的预览,也可以同时提供在不同分辨率下的预览效果(其他就是将窗口调整为制定大小而已)。

    引入网格化设计

    网格化(栅格化)设计现在已经非常流行,Microsoft Expression Web 3中也加入了一些方便网格化网页制作的工具。

    标尺和网格
    在设计视图中,可以显示标尺和网格

    通过菜单选项,可以将设计视图中的标尺和网格,根据需要显示与否。

    设置网格信息
    可以自己设计网格的相关信息,以符合你当初的设计规格

    对Silverlight的大力支持

    对Silverlight的支持
    插入媒体菜单对Silverlight的支持

    相比Microsoft Expression Web 2,Microsoft Expression Web 3在插入媒体菜单中不仅包含了插入“Sliverlight”选项,还多了一个插入“Sliverlight Video”选项。看来微软非常重视Sliverlight对现在视频网站市场的进军。除此之外,还加入了加入“Deep Zoom”的选项。

    补课了:什么是DeepZoom。简单的说DeepZoom就是根据图片的尺寸和缩放比例,动态加载图片的数据的一种技术,这样可以避免一次性加载 大尺寸位图造成的资源浪费和网络延时,如果你浏览的是小尺寸,就只需加载小尺寸的图片数据,如果你放大了图片,就会加载大尺寸图片的数据。

    与ASP.Net的融合

    asp.net控件箱
    大量的ASP.Net控件出现在控件栏中

    在Microsoft Expression Web 3的Toolbox中,出现了大量的ASP.Net的控件。直接的拖动在设计视图中即可,让你有一种在VS中的感觉。同时也神秘的出现了一个“Silverlight 控件”的超链接

    Expression Web 3的其他改进和新功能预览

    先来个所有视图栏大全

    所有工具栏
    Microsoft Expression Web 3所有工具栏视图

    快速标签编辑器

    快速标签编辑器
    虽然是很小的工具,但是可以让你在Microsoft Expression Web 3的设计视图中方便的插入手写标签

    Visual Aids和Formatting Marks

    筛选视图
    有了这个可以方便的视图中找到你筛选后的元素。

    Microsoft Expression Web 3的界面

    安装界面
    Microsoft Expression Web 3华丽丽的安装界面


    启动界面
    Microsoft Expression Web 3华丽丽的启动界面

    Microsoft Expression Web 3相关网页列表

  • 相关阅读:
    JavaWeb_Tomcat_Maven!
    java异常!
    JavaWeb获取web.xml初始参数!getInitParameter
    JavaWeb文件下载!
    Java抽象接口!
    JavaWeb初识Servlet!
    关于HashMap以对象作为Key的实现及踩坑
    浅析.Net下的多线程编程(2)
    获取浏览器分辨率
    浅析.Net下的多线程编程(1)
  • 原文地址:https://www.cnblogs.com/chenbg2001/p/1530218.html
Copyright © 2011-2022 走看看