1. WEB PAGES: CREATING AND MAINTAINING ** Frank Romanelli FrankR@Udel.Edu http://udel.edu/~frankr Instructor: Wednesday: 10:15 -11:15 Week 2

2. WYSIWYG Editors Web pages on the Internet ? What is a web page ?? Server vs. Client How do I access a web page ? What’s a Browser ? Default page - “ index.html ” hypertext transport protocol Learning HTML Plan Your Site

3. Go to the Class website: http://udel.edu/~frankr

4. Creating your First Web Page Using HTML Tags

5. Is it Difficult... Is this going to require that I learn a whole new Computer language like Basic or Fortran or some other cryptic, God-awful, silly-lookin', gothic extreme gobbledygook? 5 IF IF = THEN THEN THEN = ELSE ELSE ELSE = IF;

6. Questions … Answers... 6 Q. Must I be logged onto the Internet to do this? Specifically, will learning this make me spend a lot of time on-line? A. No. You will write off-line.

7. Questions … Answers... 7 Q. Do I need an expensive program to help me write this? A. No. You will write using just Notepad. You can buy those programs if you'd like, but they're not needed. But are they EASIER to use?

8. 8 16 Typical Program to “easily” create a website PICK ONE!

9. How …. Use Notepad to create a text file Learn simple rules of H.T.M.L –Hyper Text Markup Language Display using Browser 9

10. HTML - Simple - yeah right! 10

11. HTML - Simple - yeah right! Just like reading… – Top to bottom…. – Left to right … 11 You just create a “simple” text file –with “Tags”

12. H yper T ext M arkup L anguage 12 Use TAGS (commands) Example: to start underline: to stop underline Important! No Spaces

13. 13 LEARNING HTML IS EASY HTML The Underline Tag EndingStarting LEARNING IS EASY

14. 14 LEARNING HTML IS EASY HTMLLEARNING IS EASY This is what will be displayed in the Browser This is what you typed into the Text File.

15. 15 The Underline Tag EndingStarting Tags that are on ALL Web Pages !!!

16. 16 EndingStarting Tags that are on ALL Web Pages !!!

17. 17 Basic Tags on All Web pages 16

18. 18 Basic Tags on All Web pages 16 This is the title Welcome to my webpage

19. 19 Open “Notepad” ( Start, All Programs, Accessories, Notepad ) 15 Notepad Your Turn !!

20. 20 my web page welcome to my web page! Basic Tags on All Web pages Optional …. upper /lower Indenting 17 Verify your spelling, File Name = " web1.html " Save the file in “ My Documents / My Web Files "