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/introwhatis.php
• WordPress: http://es.wordpress.com/
• General: http://www.w3schools.com/
Descargar

Capacitación sobre terminología web.