HTML Your Friend or Foe? and a little bit from Lazar

Some Terms... HTML: Hypertext Markup Language SGML: Standard Generalized Markup Language DTD: Document Type Definitions HTML is a SGML DTD used on the WWW

What does HTML Do? HTML script uses a code called a tag to describe how items should look HTML uses a syntax that is supposedly generally agreed upon to make it portable

Specifications or Standards The World Wide Web Consortium (W3) 0.0, 1.0, 2.0, 3.2, 4.0, 4.01 (recent) xhtml Proprietary code problems

Ways to Write HTML HTML Converters (Word, StarOffice) HTML Editors WYSIWYG WYSIWAG UNIX Editors (pico, jpico, vi, emacs) Notepad ;} EditPlus

Creating an HTML Document (AKA Web page) Let’s look at Mary’s Resume...Mary’s Resume

Creating an HTML Document (AKA Web page) - cont. Document Content -- controlled by HTML Tags Document Content

HTML Tags Mary Taylor Different Browsers interpret tags... differently. Mary Taylor A different approach

More HTML Tags

Subtle Differences... h tags versus font tags versus spacing bold the align property (3.2 and higher) the tag -- to or not to ? your friend the

Lists Unordered Ordered Definition

Unordered Lists Item and a are optional right now, but this is changing

Ordered Lists Item #1 Item #2 Item #3

Definition List definition list definition term definition

Options on Lists Unordered List Ordered List Let's Look

Using Notepad and Browser Saving the file as “foo.htm” (or foo.html) Making sure to save it as "All Files (*.*)" Looking at file in browser Saving before looking

Character Tags physical versus logical physical: exactly how you want the text to appear --,,, (big and small are html 3.0 and above) logical: how you want to use the text --,,,,, when to use one over another?

Example satellite technician satellite technician

Horizontal Lines

More Line Options More Options With Explorer Let’s Look

Inserting Images Inline Image Appears directly on the Web page External Image Browser needs a file viewer

Image Tag GIF versus JPEG Needs to be one of them

Two Ways to Center (3.x and above) Filenames are case sensitive!

Lifecycle and Evolutionary SDLC Hoffer, George, and Valacich Whitten and Bentley Evolutionary Spiral model Risk factors End user plays somewhat of a role

Lazar User-Centered Web Development Lifecycle Define the mission of the Website and the user population Collect the user requirements for the Website Create the conceptual design of the Website

Lazar User-Centered Web Development Lifecycle (cont.) Create the physical design of the Website Perform usability testing on the Website Implement and market the Website Evaluate and improve the Website

Challenges to Web Development Browser Type Browser Version Screen Size Operating System Download Time Infrequency of use Users don’t use your site all the time Some exceptions, of course

Clients versus Users Melding Mission with Need Determining User base Negotiating soltions

Clients Client versus User Not the same people Make sure the client has a clear purpose Make sure the client is committed Keep client frequently updated Learn the client's interaction style and use it to your advantage Meld client mission with user needs

Mission of the Website Type of Website Informational E-Commerce Entertainment Target Population local, international audience-split? WMU site

Let’s Set Up Your Site