how to display stuff on your webpage
TRANSCRIPT
![Page 1: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/1.jpg)
DISPLAY STUFF ON YOUR WEBPAGE
A VISUAL STEP-BY-STEP GUIDEby Jaime [email protected]
Image courtesy of www.profkrg.com
![Page 2: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/2.jpg)
How to Display Stuff on Your Page
1. Log In2. Display Your Video3. Display Your Slideshow4. Display Your PDF File5. How to Copy and Paste6. Upload Your Learning Journal7. Instructions for Group Leaders
![Page 3: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/3.jpg)
LOG INSTEP 1
Image courtesy of camskra.com
![Page 4: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/4.jpg)
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
![Page 6: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/6.jpg)
If you logged in before on the same computer, this is what you might see:
Image courtesy of www.jimdo.lcom
![Page 8: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/8.jpg)
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.
![Page 9: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/9.jpg)
DISPLAY YOUR VIDEO ON YOUR WEB PAGE
STEP 2
Image courtesy of www.istockphoto.com
![Page 10: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/10.jpg)
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.
![Page 11: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/11.jpg)
Linking to a Video: Steps 1 & 21. Upload your video to YouTube.– Sign in before you upload:
2. Copy your video’s address:
![Page 12: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/12.jpg)
Linking to a Video: Step 33. Open your webpage.
![Page 13: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/13.jpg)
Linking to a Video: Step 44. Open your VIDEOS page.
![Page 14: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/14.jpg)
Linking to a Video: Steps 5 & 65. Write the title6. Create two columns.
![Page 15: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/15.jpg)
Linking to a Video: Steps 5 & 65. Write the title6. Create two columns.
![Page 16: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/16.jpg)
Linking to a Video: Steps 7 & 87. Add a text box to one column.8. Write a title.
![Page 17: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/17.jpg)
Linking to a Video: Step 99. Mover the cursor until + Add Element appears. Click.Then, click on Additional Elements.
![Page 18: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/18.jpg)
Linking to a Video: Step 1010. Click on Widget/HTML.
![Page 19: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/19.jpg)
Linking to a Video: Steps 11 & 1211. Paste the video’s URL address that you copied.12. Save
![Page 20: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/20.jpg)
DISPLAY YOUR SLIDESHOW ON YOUR WEB PAGE
STEP 6
Image courtesy of www.istockphoto.com
![Page 21: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/21.jpg)
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.
![Page 22: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/22.jpg)
Linking to a Slideshow: Step 11. Upload your slideshow to SlideShare.
Log in before you upload (You can create a free account first)
![Page 23: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/23.jpg)
Linking to a Slideshow: Step 22. Copy your slideshow’s SRC (embed code)
![Page 24: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/24.jpg)
Linking to a Slideshow: Step 33. Open your webpage.
![Page 25: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/25.jpg)
Linking to a Slideshow: Step 44. Open your SLIDESHOWS page.
![Page 26: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/26.jpg)
Linking to a Slideshow: Steps 5 & 65. Write the title and 6. Save
![Page 27: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/27.jpg)
Linking to a Slideshow: Step 77. Create two columns.
![Page 28: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/28.jpg)
Linking to a Slideshow: Steps 8 & 98. Add two more columns: Click 2x on the + sign. There should be 4 columns total.
9. Save
![Page 29: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/29.jpg)
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 font12. Save
10
11
12
![Page 30: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/30.jpg)
Linking to a Slideshow: Step 1313. Click on Additional Elements.
13
![Page 31: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/31.jpg)
Link to a Slideshow: Step 1414. Click on Widget/HTML.
14
![Page 32: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/32.jpg)
Link to a Slideshow: Steps 15 & 1615. Paste the PPT’s embed that you copied.12. Save
15
16
![Page 33: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/33.jpg)
DISPLAY A PDF FILE ON YOUR WEBPAGE
STEP 6
Image courtesy of www.istockphoto.com
![Page 34: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/34.jpg)
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.
![Page 35: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/35.jpg)
DISPLAY YOUR LEARNING JOURNAL ON YOUR WEBPAGE
STEP 6
Image courtesy of www.istockphoto.com
![Page 36: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/36.jpg)
Upload a Learning Journal: Step 11. Open your webpage.
![Page 37: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/37.jpg)
Upload a Learning Journal: Step 22. Open your JOURNALS page.
![Page 38: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/38.jpg)
Upload a Learning Journal: Step 33. Add a heading and click on Save.
![Page 39: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/39.jpg)
See an example here
• http://independent-learners-a.jimdo.com/group-1/ambre-skf/
![Page 40: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/40.jpg)
Upload a Learning Journal: Step 44. Create three columns and save.
![Page 41: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/41.jpg)
Upload a Learning Journal: Steps 5 to 75. Add these titles (note bold fonts on some words) and save.
7. Save6. Center all three titles
555
6
7
![Page 42: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/42.jpg)
Upload a Learning Journal: Step 88. Below the Main Title, click on + Add Element, click on Horizontal Line.
8
![Page 43: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/43.jpg)
Upload a Learning Journal: Step 99. Below the Main Title, click on + Add Element, click on Horizontal Line.
8
![Page 44: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/44.jpg)
Upload a Learning Journal: Step 1010. Click on Week 3, then click on the Copy icon.
8
![Page 45: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/45.jpg)
Upload a Learning Journal: Step 1111. On the copy, click twice on the Move Down icon. Save.
8
![Page 46: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/46.jpg)
HOW TO COPY & PASTE12. Copy the Submitted table13. Move down the copy twice. 14. Save.
12
13
14
![Page 47: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/47.jpg)
Upload a Learning Journal: Step 1616. Type “Week 4” 17. Save.
16
17
![Page 48: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/48.jpg)
Upload a Learning Journal: Step 1818. Under Week 3, Submitted click on +Add Element 19. Click on Text.
19
![Page 49: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/49.jpg)
Or Copy and Paste to Your Page
• See an example here:• http://independent-learners-a.jimdo.com/gro
up-1/ambre-skf/my-learning-journals/
![Page 50: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/50.jpg)
Watch a Video
• How to Hyperlink Text and Photo - Jimdo Tutorials, Tips and Tricks at
• https://www.youtube.com/watch?v=Ml58af_xUBQ
![Page 51: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/51.jpg)
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/ )
![Page 52: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/52.jpg)
Find More Video Tutorials
On YouTube, type “jimdo tutorial”
![Page 53: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/53.jpg)
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.
![Page 54: How to Display Stuff on Your Webpage](https://reader036.vdocuments.site/reader036/viewer/2022062320/55bddf14bb61eb1a668b46ea/html5/thumbnails/54.jpg)
UPLOAD STUFF ON YOUR WEBPAGE
END OF TUTORIAL
Image courtesy of www.profkrg.com