SlideShare a Scribd company logo
1 of 21
Interactive Media
Wix Images Tutorial
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)
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
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
Here is how you will be graded for
this assignment:
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.
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.
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.
Editing Images
• If you click Organise images you can change the images within a slideshow
to your own images by “adding images”
Editing Images
• You can also change the order by clicking and dragging them between
each other or you can label your images for organisation.
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.
Editing Images
• Clicking Change gallery type allows you to alter
the animation style of slideshow contained within
an gallery pane.
Editing Images
• Clicking Change
style allows you to
personalise the
gallery, add
borders and
animations.
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.
Adding your own image
Clicking the + icon allows you to
add an image or a gallery which
is a slideshow of images
Adding your own image
Clicking the + icon allows you to
add an image or a gallery which
is a slideshow of images
Adding your own image
Once you
choose your
option there
is choice to
choose the
type of
image you
require
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.
Adding your own image
You can then
change the
options to edit
your image.
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
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.

More Related Content

Similar to Lesson 17 interactive media (1)

Power point. The SlideShare Presentation
Power point. The SlideShare PresentationPower point. The SlideShare Presentation
Power point. The SlideShare PresentationJ_Robaina
 
Job Interview PPT Template and Google Slides Themes
Job Interview PPT Template and Google Slides ThemesJob Interview PPT Template and Google Slides Themes
Job Interview PPT Template and Google Slides ThemesSlideEgg
 
Microsoft Power Point
Microsoft Power PointMicrosoft Power Point
Microsoft Power PointOwly Eyes
 
Microsoftpowerpoint 140206084416-phpapp01
Microsoftpowerpoint 140206084416-phpapp01Microsoftpowerpoint 140206084416-phpapp01
Microsoftpowerpoint 140206084416-phpapp01jagan reddy
 
Powerpoint tutorial 1
Powerpoint tutorial 1Powerpoint tutorial 1
Powerpoint tutorial 1catacata1976
 
powerpoint-tutorial.pptx
powerpoint-tutorial.pptxpowerpoint-tutorial.pptx
powerpoint-tutorial.pptxBSKSHESHU
 
Design selection demo.2
Design selection demo.2Design selection demo.2
Design selection demo.2allisonbliss
 
Power point for beginner
Power point for beginnerPower point for beginner
Power point for beginnerAzy Softie
 
WordPress Plugins to add style to your website
WordPress Plugins to add style to your websiteWordPress Plugins to add style to your website
WordPress Plugins to add style to your websiteBelinda Johnstone
 
Using Images and Photos in FrogFolio
Using Images and Photos in FrogFolioUsing Images and Photos in FrogFolio
Using Images and Photos in FrogFolioTCUFrogFolio
 
Creating a Blog
Creating a BlogCreating a Blog
Creating a BlogMrsLG
 
powerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.ppt
powerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.pptpowerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.ppt
powerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.pptmarissaramos007
 

Similar to Lesson 17 interactive media (1) (20)

Br week 10
Br week 10Br week 10
Br week 10
 
Br4001 week 10
Br4001 week 10Br4001 week 10
Br4001 week 10
 
Power Point presentation workshop, 2018
Power Point presentation workshop, 2018Power Point presentation workshop, 2018
Power Point presentation workshop, 2018
 
Power point. The SlideShare Presentation
Power point. The SlideShare PresentationPower point. The SlideShare Presentation
Power point. The SlideShare Presentation
 
How to use images in blogs
How to use images in blogsHow to use images in blogs
How to use images in blogs
 
PowerPoint 2013
PowerPoint 2013PowerPoint 2013
PowerPoint 2013
 
Job Interview PPT Template and Google Slides Themes
Job Interview PPT Template and Google Slides ThemesJob Interview PPT Template and Google Slides Themes
Job Interview PPT Template and Google Slides Themes
 
Microsoft Power Point
Microsoft Power PointMicrosoft Power Point
Microsoft Power Point
 
PPT-3.pptx
PPT-3.pptxPPT-3.pptx
PPT-3.pptx
 
1920 slides
1920 slides1920 slides
1920 slides
 
Microsoftpowerpoint 140206084416-phpapp01
Microsoftpowerpoint 140206084416-phpapp01Microsoftpowerpoint 140206084416-phpapp01
Microsoftpowerpoint 140206084416-phpapp01
 
Powerpoint tutorial 1
Powerpoint tutorial 1Powerpoint tutorial 1
Powerpoint tutorial 1
 
powerpoint-tutorial.pptx
powerpoint-tutorial.pptxpowerpoint-tutorial.pptx
powerpoint-tutorial.pptx
 
Design selection demo.2
Design selection demo.2Design selection demo.2
Design selection demo.2
 
Power point for beginner
Power point for beginnerPower point for beginner
Power point for beginner
 
WordPress Plugins to add style to your website
WordPress Plugins to add style to your websiteWordPress Plugins to add style to your website
WordPress Plugins to add style to your website
 
Using Images and Photos in FrogFolio
Using Images and Photos in FrogFolioUsing Images and Photos in FrogFolio
Using Images and Photos in FrogFolio
 
Creating a Blog
Creating a BlogCreating a Blog
Creating a Blog
 
powerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.ppt
powerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.pptpowerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.ppt
powerpoint-tutorial-23224gdfdsfhfsfsssssssdsd.ppt
 
Powerpoint tutorial-23224
Powerpoint tutorial-23224Powerpoint tutorial-23224
Powerpoint tutorial-23224
 

More from Helen Bruce

Editing WK1.pptx
Editing WK1.pptxEditing WK1.pptx
Editing WK1.pptxHelen Bruce
 
Editing - WK2.pptx
Editing - WK2.pptxEditing - WK2.pptx
Editing - WK2.pptxHelen Bruce
 
Extension activity
Extension activityExtension activity
Extension activityHelen Bruce
 
Advanced Tutorial
Advanced Tutorial Advanced Tutorial
Advanced Tutorial Helen Bruce
 
Basic image manipulation tutorial
Basic image manipulation tutorialBasic image manipulation tutorial
Basic image manipulation tutorialHelen Bruce
 
Lesson 9 interactive media (1)
Lesson 9  interactive media (1)Lesson 9  interactive media (1)
Lesson 9 interactive media (1)Helen Bruce
 
Interactive media
Interactive mediaInteractive media
Interactive mediaHelen Bruce
 

More from Helen Bruce (7)

Editing WK1.pptx
Editing WK1.pptxEditing WK1.pptx
Editing WK1.pptx
 
Editing - WK2.pptx
Editing - WK2.pptxEditing - WK2.pptx
Editing - WK2.pptx
 
Extension activity
Extension activityExtension activity
Extension activity
 
Advanced Tutorial
Advanced Tutorial Advanced Tutorial
Advanced Tutorial
 
Basic image manipulation tutorial
Basic image manipulation tutorialBasic image manipulation tutorial
Basic image manipulation tutorial
 
Lesson 9 interactive media (1)
Lesson 9  interactive media (1)Lesson 9  interactive media (1)
Lesson 9 interactive media (1)
 
Interactive media
Interactive mediaInteractive media
Interactive media
 

Recently uploaded

Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 

Recently uploaded (20)

Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Tilak Nagar Delhi reach out to us at 🔝9953056974🔝
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 

Lesson 17 interactive media (1)

  • 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.