how to display stuff on your webpage
TRANSCRIPT
DISPLAY STUFF ON YOUR WEBPAGE
A VISUAL STEP-BY-STEP GUIDEby Jaime [email protected]
Image courtesy of www.profkrg.com
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
LOG INSTEP 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
If you logged in before on the same computer, this is what you might see:
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 & 21. Upload your video to YouTube.– Sign in before you upload:
2. Copy your video’s address:
Linking to a Video: Step 33. Open your webpage.
Linking to a Video: Step 44. Open your VIDEOS page.
Linking to a Video: Steps 5 & 65. Write the title6. Create two columns.
Linking to a Video: Steps 5 & 65. Write the title6. Create two columns.
Linking to a Video: Steps 7 & 87. Add a text box to one column.8. Write a title.
Linking to a Video: Step 99. Mover the cursor until + Add Element appears. Click.Then, click on Additional Elements.
Linking to a Video: Step 1010. Click on Widget/HTML.
Linking to a Video: Steps 11 & 1211. 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 11. Upload your slideshow to SlideShare.
Log in before you upload (You can create a free account first)
Linking to a Slideshow: Step 22. Copy your slideshow’s SRC (embed code)
Linking to a Slideshow: Step 33. Open your webpage.
Linking to a Slideshow: Step 44. Open your SLIDESHOWS page.
Linking to a Slideshow: Steps 5 & 65. Write the title and 6. Save
Linking to a Slideshow: Step 77. Create two columns.
Linking to a Slideshow: Steps 8 & 98. 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 font12. Save
10
11
12
Linking to a Slideshow: Step 1313. Click on Additional Elements.
13
Link to a Slideshow: Step 1414. Click on Widget/HTML.
14
Link to a Slideshow: Steps 15 & 1615. 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 11. Open your webpage.
Upload a Learning Journal: Step 22. Open your JOURNALS page.
Upload a Learning Journal: Step 33. 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 44. Create three columns and save.
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
Upload a Learning Journal: Step 88. Below the Main Title, click on + Add Element, click on Horizontal Line.
8
Upload a Learning Journal: Step 99. Below the Main Title, click on + Add Element, click on Horizontal Line.
8
Upload a Learning Journal: Step 1010. Click on Week 3, then click on the Copy icon.
8
Upload a Learning Journal: Step 1111. On the copy, click twice on the Move Down icon. Save.
8
HOW TO COPY & PASTE12. Copy the Submitted table13. Move down the copy twice. 14. Save.
12
13
14
Upload a Learning Journal: Step 1616. Type “Week 4” 17. Save.
16
17
Upload a Learning Journal: Step 1818. 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/gro
up-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_xUBQ
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.
UPLOAD STUFF ON YOUR WEBPAGE
END OF TUTORIAL
Image courtesy of www.profkrg.com