Tip:
Highlight text to annotate it
X
When working on your pages in FrontPage, you want to preview them. So in
FrontPage, when you had a page opened, you would actually go to the Preview tab
at the bottom and be able to do a live preview within FrontPage.
Expression Web works a little different. That's what we're going to talk about
in this video. It's a pretty simple page; it's got a nice little form on it.
When you work in Expression Web, to be able to preview your pages, you need to
go to a browser. The reason why is because this program, I'm
going to say it again, is standards based, which means you need to go to a browser
so the browser can go out to the web, look at the tags, and figure out
what's what. In FrontPage, when you did a preview on that
little tab at the bottom, it really didn't test it in a lot of browsers
and it wasn't following the standards available on the web for the most
part. So in Expression Web with a page opened for
us to see it, we're going to do like you could do in FrontPage, we have the
Preview button up here in the toolbars, click on the arrow to the right.
You are going to see we have all our different browsers we can use and these are
typically the ones installed in your system. So I can see I have got Internet
Explorer, Firefox and if you don't have let's say Mozilla Firefox listed
here, you can go out and get it for free and download it. Just go to search
engine, search for Firefox and download it. You want to be able to test in
multiple browsers. In FrontPage, you would click on the Preview
tab, look at it, it would look the way it looked. In here, since we're using
CSS or cascading style sheets, we need to go out and we need to actually test
it in a browser, so we know that it's standards compliant and that it shows
and appears the way it should. Now, you will notice in here that we have
the Resolutions as well. So you can change the page size of the browser, just
to see what it might look like on people's screens. We can also tell it to preview
multiple browsers and multiple browsers at a certain resolution. If you want
to edit this list, let's say you add a browser and it's not finding it or doesn't
have it in here, you can install that browser, go out and get it, click
Edit Browser List and it lets you basically add a browser. You go click
Add, and you could search for that browser most likely in your application folder,
so you can see where it is at. So I'll click Cancel to that.
So to preview the page, click on the Preview In, it should open up one of your
browsers, open this up a little bit and you can see we're trying to see what it
looks like. It's a little different from FrontPage; there is no preview
internal. I'm just going to say this once, you don't want to trust exactly what
you see in Expression Web, because this can't render or show you what every
browser is going to show you. So you need to test at multiple browsers,
and if you want to get this thing to go, let's say on the Internet, not just in
your company and you know that people are going to be looking on a Mac and
on Windows, you want to test it in those different browsers as well.
So it's a little different when you preview pages in here, but it's going to
make sense later on when you start using cascading style sheets, you'll need to
test it in multiple browsers.