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

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

3. 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

4. Specifications or Standards The World Wide Web Consortium (W3) 0.0, 1.0, 2.0, 3.2, 4.0, 4.01 (recent) xhtml 1.1 http://www.w3.org Proprietary code problems

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

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

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

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

9. More HTML Tags

10. 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

11. Lists Unordered Ordered Definition

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

13. Ordered Lists Item #1 Item #2 Item #3

14. Definition List definition list definition term definition

15. Options on Lists Unordered List Ordered List Let's Look

16. 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

17. 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?

18. Example satellite technician satellite technician

19. Horizontal Lines

20. More Line Options More Options With Explorer Let’s Look

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

22. Image Tag GIF versus JPEG Needs to be one of them

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

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

25. 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

26. 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

27. 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

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

29. 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

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

31. Let’s Set Up Your Site