- Expression ® Web.
- Beginning Expression ® Web.
- Enter Expression Web.
- Expression Web.
- View As an Expression Web user, you can access options within the View menu for customizing the look and feel of the development environment.
- Insert Anything that you might want to insert into your Web pages can be found within the Insert menu.
- Selecting both of the options enables both a ruler and a grid within the development area..
- tag within the Quick Tag Selector.
- You’ll quickly notice that the inner portion of the table becomes highlighted..
- Does not select the contents within the tag..
- These properties are centrally listed within the Tag Properties Task Pane..
- In this situation, you can hide specific icons within the toolbar..
- Chapter 1 provided a real taste for some of the functionality that you’ll be exposed to within Expression Web.
- within the context of a single folder, otherwise known as a Web site.
- Title — Sets the title of the page.
- This title ultimately appears within the title bar of the browser..
- As you can see from Figure 2-4, you can use the properties offered within the Formatting tab to set a background image or color for your Web page.
- As you can see from Figure 2-6, you can use the properties within the Custom tab to set both system and user variables for the Web page.
- As you can see from Figure 2-7, you can use the properties within the Language tab to set the default language and encoding type of the Web page..
- option from within the Formatting menu in the Common toolbar.
- Next, select the appropriate font within the Font menu located just to the right of the Formatting menu in the Common toolbar.
- tags (the small tab that appears in the upper-left corner of the paragraph) within the Web page.
- You can.
- Next, choose the italic icon within the Common toolbar..
- Just to the right of the text styles (bold, italic, and underline) within the Common toolbar are three options for aligning text within your Web page.
- As you can see from Figure 2-19, the three solutions within the Web page are displayed in a bulleted list..
- If you place your cursor within each solution, you’ll see that it’s wrapped within the <li>.
- When you’ve finished making changes within the List Properties dialog box, simply choose the OK button to close the dialog box and apply the new list properties to the selected elements within your Web page..
- You’ll quickly notice that the New color pane within the More Colors dialog box changes to reflect the color that you’re rolling into.
- You can repeat the process two more times to add surrounding borders to the other headings within the Web page..
- One of the last things that you should do before calling a Web page finished is to check the spelling within the page.
- You’ve probably noticed the small, red, squiggly underlines that appear under some of the text elements within the Web page.
- Change — Changes the word within the page to the suggested word..
- Once you’re finished with your Web page, you’ll no doubt want to see what it looks like within the browser.
- As you can see from Figure 2-29, a list of browsers is displayed within the menu..
- Once you’ve added the browser, it appears within the Browsers list (mentioned earlier) unchecked.
- Web site.
- All of the files that you’ll need for this exercise are available from the Wrox Web site ( www.wrox.com.
- Web site using some basic formatting techniques, available within the Common toolbar..
- You’ll learn how to create a new Web site.
- Once you’ve created a new site, Expression Web cleanly organ- izes your files within the Folder List Task Pane.
- Creating a new Web site within Expression Web begins with the Web Site tab within the New dialog box..
- A new folder (your Web site) will appear within the Folder List Task Pane..
- Selecting this icon immediately creates a new folder within the Vecta Corp Web site.
- In most cases, you’ll create a new page, add some content to the page, and then save the file directly within the defined Web site.
- Figure 3-5: HTML page at the root of the Web site.
- Remember that the folder structure outlined within the Folder List Task Pane is merely a reference to the Vecta Corp Web Site folder contained on your computer..
- File location — Displays the full path to the location of the Web site on your computer.
- Expression Web, you’re merely changing the local representation of the site.
- Once the remote server type has been set, you can further customize the location of the remote server within the Remote Web site location text box..
- Once you’ve finished, exit out of all of the dialogs..
- Within the Remote Web Site Properties dialog box, click the FrontPage Server Extensions radio button..
- Enter the path to the remote Web server by entering a valid URL within the “Remote Web site location” dialog box..
- Within the Remote Web Site Properties dialog box, click the WebDAV radio button..
- \\VC within the Remote Web site location text box.
- The final set of options included within the Remote Web Site Properties dialog box are those that allow you to customize how Expression Web publishes your Web pages to the remote Web server.
- View — The View menu customizes what you see within the Copy Web Site window.
- Name — Displays the name of the folder or file within your Web site..
- For the sake of simplicity, save it within the Vecta Corp Web site root..
- As you’ll see, most of.
- tag area located at the top of the Web page.
- The image appears within the Web page..
- You’ll immediately notice that the quality of the image is greatly reduced.
- All elements, including text, have properties that you can manipulate within the Tag Properties Task Pane..
- you happen to be working with within the development area.
- Right away, you’ll notice some interesting features available within the Tag Properties Task Pane (high- lighted by the callouts in Figure 4-5), including the following:.
- This option is provided to you within the Save Embedded Files dialog box at the instant that you save your Web page..
- You’ll notice that you now have header.gif and header_copy.gif listed within the Task Pane.
- When you choose a different folder, the Action of the image within the list changes to Save..
- Start by finding the image head_zak.gif located within the Images folder of the defined Vecta Corp Web site.
- Try selecting any of the links within the navigation menu.
- You can then enter a text value within the text box.
- When you’ve finished, save the page..
- To enable it, select the header image ( header.gif ) within the Web page..
- With your cursor blinking within the <p>.
- Perhaps you’d like to make simple changes to the style of the button.
- Preview — Provides a simple preview of the button selected within the Buttons list..
- Again, in this case, managing links within the fictitious Vecta Corp Web site was easy.
- Furthermore, you’ll incorporate hyperlinks to allow the user to link between the various pages within the Web site.
- tag within the <head>.
- When you choose the Auto option, the rest of the options within the Style Application toolbar are disabled.
- Remember that you’re creating a class here.
- As you can see from Figure 5-4, the new style rule is created within the style sheet file.
- In the coming sections, you learn how to apply those styles to the elements within the page.
- For now, however, let’s review some of the other features available within the New Style dialog box.
- Figure 5-4: New style rule is created within the style sheet file..
- Once you’ve entered a value, you can choose one of the measurement options from the menu just to the right..
- You’ll also notice that Expression Web provides you with an iconic representation of the box model..
- visibility — Choose an option from this menu to set the display condition of the element within the page.
- enabling you to scroll the content within the <div>.
- Again, you’ll notice that the solution text element changes to reflect the style properties outlined within the class..
- tag of the Web page..
- Within the Selector text box, choose the option a:hover .
- Within the style sheet, redefine the <body>.
- The selector should reside within the external style sheet..
- Use the Attach Style Sheet feature to apply the newly created style sheet to the rest of the pages within the site..
- The new table appears within the Web page, as shown in Figure 6-3..
- It’s not centered on the page because of properties that you set within the Insert Table dialog box.
- For now, let’s review the options that you saw within the Insert Table dialog box.
- You’ll also notice a Default option