1. Intro Project
Introduction to HTML

2. Objectives Describe the Internet and its associated key terms
Describe the World Wide Web and its associated key terms
Identify the types and purposes of Web sites
Discuss Web browsers and identify their purpose
Define Hypertext Markup Language (HTML) and the standards used for Web development

3. Objectives
Describe Web editors and their relationship to Web development
Discuss the five phases of the Web development life cycle
Describe Web site layouts and the purpose of each layout
Describe the importance of testing throughout the Web Development Life Cycle

4. The Internet
Worldwide collection of networks that link together millions of businesses, the government, educational institutions, and individuals

5. The Internet
A network is composed of a group of computers that are connected together to share resources and information
The Internet backbone is a high-speed data line that connects major computer systems
An Internet Service Provider (ISP) is a company with a permanent connection to the Internet backbone

7. The World Wide Web
Part of the Internet that supports multimedia and consists of a collection of linked documents, called Web pages
A Web site is a collection of Web pages that are created and maintained by an organization or individual
Relies on Hypertext Markup Language (HTML)

8. Web Servers Web pages are stored on a Web server or host
Publishing is the process of copying files to a Web server

9. Once a Web page is published, anyone who has access to the Internet can view it

10. Web Site Types and Purposes

11. Internet Site

12. Internet Site

13. Web Browsers Web Browsers are required to view Web pages
Microsoft Internet Explorer
Netscape Navigator
Uniform Resource Locator (URL)
Web pages are linked together by the use of hyperlinks
Clicking a hyperlink allows you to move quickly from one Web page to another

14. Hyperlinks

15. Hypertext Markup Language
Hypertext Markup Language (HTML) is used to create Web pages
Set of special instructions called tags and markups
Web page files contain text and HTML tags
Tags mark the text to define how it displays when viewed in a browser
Ex. <B> <P> <HR>

17. Hypertext Markup Language
HTML is platform independent
Can be created on one type of computer and viewed on another type of computer
World Wide Web Consortium maintains HTML standards
Several versions of HTML exist today
Each new version expands capabilities

19. HTML Elements
HTML is a subset of Standard Generalized Markup Language (SGML)
SGML is a standard for how to organize and tag elements of a document
<B>sample text</B>

20. HTML Elements

21. HTML Coding Practices
Use capitalized tags to separate tags from contents
Use ending tags whenever possible
Separate sections of HTML code with spaces

22. tags are capitalized
spaces between sections of code
use of ending tags

23. Web Editors Text Editor
Program that allows a user to enter, change, save, and print text, such as HTML
No advanced features
Allows you to develop HTML documents easily

25. Web Editors HTML Editor WYSIWYG Editor
Program that provides basic text-editing functions
Microsoft’s Save as Web Page feature
WYSIWYG Editor
Utilizes a graphical user interface
Microsoft FrontPage
Macromedia Dreamweaver

26. Web Development Life Cycle
Ensures project consistency and completeness
Planning
Analysis
Design and Development
Testing
Implementation and Maintenance

28. Web Site Planning Identification of the Web site goals or purpose
Understand who will use the Web site
Understand what Web technologies you will use
Identify the content owners and authors
Decide what and where information will go on the Web site

29. Web Site Analysis Identify the tasks users need to complete
Consider the processes required to support Web site features
One of the more important phases in the Web Development Life Cycle

30. Web Page Design and Development
Purpose
Professors publish to inform students
Businesses publish to advertise products or to give support
Organizations publish to keep members informed
Individuals publish to share hobbies and knowledge

32. Web Page Design and Development
Web Site Organization
Linear Web site layout
Hierarchical Web site layout
Webbed Web site layout
Narrow Web site layout
Deep Web site layout

33. Web Page Design and Development
Linear Web Site Layout
Hierarchical Web Site Layout
Webbed Web Site Layout
Deep Web Site Layout
Narrow Web Site Layout

34. Web Site Testing
Web sites should be tested at various stages of the WDLC
Review of Web page content, functionality, and usability
Usability is the measure of how well the Web page allows a user to accomplish goals
Usability testing

36. Web Site Implementation and Maintenance
Implementation involves the publishing of Web pages to a Web server
Determine who is responsible for updates to the Web page
Limit the ability of certain users to update the Web page
Web site monitoring
Utilize logs to keep track of Web site usage and statistics

37. Summary Describe the Internet and its associated key terms
Describe the World Wide Web and its associated key terms
Identify the types and purposes of Web sites
Discuss Web browsers and identify their purpose
Define Hypertext Markup Language (HTML) and the standards used for Web development

38. Summary Describe Web editors and their relationship to Web development
Discuss the five phases of the Web development life cycle
Describe Web site layouts and the purpose of each layout
Describe the importance of testing throughout the Web Development Life Cycle

39. Intro Project Complete