SlideShare a Scribd company logo
1 of 54
A VISUAL STEP-BY-STEP GUIDE
by Jaime Cabrera
mr.jaime.aiu@gmail.com
Image courtesy of www.profkrg.com
How to Display Stuff on Your Page
1. Log In
2. Display Your Video
3. Display Your Slideshow
4. Display Your PDF File
5. How to Copy and Paste
6. Upload Your Learning Journal
7. Instructions for Group Leaders
LOG IN
STEP 1
Image courtesy of camskra.com
Go to your website.
• BSP1J (English11: Freshman Skills)
http://bit.ly/1GtRdIj
• BSMT2B (Hum 13 World
Literature) http://bit.ly/1GfoIyZ
• AAPD1BB (Hum 13 World
Literature) http://bit.ly/1K4zlep
• BSMT2C (Hum 13 World
Literature) http://bit.ly/1eAPxHa
Scroll down to the bottom and log in.
Image courtesy of www.jimdo.lcom
If you logged in before on the same
computer, this is what you might see:
Image courtesy of www.jimdo.lcom
Click on LOG IN NOW
Image courtesy of www.jimdo.lcom
IF YOU DO NOT LOG IN
• The page will be in view mode, not in edit
mode.
• You can view the page, but you cannot edit it.
• If you want to edit a page, log in.
DISPLAY YOUR VIDEO ON YOUR
WEB PAGE
STEP 2
Image courtesy of www.istockphoto.com
Uploading a Video: Warning
1. Do not upload the video to your webpage.
2. The website has limited memory.
3. Uploaded video files will be deleted.
4. The correct way is to create a link to your
video.
Linking to a Video: Steps 1 & 2
1. Upload your video to YouTube.
– Sign in before you upload:
2. Copy your video’s address:
Linking to a Video: Step 3
3. Open your webpage.
Linking to a Video: Step 4
4. Open your VIDEOS page.
Linking to a Video: Steps 5 & 6
5. Write the title
6. Create two columns.
Linking to a Video: Steps 5 & 6
5. Write the title
6. Create two columns.
Linking to a Video: Steps 7 & 8
7. Add a text box to one column.
8. Write a title.
Linking to a Video: Step 9
9. Mover the
cursor until +
Add Element
appears. Click.
Then, click on
Additional
Elements.
Linking to a Video: Step 10
10. Click on Widget/HTML.
Linking to a Video: Steps 11 & 12
11. Paste
the video’s
URL address
that you
copied.
12. Save
DISPLAY YOUR SLIDESHOW ON
YOUR WEB PAGE
STEP 6
Image courtesy of www.istockphoto.com
Uploading a Video: Warning
1. Do not upload the slideshow to your
webpage.
2. The website has limited memory.
3. Uploaded slideshow files will be deleted.
4. The correct way is to link to your
slideshow.
Linking to a Slideshow: Step 1
1. Upload your slideshow to SlideShare.
Log in before
you upload
(You can
create a free
account first)
Linking to a Slideshow: Step 2
2. Copy your slideshow’s SRC (embed code)
Linking to a Slideshow: Step 3
3. Open your webpage.
Linking to a Slideshow: Step 4
4. Open your SLIDESHOWS page.
Linking to a Slideshow: Steps 5 & 6
5. Write the title and
6. Save
Linking to a Slideshow: Step 7
7. Create two columns.
Linking to a Slideshow: Steps 8 & 9
8. Add two more columns: Click 2x on the + sign.
There should be 4 columns total.
9. Save
Linking to a Slideshow : Steps 10 to 12
Click on + Add Element, click on Text.
10. The title should be in bold font.
11. The date should follow this format, not bold font
12. Save
10
11
12
Linking to a Slideshow: Step 13
13. Click on
Additional
Elements.
13
Link to a Slideshow: Step 14
14. Click on
Widget/HTML.
14
Link to a Slideshow: Steps 15 & 16
15. Paste
the PPT’s
embed that
you copied.
12. Save
15
16
DISPLAY A PDF FILE ON YOUR
WEBPAGE
STEP 6
Image courtesy of www.istockphoto.com
LINK your file, do not upload
• Create a free account in Dropbox or Mediafire
• Upload your PDF file to that account
• Copy the URL or electronic address
• To create a link to the file on your web page,
follow the same procedures for linking videos
or for linking slideshows.
DISPLAY YOUR LEARNING JOURNAL
ON YOUR WEBPAGE
STEP 6
Image courtesy of www.istockphoto.com
Upload a Learning Journal: Step 1
1. Open your webpage.
Upload a Learning Journal: Step 2
2. Open your JOURNALS page.
Upload a Learning Journal: Step 3
3. Add a heading and click on Save.
See an example here
• http://independent-learners-
a.jimdo.com/group-1/ambre-skf/
Upload a Learning Journal: Step 4
4. Create three columns and save.
Upload a Learning Journal: Steps 5 to 7
5. Add these titles (note bold fonts on some
words) and save.
7. Save
6. Center all three titles
555
6
7
Upload a Learning Journal: Step 8
8. Below the Main Title, click on + Add Element,
click on Horizontal Line.
8
Upload a Learning Journal: Step 9
9. Below the Main Title, click on + Add Element,
click on Horizontal Line.
8
Upload a Learning Journal: Step 10
10. Click on Week 3, then click on the Copy icon.
8
Upload a Learning Journal: Step 11
11. On the copy, click twice on the Move Down
icon. Save.
8
HOW TO COPY & PASTE
12. Copy the Submitted table
13. Move down the copy twice.
14. Save.
12
13
14
Upload a Learning Journal: Step 16
16. Type “Week 4”
17. Save.
16
17
Upload a Learning Journal: Step 18
18. Under Week 3, Submitted click on +Add
Element
19. Click on Text.
19
Or Copy and Paste to Your Page
• See an example here:
• http://independent-learners-
a.jimdo.com/group-1/ambre-skf/my-learning-
journals/
Watch a Video
• How to Hyperlink Text and Photo - Jimdo
Tutorials, Tips and Tricks at
• https://www.youtube.com/watch?v=Ml58af_x
UBQ
Group Leaders
• First, copy paste to Notepad to remove all formatting
• Then copy paste to Quality Control (Complete
instructions are here: http://independent-learners-
a.jimdo.com/quality-control/ )
• In Quality Control, copy paste to the correct Weekly
Page. (Example here: http://independent-learners-
a.jimdo.com/quality-control/learning-journals/week-2/ )
• After Teacher has made comments, ask members to
correct and then paste the journal to their own pages for
grading. (Example member page: http://independent-
learners-a.jimdo.com/group-1/ambre-skf/my-learning-
journals/ )
Find More Video Tutorials
On
YouTube,
type
“jimdo
tutorial”
FINISHED
• For security reasons, make it a habit to always
log out after working on something online.
• This applies to your class website, to
Facebook, to Google, or to any email.
• If you do not log out, others may be able to
access your website. Strangers may gather
private information about you.
• Always log out when you are done: always.
END OF TUTORIAL
Image courtesy of www.profkrg.com

