capacitación sobre terminología web.. temas a tratar html javascript php cmss (content management...
TRANSCRIPT
Capacitación sobre terminología web.
Temas a tratar
• HTML• JavaScript• PHP• CMSs (Content Management System)
HTML
• ¿Qué es? ¿Para que sirve?HTML es el lenguaje con el que se definen las páginas web. Es un conjunto de etiquetas (<b><p><i>) que sirven para definir el texto y otros elementos que compondrán una página web.
HTML
• Estructura básica.Un archivo HTML es un simple archivo de texto plano pero en vez de tener la extensión TXT contiene la extensión HTML.
Para realizar un archivo HTML es necesario un simple editor de texto plano, por ejemplo Notepad.
HTML
• Estructura básica.<html>
<head><!– Encabezado de la página <title>Título de la página</title>
</head><body>
<!– Cuerpo de la página <p>Este es un párrafo
</body></html>
HTML
• Elementos HTML de estructura.<div> - Es un contenedor a nivel de bloque para otros elementos.<table> - Actúa como contenedor para la información de una tabla.<form> - Inserta un formulario en el sitio web.<iframe> - Inserta un marco en el sitio web.<object> - Inserta aplicaciones externas.
HTML
• Elementos HTML de texto.<p> - Inserta un párrafo.<br /> - Inserta un salto de línea.<b> - Convierte texto en negrita.<i> - Muestra su contenido con estilo de fuente itálica.<h#> - Encabezados. Van desde el nivel 1 al 6.
HTML
• Otros elementos HTML.<a> - Inserta vínculos en el sitio web.<img> - Inserta imágenes en el sitio web.<script> - Actúa como contenedor para scripts del lado cliente.<style> - Contiene código que definen atributos visuales para el documento.
HTML
• Iframe, Que es y para que sirve.El elemento HTML iframe inserta un marco dentro de un documento. Es como si se pudiera abrir una nueva pestaña de un navegador dentro de un sitio web.
Código de inserción en el HTML.<iframe src=“http://www.google.com” />
Preguntas
JavaScript
• ¿Qué es?Javascript es un lenguaje utilizado para crear pequeños programas que luego son insertados en una página web. Con Javascript se pueden crear diferentes efectos e interactuar con los usuarios. Javascript corre del lado del cliente, osea que es ejecutado por el navegador.
JAVASCRIPT
JAVA
JavaScript
• Inserción de código JavaScript en un sitio web.Para insertar código JavaScript en un sitio web (con o sin HTML) se utiliza la etiqueta <script>.
<script type=“text/javascript”>alert(“Soy una alerta”);</script>
JavaScript
• Elementos básicos de JavaScript.Variables:Contienen datos almacenados en la memoria del usuario. Estos datos pueden ser modificados.Constantes:Contienen datos almacenados en la memoria del usuario. Estos datos NO pueden ser modificados.
JavaScript
• Elementos básicos de JavaScript.Condicionales:Ejecutan funciones siempre y cuando se cumpla una acción.• If… Else…• Switch Case
Funciones:Conjunto de acciones que devolverán uno o más resultados.
JavaScript
• Ejemplo<script type=“text/javascript”>var edad = 15; // creamos y seteamos una variable
If( edad == 15 ){alert(“Hay Joda!”);
}
</script>
Preguntas
PHP
• ¿Qué es? ¿Para que sirve?PHP es un lenguaje de servidor, de código abierto y que puede ser incrustado en un HTML.Se utiliza para crear sitios dinámicos ya que pueden utilizarse bases de datos, archivos, etc.
Ejemplo: http://www.26noticias.com.ar
Preguntas
CMS
• ¿Qué es?Los sitios CMS son administradores de contenidos que, en su mayoría, están desarrollados bajo PHP.Existen CMS para venta, noticias, control de stock, etc.
CMS
Sitios de interés.
• HTML: http://www.htmlquick.com/es/• JavaScript: http://www.javascriptya.com.ar/• PHP: http://
www.php.net/manual/es/intro-whatis.php• WordPress: http://es.wordpress.com/• General: http://www.w3schools.com/