El documento explica los conceptos básicos de una página web, incluyendo que una página web es un documento electrónico que contiene texto, sonido, video y otros elementos accesibles a través de un navegador web. Detalla que un sitio web consta de código fuente, diseño y publicación, y que se hacen usando lenguajes como HTML, CSS y protocolos como HTTP. Finalmente, provee una introducción al desarrollo de páginas web mediante la estructura y lógica básica de HTML.
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. El web site
Consta de tres partes:
• El código fuente
• El diseño y
• La publicación
13. El diseño web
• Archivos en carpetas
• ¿Cuantas web hay?
• ¿Cual es la pagina de
inicio?
14. 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
15. ¿Qué significa http o https?
Son las siglas en
inglés de HiperT
ext
Transfer Protocol
Security (en español,
protocolo de
transferencia de
hipertexto seguro).
16. ¿Cómo se hace una
pagina web?
Con el
lenguaje de
programació
n HTML 5
18. HTML
• <html> está al inicio de un documento
HTML e indica a los navegadores que la
página tiene código HTML para que pueda
leerlo de esa forma. Siguiendo la sintaxis
del lenguaje, la etiqueta de
cierre </html> será el último elemento del
documento.
19. HEAD
• <head> es la etiqueta que se utiliza para
el encabezado de la página. Su principal
función es contener toda la información
del funcionamiento del sitio. Debido a
esto, es un código encriptado que las
personas que entran a la página no
pueden ver.
20. Título de la página
• <title> es la etiqueta que da a tu sitio un
nombre para que los usuarios puedan
identificarlo. Es el título que puedes ver en
las pestañas del navegador.
21. Cuerpo
• <body> es la etiqueta que contiene todos
los elementos individuales del sitio. O
dicho de otra forma, comprende todo
el contenido visible del sitio. Aquí
podrás insertar texto, imágenes, videos o
cualquier otra funcionalidad que desees
mostrar.
26. 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
27. Vamos a la practica
• <html>
• <head>
• <title>Pagina de XX</title>
• </head>
• <body>
• <p>Hola mundo soy XX</p>
• </body>
• </html>