More Related Content

What's hot

blogger
bloggerblogger
bloggeradalee
 
Your blog as a teaching tool
Your blog as a teaching toolYour blog as a teaching tool
Your blog as a teaching toolFiona Beal
 
Uploading and Sharing with Vimeo
Uploading and Sharing with VimeoUploading and Sharing with Vimeo
Uploading and Sharing with VimeoStephanie Penttila
 
Google Suppression Attack Lost Blogging Files
Google Suppression Attack Lost Blogging FilesGoogle Suppression Attack Lost Blogging Files
Google Suppression Attack Lost Blogging FilesCarl Ocab
 
How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4Ibu Naz
 
Your blog as a teaching tool
Your blog as a teaching toolYour blog as a teaching tool
Your blog as a teaching toolFiona Beal
 
Tips And Zips Part 1
Tips And Zips Part 1Tips And Zips Part 1
Tips And Zips Part 1ql.things
 
Website designing company_in_delhi blogging
Website designing company_in_delhi bloggingWebsite designing company_in_delhi blogging
Website designing company_in_delhi bloggingCss Founder
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1Brian Hu
 
Protocol for uploading samples to blog
Protocol for uploading samples to blogProtocol for uploading samples to blog
Protocol for uploading samples to blogAlberto Lanzat
 
