Expression Web 4/Adding media

Web pages contain more than just text, so in this short tutorial you'll learn how to add some images to your web pages.

Before you can add images to your web page, you need to save them to your development web site. As your site grows, it is important that you think how you should organise it to accommodate a large number of files.

Create a media folder
What we want to do is create a folder to store our media in. So, in Expression Web right click in the Folder tab or the  tab, and   and call the folder media. (You can do this in Windows Explorer or My Computer if you wish)

Now save images into this folder
To start you off here are some small images. Right click and save to your folder.



For other images in the public domain, try wikimedia commons

Insert Image into your web page

 * With the appropriate page selected put the cursor where you want the image to be inserted
 * Click on the Insert image button (you may need to use the extend toolbar arrow as shown below)


 * Don't forget to add the Accessibility text.

Positioning your image
Web pages allow basic formatting so be careful when moving images around - avoid absolute positioning unless absolutely necessary !!! The best way to position an image is to right click on the image, select picture properties and on the tab choose the wrapping style you want.

Note: Expression Web allows you to drag a file from Windows Explorer directly onto your web page.