Successfully reported this slideshow.
Your SlideShare is downloading. ×

(HTML) Clase1 Conceptos básico de la programación html

Advertisement

More Related Content

Advertisement

(HTML) Clase1 Conceptos básico de la programación html

  1. 1. Clase 1 Conceptos Básicos
  2. 2. ¿Qué es una pagina web? Es un documento electrónico capaz de contener texto, sonido, vídeo, programas, enlaces, imágenes y muchas otras cosas, adaptada a la World Wide Web (WWW) y que se accede mediante un navegador web.
  3. 3. El web site Consta de tres partes: • El código fuente • El diseño y • La publicación
  4. 4. Componentes de una web Departamento
  5. 5. Protocolos tcp-ip ftp http https html
  6. 6. Alojamiento o Hosting Protocolo de transferencia de archivos (en inglés File Transfer Protocol o FTP)
  7. 7. FTP File Transfer Protocol
  8. 8. Dirección de dominio Protocolo de control de transmisión/Protocolo de Internet t-c-p i-p www
  9. 9. Diseño de una web Protocolo de control de transmisión/Protocolo de Internet t-c-p i-p
  10. 10. HTTP Hypertext Transfer Protocol
  11. 11. ¿Qué significa http o https? Son las siglas en inglés de HiperText Transfer Protocol Security (en español, protocolo de transferencia de hipertexto seguro).
  12. 12. ¿Cómo se hace una pagina web? Con el lenguaje de programació n HTML 5
  13. 13. HTML HyperText Markup Language
  14. 14. Logica de Programación html • Se basa en cuadros y subniveles
  15. 15. El código fuente consta de Marcos y Cuadros
  16. 16. Se hace mediante editores web
  17. 17. El diseño web • Archivos en carpetas • ¿Cuantas web hay? • ¿Cual es la pagina de inicio?
  18. 18. Lógica de Programación html <html> Pagina en blanco <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>Pagina nueva 1</title> </head> <body> </body> </html> En la HEAD reside información acerca del documento, y generalmente no se ve cuando se navega por él
  19. 19. Comenzamos con la pagina de inicio = index • Define el estilo de la web • Alberga todas las web de nuestro site • Debe decir mucho en pocas palabras
  20. 20. Vamos a la practica • <html> • <head> • <title>Pagina de XX</title> • </head> • <body> • <p>Hola mundo soy XX</p> • </body> • </html>
  21. 21. Descargar el frontpage de www.asipop.com

×