Social Net Live Blog 10 16
Social Net Live Blog 10 16Social Net Live Blog 10 16
Social Net Live Blog 10 16elizkeren
 
Destreamingbuilders
DestreamingbuildersDestreamingbuilders
DestreamingbuildersTN DEN LC
 
Classroom Blog Math Conf 08
Classroom Blog Math Conf 08Classroom Blog Math Conf 08
Classroom Blog Math Conf 08Darren Mosley
 
How To Start Your Own Blog
How To Start Your Own BlogHow To Start Your Own Blog
How To Start Your Own Blogzigabou
 

What's hot (20)

Flckr
FlckrFlckr
Flckr
 
blogger
bloggerblogger
blogger
 
Your blog as a teaching tool
Your blog as a teaching toolYour blog as a teaching tool
Your blog as a teaching tool
 
Uploading and Sharing with Vimeo
Uploading and Sharing with VimeoUploading and Sharing with Vimeo
Uploading and Sharing with Vimeo
 
Google Suppression Attack Lost Blogging Files
Google Suppression Attack Lost Blogging FilesGoogle Suppression Attack Lost Blogging Files
Google Suppression Attack Lost Blogging Files
 
How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4How to-add-power-point-presentations-to-blogger-1203361791386071-4
How to-add-power-point-presentations-to-blogger-1203361791386071-4
 
Your blog as a teaching tool
Your blog as a teaching toolYour blog as a teaching tool
Your blog as a teaching tool
 
Tips And Zips Part 1
Tips And Zips Part 1Tips And Zips Part 1
Tips And Zips Part 1
 
Website designing company_in_delhi blogging
Website designing company_in_delhi bloggingWebsite designing company_in_delhi blogging
Website designing company_in_delhi blogging
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1
 
Portfolio121109
Portfolio121109Portfolio121109
Portfolio121109
 
Protocol for uploading samples to blog
Protocol for uploading samples to blogProtocol for uploading samples to blog
Protocol for uploading samples to blog
 
How To Create A Website With The Use
How To Create A Website With The UseHow To Create A Website With The Use
How To Create A Website With The Use
 
Cloud save
Cloud saveCloud save
Cloud save
 
Social Net Live Blog 10 16
Social Net Live Blog 10 16Social Net Live Blog 10 16
Social Net Live Blog 10 16
 
Adv html
Adv htmlAdv html
Adv html
 
Destreamingbuilders
DestreamingbuildersDestreamingbuilders
Destreamingbuilders
 
Classroom Blog Math Conf 08
Classroom Blog Math Conf 08Classroom Blog Math Conf 08
Classroom Blog Math Conf 08
 
How To Start Your Own Blog
How To Start Your Own BlogHow To Start Your Own Blog
How To Start Your Own Blog
 
Wordpress for Dummies
Wordpress for DummiesWordpress for Dummies
Wordpress for Dummies
 

Similar to How to Display Stuff on Your Webpage

How to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using WeeblyHow to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using Weeblymrmacmillan
 
Embedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesEmbedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesJess McCulloch
 
Weebly Web Site Accessories for Teachers
Weebly Web Site Accessories for TeachersWeebly Web Site Accessories for Teachers
Weebly Web Site Accessories for Teachersaurioste
 
Web 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aWeb 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_abartlettrl
 
