The Internet

1
The Internet

• Sometimes called the Net
• Worldwide network
• Connects MILLIONS of computers

2
The Internet

• Created in the 1960s
• No one person or organization is given credit
• The original purpose was to create a network to
  share military and scientific information

3
The World Wide Web

• Also called the Web
• One of the most popular services on the Internet
• Consists of a system of network servers (a.k.a.
  web servers) that provide the ability to share
  resources with many people at the same time

4
The World Wide Web

• The server computer is known as the host
• The computer that accesses the information is
  called the client
  
• HTTP enables this transfer of data

5
Web Browsers

• A software program that requests a Web page,
  interprets the code, and displays the contents on
  the computer monitor
  
• Contain special buttons and other features for
  navigation through Web sites
  

6
Web Browsers

• Examples
• Microsoft Internet Explorer
• Mozilla Firefox
• Netscape Navigator

7
Web Browsers

• Most Web pages contain hyperlinks which connect
  the page to another page on the Web
  
• Web sites group of related Web pages that are
  linked together
  
• Home page (a.k.a. index page) provides overview
  of Web site and is usually the first page a
  viewer sees

8
Web Browsers

• Internet Service Provider (ISP) provides
  temporary connections through its permanent
  Internet connection
  
• Online Service Provider (OSP) member only
  service
  
• Example AOL
• Wireless Service Provider (WSP) provides
  Internet access on a wireless modem

9
Types of Web Sites

• Portal Website- Variety of internet services from
  a single location.
  

By Le-On Taylor
10
Types of Web Sites

• News- Contains News Articles related to current
  events.
  

Bee Yang
11
Types of Web Sites

• Informational- Contains factual information such
  as research and statistics.
  

Tyler Payne
12
Types of Web Sites

• Business/Marketing- Contains content that
  promotes and sells products and services.

13
Types of Web Sites

• Educational- Provides exciting, and challenging
  avenues for formal and informal teaching and
  learning.

14
Types of Web Sites

• Entertainment- Interactive and engaging
  environment, and contains music, video, sports,
  games, etc.

15
Types of Web Sites

• Advocacy- Content describes a cause, opinion,
  question, or idea.

16
Types of Web Sites

• Personal- Published by individual or family. And
  generally is not associated with any organization.

17
Types of Web Sites

• Blog (short for web log)- Regularly updated
  journal formats reflects the interests, opinions,
  personality of the author. Also sometimes the
  site visitors opinion.

18
Rushing into a website without planning can make
your website unorganized and difficult to
navigate. Visitors that visit this kind of web s
ite get lost and often tend not to return.
Here are some guidelines to ensure that you set
and attain realistic goals Purpose Goal Targe
t Audience New Web Technologies Web Site Compari
son
19
Purpose and Goal Create a focus by developing a
purpose statement, which communicates the
intention of the Web site. Target Audience Ide
ntify your audience. To learn more about the
visitors to your Web site, determine whether you
want to attract people with similar interests,
and consider the gender, education, age range,
income, and job field. New Web Technologies Ev
aluate whether your potential visitors have
access to high-speed broadband media or to base
band media. Web site Comparison Visit other We
b sites that are similar to your proposed site.
20
Value-added content Consider the different types
of content you include within your website.
Text Text accounts for the bulk of all content
on most Web pages, so be brief and incorporate
lists whenever possible. Statistical studies
indicate that most people tend to scan the page.
Use common words and simple language.
Images After text, images constitute the next
most commonly included content.
Color Palette The colors you select for your web
site can enhance or detract from your message or
goal. Do not think in terms of your favorite
colors. Multimedia Multimedia adds interactivity
and action to your web pages. Animation, audio,
and video are types of multimedia. If you plan to
add multimedia, determine whether the visitor
will require plug-ins. A plug-in extends the
capability of a Web browser.
21
Web Site Navigation

• Pathway through your website
• Variety of ways
• Hyperlink
• Search engine
• Directory
• Web address

22
Web Site Navigation

• Navigation Map
• Site map
• Outlines the structure of the entire web site
• Shows all pages within the site
• Connections from one page to the others
• All pages should contain a link to the home page

23
Web Site Navigation

• Linear structure
• User navigates from one page to the next
• Information flows as a narrative, timeline or in
  logical order
  
• Usually works only for smaller sites
• Example Online tutorials

24
Web Site Navigation

• Hierarchical Structure
• Organizes complex bodies of information
  efficiently
  
• Many visitors are familiar with this structure
• Require thorough organization of the content

25
Web Site Navigation

• Web Structure
• Also called random structure
• Few restrictions on organizational patterns
• Better suited for experienced users looking for
  further education
  
• Not recommended to provide further understanding
  of a particular topic
  

26
Web Site Navigation

• Grid Structure
• If web site contains a number of topics of equal
  importance
  
• Examples Procedural manuals, events and item
  lists

27
Web Site Navigation

• Hybrid structure
• Combination of the previous listed structures
• Used by large web sites to organize information

