Interactive Design Homepage

College of Arts, Victoria University

Teacher Name: Lisa Cianci - email: lisa.cianci@vu.edu.au
Course Coordinator & Education Manager: Alan Morgans - email: alan.morgans@vu.edu.au

Class Website - http://multimedia.tafe.vu.edu.au/lisa/2014/ID2


Subject: ID2 - Interactive Design

Course: Advanced Diploma of Graphic Design (CUV60411)


CLASS 07

Developing Online Folios - custom menus and adding rich media content

Create Custom Menus

If you want to create custom menus, it's not difficult, but you have to follow the appropriate steps. To create menu items you need to either have created Pages, or need to have your posts linked to Categories, or you can create menu items for External Links. Whichever option you choose, they need to be in place or you need to know what you're doing before you go to the Menu area of your Dashboard.

If you create static Pages for your blog, they are usually not linked to anything - so they can't be accessed from your blog unless you add them to a Menu.

When you go to the Menu area of the Dashboard, you will need to create a menu (or edit an existing menu), add items to the menu and organise them, save the menu, and then you need to Activate the menu or it won't be seen on your blog - this last step is one that people often forget and then wonder why they can't see their new menu in their blog.

http://en.support.wordpress.com/menus/

 

Uploading images and creating galleries & slideshows

Today we will go through uploading images to Wordpress, and then placing these images into Pages and Posts using the dashboard interfaces. You can place multiple images in galleries and slideshows with many options, and the way they are displayed may be dependent on the style settings of your theme.

 

http://en.support.wordpress.com/images/gallery/

 

You can also embed images from other social media sites and other forms of media can be embedded to. See this general support page to try out some of the options:

http://en.support.wordpress.com/category/media/

 

Embedding Video Content

You cannot upload video to a Wordpress.com blog, but you can embed video content that you upload to Youtube or Vimeo and many other formats. You can also embed other people's content in your own blog.

Once you have uploaded your video to Youtube or Vimeo, you should see an option somewhere in the web page to "share" the video. You need to find the option to "Share" the video which will give you the URL to copy:

http://vimeo.com/jaysalbert/findingwelkin

For example, in Youtube, the code can be found by clicking on Share, to reveal the box with the embed code:

http://youtu.be/6acRHWnfZAE

On Vimeo, there is a Share link at the top-left corner of the video if you roll over it (and the user has allowed sharing)

Copy and paste thiscode into your Post or Page editor - but you MUST paste it in the Visual view NOT the Text view of your editor and make sure it's not a hyperlink.
Note: previously in Wordpress, you had to embed an <iframe> in the Text view of the editor, but recent upgrades to the dashboard have made the process a lot easier.

You can choose a Post format such as "Video" if you want to format the post to highlight the video. Check how this looks in your Theme, you can always edit the Post and change the format.

 

4. Create: things to do this week

1. upload a range of images to your media library. You can do this either from the Dashboard, or when adding a Post or Page

2. create at least one gallery or slideshow of your work. Don't forget to use titles, captions etc. to properly document your work. You might also want to experiment with the other settings in the media area such as alignment, size, etc.

3. if you haven't already, make sure you have a blogroll linking to your classmates' blogs, and make sure you have your custom menu set up so that you can access the Pages of your portfolio from the homepage of your site.

 

 

References

Some interesting websites and blogs by artists and designers

 

Some interesting image gallery sites (not blogs, but interesting ways of presenting visual content using web technologies)

 

Other useful and inspirational resources:

 

 

 

Homework

Your homework will be to produce some quality images for your blog that can be used as galleries and slideshows. Make sure you save the images as JPG or PNG format and make sure they are 72dpi resolution. The width & height in pixels can vary depending on how big you want the image to be, but think about the average screen resolution - I wouldn't upload an image larger than about 1200px wide and 900px high - of course you can use images a lot smaller than that.