Web 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aWeb 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_awesterk
 
Web 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aWeb 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aktwilkins
 
EG5523 - Web 2.0 Technology
EG5523 - Web 2.0 TechnologyEG5523 - Web 2.0 Technology
EG5523 - Web 2.0 Technologykruisengak
 
Creating a Web Site for Classroom Teachers
Creating a Web Site for Classroom Teachers Creating a Web Site for Classroom Teachers
Creating a Web Site for Classroom Teachers aurioste
 
Weebly Website for Teachers
Weebly Website for Teachers Weebly Website for Teachers
Weebly Website for Teachers guestf0dbd5
 
Creating & submitting your ela internship portfolio in taskstream guide
Creating & submitting your ela internship portfolio in taskstream guideCreating & submitting your ela internship portfolio in taskstream guide
Creating & submitting your ela internship portfolio in taskstream guideOPPA
 
Creating ePortfolios
Creating ePortfoliosCreating ePortfolios
Creating ePortfoliospsyazid
 
Dmc 2 2.0-training_presentation[1]
Dmc 2 2.0-training_presentation[1]Dmc 2 2.0-training_presentation[1]
Dmc 2 2.0-training_presentation[1]kailagoodrich
 
Do it-yourself WordPress Website & SEO Workshop - june 25, 2014
Do it-yourself WordPress Website & SEO Workshop - june 25, 2014Do it-yourself WordPress Website & SEO Workshop - june 25, 2014
Do it-yourself WordPress Website & SEO Workshop - june 25, 2014Ella J Designs
 
Step by step to create a simple teaching and learning site using vle frog
Step by step to create a simple teaching and learning site using vle frogStep by step to create a simple teaching and learning site using vle frog
Step by step to create a simple teaching and learning site using vle frogذولکيفلي عبدالحميد
 
Creating and Sharing Your Videos on YouTube and Facebook
Creating and Sharing Your Videos on YouTube and FacebookCreating and Sharing Your Videos on YouTube and Facebook
Creating and Sharing Your Videos on YouTube and FacebookSkokie Public Library
 

Similar to How to Display Stuff on Your Webpage (20)

How to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using WeeblyHow to Build a Great Class Website Using Weebly
How to Build a Great Class Website Using Weebly
 
Embedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on WikispacesEmbedding, Inserting and Linking on Wikispaces
Embedding, Inserting and Linking on Wikispaces
 
Weebly Web Site Accessories for Teachers
Weebly Web Site Accessories for TeachersWeebly Web Site Accessories for Teachers
Weebly Web Site Accessories for Teachers
 
Dickmalott.com
Dickmalott.com Dickmalott.com
Dickmalott.com
 
Web 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aWeb 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_a
 
Web 2.0 Tools
Web 2.0 ToolsWeb 2.0 Tools
Web 2.0 Tools
 
Web 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aWeb 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_a
 
Web 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_aWeb 2 0_tools_sp11_group_a
Web 2 0_tools_sp11_group_a
 
EG5523 - Web 2.0 Technology
EG5523 - Web 2.0 TechnologyEG5523 - Web 2.0 Technology
EG5523 - Web 2.0 Technology
 
Creating a wiki.
Creating a wiki.Creating a wiki.
Creating a wiki.
 
Creating a Web Site for Classroom Teachers
Creating a Web Site for Classroom Teachers Creating a Web Site for Classroom Teachers
Creating a Web Site for Classroom Teachers
 
Weebly Website for Teachers
Weebly Website for Teachers Weebly Website for Teachers
Weebly Website for Teachers
 
Flip your classroom
Flip your classroomFlip your classroom
Flip your classroom
 
Creating & submitting your ela internship portfolio in taskstream guide
Creating & submitting your ela internship portfolio in taskstream guideCreating & submitting your ela internship portfolio in taskstream guide
Creating & submitting your ela internship portfolio in taskstream guide
 
