Está en la página 1de 5

ASIGNATURA: INFORMATICA

DOCENTE: FERNANDO MARTINEZ (JT)


GUÍA # 2 de 3
OSCAR MONDRAGÒN (JM)
SEMESTRE: PERIODO 4 GRADO: SEPTIMO
COMPETENCIA Y/O HABILIDAD A TRABAJAR:

Aplico los conceptos aprendidos sobre el lenguaje HTML, para diseñar el entrono inicial de una Página
Web.

CONTEXTUALIZACIÓN:

El uso de los medios digitales para promover negocios y emprendimientos se afianza en estos
momentos de nueva normalidad que está viviendo el país, para esto se hará uso de los conocimientos
en el lenguaje HTML para construir nuestra página WEB.

Misión

Realizaremos nuestra pagina web usando


los comandos del lenguaje HTML que
hemos trabajado durante este periodo.

Has aprendido y tienes las herramientas


para seguir construyendo el mundo WEB,
el aporte que hagas desde tu
conocimiento y los temas que publiques,
permitan que más personas conozcan y se
enriquezcan con cosas nuevas.

No olvide que debes tener en cuenta la


propuesta de la guía 4 del tercer periodo.

Revisa bien las actividades que están


divididas para estudiantes con guías
digitales y guías en casa

Actividades para desarrollar

Partiendo del diseño y de los conceptos que se trabajaron en guías anteriores, realicemos una lista de chequeo
de los elementos que necesitamos:

Diseño de Iconos Personales

Para guías digitales:


Usando un programa editor de imagen (ejemplo Paint) puedes construir el logo principal de la página. También
puedes tomar una fotografía si lo realizarte en hoja.
Para guías en casa:
Si eres estudiante con la modalidad de guías en casa, toma una hoja tamaña carta, u oficio y dibuja el logo
personal de tu pagina en el espacio que indicaste en las guías anteriores. Usa colores característicos.
Determinar el tamaño y color de las letras

Para guías digitales:


Ten en cuenta el código HTML para realizar los textos, en relación con el cambio de tamaño y color. Recuerda:

Para guías en casa:


En la misma hoja ya después de haber ubicado el icono coloca los textos que has indicado para tu página,
escríbelos con los colores seleccionados y el tamaño que hallas indicado.

Colocar el menú de la página

Para guías digitales:


Tener en cuenta que puedes usar los códigos para realizar las tablas:

Ejemplo para menú horizontal o vertical


Vertical: Código:

Horizontal: Código:

Para guías en casa:


Realice el menú con colores en el texto y los bordes en la misma hoja, ubicándolo en el espacio que definiste,
Agrega los textos según las secciones de la página que quieres colocar.

Agregar imágenes y fondo a la página web.

Para guías digitales:


Para insertar imágenes se utiliza la instrucción “img”, esta no necesita cerrarse como las demás instrucciones

Para el fondo es necesario colocar esta instrucción dentro del espacio del cuerpo de la página (<body>)
Si solo se quiere agregar un color sin imagen para el fondo usa la instrucción:

Para guías en casa:


Colorea el fondo de la hoja o agrégale un diseño que sea acorde al contenido de la página, organízala para
entregarla. Recuerda que puedes hacer la actividad en una hoja carta u oficio para entregarla, Recuerda usar tu
creatividad. Intenta escribir el código de la pagina en otra hoja y envíala anexa con la anterior.

Ejemplo de la página básica

Código HTML

Este código se utilizó para diseñar el ejemplo anterior, obsérvalo detalladamente y utiliza lo que necesites.
0Reto de Campo

Enviar las evidencias de la página WEB:

Guías Digitales: envía pantallazos de tu página (imp


pant), arma un solo documento en Word o Power
Point, incluyendo pantallazos del código fuente.

Intenta colocar códigos diferentes que hagan más


llamativa tu página WEB. Entrega al correo del
docente o a classroom. Usar por favor la cuenta de
correo institucional que se le creo.

Guías en Casa: Envía en una hoja el diseño y en la


otra intenta enviar de forma escrita el código de la
página.

CRITERIOS DE EVALUACIÓN:

Criterio Valoración

Es puntual en la entrega de la actividad en la 1.0


plataforma de classroom.
Aplica la netiqueta en la entrega del trabajo 1.0

El juego responde a los siguientes criterios: 8.0

1. La página responde a la propuesta que se


envió en la guía 4 del tercer periodo.
2. Hace uso de todos los recursos audiovisuales
para hacer atractiva la página (video y
podcast)
3. El código que se presente corresponde a la
página diseñada.
4. El diseño es interesante y responde al tema.
5. El texto o información que contiene la página
es relevante y tiene relación con el tema
propuesto.

La retroalimentación tendrá la calificación de la actividad y se enviará recomendaciones para futuros


trabajos, siempre y cuando este dentro de los tiempos de entrega.

RECURSOS DIGITALES.

Netiqueta https://www.elespectador.com/opinion/opinion/netiqueta-para-el-email-columna-657735/

Ejemplo de vida https://www.eltiempo.com/cultura/gente/historia-de-un-hombre-que-demostro-como-


cumplir-los-suenos-507162
Las etiquetas de HTML: http://redondelasequeja.blogspot.com/2013/08/fundamentos-de-html.html

También podría gustarte