Microsoft Expression Web 2007
Naam: Microsoft Expression Web
Categorie: Webontwikkeling
Licentie: Commercieel
Prijs: Omgerekend ongeveer € 203,-
Download: http://www.microsoft.com/products/expres...trial.mspx
Beschrijving
"Expression Web is een professioneel programma waarmee je moderne en op standaards gebaseerde websites kan bouwen."
Expression Web is eigenlijk de opvolger van Microsofts (MS) 'oude' Frontpage, maar stapt met Expression Web wat betreft standaarden een hele nieuwe weg in. Met Expression Web haakt MS in op de, steeds heviger wordende, 'Web 2.0'-hype en verbeterd hiermee de vele tekortkomingen van Frontpage.
Features
Creëer op standaarden gebaseerde websites 
- Standaard XHTML
- Ondersteunt verschillende Document Types
- Realtime standaarden controle
- Ingebouwde pagina validatie
Geävanceerde op CSS layout's
- Professioneel design venster
- Intelligente stijl toepassing
- Hoogwaardige CSS render engine
- 'Klik en sleep' stijl interface
- Render sites in 'standaarden-mode' of in 'IE-mode'
- Eenvoudige stijl hernoeming
- Site en pagina templates
- CSS rapportage
- Tag parameter venster
- CSS voorkeur instellingen
Rich Data verwerking
- Aanpasbare weergave voor XML-data
- XSL Transform Support (XSLT)
- Krachtige data verwerkings interface
- RSS Feeds
Krachtige server technologie
- ASP.NET pagina's
- Basis pagina's
- ASP.NET bediening
- ASP.NET Development Server
- Dataverwerking zonder programmeerwerk
Systeemvereisten
- PC with Pentium 700 or faster processor
- Windows® XP Service Pack 2 or later or Microsoft Windows Server® 2003 Service Pack 1 or later operating system
- 512 MB of RAM or more
- 1.5 GB of available harddisk space; a portion this disk space will be freed after installation the original download package is removed from the hard drive
- CD-ROM or DVD-ROM drive
- 1024 × 768 or higher resolution monitor
- Internet functionality requires Internet access (fees may apply); Network access required
- Broadband connection, 128 kilobits per second (Kbps) or greater, for download and activation of products
- Actual requirements and product functionality may vary based on your system configuration operating system
Alternatieve pakketten
- Adobe DreamWeaver 8
De CSS ondersteuning van Dreamweaver is niet zo geavanceerd als die van Expression Web, maar Dreamweaver ondersteunt daarentegen wel nagenoeg alle Client-/Server-side scripting-talen waar Expression Web eigenlijk alleen ASP(.NET) ondersteunt. Dreamweaver is wel een stukje duurder dan Expression Web maar als je naar de functionaliteit van Dreamweaver kijkt is het prijsverschil zeker wel te rechtvaardigen. (Dreamweaver is ook compatible met OS X)
- Aptana (Bèta)
Aptana is een Gratis, Open-Source en crossplatform 'Web IDE' die is gelicenceerd onder het Eclipse Public License. Dit programma ondersteund standaard enkel HTML, CSS en JavaScript (Waar de nadruk ligt op JavaScript) maar kan door middel van plugins worden uitgebreid.
Hands-on
Installatie
Mooie simpele installatie wizard, die iets langer duurt dan je zou verwachten als je naar de met enkel 243 MB aan data gevulde CD-Rom kijkt.
De eerste indruk
.png)
Het eerste wat opvalt als je Expression Web opent zijn de overeenkomsten van de GUI met die van Office.
De tekst opties bovenin en de overige veelgebruikte onderdelen rechts. Wel heeft Expression Web standaard aan de linkerkant ook nog een kolom met daarin een folderlist, tag properties en CSS properties.
In het midden zit het werkvlak, welke eigenlijk identiek is aan die van Frontpage, dus met de 'Design', 'Split' en 'Code' knoppen onderaan het werkvlak (Dit in tegenstelling tot Dreamweaver waar deze standaard boven het werkvlak geplaatst zijn).
De toolboxen zijn allemaal naar eigen inzicht in te delen.
Wat ook direct opvalt is de broncode van het automatisch geopende nieuwe .htm-bestand. Deze bevat namelijk de W3C XHTML Transitional Doctype i.p.v. allerlei vreemde meta-tags in Frontpage.
Aan de slag
Het aanmaken van een nieuwe website gaat heel makkelijk en kun je beheren in een verkenner-achtige omgeving. Meer bijzonders is er bij het aanmaken van een website niet, en dus kun je direct beginnen met designen.
.png)
Opvallend is dat bovenaan in het venster met tag's de Div-tag staat, en de Table-tag in het hele lijstje niet te vinden is. De Table-tag is wel aanwezig in het programma maar staat ergens bovenin de werkbalk verstopt; alsof de makers je duidelijk willen maken dat je alleen maar tabellen moet gebruiken voor het weergeven van data, en dus niet voor het bouwen van de lay-out.
Met dat gezegd ga ik aan de slag, en merk ik dat het programma redelijk intuïtief is opgezet.
Als beginneling is dit programma denk ik best goed te doen desondanks dat er voor het designen zelf geen echte wizards aanwezig zijn. Daarom is het in bezit zijn van wat basiskennis van HTML en CSS is wel handig bij het maken van wat meer gecompliceerde websites.
Het declareren van bijvoorbeeld
border="1" i.p.v.
style="border: 1px #C0C0C0 solid" leert Expression Web je waarschijnlijk ook snel genoeg af omdat het programma bij elke verkeerde declaratie een rood golvend streepje onder het betreffende stukje code zet.
.png)
Als je er met je muis overheen gaat komt er een tooltip tevoorschijn waarin staat waaróm het fout is.
Verder word eigenlijk alles wat je met de standaard opmaak-knoppen instelt, automatisch in CSS gedeclareerd. Ook is het invoegen en instellen van ASP-objecten uitermate simpel.
Het beheren en configureren van stijlen in de tag, het document of in een apart .css-bestand is heel simpel en kan allemaal vanuit de pagina waarin je op dat moment in aan het werken bent. Het .css-bestand word automatisch geüpdate. Heb je een object gemarkeerd, en klikt op 1 van de gemaakte stijlen, neemt het object automatisch die class over.
Het programma zit helemaal vol gestampt met alle aspecten van XHTML en CSS die je maar kunt bedenken, dus die kan ik niet allemaal behandelen in deze review, maar ik kan je wel vertellen dat ze uitstekend hun werk doen, en dat allemaal volgens de standaarden.
Wat trouwens ook wel een leuk gegeven is, is het feit dat, ondanks dat er vooralsnog alleen nog maar een engelse versie van Expression Web op de markt is, het programma gewoon de Nederlandse spellingscontrole van Office overneemt, mocht je die hebben geïnstalleerd.
Conclusie
Al met al, is Expression Web een zeer compleet programma waarmee je zeker hele mooie dingen mee kunt maken, die dan bovendien ook nog eens volledig volgens de standaarden zijn.
Wat betreft de standaarden en de ondersteuning voor CSS stijgt Expression Web met kop en schouders boven Dreamweaver uit. Wel is het ontbreken van ondersteuning van andere (server-side)talen zoals PHP een groot gemis. In vergelijking met Frontpage is Expression Web een énorme vooruitgang en wat betreft kwaliteit eigenlijk niet meer te vergelijken met Frontpage.
Daarom is Expression Web zeker een aanrader voor de (beginnende) webdesigner, die behalve mooi, ook kwaliteit werk af wil leveren dat volledig volgens de standaard is en in alle gangbare browsers weer te geven is.
Score
Gebruiksgemak: 8.5
Het gebruiksgemak is bij Expression Web dik voor elkaar door de bekende Office-achtige omgeving en intuïtieve nieuwe toolbars. Wel kan soms het invoegen en instellen van bepaalde onderdelen wat lastig zijn.
Uiterlijk: 8.0
Het is een beetje het standaard Office uiterlijk, dus weinig bijzonders, maar daardoor niet minder mooi.
Documentatie: 9.0
De documentatie is door een uitgebreide help-functie en de vele artikelen op de website van Expression Web dik voor elkaar.
Prijs/kwaliteit: 8.0
In vergelijking met Dreamweaver bied Expression Web meer kwaliteit, en Dreamweaver meer kwantiteit.
Daarmee bedoel ik dat Expression Web code een hoge kwaliteitsgraad heeft, maar Dreamweaver veelzijdiger is.
Als je die aspecten (die Dreamweaver wel heeft en Expression Web niet) niet nodig hebt dan is Expression Web, zeker door de prijs, een betere keus. Aptana is misschien wèl meer 'waar voor je geld'.
Werking: 7.0
In principe werkt het programma goed, alleen wil het soms een beetje blijven hangen bij het bijv. invoegen van een afbeelding.
Veiligheid: 8.0
Ben geen gekke dingen tegen gekomen.
Overall score: 8.0
Overig commentaar:
De screenshots zijn gemaakt met een beeldschermresolutie van 1024x768 pixels.
Extragratis: Test in verschillende browsers
.png)
Ik heb ook een simpele layout met Expression Web gemaakt, de door Expression Web 'uitgepoepte' code online gezet en met verschillende browsers bekeken.
Het is niet zo'n heel ingewikkeld script dus vandaar dat de browsers het allemaal goed weergeven, maar ik heb dit gedaan zodat jullie kunnen zien wat voor code Expression Web zo ongeveer produceert.
Als je hier links op de thumbnail klikt krijg je een plaatje te zien met daarop alle renders.
De code van het script staat hieronder. Het script bestaat uit 2 bestanden: default.htm en style.css. Alhier de betreffende
pagina en
CSS. En hier de
afbeelding en de
smily.
Hier de broncodes van de bestanden.
Code: default.htm
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="nl" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Expression Web review</title>
<style type="text/css">
.style1 {
background-color: #FFFF00;
}
</style>
</head>
<body style="margin: 1px">
<div id="container">
<img alt="Expression Web" src="images/ew1.jpg" width="189" height="221" style="float: left; border: 1px #C0C0C0 solid" />Hallo
wereld!<br />
<br />
E<span class="rood">P</span><span class="groen">2</span> is cool!<p>Test
Some <span class="style1">English</span> talking.</p>
<img alt="" src="images/coffee.gif" width="23" height="16" />
</div>
<p> </p>
</body>
</html>
Code: style.css
Code:
#container {
font-family: "Trebuchet MS";
font-size: medium;
color: #1288ED;
font-weight: bold;
}
.rood {
color: #ED5012;
font-family: "Trebuchet MS";
font-size: medium;
font-weight: bold;
}
.groen {
color: #B1F50D;
font-family: "Trebuchet MS";
font-size: medium;
font-weight: bold;
}
Zo! Dat waren weer een paar uurtjes goed besteed.
Ik hoop dat jullie het een leuke review vinden.
Richard
Zoeken
Ledenlijst
Kalender
Help
![[Afbeelding: coffee.gif]](http://www.eastsidestudios.nl/code/gfx/smilies/eastside/coffee.gif)
![[Afbeelding: 2vtxhxv.gif]](http://i49.tinypic.com/2vtxhxv.gif)
Vet!!! Thanks! +++
Wel een wat groter verschil bij Safari, maar dat komt vooral door het Anti-Alias lettertype volgens mij.
![[Afbeelding: epicakd4.png]](http://img217.imageshack.us/img217/7497/epicakd4.png)