web111a_chapt01.ppt Definitions Hypertext Documents Documents containing elements that can be selected Links Active pointers to other documents or files Internet Network of servers around the world Web Page Single document displayed by a browser Web Site Group of Web Pages (can consists of a Home Page only) Home Page Beginning (door) to a Web Site Elements of a Web Page Text Images Links Programs (JavaScript, VBScript, ASP, etc.) Internet Service Provider (ISP) Direct connect to the Internet network

web111a_chapt01.ppt Wide World Web ISP Web Server Internet * Phone line, DSL, Cable, etc. connections # High speed connection * * * * * * * # # #

web111a_chapt01.ppt ISP Web Server User 1.User request web page ( 2.Server locates requested page 3.Server returns requested page 4.Browser decodes HTML code and displays page Process repeats Internet Access

web111a_chapt01.ppt Internet Access Computer Hardware Operating System Applications MS Word PowerPoint Netscape Internet Explorer Excel

web111a_chapt01.ppt Language of the Web HTML Hypertext Markup Language Describes the content and format of documents Interpreted by the browser Frees designers of programming for specific browsers Speed in download Smaller files Problem: cannot control how each browser will display the page Brand differences (Netscape, Internet Explorer) Version of the browser Syntax data of some kind Extensions (new tags) to HTML Browser proprietary Decrease compatibility between browsers HTML tools Text editor (MS Word Pad, MS Word, etc.) HTML Converters (MS Word, Excel, PowerPoint) HTML Editors (Frontpage, Hot Dog, CuteHTML)

web111a_chapt01.ppt HTML Syntax Basic page layout this displays in the heading of the browser background color HTML tags, data, images, links

web111a_chapt01.ppt HTML Syntax Tags HTML codes to control the appearance of the document content Two-Sided Tags Opening Tag: tells the browser when to begin the tag function Closing Tag: tells the browser when to stop the tag function Opening Tag Closing Tag Example WEB111A One-Sided Tags (Empty Tags) Opening Tag: tells the browser when to begin the tag function begin list line 1 of listone-sided tag line 2 of listone-sided tag end list

web111a_chapt01.ppt Heading Tags Format: heading-text ? = size of heading desired 1 – 6 Smaller the #, the larger the text 1 = largest text 6 = smallest text some Text

web111a_chapt01.ppt Paragraph Tags Format: Paragraph Tag paragraph tag: inset text between the opening and closing tag - puts a blank line between paragraphs Puts a blank line between paragraphs Line returns (carriage returns)

web111a_chapt01.ppt Lab I Page 1.12 – 1.22

web111a_chapt01.ppt 1.this is line 1 2.this is line 2 3.this is line 3 4.this is line 4 This is an ORDERED LIST with no TYPE attribute this is line 1 this is line 2 this is line 3 this is line 4 This is an ORDERED LIST with TYPE = 1 this is line 1 this is line 2 this is line 3 this is line 4 1.this is line 1 2.this is line 2 3.this is line 3 4.this is line 4 Ordered Lists

web111a_chapt01.ppt Ordered Lists This is an ORDERED LIST with TYPE = A or a this is line 1 this is line 2 this is line 3 this is line 4 A.this is line 1 B.this is line 2 C.this is line 3 D.this is line 4 This is an ORDERED LIST with TYPE = I or i this is line 1 this is line 2 this is line 3 this is line 4 I. this is line 1 II. this is line 2 III. this is line 3 IV. this is line 4

web111a_chapt01.ppt Unordered Lists This is an UNORDERED LIST with no TYPE attribute this is line 1 this is line 2 this is line 3 this is line 4 this is line 1 this is line 2 this is line 3 this is line 4 This is an UNORDERED LIST with TYPE square this is line 1 this is line 2 this is line 3 this is line 4 this is line 1 this is line 2 this is line 3 this is line 4 This is an UNORDERED LIST with TYPE circle this is line 1 this is line 2 this is line 3 this is line 4 o this is line 1 o this is line 2 o this is line 3 o this is line 4

web111a_chapt01.ppt Definition Lists This is a DEFINITION LIST First line First line data Second line Second line data Third line Third line data First line First line data Second line Second line data Third line Third line data

web111a_chapt01.ppt Character Tags Not used much,,,,, More often used … Bold Displayed data … ItalicDisplayed data … UnderlinedDisplayed data Typewriter Text Displayed data Displayed data Displayed data 12 Subscript X Superscript X 12

web111a_chapt01.ppt Image Tag Format: img = Image src = Source location <img src=“

web111a_chapt01.ppt Special Characters Preceded by an & Format: &#code-numeric &code-name ©&#169 &copyCopyright symbol ®&#174 &regRegistered Trademark ™&#153&tradeTrade Mark Page 132 Appendix B

web111a_chapt01.ppt Horizontal Lines Format: line across screen Align=center, left, right Size=height width=width color= noshade

web111a_chapt01.ppt Lab II Page 1.22 – 1.34 Homework Assignment Case Problems Case 1. ChildLink, Inc. Page 1.39