Please enable JavaScript.
Coggle requires JavaScript to display documents.
CONCEPTOS BÁSICOS: HTML, CSS, JAVASCRIPT, image, image, image, image,…
CONCEPTOS BÁSICOS:
HTML, CSS, JAVASCRIPT
HTML
Hypertext Markup Language
HIPERTEXT:
Texto ordinario al que se le incorporan funcionalidades como: Formato, Imágenes, Multimedia y Enlaces a otros documentos.
MARKUP:
Procesador de tomar el texto ordinario e incorporarle símbolos adicionales. Estos símbolos identifica a un comando que le indica al navegador como mostrar ese texto.
En una
PÁGINA WEB
la función del HTML es dar ESTRUCTURA mediante: Párrafos, Encabezados, Listas, Tablas, Capas, etc. También la función del HTML es dar CONTENIDO mediante: Textos, Imágenes, Enlaces.
En una
PÁGINA WEB
la función de CSS es dar APARIENCIA mediante: Colores, Tipografías, Alineación, Fondos, Tamaños, etc.
En una
PÁGINA WEB
la función de JAVASCRIPT es dar COMPORTAMIENTO mediante: Efectos, Validaciones y Automatización.
HISTORIA
1986: La organización internacional de los Estándares publica el SGML (Standard Generalized Markup Language)
1990: Tim Berners-Lee crea la WWW y el HTML
1993: se crea el HTML 2.0
1995: el W3C define el HTML 3.0
1997: se define el estándar HTML 4.0
1999: aparece el estándar actual HTML 4.01
W3C (WORLD WIDE WEB CONSORTIUN)
Consorcio Internacional donde Organizaciones Miembro, Personal Full-Time y público en general desarrollan Estándares Web.
MISIÓN:
Maximizar el potencial de WWW creando protocolos y guías que aseguren el crecimiento.
ORGANIZACIONES MIEMBRO:
Adobe, Apple, Google, HP, Microsoft, Mozilla Foundation, Nokia, Opera Software, Yahoo! y de Universidades de todo el mundo.
TIPOS DE ELEMENTOS
ESTRUCTURALES:
Describen el propósito del texto y no detonan ningún formato específico.
EJEMPLO:
<h1>Curso HTML</h1>
DE PRESENTACIÓN:
Describen la apariencia del texto, independientemente de su función, estos se encuentran obsoletos desde la aparición de CSS.
EJEMPLO:
<b>Curso HTML</b>
DE HIPERTEXTO:
Relacionan el documento a otros documentos.
EJEMPLO:
<a href=“http://www.cema.edu.ar”>Universidad del Cema</a>
ESTRUCTURA DE UN DOCUMENTO HTML
<HTML> - </HTML>:
Delimita el documento.
<HEAD> - </HEAD>:
Delimita el encabezado del documento
<BODY> - </BODY>:
Delimita el cuerpo del documento, es donde se incluyen los contenidos visibles del documento.
<TITLE> - </TITLE>:
Define el título del documento.
<SCRIPT> - </SCRIPT>:
Se usa para incluir programas al documento, en general son JAVASCRIPTS.
<STYLE> - </STYLE>:
Permite especificar información de interés como: Autor, Fecha de publicación, Descripción, Palabras clave, etc.
ESTILOS CSS
Antes de la aparición de los ESTILOS, la presentación se manejaba directamente dentro de los elementos HTML por medio de tributos.
CSS
permite separar el contenido de un documento de su presentación.
VENTAJAS DEL USO DE CSS
Estandarizar la presentación de un sitio web completo, haciéndola fácil de mantener.
Diferentes usuarios pueden contar con diferentes estilos
acordes a sus necesidades.
Los documentos HTML se reducen en tamaño y complejidad.
