- #HOW TO EDIT A WEBSITE WITH MICROSOFT EXPRESSION WEB 4 HOW TO#
- #HOW TO EDIT A WEBSITE WITH MICROSOFT EXPRESSION WEB 4 CODE#
Here is the result of 10ġ0 The three styles we have created relate to any, body, h1 or h2 tag in any page linked to our style sheet. We can go on and create a style for the Headers using a different font weight, emphases and background colour. You can see the result of your choices in the preview screen. We will edit the font we want to use, its weight and colour. As we are using an external style sheet we have already created, be sure to change the Define in box to existing style sheet and use the browse button to find the style sheet. Here we are going to simply create a style for the three main tags we have used. We will cover those types of selectors later. It is used to define a single element and is shown thus #. There is also an id selector which can only be used once on a page. The class selector is used to define a style of any element on the page with that name, and is shown thus. By default Expression Web selects the style as a class style on the current page. We have four tags we can use body, h1, h2 and p Highlight the body tag and click on new style in the apply styles panel. Using the tag selector on the menu bar, scroll down and select h1 then repeat that for the next header and select h2 Here is the result. of 10ħ Select the first header by clicking the line around the paragraph.
#HOW TO EDIT A WEBSITE WITH MICROSOFT EXPRESSION WEB 4 CODE#
We will change the code of the two headers to make them h1 and h2 tags. Notice that the text is contained in a body tag and has four paragraphs. of 10Ħ Here is some text I prepared earlier. In design view we see the index page is ready to accept input into the body tag. Before we do though, let s go back to the index page and create some content in order to have something to style. Now we have a style sheet, let s create some simple styles. Expression tells you how many files are updated.
Click Browse and the site folder will open and you select the newly created style sheet The name appears in the dialogue box and you click OK. To do that we select attach to All HTML pages and Attach as a link.
In this case we want to attach an external style sheet and we want it linked to all the pages. of 10Ĥ Now let s link the style sheet to the site Go into Format, CSS style, Attach style sheet of 10ĥ A dialogue box will open asking for details about the style sheet. Go to new document and select CSS from the drop down menu. Expressions, always names the first file as default. I so enjoyed your DVDs and appreciate all the little extra tips that make designing so much better.3 Let s start a new site first using a one page site from the new project window. I work with a graphic designer who taught webpage design… now he comes to me with his questions.
A year later, I have an award winning webpage. “Janine you are an AMAZING instructor! I’d never created a webpage before your Total Training Videos.
#HOW TO EDIT A WEBSITE WITH MICROSOFT EXPRESSION WEB 4 HOW TO#
Go on to Tip 2 | Return to Expression Web main page Training Video: How to publish a Web site with Expression WebĪ sample of the video instructions in Janine Warner’s Expression Web training video( works for Expression Web 3.0 and 2.0) The Design option hides the code from view.ĥ. If you want to create more space for your design work, you can move all of your task panes to one side to expand your work area by clicking and dragging each open task pane from one side of the screen to the other. You can also use Split screen to view the code and the design view simultaneously. You’ll find a more preference options that are specific to each site you work on when you choose Site > Site Settings.Ĥ. You can view the code behind your page by choosing the Code button at the bottom of the work area. Toolbars can be docked at the top of the screen or they can float and be moved anywhere on the screen.ģ. You change preference settings by choosing Tools > Application Options or by choosing Tools > Page Editor Options. Open task panes are indicated by the check mark next to the task pane name in the Task Pane menu.Ģ. You can open and close toolbars by choosing View > Toolbars > and then selecting the name of the toolbar you wish to display. Just select the name of the task pane you want to open. Here are five ways to make Expression Web work better for you.ġ. You can open and close task panes using the Task Panes menu. You’ll find a wide range of toolbars, task panes, and dialogs, and you can completely customize the interface to best suit the way you like to work. Expression Web was designed to offer all the features you need to create Web sites.