Transcript Web Design Review Study Guide

Web Design Study Guide
Oswego School District 308
Plank Jr. High
Digital Imagery and Web Design
Mr. Brown
Web Design





Why Build a Web Site?
Worldwide Internet Use Facts
URL’s
Web Site Design Basics
Dreamweaver
Why Build a Web Site?
•
•
•
1
2
__________________
(a.k.a., Portal) and ______________





www.yahoo.com
www.espn.com
www.bloomberg.com
www.wikipedia.org
www.mcdonalds.com
3
Advertise, ______________,
and make money (a.k.a. e-Commerce)







www.amazon.com
www.ebay.com
www.homedepot.com
www.ticketmaster.com
www.expedia.com
www.eastbay.com
www.abercrombieandfitch.com
4
Provide ______________
and make money
 www.visa.com
 www.tcfbank.com
•
Promote a product and make money




www.sixflags.com
www.mlb.com
www.sandiegozoo.org
www.atlantis.com
Why Build a Web Site? (cont.)
•
5
______________
and to meet people with like minds (a.k.a. – Blogs)
Note: Most of these are blocked for school computers.




www.facebook.com
www.sina.com.cn
www.linkedin.com
www.chicagohoops.com
•
Create gaming communities and make money
•
6
_______________________
communicate with Taxpayers
 www.shockwave.com
 www.worldofwarcraft.com
 www.irs.gov
 www.nasa.gov
 www.nps.gov
•
Schools to share information with Students and Parents
 www.oswego308.org
 www.itt.edu
 www.johnshopkins.edu
•
And many more reasons…
Worldwide Daily Internet Use*
7
* According to http://www.internetworldstats.com/stats.htm
Worldwide Top Web Sites*
8
* According to http://www.alexa.com/topsites
9
URL’s (_______________________)
10
Also known as “______________”
 Examples: www.oswego308.org or www.google.com
 URL’s must be register to a specific owner
 www.register.com
 It costs $$$$ (about $30/yr.)
 Regional Internet Registries (RIR’s) oversee
registration of URL’s within a particular part of the world.
There are 5 RIRs in operation:

– Asia and Australia region - Asia-Pacific Network Information Centre (APNIC)
– Europe, the Middle East and Central Asia region - RIPE Network Coordination
Centre (RIPE NCC)
– North America region - American Registry for Internet Numbers (ARIN). In the United
States it’s the responsibility of Internet Corporation for Assigned Names and Numbers (ICANN)
– Latin America region - Latin American and Caribbean Internet Address Registry
(LACNIC)
– Africa region - African Network Information Centre (AfriNIC)

Read this page on www.wikipedia.org to better
understand how Internet Domain Naming System works
– http://en.wikipedia.org/wiki/Domain_name_system
About URL’s (cont.)

11
URL ______________
are intended to have following
meaning:
.com
.net
.org
.edu
.gov
.info
.biz

Commercial
Network
Organization
Education
Government
Information
Business
Used by businesses
Used by Service providers initially, now also used by many businesses
Used by non-profit organizations
Used by Universities, schools and related bodies
Used by Government departments and affiliates
Site is designed to provide information rather than sell products or services
Used by Businesses, although less common than alternatives above
Often, you will see more letters after the three letter
extension. For example www.sina.com.cn
– It indicates what country the web site is based
– A lack of a country code suggests the United States

12
Some ______________
are:
.au
.uk
.ca
.jp
.mx
.cn
.vn
Australia
United Kingdom
Canada
Japan
Mexico
China
Vietnam For a complete list see -
http://en.wikipedia.org/wiki/List_of_Internet_top-level_domains
Web Site Design Basics

13
______________
Your Web Site
– Who is your intended audience
– Creating and organizing content (i.e., Text, Animations, Images, Podcasts,
Videos)
14
– Organize Your Web Pages via a ______________
(i.e., hierarchy of your
web site)
15
– Basic ______________
– How Frequently Does the Content Change
– Generating traffic and finding advertisers

North
America
Famous
Place
Web
Page
South
America
Famous
Place
Web
Page
Europe
Famous
Place
Web
Page
northamer
ica.html
southame
rica.html
europe.ht
ml
The Pirate
Traveler
Home
Asia
Page
Famous
Place
index.html
Web
Page
Africa
Famous
Place
Web
Page
asia.html
africa.html
Australia
Famous
Place
Web
Page
australia.h
tml
Antarctica
Famous
Place
Web Page
antarctica.ht
ml
Web Site Essentials
– Page Banner (provides a consist look and feel)
16
– ______________
(these show up on the browser tab and help get your web
site found through Google searches)
– ______________
where should it be on the page?
17
– ______________
page
18
– ______________
19 page
– About Us page
– Contact Us page
– Interactivity (Blogs or ability for users to post comments)
20
– ______________
(This is how you make $$$)
21
– ______________
– Language translation
– For large web sites:
•
•
Search within
Site Map page
Web Site Design Basics (cont.)

What should the URL or Domain Name
– Has it already been registered by someone else
– www.whois.com

22
______________
– Where will you host it and how much will it cost?
– Will it perform and how much storage space will they give you?
– Is their service 24 hours a day 7 days a week

23
HTML (Stands for __________________________)
24
– It’s the ______________
of the Internet
– Includes Tags (for example <html>, <body>, <head>, </html>
– The tags are read by your Internet Browser

Web Page Development Tools
– ______________
25
– Dreamweaver and Kompzer are examples

Web Site Testing
26
– Preview in ______________
browsers before you “Go Live”
– Make sure all the Multi-media content will play
27
– Make sure all ______________
– Tests the Interactivity (i.e., Blog/comment posting)
Web Site Design Basics (cont.)

28
Internet Browsers ______________
– Internet Explorer
– Foxfire
– Chrome
– Safari
– Opera
* According to http://www.netmarketshare.com
Dreamweaver CS4

29
Defining Your Site (______________
info)
Organizing Contents into ___________
30
(i.e., Animations, Images, Podcasts, Videos)
Use Windows to copy content into your site
31
_________
(Code, Split, or Design)

Properties Panel

Creating Web Pages



32
– Formatting Text and Colors via _____________ helps give your web site a
uniform look

33
Use ________
to layout content on the web page
– Merging cells
34
– Helps give your web site a ______________
Dreamweaver CS4 (cont.)

35
Inserting and ______________
(Thumbnails, etc.)
36
Inserting and ______________
(Videos and Podcasts)

The Properties Panel allows you to create Hyperlinks

37
– ______________
– On Text and Images
38
(i.e., __________
)

39
______________
is used to create links from page to page
within your web site

Previewing in Browser
– Preview in multiple browsers (IE, Chrome, Safari)
– Must do this before Publishing!

40
___________
Web Sites to Remote Locations