Download Intro to Online Web Pages Power Point ()

Intro Topics
•
•
•
•
•
•
•
How to log in and turn on and off sections
Accuracy, Safety
Best practices
Editing, saving and viewing pages
Pasting from Word
Adding an image
Creating a Hyperlink
Learning Targets
1.
2.
3.
4.
I can login to my web site and add/edit content
I can add an image to my web page
I know the MPS policy on links & student images
I can paste content from MS Word without
changing the base format of my web page
5. I can add a hyperlink to my page
6. I can provide communication to my families by
regularly updating my web page
Intro to Classroom Web Pages
February 2013
Urban Planet Cozmos – since 2003
Open a web browser and
go to your school web page
http://yourschool.mpls.k12.mn.us/admin
Username is [email protected]
(mpls staff don’t need to type the @mpls.k12.mn.us)
If you don’t know your password click Forgot Password
Users can change their password by clicking
Settings
Accuracy, Confidentiality,
Safety, and Linking
• Accuracy - Make sure spelling is correct
• Safety - Don’t publish photos of students
without signed Media Release form - usually
only publish first names
• Confidentiality – Don’t post student ID
numbers, Special Ed status, or other
confidential information
• Linking - We can’t link to sites with ads,
religious or political beliefs.
Best Practices: Page Length
• Page length should be kept close to a screen
and a half tall.
• Most users do not scroll down and will miss
information in the lower part of a long web
page.
• If more space is needed add items, subsections, or sidebars
• Turn off incomplete sections or items
Best practices for color and fonts
• Do not use non-standard fonts that are
difficult to read
• Do not use green or red colors because colorblind users may have difficulty reading the
text
• Do not underline text unless it is a link
• When copying from Word use “paste as plain
text” function button to strip out formatting
Green means section is on
Red mean section is off
•Click red/green button to turn on
or off sections and items
Editing Cycle
•
•
•
•
•
•
Login: yourschool.mpls.k12.mn.us/admin
Click Edit to edit your page
Click Save to save your page
Click View Site to view your page
Click the back arrow
Click edit to continue editing
Typical Teacher Page
•
•
•
•
•
Title: Type your name and what you do
Section Intro:
How to contact… phone, email
I have taught at ______ since 2005.
Where you went to school, degrees,
licenses
• Teaching philosophy or expectations
Paste from Word
•
•
•
•
•
•
Don’t copy and paste from Word
Copy from Word
Click the Paste from Word icon
Then paste the text and click OK
Unnecessary formatting will be removed
If you want to add tables contact
– [email protected]
Adding Images
•
•
•
•
•
•
•
Step 1: save an image on to your computer
Step 2: click Image under Attachments
Click Browse and find the image
Add a title for visually impaired users
Add a caption if you wish
Choose a size of 150, 250 or 400
Click Apply, and Save
Copyright free images
• http://flickr.com/creativecommons
• Do not upload copyrighted photos without
permission
• Choose New Tab from the file menu
• Go to flickr.com/creativecommons
• Search for image by attribute license
• Click on image the View all Sizes link
• Select size and click on download link
Posting Multiple Images
• Avoid adding more than one image to a page
as an image upload because of alignment
• Instead add multiple images as an image
gallery
• Or, set images to randomly display a single
image
Display one random image
• You can randomly display one image at a time
in any sub-section from a group of images you
have uploaded
• Click the config button
• Choose Yes next to Randomly display one
image in the intro and Save
• Click edit, upload images
• One random image will be displayed each time
someone visits your page
How to add a link to a web page
(Don’t link to sites with Ads)
•
•
•
•
Choose New Tab from the File menu
Go to a website to which you wish to link
Copy the url address (Apple-C or Control-C)
Click edit on the page on which you wish to
create a hyperlink
• Type some text and highlight it, and click on the
“link” icon
• Paste the url address (Apple-V or Control-V)
•
Click Save
Renaming a Section & URL
• Click on Config
• In the Section Name type in a new name.
• In the Shortcut URL rename the URL address
of that page
What the icons mean
Edit HTML
Eraser = Clear Formatting
Bold-Italic-Left Bullets
Indent
Insert Link-Remove link
Left–Cnt-Right
Color-Spell-full screen
Miscellaneous Tips
• Hold down shift and press return to avoid double
spacing between paragraphs
• Remember to turn off sections that are empty or
that you don’t want people to see yet.
• Training Resources at http:cozmos.mpls.k12.mn.us