Today's class was very educational because we learned how to take our site model using div tags and actually place real images in there. First we used the 'rainbow' technique to make every div a different background colour - this ensured that we could correctly set the size of each different div tag to match the size of the images we'd be using. I also learned using this technique that because each div is represented with clear colour that allows you to determine whether or not the div tag is correctly working, there's no need to use the split or design view in Dreamweaver at all and this is the only technique you need to use.
This lead us into Adobe Illustrator where I learned a new skill called the slicing tool, which basically allows you to drag a field around a piece of an image you want to separate (think along the lines of using scissors to cut out each part of the images on the web page you want) and then save for web similar to Photoshop.
The end result was what could be a real website, and I will find this tool very handy to use in the future - making a Photoshop or Illustrator page draft of the website, slicing the images you want and resizing the div containers seems a very easy and smart way to go.
No comments:
Post a Comment