C L H

Diseñando mi primer página web

Página Principal
Introducción | Tarea | Proceso | Recursos | Evaluación | Conclusión | Créditos


Clase de informática

Área: Educación Tecnológica

Nivel: Secundaria


Introducción: Después de habernos introducido y tener una idea más clara de los tags básicos para realizar una página Web. Iniciaremos nuestra práctica realizando su primer página Web. Debes tener presente que tenemos que hacerla práctica y eficiente. En Internet hay muchisimas páginas,  seguramente has  encontrado muchas que son feas, o que no resultan útiles porque te pierdes en ellas, o que no tienen una información interesante ni bien organizada, entre otros defectos. 
Tarea: Con tu compañero crea las siguientes páginas:

Una página que será la principal  ó indice como lo muestra el ejemplo, y la nombrarán index,  esta página debe contener las ligas o links para conectar cada una de sus páginas, inicien con su página personal, para despues poder hacer

Cada uno de los integrantes del equipo realizará  su página personal, donde incluiran los siguientes datos:
  1. Títulos de su página
  2. Datos personales ( en un parrafo).
  3. Insertar su fotografía
  4. insertar lineas de separación ( <HR> )
  5. por último agregar los créditos y su correo electrónico para que se puedan contactar con ustedes.
Recuerda que "La navegación debe ser lo más clara posible  para que el usuario sepa siempre dónde está y qué información contiene la página web". (botones conectando las diferentes secciones de tu página.)

ejemplo
Proceso:


1.Se trabajará de forma local, utilizando una carpeta en el escritorio con el nombre, (equipo1, equipo2, etc), y al final de la sesión respaldarán su trabajo en la red en la carpeta de Educación Tecnológica, estará asignada una carpeta con el nombre Páginas Web, ahí guardarán su carpeta con el contenido de sus páginas, de la misma manera su carpeta e imágenes que utilicen deberán guardarlas en su memoria USB.

Con el fin de llevar a cabo esta tarea, elegiran a  un compañero para planear en un diagrama de flujo la organización y fluidez de sus páginas con el programa inspiration, exportando al final su diagrama como imagen jpg:

2. Su carpeta deberá contener 6 archivos (3 páginas Web y 3 archivos de imagen), con los siguientes nombres:

  1. index.html
  2. alumno1.- Deberá tener asignado su 1er  apellido y las demas letras de su nombre sólo las 
  3. alumno2.- iniciales., Ejemplo:  hernandezpci.html (Carlos Ireneo Hernández Portilla)
  4. foto1.jpg
  5. foto2.jpg
  6. diagramaequipo1.jpg

3. El contenido de la página se explica en la sección Tarea
4. Aspectos estéticos y técnicos como la organización, los colores, la composición de la página, las imágenes, etc. . .
5. Recordar que todos los recursos que utilicen también deberán estar en esta carpeta, les recomiendo utilizar nombres sin espacios y en minúsculas, lo más cortos posibles.

Recursos:

La información que necesitas la puedes encontrar en los siguientes enlaces a  Internet.

AYUDA HTML

Página de apoyo alumnos de 3ero. de secundaria

Referencias de los TAG´S

Web de ayuda HTML

Evaluación:

RECUERDA: A la hora de evaluar el trabajo se tendrán en cuenta los siguientes aspectos:

1.El respaldo de su trabajo en la RED, así como en su memoria USB es su responsabilidad.

2.  La calidad de la página web realizada en cuanto al contenido y el diseño.

3. La fluidez entre las páginas, la calidad y corrección del texto incluido: ortografía, sintaxis, léxico, etc., para que se acostumbren  a cuidar este aspecto.


Conclusión: Al final se llevará a cabo una reflexión en grupo sobre la utilidad del trabajo realizado, sobre sus ventajas e inconvenientes, sobre lo aprendido y lo que queda por aprender.
Créditos: Autor: Carlos Ireneo Hernández Portilla

E-mail: carlos@hayas.edu.mx


[Arriba]

Página creada para utilizarla de apoyo en las clase de Tecnologías  en la sección Secundaria del Colegio Las Hayas

Octubre

2010

®