Lesson 17 interactive media (1)
- 1. Interactive Media Wix Images Tutorial
- 2. Here’s what you need to include on your website: • Your personal statement and aspirations with a photo of yourself • Your skills • Your qualifications • Transferable skills and personal attributes • Career Development (training, etc) • Work Experience • Show reel • Portfolio of work (graphics, images, videos, storyboards, character designs, etc)
- 3. Planning for your website: • Detailed Proposal • Research (inspiration and ideas) • Creative Ideas generation/ Mind maps • Page layout sketches • Storyboard for navigation • Production Diary • 1 page evaluation of the website when complete
- 4. Your website design Must: • Use the theory in practice (colour theory, balance, rule of thirds, navigation) • Show a vast difference from the template to the final design • Use images, text, video • Be easy to navigate • Look pleasing and show off your visuals • Match your plans
- 5. Here is how you will be graded for this assignment:
- 6. Choosing a Template and Editing Scroll through the templates and when you have found what you are looking for click edit Alternatively chose the blank templates to start from scratch.
- 7. Altering parameters When you hover over an option on a menu you should be able to see an impression of what it will look like. If you are happy with the option click OK.
- 8. Editing Images • If you click on an existing image you can change various settings. Some images are contained within a slideshow where as others are just static images.
- 9. Editing Images • If you click Organise images you can change the images within a slideshow to your own images by “adding images”
- 10. Editing Images • You can also change the order by clicking and dragging them between each other or you can label your images for organisation.
- 11. Editing Images Clicking on change settings allows you to alter a variety of settings for the slideshow gallery such as how the image is displayed and what happens when it is clicked, you can also alter the size of the gallery.
- 12. Editing Images • Clicking Change gallery type allows you to alter the animation style of slideshow contained within an gallery pane.
- 13. Editing Images • Clicking Change style allows you to personalise the gallery, add borders and animations.
- 14. Editing static images • There are a few differences between a static image and a slideshow. Static images allow you to animate how it appears on the page. • Link to allows you to hyperlink the image to another page on your website or another link.
- 15. Adding your own image Clicking the + icon allows you to add an image or a gallery which is a slideshow of images
- 16. Adding your own image Clicking the + icon allows you to add an image or a gallery which is a slideshow of images
- 17. Adding your own image Once you choose your option there is choice to choose the type of image you require
- 18. Adding your own image Once you have uploaded your images you can also edit your image if you click on the image options pop up.
- 19. Adding your own image You can then change the options to edit your image.
- 20. Adding your own image Once your image is added to the page you can drag the edges to resize or drag the handles to crop it
- 21. Saving and Publishing At the top of your Wix page is save and publish. Save will allow you to return to your website and edit it but will not publish it for the world to see Publishing allows you to make your website live, effectively you are finalising your website.