DEMO – Creating and Inserting Content Images
Some tutorials:
Preparing the image in Photoshop
- Cropping to Ratios, fixed sizes and resolution in Photoshop CC (Links to an external site.) (Links to an external site.)
- hint: you should crop to the width and height in pixels that you want the image to be in your layout, the resolution should be 72ppi
- Silhouetting an object in Photoshop (Links to an external site.)
Saving the image for the web (review)
Inserting an image into HTML
Code
Sample Page
To see the code: right-click in the page and select “View Source” (IE) or “View Page Source” (Firefox), or similar for other browsers. This will open a window containing the HTML code of the page.
- Eva Peron – Wikipedia (with content images) : http://ltcgmedia.com/mccc/project_1/index.html
DEMO – Uploading your website
FTP Software
- Cyberduck (Links to an external site.)
- Filezilla (Links to an external site.)
- FetchSoftworks (Links to an external site.)
- Downloading FTP clients
How to upload your files
- Uploading your files – link T/K
- Fixing common problems – what to do about misplaced images, css, folders, etc. link T/K