1. Fundamentals of Web Publishing MIS 208-B LEC: T 08:15PM-10:05PM- ADM102 LAB: TH 08:15PM-10:05PM - ADM138 Andy Stokes

2. Course Introduction Syllabus Teaching Philosophy Assignments Projects Schedule Absences, Feedback, Email Policy

3. Fundamentals of Web Publishing 5 Ws of www HTML in 25 words or less OR Tag, you’re it! Guten Tag(s) - Start to Finish Design and Usability Issues Why buy the cow when you can get the milk for free? - A host of issues or an issue of hosts? Other issues and considerations

4. Chapter One Internet WWW Web Browsers HTML

5. Internet Huge network of computers Began with ARPA TCP/IP –Backbone of the Internet Infrastructure

6. WWW Created in 1992 Organizing, presenting, and accessing information Developed by CERN

7. Technologies HTML Hypertext Transfer Protocol (http) Web Browsers

8. Growth Factors Graphical User Interfaces (GUIs) Easy ISP Access Faster Modems Improved Compression Technologies Less Expensive Hardware

9. Client-Server Network Your computer is a Client –The Web Browser is Client Software The Internet is a Network

10. Web Browsers Client Software Receives Information over the Internet Interprets the HTML Displays the Results

11. Features Back Button Bookmark Reload Home Search Web Address

12. Source Code Page Source HTML Tags –Cross Platform Independence

13. HTML or Tag, you’re it!

14. HTML Explained H-T-M-L are initials that stand for HyperText Markup Language (computer people love initials and acronyms -- you'll be talking acronyms ASAP). Let me break it down for you:

15. HTML Explained Hyper

16. HTML Explained Text

17. HTML Explained Mark up

18. HTML Explained Language

19. Simple Page

20. HTML Source for Simple Page

21. Start with a title Every HTML document needs a title. Here is what you need to type: My first HTML document Change the text from "My first HTML document" to suit your own needs. The title text is preceded by the start tag and ends with the matching end tag. The title should be placed at the beginning of your document.

22. Add headings and paragraphs If you have used Microsoft Word, you will be familiar with the built in styles for headings of differing importance. In HTML there are six levels of headings. H1 is the most important, H2 is slightly less important, and so on down to H6, the least important.

23. Add headings and paragraphs Here is how to add an important heading: An important heading and here is a slightly less important heading: A slightly less important heading

24. Add headings and paragraphs Each paragraph you write should start with a tag. The is optional, unlike the end tags for elements like headings. For example: This is the first paragraph. This is the second paragraph.

25. Adding a bit of emphasis You can emphasize one or more words with the tag, for instance: This is a really interesting topic!

28. Add interest to your pages with images

29. Width Height Alt

30. More Alt

31. Images and Formats

32. GIF JPG PNG

33. Adding links to other pages What makes the Web so effective is the ability to define links from one page to another, and to follow links at the click of a button. A single click can take you right across the world!

35. Link to another site Link an image

36. May 1996: Top Ten Mistakes in Web Design 1. Using Frames

37. 2. Gratuitous Use of Bleeding- Edge Technology

38. 3. Scrolling Text, Marquees, and Constantly Running Animations

39. 4. Complex URLs

40. 5. Orphan Pages

41. 6. Long Scrolling Pages

42. 7. Lack of Navigation Support

43. 8. Non-Standard Link Colors

44. 9. Outdated Information

45. 10. Overly Long Download Times

46. The Top Ten New Mistakes of Web Design

47. 1. Breaking or Slowing Down the Back Button

48. 2. Opening New Browser Windows

49. 3. Non-Standard Use of GUI Widgets

50. 4. Lack of Biographies

51. 5. Lack of Archives

52. 6. Moving Pages to New URLs

53. 7. Headlines That Make No Sense Out of Context

54. 8. Jumping at the Latest Internet Buzzword

55. 9. Slow Server Response Times

56. 10. Anything That Looks Like Advertising

57. Why buy the cow when you can get the milk for free? - A host of issues or an issue of hosts? Commercial Hosting vs Free Hosting BYOS and BYOB

59. Other issues and considerations Size matters Stream this! Flash-ers XML, PERL, CGI, TCL

60. Backup