[display_podcast]

• Goal
  • Understand how to download, edit and save an image to media folder and place in web page
• Product
  • HTML document with images included
  • Sample CSS from the above example:

    • body {
      	background-color: yellow;
      	color:pink;
      	background-image:url('media/glass.jpg');
      }
      p {
      	color:#000;
      }
      h2 {
      	background-color: transparent;
      }
      #divbox {
      	width: 300px;
      	height: 300px;
      	border: medium double #333333;
      	background-color:#FF33FF;
      	background-image:url('media/texture.jpg');
      }
      #container {
      	background-image:url('media/darkred.jpg');
      	width: 80%;
      	border: medium double #666666;
      	background-color:#999999;
      	padding: 10px;
      	margin: 0px auto;
      }

• Tools
  • Adobe Dreamweaver (Free 30 day trial)
  • Kompozer (Free)
  • Flickr.com for Creative Commons Texture Images
  • Adobe Photoshop  (Free 30 day trial)
  • GIMP – (Free Open Source Image Editor)
• Resources
  • Day4_Website Folder
  • W3schools.com link code