Sesión Didáctica No. 3

 

PREGUNTA PROBLEMATIZADORA

¡Cómo aprovechar los recursos digitales que ofrece la tecnología para mejorar la productividad tanto a nivel personal como corporativo? 
 
 

AMBITOS CONCEPTUALES

 
  • Identificación de conceptos web.
  • Herramientas de Fireworks para crear sitios web (botones, intercambio de imágenes, menú emergentes, animaciones, capas, divisiones)
  • Fases para crear un proyecto de sitio web.
  • Creación y edición de mensajes publicitarios.
  • Diseño de un proyecto web.

METAS DE APRENDIZAJE

  1. Identificar el funcionamiento de una infraestructura web para publicar sitios web.
  2. Utilizar herramientas de firewoks para crear y editar sitios web.
  3. Aplica conceptos de innovación para proponer proyectos de investigación.

 

INDICADORES DE DESEMPEÑO

 

SABER CONOCER

Interpreta y reconoce gráficos, bocetos y métodos  para  plantear propuestas de solución a necesidades humanas..

 

SABER HACER

Identifica problemas de otras disciplinas para ser resueltas con las tecnologías de la información y la comunicación.

 

SABER SER

Valora la contribución de las TIC en el  desarrollo y los cambios sociales de su entorno para participar en ellos

 

ACTIVIDAD No. 1. Taller de infraestructura Web

 

Consulta la siguiente información, te servira para comprender el funcionamiento físico y lógico de la estructura web:

 

1.       Define los siguientes términos:

            Dirección IP, servidor de dominio, servidor de hospedaje, DNS. IP pública.

2.       Cuáles son los componentes que conforman una dirección de dominio.

3.       Que empresas web ofrecen los servicios de dominios y hospedaje.

4.       Cuáles son los lenguajes de programación más comerciales para desarrollar sitios web?

5.       Explica el procedimiento para publicar un sitio web en Internet.

6.       Que es lenguaje HTML, describe su funcionamiento.

7.       Cuál es la estructura de un documento HTML.

8.       Cuáles son las etiquetas para:

a.       Cambiar formato a la fuente (tipo, tamaño, color, negrulla, cursiva, subrayado)

b.      Insertar imagen.

c.       Alinear parrafor.

d.      Aplicar color de fondo

e.      Insertar hipervínculos

f.        Crear tablas

 

PRACTICA 

    PRACTICA 

1. Crea una carpeta con el nombre de MI HTML 

2. Descarga una imagen relacionada con HTML y nombrala como html.jpg

3. Abre un blog de notas y digita el siguiente codigo:

 <html>

 
<head>
<title>Mi primera pagina web en HTML</title>
</head>
 
<body bgcolor="ffhhyy">
<h1 align="center">MI PRIMERA PAGINA</h1>
 
<p align="center"><img src="html.jpg" width="512" height="386" /></p>
 
<p align="center"><strong><font color="blue">EL LENGUAJE HTML</font></strong></p>
 
<p align="center"><font color="FFCCFF" size="4">HTML, sigla en inglés de HyperText 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.</font> </p>
 
 
<p align="justify">Es un estándar a cargo del World Wide Web Consortium, organización dedicada a la estandarización de casi todas las 
tecnologías ligadas a la web, sobre todo en lo referente a su escritura e interpretación. Se considera el lenguaje web más importante siendo su invención crucial 
en la aparición, desarrollo y expansión de la World Wide Web (WWW). Es el estándar que se ha impuesto en la visualización de páginas web y es el que todos los 
navegadores actuales han adoptado</p>
 
</body>
 
</html>
 
4. Guanda el archivo como index.html en la carpeta designada.
 
5. Busca la carpeta y ejecura el archivo.

 

 

 
ACTIVIDAD No. 2. CREACION DE PÁGINAS WEB EN HTML

 

Estos son las caracteristicas que debe tener el sitio web:

  1. Crea una estructura de carpetas para crear un sitio web.
  2. Crea tres documentos HTML con las siguientes caracteristicas:
  3. Documento 1 (index.html). Crea un banner para elencabezado de la pagina web, e inserta un menu con los tres hipervinculos para enlazar las diferentes páginas.  Aplica color de fondo y un parrafo de introducción.
  4. Documento 2. (nombre1.html). Debe contener el mismo encabezado del index, el menu y publicar 4 imagenes donde se expliquen sus caracteristicas.
  5. Documento 3. (nombre2.hthm). Debe contener el mismo encabezado del index, el menu y crear una tabla de 7 filas y 5 columnas para realizar el   horario  de clases.

 

 

PRACTICA: CREAR TABLAS E HIPERVINCULOS EN HTML

 
<html>
<head>
 
<title>tabla y vinculo</title>
</head>
 
<body>
 
<table align="center" width="200" border="1">
  <tr>
    <td>LUNES</td>
    <td>MARTES</td>
    <td>MIERCOLES</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p align="center"><a href="www.google.com.co">Ir a google</a></p>
</body>
</html>