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

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

3. Introduction to Computers 12/6/2015 3 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

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

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

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

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

8. Introduction to Computers 12/6/2015 8 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

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

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

11. Introduction to Computers 12/6/2015 11 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

12. Introduction to Computers 12/6/2015 12 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

13. Introduction to Computers 12/6/2015 13 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

14. Introduction to Computers 12/6/2015 14 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

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

16. Introduction to Computers 12/6/2015 16 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 http://www.bps.k12.nd.us

17. Introduction to Computers 12/6/2015 17 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

18. Introduction to Computers 12/6/2015 18 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

19. Introduction to Computers 12/6/2015 19 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

20. Introduction to Computers 12/6/2015 20 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

21. Introduction to Computers 12/6/2015 21 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

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

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

24. Introduction to Computers 12/6/2015 24 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.

25. Introduction to Computers 12/6/2015 25 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.