Expression Web Tutorial
A Place For Beginners
Add me to your sumbaloo.
Buy Expression Web Video Tutorials on 6 CDs. Includes a sample chapter from my book (pdf).
You will learn how to build a web site from beginning to end by following my lead.
Tutorials include: getting started, Making Layouts, Using Floats, Positioning properties, headings and other html tags, CSS and how to style page elements, working with text, inserting images, simple contact forms, make a dynamic web template, how to publish a web site, make a photo gallery with CSS, Fireworks, ..... How to insert a flash Photo Gallery, and more.
All this for only $34.95 It's a bargain you won't find anywhere else.
For US purchases: $34.95
International Purchases: $34.95
Coming Soon... The Newly Updated Expression Web 2 Online Class!
This Class will be the most Affordable Self-Paced Online Class for Expression Web Beginners.
New! CSS Tips n Tricks of the Week....Just
follow me on
Twitter to keep up.
Or go directly to CSS Tips n Tricks of the Week.
The days of table-based Layouts are over. It's time to learn how to use the oh-so-simple <div> tag to create rows and columns. There are many many reasons to avoid tables when making Layouts.
Expression Web Tutorial: This site is meant to Help Beginners learn
how to use Expression Web Software from Microsoft. Most of the
tutorials contained on this site will work with both versions of
Expression Web. However, if you still have the first version, consider
upgrading to Expression Web 2. Expression Web 2 has made some great
improvements over the first version. For instance, you can
easily add
Flash and make PHP pages. Plus, a lot of bugs have been
worked out in the second version.
However, before we can insert flash and make php pages, we have to learn
the basics of getting started. The Getting Started Checklist provides
you with the steps to take in order to set up a web site and web pages,
and ultimately get you started with designing web pages.
In a matter of 10 minutes, you will have your
web site set up and ready.
View the Checklist
After reading through each
step, you can then watch the
Getting Started Videos
which shows you how to complete each step.
2. Designing Web Pages
The Layout Once you've finished the first 4 steps in the Getting Started Checklist, it's then time to move on to designing a web page. The first step here is "Establishing A Layout".
New Tutorial: Make a Layout from Scratch Follow the new Expression Web tutorial I recently posted and updated, then begin reading about: CSS Layouts, CSS Styles, CSS Selectors, and CSS Positioning Properties.
How to Make A Dynamic Web Template Once you have your Layout Established, and Your Navigation Menus
in Place, consider saving the page as a
Dynamic Web Template
This is just a fancy way to say "Template". It will save you a
ton of time; provide consistency throughout your site; and web
pages can easily be modified and changed by detaching the template.
This section will teach you the basics of CSS and how to create and apply css styles to your web pages. We will review CSS Basics, Layouts, Selectors, Declarations, and so on....
Realize, however, we need to learn about the HTML that we will style with the CSS as the two languages work hand in hand. Fortunately, Expression Web makes all of this a lot easier. There is no need to learn every detail of HTML nor CSS, yet you can build a professional web site.
That said, it would be helpful if you understood some basic concepts and a few HTML/XHTML tags. We use these tags to provide instructions to the web browser as to how to structure our web pages. We then use CSS to tell the web browser what the HTML should look like.
For instance, we will use the <p> paragraph tag to tell a web browser, hey this is a paragraph. We will then use CSS to style the paragraph by specifying font-families, font size, and font color. Therefore, for every HTML tag or element on your web page, we can create a CSS style to control the appearance of that tag or element.
The best way to learn HTML and CSS, in the context of Expression Web, is by watching the video tutorials and reading over the written tutorials. One of the main HTML/XHTML tags you will need to understand is the div tag. The <div> tag is used a lot, especially when we make our layouts.
Expression Web
Videos
The Free Expression Web Video Tutorials for
Beginners will really solidify the concepts and written tutorials
found throughout this site. Be sure to watch each video and
take notes. I am in the middle of updating each video, so you will
be seeing new videos soon.
The video tutorials are now broken down into different categories: Getting Started, CSS, How to's, Navigation menus, and so on. I hope this makes it easier for you all to follow along.
Would you like some help with your layouts?? Then read below.
Eric Meyer's CSS Sculptor for Expression WebCSS Sculptor by Eric Myers is a great Expression Web Add-on for creating CSS Layouts.
I actually learned a lot about how to make CSS Layouts by using this Add-On. So the benefits were two-fold for me. That's why I recommend this product.
You can choose how many columns you would like, set margins and padding, etc, all by selecting from the given options. So it's really creating a Layout by way of Multiple Choice!
You can also make style sheets of different sorts, such as Print Style Sheets. Print Style Sheets are used to style pages so that they are more printer-friendly. Check it out.
And while you are on that site, make sure you get the FREE PayPal Add-on for Expression Web. This allows you to make Buy Now or Add To Cart Buttons without ever leaving the Expression Web Interface.
Also Available: Database Starter Kits for only $9.99 --
ASP.NET
PHP
Starter Kits For Expression Web. If you ever want to
learn more about using Databases and Server Side Scripting, such as
php and asp.net, then these kits are perfect. And they are
priced so low. Definitely worth the money.