Welcome!

CMS Authors: Mehdi Daoudi, Rishi Bhargava, Harry Trott, Xenia von Wedel, Carmen Gonzalez

Related Topics: CMS, ColdFusion, Microsoft Cloud, Adobe Flex, Machine Learning , Silverlight, Agile Computing

CMS: Article

Microsoft Expression Web Has Got Game

Expression Web is worth a look

In this article you will find out why Expression Web is setting a new standard for Web design and next generation Web Application development.

What is the “gap” Expression Web is filling?
In 2006 Microsoft began releasing a series of designer focused tools. The big question was: Why? Adobe has the best tools, doesn’t it? There is no doubt that Adobe’s tools are very good, what is clear, however, is that Microsoft is taking design seriously for this to be accomplished Microsoft does need tools that work well with their own tools. An immediate designer’s pain point for Microsoft is the millions of ASP.NET developers who have only Visual Studio 2005/2008 to design their Web applications with. If you have used Visual Studio as a design tool, then you know what I mean.

The focus, for the Expression tools, and specifically Expression Web, is to deliver the best tool for designers that you can integrate into a development environment.
What does Expression Web bring to designers?

Expression Web is a “from the ground up” new tool from Microsoft. The code is not based on FrontPage or any other design tool. With this said, you might expect that the features set to be limited in Expression Web. What you will find is a mature version 1.0 product. Some of the features that stand out are:

  • Easy site management
  • Strong CSS Support and Implementation
  • Strong ASP.NET 2.0 support

The focus on CSS is a tip of the hat from Microsoft in the renewed endeavors to support Web standards. Cascading Style Sheets, or CSS, is a rich, expansive formatting language used for Web design. CSS gives you tools to format text, the absolute position of objects on the layered order of objects.

Many Web sites use CSS to layout the content on the screen. You can take Ulitzer.com as an example. With CSS document controlling the layout of the screen the Web site looks like this:

As you can see, CSS controls the columns, the formatting of text and the placement of objects on the screen.

Using Expression Web to create CSS
Expression Web will let you design with page based and site based style sheets. You can see this in action when you create a new document. Select a new Web page from Expression Web. Add the following pig latin text onto your blank page:

Mei decore detraxit conclusionemque id.

Id pri unum tota lucilius, dictas fabulas sadipscing eam te. Te duo putent postulant. Quo ei duis falli. Eam id diam vero dolore, mel et errem ridens albucius. Exerci facilisis similique mel ea. Inermis salutatus rationibus mei in, duo malis virtute explicari ad.

Labore principes nec ex, vis liber scaevola ea. Vitae labore posidonium eu per, mea semper albucius ea. At posse porro aeterno quo, mutat vitae virtute eu qui. Te mundi scripserit sadipscing sit, sea ei adhuc error paulo. No ius blandit apeirian splendide, mel malorum neglegentur id.

There is no formatting. Select the first line of text and, from the text tools along the top of Expression Web, change the font to Arial, the size to 24pt, add bold and change the color to olive.

Other Web tools will use the FONT tag to closely emulate your layout. Expression Web does not do this. Expression Web uses CSS to create a Style document. The document looks like this:

<style type="text/css">
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24pt;
color: #808000;
}
</style>

The .Style1 is a class document that links to the paragraph of text. The same can be done with the additional paragraphs, creating a single style to format two or more paragraphs. The final style sheet has only to formats, but controls the layout of the entire page:

.style1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24pt;
color: #808000;
}
.style2 {
font-family: Verdana;
font-size: 10pt;
}

You do not want to working continuously in code, so Expression Web gives you a number of CSS tools.  The three tools you will use are the CSS Properties, Apply Styles, and Manage Styles.

The first action is to create a style. You have already seen how to do that. Now you need modify the style. You do this by selecting the text on the screen you want to modify. In this instance, select the headline. Now choose the CSS Properties window.

The properties are, by default, ordered in groups. Choose the Font group and select “color.” Choose “white” from the colors presented.

The Manage Styles panel lists all of your styles in your current Web page.  The preview pane shows you the style. You can also modify the style or create new styles from the preview pane.

Selecting the “New Style” link opens the New Style window.

The New Style window has the controls and properties to create add new styles. The preview window accurately displays the font as you add new formatting as shown here

Styles can be applied to text on the screen using the Apply Styles panel. All you need to do is select the text you want formatted and choose the style from the Apply Styles panel. The formatting will automatically apply to your text.

At any time press F12 to preview your Web page in a Web browser.

Next Steps with Expression Web
Expression Web is a powerful Web site solution. Some features are missing: there connection with the other Expression tools is weak; only ASP.NET is supported; connection with Visual Studio Web Projects is hard; there is now immediate support for Team System, Microsoft’s management system.

It is good to know that Microsoft is looking to build upon this architecture. It is an exciting time to be a designer.

More Stories By Matthew David

Matthew has written books for Friends of Ed, Pearson Press, New Riders, Wiley, Focal Press and Peach Pit. He is also experience at leading teams top deliver bestselling titles books that come with accompanying video training and media. An example is Flash MX Magic, a book written by 7 authors, with an accompanying web site and CD. The book sold over 45,000 copies in 12 languages. Matthew is also the author of 400+ articles.

Comments (0)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


