Download WebDesign_Lesson2_StudentResource_042211 - lroblee

AOIT Web Design
Lesson 2
Looking at the World Wide Web
Student Resources
Resource
Description
Student Resource 2.1
Reading: Creating PowerPoint Presentations
Student Resource 2.2
Research Outline: Presentation Topics and Subtopics
Student Resource 2.3
Reference List: Relevant Websites for Research Projects
Student Resource 2.4
Presentation Assignment: PowerPoint Presentation
Student Resource 2.5
Guidelines: Cornell Note Taking
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Student Resource 2.1
Reading: Creating PowerPoint Presentations
This presentation explains the best practices in content and design for making PowerPoint presentations.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
PowerPoint presentations give you an opportunity to disseminate information in a visual and oral way to
your audience. Keep the slides simple and add important and interesting information with your examples
and explanations.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
All these features make your PowerPoint presentations easy to read from anywhere in the room.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Learning objectives are the important points you want everyone to remember. Explain them and add
more detail in the notes than what is in the slide. Some students retain information better by seeing it,
some by hearing it, and some by writing it down, so ask everyone to take notes. Do not be afraid to
repeat important information.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
While it can be tempting to make slides with lots of graphics, fancy fonts and animation, remember that
the purpose of a PowerPoint slide is to convey information clearly. Use graphs and charts to illustrate
numerical data; use pictures and clip art that enhance the information. Use animation only when
necessary. Remember to avoid putting information on a slide that doesn’t relate to the content or could
confuse the audience. When it comes to PowerPoint, simple is best.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Your presentation gives you the opportunity to use examples and include other supplemental information
that will help students relate to the information. Use your own words—don’t just read the slides. Make
sure you are facing your audience and looking at them; avoid turning your back to your audience and
looking at your slides. Pause after each slide to give students time to take notes. You might consider
saying, “What are your questions?” instead of “Do you have any questions?” after each slide. Often, when
we ask, “Do you have any questions?” students automatically say, “No.” Also, if you have time, you can
ask students to share information that will enrich the discussion.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
The final slide should summarize what the others said. Do your best to make the presentation interesting
to your audience, but remember that the number one goal of a PowerPoint presentation is to give out
information clearly!
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Student Resource 2.2
Research Outline: Presentation Topics and Subtopics
Directions: This resource provides a list of subtopics for you to explore in your research for your
PowerPoint presentation. Your presentation should cover the topics listed in the outline for your topic as a
minimum. Use the list of relevant websites in Student Resource 2.3, Reference List: Relevant Websites
for Research Projects, to research your topic. Feel free to add any information you find particularly useful
or relevant.
1. How the web works and how documents are transferred
A. How information is shared on the Internet
a. Web
b. Email
c.
FTP
d. Social media and other Web communication channels such as Facebook and
Twitter.
B. How documents are connected to each other via hypertext links creating a “web” of
information
a. Websites
b. Web pages
c.
Home pages
d. Actual documents such as PDFs and forms
C. How data and documents are transferred using standardized methods called protocols
a. HTTP
b. HTTPS
c.
Role of World Wide Web Consortium (W3C) in developing standards
2. The roles that computer servers and browsers play in how the web works
A. Definitions of server and browser
B. URLs
a. Definition/purpose of URL
b. Parts of a URL
c.
Purpose of index/default files
d. URL aliasing
C. How browsers display pages
D. How mobile browsers display pages
3. How web pages are made
A. HTML
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
B. CSS
C. Site maps
D. Navigation
E. Flash
4. How e-commerce works
A. Technical transaction process including secure (HTTPS) transactions using a certificate
(SSL)
B. Advantages of e-commerce
C. Potential dangers of e-commerce
D. XXS
5. How the web was developed
A. Short history of the web
B. The dot-com crash (end of the Web 1.0 era)
C. Current trends in web development (include mobile development)
D. Web 2.0
E. Next step Web 3.0
6. How social networks developed
A. What are social networks?
B. History of social networks (before the Internet)
C. What do people use them for?
D. Possible impacts of social networks
7. How mobile websites/apps developed
A. What is a mobile website?
B. What is an app?
C. What is different about designing for the mobile web?
D. Issues with fingers
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Student Resource 2.3
Reference List: Relevant Websites for Research
Projects
“Internet & World Wide Web History,” Electronic Software Publishing Corporation.
http://www.elsop.com/wrc/h_web.htm
Links to sites on Internet and World Wide Web history.
“History of the Internet and the World Wide Web,” Web Developer’s Virtual Library.
http://wdvl.internet.com/Internet/History/
“A Little History of the World Wide Web,” World Wide Web Consortium (W3C).
http://www.w3.org/History.html
“How Does the Internet Work?” WiseGeek.
http://www.wisegeek.com/how-does-the-internet-work.htm
“How the Internet Really Works,” Vinton Cerf, NetLingo.
http://www.netlingo.com/more/cerfart.cfm
An easy-to-understand article that summarizes how the Internet works.
“How Internet Infrastructure Works,” Jeff Tyson, HowStuffWorks.
http://computer.howstuffworks.com/internet-infrastructure.htm
“The Causes of the Dot Com Crash,” Ryan P. Allis, ZeroMillion.com.
http://www.zeromillion.com/econ/dot-com-crash.html
“Market Crashes: The Dotcom Crash,” Investopedia.
http://www.investopedia.com/features/crashes/crashes8.asp
“How Ecommerce Works,” FindMyHosting.com.
http://www.findmyhosting.com/ecommerce-web-hosting.htm
A short, illustrated summary of how transactions occur in online business.
“How E-commerce Works,” Marshall Brain, HowStuffWorks.
http://communication.howstuffworks.com/ecommerce.htm
Broad-based article on e-commerce including elements, examples, advantages, aspects of building and
implementing e-commerce sites, and much more.
“How Exactly Does Ecommerce Work?” Robert Boilard, i4Market.
http://www.i4market.com/articles/d347.html
An article that provides an overview of the five major components of e-commerce: the merchant account,
the shopping system, the payment gateway (for real-time-processing), the hosting service, and the
security system.
“Social Networks,” Wikipedia.
http://en.wikipedia.org/wiki/Social_Networks
“Social Network Sites: Definition, History, and Scholarship,” Journal of Computer-Mediated
Communication.
http://jcmc.indiana.edu/vol13/issue1/boyd.ellison.html
“Mobile Development,” Wikipedia.
http://en.wikipedia.org/wiki/Mobile_Development
“Start Your Engines: Mobile Application Development,” Jim White, DevX.com.
http://www.devx.com/SpecialReports/Article/37693
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
“What Is Web 2.0?” Tim O’Reilly, O’Reilly Media.
http://www.oreilly.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html
A rather long and detailed article, but the first page provides examples of Web 1.0 vs. Web 2.0
characteristics.
“What Is Web 2.0, Is It Important?” Hypergurl.com.
http://www.hypergurl.com/blog/webdesign/what-is-web2.html
A very helpful and concise explanation about the nature of Web 2.0.
“Web 2.0,” Wikipedia.
http://en.wikipedia.org/wiki/Web_2.0
Another article that describes Web 2.0.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Student Resource 2.4
Presentation Assignment: PowerPoint Presentation
Directions: Use the guidelines below to create a three- to four-minute PowerPoint presentation about your
web development topic. Then prepare as a group to present your presentation to the class. Review the
assessment criteria before you begin your work.
Guidelines:

