FORMAR PARA EL MAÑANA REPUBLICA DE COLOMBIA

INSTITUCIÓN EDUCATIVA DE GUACAMAYO

ACHÍ-BOLÍVAR
OFRECE: EDUCACIÓN PREESCOLAR, BÁSICA PRIMARIA, SECUNDARIA Y
MEDIA, APROBADA SUS ESTUDIOS MEDIANTE RESOLUCIÓN N° 328 DEL 27 DE
NOVIEMBRE DEL 2003, EMANADA DE LA SECRETARIA DE EDUCACIÓN
DEPARTAMENTAL
DANE:213006000154 NIT:806013958-0

GUIA N° 1

AREA: Tecnología e informática DOCENTE: Néstor Vásquez Rossi

ESTUDIANTE: CORREO: vaquezrossinestor@gmail.com

GRADO: 8° (Octavo) Celular: 3203278419

PERIODO: 1° FECHA: 15 al 28 de febrero del 2021

OBJETIVOS DE APRENDIZAJE:

 Reconocer que es el diseño web y como se constituye una página web.

 Reconocer la diferencia entre sitio web y pagina web dentro de los componentes que la integran
 Reconocer que es un elemento de etiqueta y que es un atributo o propiedades de esta.
GRADO OCATVO

TEMA:

Diseño Web. HTML

INTRODUCCION

Apreciado Estudiante y Acudiente de Guacamayo,

En esta guía vas a encontrar los contenidos propuestos y sus orientaciones, junto con las actividades a desarrollar para el
primer periodo académico. Debes apoyarte en la información allí descrita, leer detenidamente e interiorizar cada tema.
También puedes apoyarte en internet (si tienes internet), en los audios y videos enviados por la docente, o llamar al
número celular compartido al final de esta guía.

Agradecemos el acompañamiento del acudiente en este proceso pedagógico, y lo motivamos a que nos siga acompañando,
para que sigamos siendo institución y familia que sabe formar en valores éticos y pedagógicos.

RECOMENDACIONES:

 Escriba el contenido del tema en su respectivo cuaderno de la asignatura de informática.

 El acudiente es de suma importancia para la formación académica del estudiante, este debe estar dispuesto a
ayudar en el desarrollo de las actividades del niño(a).
 Se agradece el acompañamiento del acudiente, en caso de que el estudiante necesite ayuda con una herramienta
(celular, computador) para comunicarse con el docente.
 Enviar las evidencias y guías a tiempo, para obtener una nota de 5.0.
 Asista a encuentros virtuales y/o presenciales.
 Ser organizado y responsable con su trabajo.
 Sustentar el trabajo realizado a través del medio que el docente y estudiante acuerden.

RECURSOS:

Curso de Diseño Web, Capitulo 1 - Etiquetas Básicas (HTML)

https://www.youtube.com/watch?v=Zv4h-h2lLoc&ab_channel=DostinHurtado
Tema.

DISEÑO WEB.
HTML
Estas guías sobre HTML nos ayudarán enormemente a
entender el funcionamiento de gran parte de la WEB;
cómo se crean las páginas web y que hay detrás de ellas, además cómo estás pueden ser accesibles
desde cualquier parte del mundo.
Muy bien, empecemos por algo tan sencillo. Estoy seguro de que todos aquí saben qué es una
página web.
Para quien no sepa, página web y sitio web son cosas totalmente diferentes, lo que ocurre es que a
menudo se emplean estos términos sin darle mucha relevancia, sin embargo, hay que diferenciarlas

Definición de página web y sitio web

Página web. Es un documento electrónico digital que puede contener elementos de texto, imágenes,
vídeos, multimedia, enlaces, formularios, etc. Además, una página web posee una URL o
comúnmente llamado link. Por ejemplo: https://desarrolladoresweb.org/tutorial-html-html5-
completo/.
Sitio web. Es un conjunto de páginas web, que están organizadas y estructuradas de tal manera que
sea navegable, usable y estético para los usuarios y/o los motores de búsqueda. Además, un sitio
web tiene un nombre de dominio que es único en todo internet. Por
ejemplo: www.desarrolladoresweb.org
¡Perfecto! Entonces ya sabes que un sitio web, contiene a las páginas web.
Entonces de alguna manera podemos concluir de que internet es básicamente un océano de páginas
web en gran parte, no hay de otra, si navegas por internet estás navegando por un mar de páginas
web. Pero, ¿qué hay detrás de estas páginas web?
Para que me entiendas, detrás de todas las páginas web hay código HTML, la estructura de las
páginas web se hacen con HTML y en este periodo lo aprenderemos.
Recuerda la definición, una página web es un documento electrónico digital que puede contener
elementos de texto, imágenes, multimedia, enlaces, listas, tablas, formularios, etc. Al menos así es
como nos muestran los navegadores web. Un navegador web de entrada no nos muestra el código,
solo muestra los contenidos como textos, imágenes, videos, etc.
HTML es el lenguaje más básico de la web, este hecho lo convierte en el más importante y fácil de
aprender cuando alguien inicia su formación en desarrollo web.
 FORMAR PARA EL MAÑANA REPUBLICA DE COLOMBIA

