Internet Safety Review&
Introduction to Edmodo
CONTENTS
How to Stay Safe OnlineI.
Social Networking & EdmodoII.
CyberbullyingIII.
STAYING SAFE ONLINEDo not share personal
information
• Address
• Phone number
• School
• City
• Sports teams
• Parent’s workplace
• Passwords
Why is it bad to publicly share thiskind of information?
What other personal informationshould be kept private?
STAYING SAFE ONLINEDon’t spend too much
time online
• Unplug and play
• Go outside!
• Take time for family
• Face-to-face time with friends
• No substitute for real exercise and sportsHow do you spend your free time offline?
How much time do you spend online eachday?
STAYING SAFE ONLINE
Friend or Foe?• What you see may not be
true
• Not everyone is who they say
• Never schedule offline meeting with “online only” friends
• Tell your parents if anyone tries to meet with you offline
• Avoid WiFi hotspots you don’t trust
This guy pretended to be a 15 year-old on Facebook!
What is an example of a trustworthyWiFi Hotspot name?
What is an example of a NON-trustworthy WiFiHotspot name?
STAYING SAFE ONLINE
Communicate what you see
• If you see something bad, don’t keep it to yourself
• Tell your parents if you see something that makes you uncomfortable
• Asking questions is good
• Stay away from “adults only” sections of the Internet
Communicating what you see can prevent cyber-bullying andother cyber-crimes
Don’t be silenced!
STAYING SAFE ONLINE
Webcam Safety• Never do random chat
• Only chat with family and friends
• NEVER do anything on a webcam you wouldn’t want up on this screen
• Nothing on the Internet is secret forever
• Think carefully before uploading videos or video-blogs to YouTube
GOOD: Skype with Grandma
BAD: Posting a YouTube video response to someone you donot know
STAYING SAFE ONLINE
Time and a Place• Always ask your parents before
posting your location online
• Carefully consider whether to share your location on social networks/games
• Do you want everyone to know where you are? – No!
• Never post your location at school, church, or any place you visit regularly
• Check privacy settings
• Make sure your location isn’t shared without your knowledge
Why should you be carefulwith sharing Geolocation?
STAYING SAFE ONLINE
Be “Scam Smart”• Don’t open strange emails
• Watch out for email scams!
• Don’t click on emails from unknown email addresses
• Could be a virus
• Beware of “free” downloads which might be viruses
• Don’t use public file sharing
• Don’t pirate (steal) music
STAYING SAFE ONLINE
Keep It in the Family
• Don’t share family photos without permission
• Ask your relatives before uploading pictures of them
• Don’t end up on“awkwardfamilyphotos.com”
STAYING SAFE ONLINE
Privacy? On the Web?
• All media is permanent
• All information is available
• If you don’t want people to know about it, don’t do it, and especially don’t do it online
The Internet is like a glasshouse --Everything is visible
STAYING SAFE ONLINECreate Secure
Passwords• Use letters, symbols, and
numbers
• Something like “Aibr%23rft”
• Don’t use full words or names in passwords
• Don’t use dates or birthdays
• Try to make a password nobody could ever guess
CONTENTS
How To Stay Safe OnlineI.
Social Networking & EdmodoII.
CyberbullyingIII.
What kind of social media do you use?
SOCIAL NETWORKINGChoose Your Friends• Only friend people you
know well
• Don’t get into contest for who has the most friends
• Keep your group of friends small and get more out of Social Media
Lame!!
A smaller group of friends makeseach of them more important toyour life
Who??Ignore…
SOCIAL NETWORKINGProtect Your Info on
Social Media• Don’t post phone #
• Don’t post address
• Avoid status updates with time and place references
• Don’t use Places
• Set all privacy settings to “Friends Only”
SOCIAL NETWORKING
Social media and pictures
• Ask permission to post photos of friends
• You can untag yourself
• Avoid photos that reveal locations like home and school
• Report harmful photos
SOCIAL NETWORKING
What’s Wrong With This Update?
Bethany is such a loser. She asked in class if Abraham Lincoln was around before or after the Last Supper…lol
SOCIAL NETWORKING
What’s Wrong With This Update?
Woohoo! Going to Orlando for a whole week! Be back next Sunday! C-ya!!!
SOCIAL NETWORKING
What’s Wrong With This Update?
Just got a new iPhone and want to test my ring. Someone call 555-3425!
SOCIAL NETWORKING
What’s Wrong With This Update?
Hey man, let’s get together after school at my house. 1238 Thomasville Rd, Tallahasse, FL 32309
SOCIAL NETWORKING
Edmodo
1) Who already has an Edmodo account?
2) Who uses it at least once a week?
3) If anybody does not have an account, we should make one now!
4) At the end of the lesson, we will give a short quiz using our Edmodo accounts
SOCIAL NETWORKING
Edmodo -- Review
“Edmodo is a ‘social learning platform’ website for teachers, students, and parents”
“The Facebook for schools”
What’s good about Edmodo?- Helps us understand the effects of our actions online- Makes it easier for students and teachers to
learn and teach- Assignments, Quizzes, Groups, Friends, Collaborative Learning
Edmodo even has a mobile app. for phones and tablets
What do you like about Edmodo?
CONTENTS
Staying Safe OnlineI.
Social Networking & EdmodoII.
CyberbullyingIII.
CYBERBULLYING
What Is It?• Bullying through
electronic means
• Text, Facebook, YouTube common mediums
• Against school rules and against the law
CYBERBULLYING
Response
• Don’t react: responding to the bully only makes it worse
• Report the bullying to parents, teachers, and site admin
• Don’t participate
• Encourage others to stand up
DON’T FEED THE TROLLS!
Questions?Internet Safety?
Social Media?
Edmodo?
Cyberbullying?
How to Create an HTML Page In 8 Steps
”Hyper Text Markup Language”
Understanding the structure of a basic webpage is important because:• It helps us understand the how the Internet is
built• It shows us how typed code can become a
brilliant webpage• HTML is a valuable job-skill
How much do you remember about HTML?
Step 1 – Finding your tool Open the ‘Notepad’ utility
on your personal computer or laptop Notepad is a basic text entry
and editing tool that allows simple formatting of text
Almost all computers on the market today come with Notepad pre-installed, making it ideal for rookie web-designers—like you and I
While there are programs that can write most HTML automatically, manually typing code in notepad is the best way to learn
A blank notepad
Step 2 – Initiating your page with code
When it comes to simple HTML pages, the first line of code is always the same “tag”, or piece of code
The first tag used to initiate the code of an HTML page is: <html>
Step 3 – Initiating other tags Create a line break after the first piece of code:
<html>
*Notice we did not not “close” our opening tag, which will later be typed as:▪ </html> - It is the same code with a forward slash before the
letters of the tag ▪ All kinds of HTML tags are closed with this pattern -- “</tag>”
On the next line below the <html> tag, open your second tag: <head>▪ The “head”, or header tag, will usually contain information about
the website itself, and is not necessarily displayed on the page
Step 3 Cont. – Initiating Other Tags
On the last slide we left off with: <html> <head>
One tag that always belongs “within” the <head> tag is the <title> tag Whatever text is within the <title> tags will
become the page title▪ The page title is the name of a website you see at the
very top of your browser window For now, we can make the title “My New
Website”, so put that text directly after the <title> tag
Step 4 – Closing the <head> and <title> tags
SO FAR WE HAVE:
<html> <head>
<title>▪ My First Website
Next, we will need to close the <head> and <title> tags
AFTER STEP 4 WE SHOULD HAVE:
<html> <head>
<title>▪ My First Website
</title> </head>
Again, notice that we did not close the initial <html> tag—something we won’t do until the end
Step 5 – Opening and closing the <body> tag
TAKE A LOOK AT THE NEW TAGS AND CONTENT:
<html> <head>▪ <title>▪ My First Website
▪ </title> </head> <body>▪ This is the body of the
website </body>
WHAT IS THE <BODY> TAG? The body of the page is also
known as the main content of the page
All of the text, HTML tags, and other content that lies between the two <body> tags will control nearly everything you see on the webpage
For now, let’s keep it simple and get some basic text to display as an HTML website.
As you can see to the left, our body will only contain the text: “This is the body of the website!”
Step 6 – Close the <html> tagTHE LAST PIECE OF CODE <html>
<head>▪ <title>▪ My First Website
▪ </title> </head> <body>▪ This is the body of the
website </body>
</html>
WHAT DOES THIS DO?
Closing the <html> tag like so: </html>▪ Should only come after
you’ve closed all other tags on the page
▪ Signals the very end of the webpage, and the last line of code
What Notepad should look similar to:
Step 7 – Saving the file
Ok, so the code is finished… Now what? We need to save the untitled txt file under the correct file
format If we saved this as a “.txt” document, which is the default file type for Notepad, a
web browser would not be able to recognize it as HTML code and would not create a page
So, instead of leaving the default file type upon saving, we will need to give it a special naming convention
In Notepad, click: File Save As
▪ Determine a location to save where you can find the file easily, so you can open the page with ease
Within the “Save As” menu/window, click the drop-down menu called “Save as type” In the dropdown menu, click All Files
Finally, in the file name text box, save the HTML as: firstwebsite.html website.html Or something similar, the important thing is that the suffix is “.html” and not “.txt”
Step 8 – Finding and Testing Your First Website
Locate the folder/directory where you saved the HTML document
Double click the file, and your default web browser should open and display the body of the webpage that we predetermined as: “This is the body of the website”
If double-clicking the file does not open it in a web browser, try this: Right-click the saved HTML file Click “Open with”▪ At that point you should be able to select your web browser of
choice to display the newly created site▪ If problems still persist, first check to make sure your file has
been saved as a ‘.html’, and that all your tags are in the correct places
Step 9 – Keep Learning
From here, the possibilities are unlimited The body of an HTML file can contain hundreds of different tags
▪ Soon we will learn more! Luckily, most tags work in similar ways to the tags we just reviewed Other tags can:
▪ Add color to the page▪ Create tables or dividers on the page▪ Add custom font formatting▪ Create paragraphs, line breaks, and borders▪ And much, much more…
http://www.w3schools.com/html/html_quick.asp -- view a list of some of the most common HTML tags and what they do
http://www.w3schools.com/html/default.asp -- an entire course on HTML web design, and a number of other related subjects
http://www.codecademy.com/ Scroll to bottom Click HTML
Questions?
Keep exploring new HTML tags and build your website Add colors Change font size Add links to other websites Add new headings Add sections to your page -- <hr /> Add a picture to your page Tables, lists, What else can you find? Ask questions!
http://www.w3schools.com/html/html_quick.asp -- view a list of some of the most common HTML tags and what they do
http://www.w3schools.com/html/default.asp -- an entire course on HTML web design, and a number of other related subjects
http://www.codecademy.com/ Scroll to bottom Click HTML
Next week we will learn more advanced ways to make your website look and feel more exciting!