@ThingsExpo Stories
SYS-CON Events announced today that Nihon Micron will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Nihon Micron Co., Ltd. strives for technological innovation to establish high-density, high-precision processing technology for providing printed circuit board and metal mount RFID tags used for communication devices. For more inf...
SYS-CON Events announced today that Massive Networks, that helps your business operate seamlessly with fast, reliable, and secure internet and network solutions, has been named "Exhibitor" of SYS-CON's 21st International Cloud Expo ®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. As a premier telecommunications provider, Massive Networks is headquartered out of Louisville, Colorado. With years of experience under their belt, their team of...
SYS-CON Events announced today that Suzuki Inc. will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Suzuki Inc. is a semiconductor-related business, including sales of consuming parts, parts repair, and maintenance for semiconductor manufacturing machines, etc. It is also a health care business providing experimental research for...
SYS-CON Events announced today that mruby Forum will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. mruby is the lightweight implementation of the Ruby language. We introduce mruby and the mruby IoT framework that enhances development productivity. For more information, visit http://forum.mruby.org/.
Elon Musk is among the notable industry figures who worries about the power of AI to destroy rather than help society. Mark Zuckerberg, on the other hand, embraces all that is going on. AI is most powerful when deployed across the vast networks being built for Internets of Things in the manufacturing, transportation and logistics, retail, healthcare, government and other sectors. Is AI transforming IoT for the good or the bad? Do we need to worry about its potential destructive power? Or will we...
SYS-CON Events announced today that B2Cloud will exhibit at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. B2Cloud specializes in IoT devices for preventive and predictive maintenance in any kind of equipment retrieving data like Energy consumption, working time, temperature, humidity, pressure, etc.
In his session at @ThingsExpo, Greg Gorman is the Director, IoT Developer Ecosystem, Watson IoT, will provide a short tutorial on Node-RED, a Node.js-based programming tool for wiring together hardware devices, APIs and online services in new and interesting ways. It provides a browser-based editor that makes it easy to wire together flows using a wide range of nodes in the palette that can be deployed to its runtime in a single-click. There is a large library of contributed nodes that help so...
What is the best strategy for selecting the right offshore company for your business? In his session at 21st Cloud Expo, Alan Winters, U.S. Head of Business Development at MobiDev, will discuss the things to look for - positive and negative - in evaluating your options. He will also discuss how to maximize productivity with your offshore developers. Before you start your search, clearly understand your business needs and how that impacts software choices.
SYS-CON Events announced today that SIGMA Corporation will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. uLaser flow inspection device from the Japanese top share to Global Standard! Then, make the best use of data to flip to next page. For more information, visit http://www.sigma-k.co.jp/en/.
SYS-CON Events announced today that NetApp has been named “Bronze Sponsor” of SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. NetApp is the data authority for hybrid cloud. NetApp provides a full range of hybrid cloud data services that simplify management of applications and data across cloud and on-premises environments to accelerate digital transformation. Together with their partners, NetApp em...
Agile has finally jumped the technology shark, expanding outside the software world. Enterprises are now increasingly adopting Agile practices across their organizations in order to successfully navigate the disruptive waters that threaten to drown them. In our quest for establishing change as a core competency in our organizations, this business-centric notion of Agile is an essential component of Agile Digital Transformation. In the years since the publication of the Agile Manifesto, the conn...
There is huge complexity in implementing a successful digital business that requires efficient on-premise and cloud back-end infrastructure, IT and Internet of Things (IoT) data, analytics, Machine Learning, Artificial Intelligence (AI) and Digital Applications. In the data center alone, there are physical and virtual infrastructures, multiple operating systems, multiple applications and new and emerging business and technological paradigms such as cloud computing and XaaS. And then there are pe...
Real IoT production deployments running at scale are collecting sensor data from hundreds / thousands / millions of devices. The goal is to take business-critical actions on the real-time data and find insights from stored datasets. In his session at @ThingsExpo, John Walicki, Watson IoT Developer Advocate at IBM Cloud, will provide a fast-paced developer journey that follows the IoT sensor data from generation, to edge gateway, to edge analytics, to encryption, to the IBM Bluemix cloud, to Wa...
SYS-CON Events announced today that MIRAI Inc. will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. MIRAI Inc. are IT consultants from the public sector whose mission is to solve social issues by technology and innovation and to create a meaningful future for people.
While some developers care passionately about how data centers and clouds are architected, for most, it is only the end result that matters. To the majority of companies, technology exists to solve a business problem, and only delivers value when it is solving that problem. 2017 brings the mainstream adoption of containers for production workloads. In his session at 21st Cloud Expo, Ben McCormack, VP of Operations at Evernote, will discuss how data centers of the future will be managed, how th...
SYS-CON Events announced today that Keisoku Research Consultant Co. will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Keisoku Research Consultant, Co. offers research and consulting in a wide range of civil engineering-related fields from information construction to preservation of cultural properties. For more information, vi...
SYS-CON Events announced today that Fusic will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Fusic Co. provides mocks as virtual IoT devices. You can customize mocks, and get any amount of data at any time in your test. For more information, visit https://fusic.co.jp/english/.
SYS-CON Events announced today that Enroute Lab will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Enroute Lab is an industrial design, research and development company of unmanned robotic vehicle system. For more information, please visit http://elab.co.jp/.
SYS-CON Events announced today that Mobile Create USA will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Mobile Create USA Inc. is an MVNO-based business model that uses portable communication devices and cellular-based infrastructure in the development, sales, operation and mobile communications systems incorporating GPS capabi...
SYS-CON Events announced today that Interface Corporation will exhibit at the Japan External Trade Organization (JETRO) Pavilion at SYS-CON's 21st International Cloud Expo®, which will take place on Oct 31 – Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Interface Corporation is a company developing, manufacturing and marketing high quality and wide variety of industrial computers and interface modules such as PCIs and PCI express. For more information, visit http://www.i...