view cart
 1-866-363-5633
www. Expression - Web - Tutorial .com


Expression Web Tutorials:  Learn How to Build Web Sites with CSS & HTML  ~  A Place For Beginners


Expression Web Tutorial: FAQs

Frequently Asked Questions

Can I attach more than one Style Sheet to a Web Page?

Yes, you can attach as many Style Sheets to one Web Page as you wish. 

Use the following html link to link: < link href="mainstyles.css"  rel="style sheet"   type="text/css"  />

How to insert a Photoshop (PSD) File into Expression Web?

Click Insert --> Choose Picture --> From Adobe Photoshop.

Navigate your computer to located the file.  Choose it by clicking on it, click open.

A new dialog window will open.  Here you can choose to eliminate certain layers from the file, optimize (encoding options) the image, choose a different image format (png, jpg, or gif), and so on.

 

When you have finished with the above,  Click OK.

How to Make 2 Columns of Text in Expression Web

If you would like to make 2 columns of text, which is similar in appearance to a newspaper,  you can give CSS3 a try.  However, this only works in Firefox.  And you have to use Firefox's  properties.  Check out the Developer's Section over at Mozilla.

Or, you can insert 2 divs, float both of them to the left or the right.  Give each one a width, and insert text into both divs which are 2 columns.

How to Edit Text on a Web Page

You can simply type text directly inside the divs that make up the layout. 
Keeping inline with the tutorials found on this web site, using CSS is the best way to style and format text.  Placing CSS Styles on an External Style Sheet allows  you to reuse Styles merely by linking the style sheet to your web pages. 
For instance, to style a paragraph, use the following style:
p { font-size: 14px; color: #00000; font-family: Myriad Pro, Arial, Verdana; font-weight: bold; }

The answer to this question requires a web page of it's own.  Plus a few videos would be helpful.  So I will make a new tutorial showing you how to enter text, format text, make headings, and make paragraphs.  I will show you how to do this with CSS as well as other ways made available with Expression Web. 
 
The short story goes like this:
To style paragraphs, Create a New Style by Clicking New Style in the Manage Styles Task Pane. 
Make the selector  p
p stands for paragraph.  The CSS Style will look something like this:
 
p {
   font-family: Arial, Myriad Pro, Verdana, Sans-Serif;
   font-size: 14px;
   font-weight: bold;
   color: #FFFF00;
 }
 

 Now, the style above will be applied to every single paragraph on the web page.  And if you define it in the Existing Style Sheet, which is your External Style Sheet,  then the style will apply site wide.  Meaning, every paragraph on your site will take on the above style. 

So what do you do to be more specific?  Well, what div are you working in?  Is it the right column, page content, or left column?  Precede the p with the id selector of the div in which the text resides that you are styling. 

For instance: 

#page_content p {
          font-size: 15px;
          etc;
}

The above style means that we are getting specific as to the particular text we are styling.  Only the paragraphs in the #page_content div will be styled with the Style Declaration above.


Why Does My Text Overflow the Boundaries of a Div?

The div isn't big enough.  Or you tried to use a layer and then inserted text into the layer.  This is not necessary. 

The layout is made up of several divs, and you can just type your text right into those divs.  There is no need to create layers or more divs just to enter text.  That would cause way too much confusion. 

To Manage Overflow, open the style builder by clicking "New Style", or Right-clicking on an existing style and choose "Modify Style".  Click on the Layout Category.  Look for the Overflow property and choose one of the options. 

Which Option?  Well, that depends upon what you would like to accomplish.  So do what I do, just try each option and learn what each one does.  Or modify the size of the div you are trying to enter text into. 

Another key thing to do, or to avoid doing....do not assign both a height and width for any give div.  Setting exact positions on every single div is going to cause overflow, as well as other problems.

How to Publish a Web Site with Expression Web

This is one of the most frequently asked question.   Please read the  tutorials.  They are step by step. 
Now, realize that you can publish your web site in a few different ways. 

The two most commonly used methods are:

1. with FrontPage Server Extensions HERE
2. FTP (file transfer protocol)  HERE
Therefore, I made a tutorial for each of the two most common methods.
 
I used HostMonster as the web hosting example.  Yet, the tutorials will work with any web hosting provider.  So do not think you need to have HostMonster web hosting for the tutorials to work.  You don't. 

Just take your time and read through the tutorials taking one step at a time.

  

Generated Boxes

Just as a div generates a box on the web page, so too does the <p> paragraph tag, and the and the <h1> heading tag,  and so on.  Each html tag will generate a box on the web page. 

Therefore, there is no need to insert another box to hold your text because a box will be generated from the html.


How to Make a Basic Contact Form

Follow along with theseis tutorial to learn how to create html forms. ....and have the results emailed to you.

What is a div?

Read about divs.

Do all web hosting companies support Dynamic Web Templates?

A Dynamic Web Template is just a tool you use to create more pages.  We don't need to  publish a Dynamic Template, so it really is not relevant to any type of Web Hosting. 

What is relevant to web hosting includes ASP.NET, PHP, and FrontPage Server Extensions (FPSEs).  Most Web Hosts support PHP.  However, if you are using FPSEs or ASP.NET, then you will have to look for hosting that supports these. 

Now, you do not have to use FPSEs at all.  Expression Web is quite versatile and can be used without FPSEs.  For publishing, you can just use FTP.  And for forms, use cgi scripting. 

ASP.NET is an advanced scripting language used to add interactivity or work with databases.  PHP is ASP.NETs competition and is also a server side scripting language and is usually paired with MySQL databases.
 

What is CSS?

CSS Stands for Cascading Style Sheets.  CSS is used in conjunction with  HTML Web Pages.    Styles contain formatting  and positioning  information that affects the overall appearance of a web page.  Read more about CSS

 

How to Send Form Data to a Database with Expression Web

Right-click on the Form in question on your web page in EW, Choose "Form Properties".

A dialog box will open.  Here you can choose to set it up so that the encoded data from a form is sent either to a database or your email.  This does require FrontPage Extensions.

Next, Click "Options"
A new dialog box pops open.  See below.

form

You can use this dialog box to create the database as well as connect to the database.  Click on Database Connection to Use:  or ADD Connection.  Then Create Database.

You can then create a confirmation.html page and an error.html page and place the paths in the boxes above.  These are optional.