INSTITUCIÓN EDUCATIVA DE GUACAMAYO

ACHÍ-BOLÍVAR
OFRECE: EDUCACIÓN PREESCOLAR, BÁSICA PRIMARIA, SECUNDARIA Y
MEDIA, APROBADA SUS ESTUDIOS MEDIANTE RESOLUCIÓN N° 328 DEL 27 DE
NOVIEMBRE DEL 2003, EMANADA DE LA SECRETARIA DE EDUCACIÓN
DEPARTAMENTAL
DANE:213006000154 NIT:806013958-0

Los navegadores web

En palabras sencillas, los navegadores web son esos programas que nos permiten navegar en
internet tales como: Firefox, Chrome, safari, opera, etc. gracias a ellos podemos acceder a una
página web ingresando a su dirección o URL ya sea mediante un enlace o directamente.

Utilidad y estética
Si éstas son las claves de cualquier diseño, en el entorno de la Web esto debe ser la finalidad de
todo diseño web.
GRADO OCATVO

Como utilidad se entiende también la funcionalidad y la usabilidad, es decir la página debe ser fácil
de ver y de utilizar por el usuario, es decir, que el usuario encuentre en un primer vistazo lo que
busca, que los enlaces y demás elementos estén claros, de forma que el usuario no abandone la
página por falta de claridad.
La estética de una página tiene que ver con la maquetación, los colores, la distribución de los
elementos, tipo de letra, etc. Todo esto debe estar en función de los contenidos, del tipo de usuario
al que va dirigida la página, del tipo de sitio web al que pertenece, etc. La página debe
resultar atractiva para el usuario, de forma que su diseño esté en concordancia con los contenidos.

Estructura de un elemento HTML

Las partes principales del elemento son:

La etiqueta de apertura: consiste en el nombre del elemento (en este caso, p), encerrado
por paréntesis angulares (< >) de apertura y cierre. Establece dónde comienza o empieza a tener
efecto el elemento —en este caso, dónde es el comienzo del párrafo—.
 La etiqueta de cierre: es igual que la etiqueta de apertura, excepto que incluye una barra de cierre
(/) antes del nombre de la etiqueta. Establece dónde termina el elemento —en este caso dónde
termina el párrafo—.
El contenido: este es el contenido del elemento, que en este caso es sólo texto.
El elemento: la etiqueta de apertura, más la etiqueta de cierre, más el contenido equivale al
elemento.

Los elementos pueden también tener atributos, que se ven así:

<FONT FACE=“Arial” COLOR=“Red” SIZE=“12”>Texto</FONT> 

Los atributos contienen información adicional acerca del elemento FONT (Fuente), la cual no
quieres que aparezca en el contenido real del elemento. Aquí FACE, COLOR y SIZE es
el nombre del atributo y “Arial”, “Red” y “12” son los valores del atributo. En este caso, el
atributo FACE permite darle al elemento un tipo de fuente o letra, el atributo COLOR asígnale un
color al texto y el atributo SIZE darle un tamaño al texto.
Un atributo debe tener siempre:

 Un espacio entre este y el nombre del siguiente elemento (o del atributo previo, si el
elemento ya posee uno o más atributos).
 El nombre del atributo, seguido por un signo de igual (=).
 Comillas de apertura y de cierre, encerrando el valor del atributo.

Los atributos siempre se incluyen en la etiqueta de apertura de un elemento, nunca en la de cierre.

 FORMAR PARA EL MAÑANA REPUBLICA DE COLOMBIA

INSTITUCIÓN EDUCATIVA DE GUACAMAYO

ACHÍ-BOLÍVAR
OFRECE: EDUCACIÓN PREESCOLAR, BÁSICA PRIMARIA, SECUNDARIA Y
MEDIA, APROBADA SUS ESTUDIOS MEDIANTE RESOLUCIÓN N° 328 DEL 27 DE
NOVIEMBRE DEL 2003, EMANADA DE LA SECRETARIA DE EDUCACIÓN
DEPARTAMENTAL
DANE:213006000154 NIT:806013958-0

TALLER GUIA 01
ESTUDIANTE: GRADO 8° GUIA 1. PERIODO 01

La sala de informática de la Institución educativa de Guacamayo está habilitada en las

horas de la mañana para el trabajo de los estudiantes y con conexión a Internet.
Consulte que significa la abreviatura HTML y su traducción en español
1
GRADO OCATVO

2 Consulte cuales son las etiquetas básicas que debe llevar una página Web para encerrar el contenido
que se va a visualizar por los usuarios en el navegador.

3 Consulte la función de las siguientes éticas.

 <FONT>

 <P>

 <B>

 <BODY>

 <TABLE>

 <BR>

 <OL>

 <UL>

 <LI>
 <IMG>