Wednesday, 21 November 2012

Design for Web Workshop Four - Adding Content.

  • Box model: margin, border, padding, content
  • when adding padding you must minus it from the width and height.

What types of content we can have:
  • video
  • images
  • text
  • animation
  • links
  • games
  • audio
  • maps
Adding images:
  • Static image
    • insert > image
  • light box

    • copy code onto template in the 'head' tag

    • open your chosen image in Photoshop, resize and create a thubnail
    • save as 'image1' and 'thumb1'


    • paste code into column 3

    • edit the code to get a thumbnail

    • change caption

    • to add more images and group them together

  • another variant is 'fancybox' and 'slimbox' supports video and audio
  • 'flexslider' slideshow style

No comments:

Post a Comment