Introduction to Interactive Media The Interactive Media Development Process.
Lesson 17 interactive media (1)
-
Upload
helen-wells -
Category
Education
-
view
278 -
download
1
Transcript of Lesson 17 interactive media (1)
![Page 1: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/1.jpg)
Interactive Media Wix Images Tutorial
![Page 2: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/2.jpg)
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)
![Page 3: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/3.jpg)
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
![Page 4: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/4.jpg)
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
![Page 5: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/5.jpg)
Here is how you will be graded for this assignment:
![Page 6: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/6.jpg)
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.
![Page 7: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/7.jpg)
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.
![Page 8: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/8.jpg)
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.
![Page 9: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/9.jpg)
Editing Images• If you click Organise images you can change the images within a slideshow
to your own images by “adding images”
![Page 10: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/10.jpg)
Editing Images• You can also change the order by clicking and dragging them between
each other or you can label your images for organisation.
![Page 11: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/11.jpg)
Editing ImagesClicking 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.
![Page 12: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/12.jpg)
Editing Images• Clicking Change gallery type allows you to alter the
animation style of slideshow contained within an gallery pane.
![Page 13: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/13.jpg)
Editing Images• Clicking Change
style allows you to personalise the gallery, add borders and animations.
![Page 14: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/14.jpg)
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.
![Page 15: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/15.jpg)
Adding your own image
Clicking the + icon allows you to add an image or a gallery which is a slideshow of images
![Page 16: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/16.jpg)
Adding your own image
Clicking the + icon allows you to add an image or a gallery which is a slideshow of images
![Page 17: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/17.jpg)
Adding your own imageOnce you choose your option there is choice to choose the type of image you require
![Page 18: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/18.jpg)
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.
![Page 19: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/19.jpg)
Adding your own image
You can then change the options to edit your image.
![Page 20: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/20.jpg)
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
![Page 21: Lesson 17 interactive media (1)](https://reader034.fdocuments.in/reader034/viewer/2022042723/5870a31c1a28abcb078b5227/html5/thumbnails/21.jpg)
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.