Were going to learn how to make web pages

1
Were going to learn how to make web pages!!!

2
Why are we doing this?

• A. Someone in high places has realized that
  graduate students are not busy enough and need
  more work.
• B. Its part of a global conspiracy to keep the
  share prices of computer stocks high.
• C. Out of sheer and unrepentant sadism.
• D. All of the above.
• E. None of the above.

3
Rationale

• The Florida Department of Education (DOE)
  Accomplished Practices for Educators
• States that all approved education programs have
  a technology component
• The Council for the Accreditation of Counseling
  and Related Educational Programs (CACREP)
• Has an interest to see counselors become more
  effective consumers of technology

4
Rationale

• In this department, web pages have made it
  possible for School Counseling students to share
  information.
• Besides Web pages, what other electronic means
  could be used to distribute information?
• What are the downfalls of those other means?

5
Accessibility

• The World Wide Web was created in 1993 by Tim
  Berners-Lee, who said
• The essential characteristic of the Web is its
  accessibility.
• The technology that makes Web pages does not
  collect royalties.
• As a result, there have been many technical
  innovations to the Web that made it easier to
  use, safer, and more useful.

6
Accessibility and the Digital Divide

• What is the digital divide?
• Name some examples of how clients might be
  prevented from accessing electronic information
  because of the digital divide.
• Name some examples of how clients with
  disabilities might be prevented from accessing
  electronic information.

7
Accessibility and Counselors

• The Web provides the best set of technologies for
  reaching the largest number of people.
• A properly-built web page has the potential to
  advance your School Counseling program by
  informing parents, students, and teachers.

8
In this course

• If you read the tutorial series and do the
  exercises, you have the potential to
• Understand the basic structure of web pages and
  how they really work.
• Become familiar with essential accessibility
  features.
• Demonstrate basic problem-solving skills.
• And, of course, make some web pages!

9
Requirements

• These goals will accomplished by using Netscape
  Composer to create your web pages.
• All the required software is available on the UF
  Software CD for 3, at the bookstore.
• Shortcuts to making web pages do exist
• However, this class has been designed to
  emphasize higher-order learning.

10
Down to business Definitions

• What is a web page?
• What is a web site?
• What is the difference between a web page and a
  web site?
• What makes a web page good or bad?

11
New Definitions

• This is somewhat of an over-simplification, but
  (for our purposes)
• There is no such thing as a web page or a web
  site.
• There are only
• files
• directories (a.k.a. folders)
• and computers.

12
Deconstruction

• Look at this URL (Uniform Resource Locator)
• http//www.coe.ufl.edu/counselor/People.htm
• The file is named People.htm
• It is stored in a directory named counselor
• That directory is on a computer named
  www.coe.ufl.edu
• That computer can be located on the Internet by
  using the HyperText Transfer Protocol, or http//

13
Links

• Is link primarily a noun or a verb?

14
Links (contd)

• Get ready to do some un-learning
• Link is a noun, because
• All links point one way to another file, thus
• Two files cannot be linked.

15
Cake and Salad

• Now for a different analogy
• Think of all the characteristics of cake.
• Now think of all the characteristics of salad.

16
Cake and Salad (contd)

• Software such as MS Word and PowerPoint produces
  a single, monolithic file which includes all
  images and text (cake).
• Web pages always keep text and images separate.
  They assembled to display on a screen, but they
  are stored separately (salad).
• Keeping track of all those files requires good
  work habits.
• Organization is a technology skill!

17
Rendering

• The previous slide states that images and text
  are assembled to display the appearance of a web
  page.
• Assembled by what?
• A web page starts with a file written in HTML
  HyperText Markup Language.
• When a Web browser (e.g., Explorer) receives an
  HTML file, it follows instructions how to render
  (draw) the page.
• Some web browsers render better than others!
• You must understand you do not have complete
  control over how the finished product looks.

18
Take a look

• Working in groups of three, open three different
  web browsers on your lab Macs. (Netscape,
  Explorer, and Safari).
• Load this web site in each
• http//grove.ufl.edu/gatorcsi/
• How many differences can you spot?

19
Addresses

• A previous slide stated that there are no web
  pages - just files, folders, and computers.
• And we deconstructed a URL (web address).
• Question Can you display a web page from a
  floppy disk, or from a CD-ROM, or must it be on
  the Internet?

20
Addresses (contd)

• How about this Where is
• Room 1205

21
Addresses

• An absolute address specifies where the file
  should be retrieved from.
• Example http//www.ufl.edu/index.html
• A relative address doesnt tell us much about the
  files location.
• Example index.html, or Room 1205.
• Whenever a web browser encounter a relative
  address in a link, it looks close by.
• That usually means within the same folder as the
  file that makes reference to the address.
• Relative addresses permit the links in a series
  of files to work, whether the files are on the
  Web or on a CD-ROM.