28
Developing a Web Site

• Typography- is the appearance and arrangement of
  the characters that make up your text.
  
• Web-safe fonts- are the more popular fonts and
  the ones that most visitors are likely to have
  installed on their computers.
  
• Keep readability in mind as you select fonts.
• Typeface- design of the text characters. It also
  subconsciously affects their reaction to the
  page.

29
Developing a Web Site

• Images- enhance almost any web page. Consider the
  balance between the number of images and page
  performance as you develop your site.
  
• Remember that a background image or a graphical
  menu increases visitor download time.

30
Developing a Web Site

• Page Layout- It is a suitable design that draws
  visitors to your web site. It establishes a
  consistent logical layout.
  
• Include one topic per page
• Control the vertical and horizontal size of the
  page
  
• Start text on the left to accommodate the
  majority of individuals who read from left to
  right.
  
• Use concise statements and bulleted points to get
  your point across studies indicate most people
  scan the text.
  
• Template- Maintains consistency and updating
  changes throughout a site.

31
Developing a Web Site

• Color- Use color to add vitality to your site to
  add interest. Its used to decorate the layout and
  tie web site pages together.
  
• Include in
• Tables
• Backgrounds
• Fonts

32
Reviewing and Testing a Website

• When reviewing/testing questions to ask
• Is the web site free of spelling/grammatical
  errors
  
• Is page consistent and generate balance and
  order
  
• Are any links broken
• Do multimedia and forums function correctly
• Do the more widely used browsers display the site
  properly
  
• Does the site function properly in other
  browsers, including older browsers
  
• Have you initiated a group test in which you have
  asked others to test your site and provide
  feedback
  

33
Publishing a Website

• Publishing a website, making it available to your
  visitors involves the actual uploading of the
  site to a server
  
• Obtain Domain Name
• Address
• Domain Name System
• Internet Corp. for assigned names/numbers
• Get server space
• Server logs
• Secure Socket Layers
• Publish the Website
• Uploading

34
Maintaining a Web Site and Methods and Tools Used
to Create Web Pages

• Web sites require maintenance and updating.
• Changing content by adding text or images or
  deleting obsolete material.
  
• Check for broken links, and add new links.
• Document the last change date (even when no
  revisions have been made)

35
Maintaining a Web Site and Methods and Tools Used
to Create Web Pages

• Text editors- programs that allow the user to
  enter, edit, save, and print text.
  
• A HTML or XHTML editor is more sophisticated
  version of a text editor. These programs often
  have a spell checker, syntax highlighting, and
  color coding.

36
Maintaining a Web Site and Methods and Tools Used
to Create Web Pages

• WYSIWYG( what you see is what you get) programs
  like Macromedia Dreamweaver and Microsoft
  FrontPage.
  
• These programs provide integrated text editor
  with a graphical user interface that allows the
  user to view both the code and the document as
  you create it.

37
Web Site Languages

• ASCII- The most widely used coding system to
  represent data.
  
• XHTML- Is an authoring language which defines the
  structure and layout of a document so that it
  displays as a web page and is compatible with web
  browsers such as Microsoft Internet Explorer,
  Mozilla Firefox, or Netscape Navigator.
• Source Code- Acts as the programs instructions.
• Elements- Control the appearance of the
  document.
  
• Document Content- It is the text and images of a
  web page.
  
• Two sided elements- Elements that have a start
  and end element.
  

38
Web Site Languages

• One sided/Self closing element- They do not have
  a end element, instead the right angle bracket is
  preceded by a forward slash.
  
• Attribute/property- Additional information placed
  within the angle brackets.
  
• Value modifier- specifies conditions, within the
  element, and should always be enclosed in double
  quotation marks.
  

39
Web Authoring Programs and Macromedia Dreamweaver
8

• WYSIWYG text editor- Allows a user to view a
  document as it will appear in the final product
  and to edit the text, images, or other elements
  directly within that view.
• Some new features of Dreamweaver 8 include
• A drag-and-drop workflow
• Expanded Cascading Style Sheets (CSS) support
• A zoom tool which makes it easier to check
  graphics alignment, select small items, and work
  with small type.
  
• Secure FTP
• Increased support for a platform-independent
  development environment
  
• Enhanced coding and editing tools, including two
  new toolbars coding and style rendering
  
• A hand tool that lets you drag items
• Added support for Flash video

40
Web Authoring Programs and Macromedia Dreamweaver
8

• Dreamweaver contains coding tools and features
  that include references for HTML, XHTML, XML,
  CSS, and Javascript.
  
• Using Macromedia Roundtrip technology,
  Dreamweaver can import Microsoft Office or other
  software Web pages and delete the unused code.
  
• Instead of writing individual files for every
  page, you can use a database to store content and
  then retrieve the content dynamically in response
  to a users request.
• Cascading Style Sheets styles (CSS styles) are
  collections of formatting definitions that affect
  the appearance of Web page elements.