MultiMedia Help Guide
MultiMedia Help GuideMultiMedia Help Guide
MultiMedia Help Guide
 
Creating ePortfolios
Creating ePortfoliosCreating ePortfolios
Creating ePortfolios
 
Dmc 2 2.0-training_presentation[1]
Dmc 2 2.0-training_presentation[1]Dmc 2 2.0-training_presentation[1]
Dmc 2 2.0-training_presentation[1]
 
Do it-yourself WordPress Website & SEO Workshop - june 25, 2014
Do it-yourself WordPress Website & SEO Workshop - june 25, 2014Do it-yourself WordPress Website & SEO Workshop - june 25, 2014
Do it-yourself WordPress Website & SEO Workshop - june 25, 2014
 
Step by step to create a simple teaching and learning site using vle frog
Step by step to create a simple teaching and learning site using vle frogStep by step to create a simple teaching and learning site using vle frog
Step by step to create a simple teaching and learning site using vle frog
 
Creating and Sharing Your Videos on YouTube and Facebook
Creating and Sharing Your Videos on YouTube and FacebookCreating and Sharing Your Videos on YouTube and Facebook
Creating and Sharing Your Videos on YouTube and Facebook
 

More from Jaime Alfredo Cabrera

Thesis & Dissertation Secrets (Draft1)
Thesis & Dissertation Secrets (Draft1)Thesis & Dissertation Secrets (Draft1)
Thesis & Dissertation Secrets (Draft1)Jaime Alfredo Cabrera
 
Short Cuts: The One-Sentence Research Proposal
Short Cuts: The One-Sentence Research Proposal Short Cuts: The One-Sentence Research Proposal
Short Cuts: The One-Sentence Research Proposal Jaime Alfredo Cabrera
 
Allusions from Mythology, Literature, and History
Allusions from Mythology, Literature, and HistoryAllusions from Mythology, Literature, and History
Allusions from Mythology, Literature, and HistoryJaime Alfredo Cabrera
 
Introduction to Narratives (Stories): A Guide
Introduction to Narratives (Stories): A GuideIntroduction to Narratives (Stories): A Guide
Introduction to Narratives (Stories): A GuideJaime Alfredo Cabrera
 

More from Jaime Alfredo Cabrera (20)

Thesis & Dissertation Secrets (Draft1)
Thesis & Dissertation Secrets (Draft1)Thesis & Dissertation Secrets (Draft1)
Thesis & Dissertation Secrets (Draft1)
 
Short Cuts: The One-Sentence Research Proposal
Short Cuts: The One-Sentence Research Proposal Short Cuts: The One-Sentence Research Proposal
Short Cuts: The One-Sentence Research Proposal
 
Apostrophes Rules
Apostrophes Rules Apostrophes Rules
Apostrophes Rules
 
All About Pronouns
All About PronounsAll About Pronouns
All About Pronouns
 
Allusions from Mythology, Literature, and History
Allusions from Mythology, Literature, and HistoryAllusions from Mythology, Literature, and History
Allusions from Mythology, Literature, and History
 
Class Seating Plan BSP 1J (ENG11)
Class Seating Plan BSP 1J (ENG11)Class Seating Plan BSP 1J (ENG11)
Class Seating Plan BSP 1J (ENG11)
 
Class Seating Plan AAP 1BB
Class Seating Plan AAP 1BBClass Seating Plan AAP 1BB
Class Seating Plan AAP 1BB
 
Class Seating Plan BSMT 2C
Class Seating Plan BSMT 2CClass Seating Plan BSMT 2C
Class Seating Plan BSMT 2C
 
Class Seating Plan BSMT 2B
Class Seating Plan BSMT 2B Class Seating Plan BSMT 2B
Class Seating Plan BSMT 2B
 
How to Learn Online on Quizlet
How to Learn Online on QuizletHow to Learn Online on Quizlet
How to Learn Online on Quizlet
 
How to Improve Your website
How to Improve Your websiteHow to Improve Your website
How to Improve Your website
 
