Introduction to the Internet-lesson 8- communication technology and user-generated content on the Internet
Lesson 8
Learning Outcomes
This lesson will refine your understanding of communication technology and user-generated content on the Internet. We will also take a look at how JavaScript can be used to enhance a Web page. This lesson will conclude our lessons on Web page design.
When you have completed this lesson, you should be able to:
Understand push and pull communication.
Learn about Web 2.0.
Examine email-based communication.
Understand Really Simple Syndication (RSS) feeds.
Explore the technology used in podcasting.
Use a mashup site.
Explore different methods of chat communication.
Examine online social and business networks.
Learn about photo- and video-sharting sites.
Learn about blogs and microblogs.
Explore ways to protect your online privacy, identity, and reputation.
Create a simple Web page using JavaScript (HTML Practice Exercise #8).
Textbook Readings
Please keep in mind the preceding intended learning outcomes while reading the assigned chapters from The Internet, 9th Edition, Schneider/Evans, Course Technology, Cengage Learning.
Tutorial 5: User-Generated Content on the Internet
SAMS Reading
This reading will prepare you for the HTML Practice exercises that accompany the first eight lessons and Assignment #5, your Web site, by explaining the basic concepts and tools that are needed to create Web pages.
OLD BOOK
HOUR 21: Understanding Dynamic Web Sites
NEW BOOK
Chapter 13: Understanding Dynamic Websites and HTML5 Applications
HTML Practice Exercise 8
Since Lesson 1, you have expanded your knowledge of HTML codes through a series of HTML practice exercises. These exercises, used in conjunction with the assignments, will culminate in a complete Web site.
This final practice exercise will introduce you to a programming language that can make your Web pages more powerful. That programming language (a scripting language) is known as JavaScript. This exercise is NOT a requirement of the final Web project but may be used if you desire. Concepts from this exercise MAY be used on the final exam.
Please note: JavaScript is much different than the programming language known as Java.
JavaScript
Example 1: The use of the alert box and internal documentation (comments) in JavaScript.
<html>
<head>
<title>60-205 JavaScript</title>
<script language=”JavaScript”>
/* multi-line comment,
this is a huge block of
text that I;ve commented
out */
// single line comment – put up an alert box, to show how they work
alert(“Hello to your first JavaScript”);
</script>
</head>
<body>
</body>
</html>
Example 2: The use of multiple alert boxes in JavaScript.
<html>
<head>
<title>60-205 JavaScript</title>
<script language=”JavaScript”>
// put up an alert boxes, to show how they work
alert(“Here’s the first one”);
alert(“The second one”);
alert(“And the third one”);
</script>
</head>
<body>
<h1>Yes, I have seen these and now I know it!</h1>
</body>
</html>
Example 3: The use of link events in JavaScript and internal documentation(comments) in HTML.
<html>
<head>
<title>60-205 JavaScript</title>
</head>
<body>
<h1>Link Events Example</h1>
<!– This is a link event –>
<!– When someone clicks on this link, run the little bit of JavaScript between the quotes –>
<a href=”#” onClick=”alert(‘Try it again!’);”>Click on me!</a>
<!– This is like onClick except it uses onMouseOver –>
<a href=”#” onMouseOver=”alert(‘Neat Eh!’);”>Mouse over me!</a>
</body>
</html>
Example 4: The use of image swapping in JavaScript.
<html>
<head>
<title>60-205 JavaScript</title>
</head>
<body>
<h1>Image Swapping Example</h1>
<a href=”#” onMouseOver=”document.the_image.src=’smallibm.gif’;”
onMouseOut=”document.the_image.src=’swoosh.gif’;”>
<img src=”swoosh.gif” border=0 name=”the_image”>
</a>
</body>
</html>
NOTE: You will need two images that are the same size (height and width) and in your Web page directory. The example above uses the images named ‘smallibm.gif’ and ‘swoosh.gif’.
Next Step
If you can meet the objectives stated at the beginning of Lesson 8, you are ready to proceed to the next lesson. Keep in mind the weekly schedule recommended in the course syllabus.
Please post to the Discussion area of this course Web site any questions or comments related to this lesson. Only emergency and private messages should be sent through the E-mail Instructor component of the site.
Assignment
Please continue to work on Assignment #5 which is due by the end of the next lesson.
Leave a reply