Make sure each slide contains a manageable chunk of information. Use as many slides as
necessary to get the information across clearly.

Check each slide to make sure it is clear and concise and contains only the bullet points
necessary.

Include examples.

Use the Notes sections of the slide for background information that you want to tell the audience
about.

Check your presentations while you are working to ensure that you have included all the
necessary elements in the presentation.

Choose one or more members of your group to present to the class.
Make sure your presentation meets the following assessment criteria:

Each slide has a meaningful title that enhances understanding of the topic.

Each slide has clear, easy-to-read, and easy-to-understand content.

The presentation provides essential and accurate information about the main points of the subject.

The images and graphics are clear, relevant, and helpful.

The presentation includes contributions from all group members.

The presentation is engaging, and each slide is accompanied by relevant explanations rather than
just having a presenter read the slide.

The presenter faces the audience, establishes eye contact, and provides relevant explanations
rather than just reading the slide.

The presentation is neat, with no grammar or spelling errors.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.
AOIT Web Design
Lesson 2 Looking at the World Wide Web
Student Resource 2.5
Guidelines: Cornell Note Taking
Directions: Cornell Notes is an effective system that has been in use since the 1950s. Use this method or
the one your teacher instructs you to while listening to your classmates’ presentations to get the essential
information you need on paper. For Cornell Notes, divide your page into two columns. During the lecture,
summarize what you hear in the right-hand column. After the lecture, pull out the important words,
phrases, and definitions and write them in the left-hand column so that you can use them as prompts.
Then follow steps two through five listed below to help you study.
Left-Hand Column
Right-Hand Column
Important words,
Step one, during the lecture or presentation:
Record what you hear in short, summarizing
sentences.
phrases, and
definitions.
Step two, immediately after the presentation:
Write questions about what you’ve heard to help
you remember the information and to help you
study later.
Step three, when you’re studying:
Cover the right-hand column and recite what you
remember by looking at the important words,
phrases, and definitions.
Step four, before tests and quizzes:
Reflect on the notes and ask yourself questions
about them like: What is important about this
concept? How do these ideas fit with what I
already know?
Step five, every week:
Review all your notes for at least 10 minutes.
Bottom of the Page
After class, summarize the notes you took at the bottom of each page.
Copyright © 2008–2011 National Academy Foundation. All rights reserved.