Intro Project Introduction to HTML

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

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

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

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

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)

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

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

Web Site Types and Purposes

Internet Site

Internet Site

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

Hyperlinks

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>

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

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>

HTML Elements

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Intro Project Complete