Introduction to Narratives (Stories): A Guide
Introduction to Narratives (Stories): A GuideIntroduction to Narratives (Stories): A Guide
Introduction to Narratives (Stories): A Guide
 
Guide to Poetry (Part 1)
Guide to Poetry (Part 1)Guide to Poetry (Part 1)
Guide to Poetry (Part 1)
 
30-Second Video Newscast Activity
30-Second Video Newscast Activity30-Second Video Newscast Activity
30-Second Video Newscast Activity
 
Create Columns on Your Webpage
Create Columns on Your WebpageCreate Columns on Your Webpage
Create Columns on Your Webpage
 
Make Your Family Proud
Make Your Family ProudMake Your Family Proud
Make Your Family Proud
 
Create a New Page on Your Website
Create a New Page on Your WebsiteCreate a New Page on Your Website
Create a New Page on Your Website
 
How to Link a Photo to a Page
How to Link a Photo to a PageHow to Link a Photo to a Page
How to Link a Photo to a Page
 
Storyline and & Plot Elements
Storyline and & Plot ElementsStoryline and & Plot Elements
Storyline and & Plot Elements
 
Types of Characters in Literature
Types of Characters in Literature Types of Characters in Literature
Types of Characters in Literature
 

Recently uploaded

4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptxmary850239
 
Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSMae Pangan
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptxmary850239
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management SystemChristalin Nelson
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfErwinPantujan2
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxlancelewisportillo
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptxmary850239
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfTechSoup
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptshraddhaparab530
 
Dust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEDust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEaurabinda banchhor
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parentsnavabharathschool99
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataBabyAnnMotar
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management systemChristalin Nelson
 
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmOppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmStan Meyer
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONHumphrey A Beña
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfJemuel Francisco
 

Recently uploaded (20)

4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx4.16.24 Poverty and Precarity--Desmond.pptx
4.16.24 Poverty and Precarity--Desmond.pptx
 
Textual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHSTextual Evidence in Reading and Writing of SHS
Textual Evidence in Reading and Writing of SHS
 
4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx4.16.24 21st Century Movements for Black Lives.pptx
4.16.24 21st Century Movements for Black Lives.pptx
 
Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
Transaction Management in Database Management System
Transaction Management in Database Management SystemTransaction Management in Database Management System
Transaction Management in Database Management System
 
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdfVirtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
Virtual-Orientation-on-the-Administration-of-NATG12-NATG6-and-ELLNA.pdf
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptxQ4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
Q4-PPT-Music9_Lesson-1-Romantic-Opera.pptx
 
4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx4.18.24 Movement Legacies, Reflection, and Review.pptx
4.18.24 Movement Legacies, Reflection, and Review.pptx
 
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdfInclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
Inclusivity Essentials_ Creating Accessible Websites for Nonprofits .pdf
 
Integumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.pptIntegumentary System SMP B. Pharm Sem I.ppt
Integumentary System SMP B. Pharm Sem I.ppt
 
Dust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSEDust Of Snow By Robert Frost Class-X English CBSE
Dust Of Snow By Robert Frost Class-X English CBSE
 
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptxFINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
FINALS_OF_LEFT_ON_C'N_EL_DORADO_2024.pptx
 
Choosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for ParentsChoosing the Right CBSE School A Comprehensive Guide for Parents
Choosing the Right CBSE School A Comprehensive Guide for Parents
 
Measures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped dataMeasures of Position DECILES for ungrouped data
Measures of Position DECILES for ungrouped data
 
Concurrency Control in Database Management system
Concurrency Control in Database Management systemConcurrency Control in Database Management system
Concurrency Control in Database Management system
 
Oppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and FilmOppenheimer Film Discussion for Philosophy and Film
Oppenheimer Film Discussion for Philosophy and Film
 
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATIONTHEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
THEORIES OF ORGANIZATION-PUBLIC ADMINISTRATION
 
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptxYOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
YOUVE GOT EMAIL_FINALS_EL_DORADO_2024.pptx
 
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdfGrade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
Grade 9 Quarter 4 Dll Grade 9 Quarter 4 DLL.pdf
 

How to Display Stuff on Your Webpage

  • 1. A VISUAL STEP-BY-STEP GUIDE by Jaime Cabrera mr.jaime.aiu@gmail.com Image courtesy of www.profkrg.com
  • 2. How to Display Stuff on Your Page 1. Log In 2. Display Your Video 3. Display Your Slideshow 4. Display Your PDF File 5. How to Copy and Paste 6. Upload Your Learning Journal 7. Instructions for Group Leaders
  • 3. LOG IN STEP 1 Image courtesy of camskra.com
  • 4. Go to your website. • BSP1J (English11: Freshman Skills) http://bit.ly/1GtRdIj • BSMT2B (Hum 13 World Literature) http://bit.ly/1GfoIyZ • AAPD1BB (Hum 13 World Literature) http://bit.ly/1K4zlep • BSMT2C (Hum 13 World Literature) http://bit.ly/1eAPxHa
  • 5. Scroll down to the bottom and log in. Image courtesy of www.jimdo.lcom
  • 6. If you logged in before on the same computer, this is what you might see: Image courtesy of www.jimdo.lcom
  • 7. Click on LOG IN NOW Image courtesy of www.jimdo.lcom
  • 8. IF YOU DO NOT LOG IN • The page will be in view mode, not in edit mode. • You can view the page, but you cannot edit it. • If you want to edit a page, log in.
  • 9. DISPLAY YOUR VIDEO ON YOUR WEB PAGE STEP 2 Image courtesy of www.istockphoto.com
  • 10. Uploading a Video: Warning 1. Do not upload the video to your webpage. 2. The website has limited memory. 3. Uploaded video files will be deleted. 4. The correct way is to create a link to your video.
  • 11. Linking to a Video: Steps 1 & 2 1. Upload your video to YouTube. – Sign in before you upload: 2. Copy your video’s address:
  • 12. Linking to a Video: Step 3 3. Open your webpage.
  • 13. Linking to a Video: Step 4 4. Open your VIDEOS page.
  • 14. Linking to a Video: Steps 5 & 6 5. Write the title 6. Create two columns.
  • 15. Linking to a Video: Steps 5 & 6 5. Write the title 6. Create two columns.
  • 16. Linking to a Video: Steps 7 & 8 7. Add a text box to one column. 8. Write a title.
  • 17. Linking to a Video: Step 9 9. Mover the cursor until + Add Element appears. Click. Then, click on Additional Elements.
  • 18. Linking to a Video: Step 10 10. Click on Widget/HTML.
  • 19. Linking to a Video: Steps 11 & 12 11. Paste the video’s URL address that you copied. 12. Save
  • 20. DISPLAY YOUR SLIDESHOW ON YOUR WEB PAGE STEP 6 Image courtesy of www.istockphoto.com
  • 21. Uploading a Video: Warning 1. Do not upload the slideshow to your webpage. 2. The website has limited memory. 3. Uploaded slideshow files will be deleted. 4. The correct way is to link to your slideshow.
  • 22. Linking to a Slideshow: Step 1 1. Upload your slideshow to SlideShare. Log in before you upload (You can create a free account first)
  • 23. Linking to a Slideshow: Step 2 2. Copy your slideshow’s SRC (embed code)
  • 24. Linking to a Slideshow: Step 3 3. Open your webpage.
  • 25. Linking to a Slideshow: Step 4 4. Open your SLIDESHOWS page.
  • 26. Linking to a Slideshow: Steps 5 & 6 5. Write the title and 6. Save
  • 27. Linking to a Slideshow: Step 7 7. Create two columns.
  • 28. Linking to a Slideshow: Steps 8 & 9 8. Add two more columns: Click 2x on the + sign. There should be 4 columns total. 9. Save
  • 29. Linking to a Slideshow : Steps 10 to 12 Click on + Add Element, click on Text. 10. The title should be in bold font. 11. The date should follow this format, not bold font 12. Save 10 11 12
  • 30. Linking to a Slideshow: Step 13 13. Click on Additional Elements. 13
  • 31. Link to a Slideshow: Step 14 14. Click on Widget/HTML. 14
  • 32. Link to a Slideshow: Steps 15 & 16 15. Paste the PPT’s embed that you copied. 12. Save 15 16
  • 33. DISPLAY A PDF FILE ON YOUR WEBPAGE STEP 6 Image courtesy of www.istockphoto.com
  • 34. LINK your file, do not upload • Create a free account in Dropbox or Mediafire • Upload your PDF file to that account • Copy the URL or electronic address • To create a link to the file on your web page, follow the same procedures for linking videos or for linking slideshows.
  • 35. DISPLAY YOUR LEARNING JOURNAL ON YOUR WEBPAGE STEP 6 Image courtesy of www.istockphoto.com
  • 36. Upload a Learning Journal: Step 1 1. Open your webpage.
  • 37. Upload a Learning Journal: Step 2 2. Open your JOURNALS page.
  • 38. Upload a Learning Journal: Step 3 3. Add a heading and click on Save.
  • 39. See an example here • http://independent-learners- a.jimdo.com/group-1/ambre-skf/
  • 40. Upload a Learning Journal: Step 4 4. Create three columns and save.
  • 41. Upload a Learning Journal: Steps 5 to 7 5. Add these titles (note bold fonts on some words) and save. 7. Save 6. Center all three titles 555 6 7
  • 42. Upload a Learning Journal: Step 8 8. Below the Main Title, click on + Add Element, click on Horizontal Line. 8
  • 43. Upload a Learning Journal: Step 9 9. Below the Main Title, click on + Add Element, click on Horizontal Line. 8
  • 44. Upload a Learning Journal: Step 10 10. Click on Week 3, then click on the Copy icon. 8
  • 45. Upload a Learning Journal: Step 11 11. On the copy, click twice on the Move Down icon. Save. 8
  • 46. HOW TO COPY & PASTE 12. Copy the Submitted table 13. Move down the copy twice. 14. Save. 12 13 14
  • 47. Upload a Learning Journal: Step 16 16. Type “Week 4” 17. Save. 16 17
  • 48. Upload a Learning Journal: Step 18 18. Under Week 3, Submitted click on +Add Element 19. Click on Text. 19
  • 49. Or Copy and Paste to Your Page • See an example here: • http://independent-learners- a.jimdo.com/group-1/ambre-skf/my-learning- journals/
  • 50. Watch a Video • How to Hyperlink Text and Photo - Jimdo Tutorials, Tips and Tricks at • https://www.youtube.com/watch?v=Ml58af_x UBQ
  • 51. Group Leaders • First, copy paste to Notepad to remove all formatting • Then copy paste to Quality Control (Complete instructions are here: http://independent-learners- a.jimdo.com/quality-control/ ) • In Quality Control, copy paste to the correct Weekly Page. (Example here: http://independent-learners- a.jimdo.com/quality-control/learning-journals/week-2/ ) • After Teacher has made comments, ask members to correct and then paste the journal to their own pages for grading. (Example member page: http://independent- learners-a.jimdo.com/group-1/ambre-skf/my-learning- journals/ )
  • 52. Find More Video Tutorials On YouTube, type “jimdo tutorial”
  • 53. FINISHED • For security reasons, make it a habit to always log out after working on something online. • This applies to your class website, to Facebook, to Google, or to any email. • If you do not log out, others may be able to access your website. Strangers may gather private information about you. • Always log out when you are done: always.
  • 54. END OF TUTORIAL Image courtesy of www.profkrg.com