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