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!