CONECTIVISMO Y COMUNICACIÓN.
Objetivo: Dotar de habilidades básicas en el manejo de correo electrónico, pagina web, foros y redes sociales, favoreciendo la comunicación.
CONTENIDOS DEL MODULO.
PAGINA HTML
Estructura básica html
Un documento en HTMl debería tener esta estructura básica, y, a partir de este se podrá generar la maqueta de elementos para formar nuestro diseño en HTML, ya sea mediante el uso de tablas o con el uso de DIVs y con código CSS posicionar y dar formato a estos, el código es el siguiente:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Donde
<html> Indica el inicio del documento.
<head> Inicio de la cabecera.
<title> Inicio del título del documento.
</title> Final del título del documento.
</head> Final de la cabecera del documento.
<body> Inicio del cuerpo del documento.
</body> Final del cuerpo del documento.
</html> Final del documento.
Cómo poner el título a un documento HTML
Para poner el título a un documento html, hacemos uso la viñeta <title> que debe ir colocado dentro del encabezado del documento, es decir, entre los tags <head>.
Aquí el ejemplo:
<html>
<head>
<title>Título de la página, es lo que se despliega en la parte superior izquierda del navegador.</title>
</head>
<body>
<p>Cómo poner el título a un documento HTML</p>
</body>
</html>
listas numeradas en html
Mediante la etiqueta <ol> podemos generar listas con elementos numerados y ordenar los elementos que queramos y/o necesitemos, pero necesitamos también del uso del tag <li> para cada opción de nuestra lista, para generarlas nos podemos basar en el siguiente código como ejemplo de listas numeradas en HTML:
<ol type=”1” start=”10”>
<li> El Salvador </li>
<li> Guatemala </li>
<li> Honduras </li>
<li> Nicaragua </li>
<li> Costa Rica </li>
<li> Belice</li>
</ol>
Donde type es el tipo de lista que puede ser 1; numéricamente, a; letras minúsculas,
A ;letras mayúsculas, i; números romanos minúsculas y I; números romanos en mayúsculas, y start es el numero o valor donde comenzara nuestra lista.
Ejemplo de Cómo poner imagen de fondo en HTML
Para poner una imagen de fondo con HTML es necesario agregar el atributo background al tag <body> y hacer referencia a una imagen, tal como se describe en el siguiente ejemplo:
<html>
<body background="fondo.jpg">
<h3>Ejemplo de imagen de fondo</h3>
<p>Se pueden utilizar archivos en formato jpg, gif o png. No es recomendable usar otro formato.</p>
<p>Si la imagen es más pequeña que la página, se repetirá en mozaico. .</p>
</body>
</html>
FOROS Y REDES SOCIALES.
No hay comentarios:
Publicar un comentario