1 / 20

WEB PAGES: CREATING AND MAINTAINING **

WEB PAGES: CREATING AND MAINTAINING **. Wednesday : 10:15 - 11:15. Instructor:. Frank Romanelli FrankR@Udel.Edu http://udel.edu/~frankr. Week 2. h yper t ext t ransport p rotocol. What’s a Browser ?. WYSIWYG Editors. How do I access a web page ?. What is a web page ??.

pekelo
Download Presentation

WEB PAGES: CREATING AND MAINTAINING **

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

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

  3. Pop Quiz 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? IF IF = THEN THEN THEN = ELSE ELSE ELSE = IF; NO!

  6. Questions … Answers... 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... 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. Typical Program to “easily” create a website PICK ONE! 16

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

  10. HTML - Simple - yeah right!

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

  12. Hyper Text Markup Language Use TAGS (commands) < > Example: to start underline: • < u > Important! No Spaces • to stop underline • < /u >

  13. The Underline Tag Starting Ending • < u > • < /u > LEARNING HTML IS EASY LEARNING <u> HTML </u> IS EASY

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

  15. The Underline Tag Starting Ending • < u > • < /u > Tags that are on ALL Web Pages !!!

  16. Tags that are onALL Web Pages !!! Starting Ending • < HTML > • < /HTML > • < HEAD > • < /HEAD > • < TITLE > • < /TITLE > • < BODY > • < /BODY >

  17. Basic Tags on All Web pages <HTML> <HEAD> <TITLE> </TITLE> </HEAD> <BODY> </BODY> </HTML> 16

  18. Basic Tags on All Web pages <HTML> <HEAD> <TITLE> This is the title </TITLE> </HEAD> <BODY> Welcome to my webpage </BODY> <HTML> 16

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

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

More Related