The Toolbar

Collapse Content Show Content

The toolbar on top of expression web contains the basic options for customizing your webpage content.

In the center-right are common options that shopuld look pretty similar to toolbar options in other programs, like bolding text or making bullet points.

Click for More

Further to the right are options for inserting basic HTML elements, such as a table or div. Tables should be used to display tabular data, while divs can be used later to help format your site. They mark off blocks of the site that can be formatted in specific ways. There’s another button for inserting an image, though you can also just drag an image into Expression web from your computer. When inserting a picture, a dialog will pop up to prompt you for alternate text if the picture cannot be viewed.

The next button is for inserting Hyperlinks, one of the fundamental aspects of the web. No longer is information out of reach, everything is just a click away. After selecting on text and clicking on the link button (or pressing ctrl-K), a dialog will pop up. You can choose to link to another page in your site by selecting it, or you can paste in a URL to another page on the internet. Another option is to link to another spot on the same page, but to do this, you will first need to insert a bookmark at the location you want.

On the center-left of the toolbar, there are styling options similar to those in Word, but customized for the web. The drop-down box on the left contains names for different HTML tags, mainly headers and lists. You can select text and then click to apply the style that you want, such as “h2 – Heading 2″. This will by default make the text larger to mark it as a heading. You will also be able to format such headings more specifically with CSS styles.

The font option doesn’t just list one font, but a whole series of them, or “font family”. This is to make sure your site will display some font on any browser that its viewed on. In case a viewer does not have the first font on his computer, the browser will display the next font in the family. The font option has different sizes, xx-small to xx-large. They also display certain default fonts, though these can be customized later. On the web, you do not want to be locked-in to certain font-sizes, so the focus is on changing the relative size.

Previous Next Node