1. Internet Safety Review & Introduction to Edmodo

2. CONTENTS How to Stay Safe Online I. Social Networking & Edmodo II. Cyberbullying III.

3. STAYING SAFE ONLINE Do not share personal information Address Phone number School City Sports teams Parent’s workplace Passwords Why is it bad to publicly share this kind of information? What other personal information should be kept private?

4. STAYING SAFE ONLINE Don’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 sports How do you spend your free time offline? How much time do you spend online each day?

5. 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 trustworthy WiFi Hotspot name? What is an example of a NON-trustworthy WiFi Hotspot name?

6. 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 and other cyber-crimes Don’t be silenced!

7. 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 do not know

8. 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 careful with sharing Geolocation?

9. 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

10. 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”

11. 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 glass house -- Everything is visible

12. STAYING SAFE ONLINE Create 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

13. CONTENTS How To Stay Safe Online I. Social Networking & Edmodo II. Cyberbullying III. What kind of social media do you use?

14. SOCIAL NETWORKING Choose 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 makes each of them more important to your life Who?? Ignore…

15. SOCIAL NETWORKING Protect 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”

16. 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

17. 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

18. SOCIAL NETWORKING What’s Wrong With This Update? Woohoo! Going to Orlando for a whole week! Be back next Sunday! C-ya!!!

19. SOCIAL NETWORKING What’s Wrong With This Update? Just got a new iPhone and want to test my ring. Someone call 555-3425!

20. 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

21. 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

22. 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?

23. CONTENTS Staying Safe Online I. Social Networking & Edmodo II. Cyberbullying III.

24. CYBERBULLYING What Is It? Bullying through electronic means Text, Facebook, YouTube common mediums Against school rules and against the law

25. 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!

26. Questions? Internet Safety? Social Media? Edmodo? Cyberbullying?

28.  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

29.  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: 

30.  Create a line break after the first piece of code:   *Notice we did not not “close” our opening tag, which will later be typed as: ▪ - 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 -- “ ”  On the next line below the tag, open your second tag:  ▪ The “head”, or header tag, will usually contain information about the website itself, and is not necessarily displayed on the page

31.  On the last slide we left off with:   One tag that always belongs “within” the tag is the tag  Whatever text is within the 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 tag

32. SO FAR WE HAVE:   ▪ My First Website  Next, we will need to close the and tags AFTER STEP 4 WE SHOULD HAVE:   ▪ My First Website    Again, notice that we did not close the initial tag—something we won’t do until the end

33. TAKE A LOOK AT THE NEW TAGS AND CONTENT:   ▪ ▪ My First Website ▪  ▪ This is the body of the website  WHAT IS THE 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 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!”

34. THE LAST PIECE OF CODE   ▪ ▪ My First Website ▪  ▪ This is the body of the website   WHAT DOES THIS DO?  Closing the tag like so:  ▪ 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

36.  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”

37.  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

38.  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 dohttp://www.w3schools.com/html/html_quick.asp  http://www.w3schools.com/html/default.asp -- an entire course on HTML web design, and a number of other related subjects http://www.w3schools.com/html/default.asp  http://www.codecademy.com/ http://www.codecademy.com/  Scroll to bottom  Click HTML

39.  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 --  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 dohttp://www.w3schools.com/html/html_quick.asp  http://www.w3schools.com/html/default.asp -- an entire course on HTML web design, and a number of other related subjects http://www.w3schools.com/html/default.asp  http://www.codecademy.com/ 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!