Make an Internet Start Page using Protopage
-
Upload
schoolnet-sa -
Category
Education
-
view
726 -
download
1
description
Transcript of Make an Internet Start Page using Protopage
![Page 1: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/1.jpg)
![Page 2: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/2.jpg)
![Page 3: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/3.jpg)
![Page 4: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/4.jpg)
![Page 5: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/5.jpg)
![Page 6: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/6.jpg)
![Page 7: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/7.jpg)
http://protopage.com/askatechteacher - Kindergarten page
![Page 9: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/9.jpg)
![Page 10: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/10.jpg)
Step 1: Get started by registering and naming
your page. Go to
http://www.protopage.com/
![Page 11: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/11.jpg)
![Page 12: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/12.jpg)
Once you have done that you’ll be faced
with a page full of example widgets.
![Page 13: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/13.jpg)
![Page 14: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/14.jpg)
Step 2:
Add a title and start deleting the
‘widgets’ (blocks) that you don’t want
![Page 15: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/15.jpg)
![Page 16: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/16.jpg)
Step 3: Add your own background
![Page 17: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/17.jpg)
Step 4: Now start adding your own widgets
![Page 18: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/18.jpg)
![Page 19: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/19.jpg)
a) Start with a HTML sticky note widget
for notes
![Page 20: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/20.jpg)
b) Use web-widget to embed a video
from YouTube
![Page 21: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/21.jpg)
I used a video from http://www.youtube.com/results?search_query=protopages
![Page 22: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/22.jpg)
How to add a video
Locate the video on YouTube, click on Share and get the embed code. Paste it here, name the video and save
![Page 23: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/23.jpg)
• Edit names • Edit the size • Add as many bookmarks as you like • Place them where you want them on
the page
c) Add bookmarks. Add names of sites and then add URLs to them
![Page 24: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/24.jpg)
A bookmark widget starts off with 10
entries per widget but increases
![Page 25: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/25.jpg)
d) Add a photo using the photo widget
![Page 26: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/26.jpg)
e) Add a map location
![Page 27: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/27.jpg)
f) Add a web page
![Page 28: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/28.jpg)
g) Add calendars, clocks, weather, ToDo lists, Twitter feeds etc.
![Page 29: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/29.jpg)
This was my first page
![Page 30: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/30.jpg)
![Page 31: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/31.jpg)
This is my current page
![Page 32: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/32.jpg)
![Page 33: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/33.jpg)
![Page 34: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/34.jpg)
Protopage examples
Fiona Beal’s page- http://www.protopage.com/fiona-collections Jacqui Murray’s page - http://www.protopage.com/askatechteacher The Daring Librarian’s page - http://www.protopage.com/gwynethjones Becki’s page - http://www.protopage.com/beckiauger Kristin’s page - http://www.protopage.com/ktreglia
![Page 35: Make an Internet Start Page using Protopage](https://reader033.fdocuments.net/reader033/viewer/2022060109/55565990d8b42a144c8b4588/html5/thumbnails/35.jpg)