Embed Size (px)
Citation preview
UNA PAGINA WEB
Qué es HTML
Hyper
Text
Markup
Language
Lenguaje de Marcas de Hipertexto: Hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.
Las Etiquetas
< > Sistema de marcado con etiquetas MAYOR QUE y MENOR QUE.
Etiqueta de inicio <inicio>Etiqueta de cierre </cierre>
<nombre>Contenido</nombre>
Cómo funciona?
El navegador busca las etiquetas, las lee y realiza la traducción según su nombre.
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hola Mundo</title></head><body> <H1>Hola mundo!</H1></body></html>
Una página WEB
Etiquetas más usadas<html>…</html> Indica al navegador que el archivo es un documento HTML
<head>…<head> Encabezado. Este puede tener más información.
<title>…</title> Titulo de la página, no es visible en el contenido.
<body>…</body> Cuerpo del documento HTML.
<center>..</center> Centra el contenido en la página.
<hr> Inserta una línea horizontal.
<h1>…</h1> Encabezado. Pueden ser H1 hasta H6
<p>…</p> Indica al navegar que el contenido es un parrafo.
<b>…</b> Texto en negrilla.
<i>…</i> Texto italizado.
Etiquetas más usadas<ul>…</ul> Listas sin orden
<ol>…</ol> Lista ordenada
<li>…</li> Contenido de la lista
<table>…</table> Tabla
<tr>…</tr> Fila
<td>..</td> Celda
<img src=‘imagen.jpg’ align=‘bottom’> Insertar imagen
<a href=‘http://amazon.com’>Amazon</a> Insertar link<a href=‘mailto:[email protected]’>[email protected]</a> Enlace de correo
DEMOSTRACIÓN
Estilos CSS
Qué es CSS?Hoja de estilo en cascada o CSS (siglas en inglés de cascading style sheets) es un lenguaje usado para definir y crear la presentación de un documento estructurado escrito en HTML o XML
Cómo se usa?
<style>…</style>
Dónde lo ubico?En el mismo documento
Como documento externo
DEMOSTRACIÓN
JAVASCRIP
Qué es?JavaScript es un lenguaje de programación que se utiliza principalmente para crear páginas web dinámicas.
Una página web dinámica es aquella que incorpora efectos como texto que aparece y desaparece, animaciones, acciones que se activan al pulsar botones y ventanas con mensajes de aviso al usuario.
Técnicamente, JavaScript es un lenguaje de programación interpretado, por lo que no es necesario compilar los programas para ejecutarlos. En otras palabras, los programas escritos con JavaScript se pueden probar directamente en cualquier navegador sin necesidad de procesos intermedios.
Cómo funciona?
https://templated.co/
http://www.mejoresplantillasgratis.es/free-templates.htmlhttp://www.misplantillas.com/plantillas-web-gratis/
Recursos
http://librosweb.es/
