Introduction to Computers 12/6/ BEGINNING HTML DESIGNING YOUR OWN WWW PAGES

Introduction to Computers 12/6/ What is HTML? Hypertext Markup Language Used to create documents for the WWW Structure is important

Introduction to Computers 12/6/ General Command Format Not case sensitive Tabs and Returns are not recognized Commands start with a There is a beginning and an ending to most command structures The / symbol is used to terminate a command structure

Introduction to Computers 12/6/ Starting a WWW page Start a WWW page by declaring itself End a WWW page by terminating itself

Introduction to Computers 12/6/ Parts of a HTML document Heading Title Body

Introduction to Computers 12/6/ The Heading Title of your WWW page

Introduction to Computers 12/6/ The Body Starts with: Heading Levels Paragraphs Lists Links Ends with:

Introduction to Computers 12/6/ The Body: Heading Levels Six heading levels: h1 to h6 General format and where x is the heading level 1..6 Level 1 is the largest font size and 6 the smallest Example: My First Page

Introduction to Computers 12/6/ The Body: Paragraphs Used to separate paragraphs General format This is your paragraph

Introduction to Computers 12/6/ The Body: Lists Three kinds of lists OrderedNumbered UnorderedBullets DefinitionExplanatory List

Introduction to Computers 12/6/ Lists : Ordered Numbered General Format Begins with and ends with Individual items in the list are designated with a in front of them. (NOTE: there is no ) Example: Chapter 1 Chapter 2

Introduction to Computers 12/6/ Lists: Unordered Bullets General Format Begins with and ends with Individual items in the list are designated with a in front of them. (NOTE: there is no ) Example: Chapter 1 Chapter 2

Introduction to Computers 12/6/ Examples Ordered My first WWW page This is your paragraph 1. Chapter 1 2. Chapter 2 Unordered My first WWW page This is your paragraph Chapter 1 Chapter 2

Introduction to Computers 12/6/ Lists: Definition Bullets General Format Begins with and ends with Individual items in the list have two parts Term (NOTE: there is no ) Definition (NOTE: there is no ) Example: Chapter 1 Keys to Success

Introduction to Computers 12/6/ The Body: Links Four types Page Images - still Images - motion Sound

Introduction to Computers 12/6/ Links: Page URL - Uniform Resource Locator Internet protocol used to reach document or resource Address of a document or resource protocol://machine.name.directory/docum ent

Introduction to Computers 12/6/ Links: Page General Format text of link The text of link is the part that the users will click or select to activate the link Example: Dakota RoughRider

Introduction to Computers 12/6/ Links: Images - Still Image must be in GIF or JPEG format Image must be in same folder as your html file General Format optional caption Example: This is a parrot

Introduction to Computers 12/6/ Links: Images - Still Options Image alignment - top, middle or bottom Aligns base of the image with the base line of the surrounding text General Format: optional caption Example: parrot

Introduction to Computers 12/6/ Links: Images - Motion Image should be in MPEG format Image must be in same folder as you html file General Format text of link Example: Parrots in flight

Introduction to Computers 12/6/ Links: Sound Sound should be in AU format Image must be in same folder as you html file General Format text of link Example: Sounds of parrots

Introduction to Computers 12/6/ Extras Bold text Italic text Center text or image

Introduction to Computers 12/6/ General Overview Ostrich text for your page

Introduction to Computers 12/6/ Java Applets A Java applet is a small Java application that is embedded in an HTML document and runs in a browser window. When a browser interprets a document that contains a Java applet, the program files are downloaded onto the user’s machine and then the browser’s Java interpreter runs the applet.

Introduction to Computers 12/6/ Making an Applet Must change your program to extend to the class GBApplet rather than GBFrame. public class programName extends GBApplet Must also import: java.applet.*; java.awt.*; Must add a reference to the class file in a HTML document to access Java file. Must be included in the body of the HTML document.