PERÍODO 2021-A

COLEGIO DE BACHILLERES DEL ESTADO DE

CAMPECHE

PÁGINAS WEB

ACADEMIA ESTATAL DE COMUNICACIÓN

SEMESTRE 2021-A
 COLEGIO DE BACHILLERES DEL ESTADO DE CAMPECHE
ACADEMIA ESTATAL 2021 - A

Contenido
Pág.
Presentación …………………………………………………………………………………….. 3
Bloque I. Software de diseño (Páginas web) …..…………………………………… 4
Propósito del bloque ………………………………………………………………. 4
Aprendizajes esperados ………………………………………………………….. 4
Evaluación diagnóstica…………………………………………………………… 4
Actividades de aprendizaje ……………………………………………………... 5
Calendario de actividades……………………………………………………….. 8
Fuentes de consulta ………………………………………………………………... 8
Anexos…………………………………………………………………………………… 8
Instrumentos de evaluación……………………………………………………. 9
Presentación

¡Bienvenido al sexto semestre de tu bachillerato!

Esta guía contiene todas las actividades que deberás realizar durante el primer parcial, en
la asignatura de Páginas Web.

Esta asignatura es parte del bloque de capacitación donde alguna forma se busca que
ustedes puedan aprender los aspectos básicos de las páginas web así como su la utilidad e
importancia que éstas tienen en la actualidad, tanto para las organizaciones desde el punto
de vista de cómo una estrategias para todas ellas, como para la mayoría de las personas
que lo ocupan con un mero recurso.

Esperamos que cada una de las actividades sea de utilidad para su aprendizaje.

Del mismo modo deseamos que las dificultades que pueda tener en algún momento al estar
resolviendo cada una de las actividades no sean motivo de frustración sino al contrario que
lo tome como un reto más que la vida le presenta para simplemente para superar con
esfuerzo y dedicación.

Bueno, te dejamos para que comiences en tu aventura de descubrimiento en este pequeño

pero significativo documento preparado para ti.
Bloque I. Introducción al Diseño Web
PROPÓSITO DEL BLOQUE:

Diseña páginas web, animaciones multimedia, imágenes digitales e impresas, para

generar productos de comunicación y publicidad en el ámbito laboral y comunitario,
favoreciendo el desarrollo ético, creativo e intercultural del entorno.

APRENDIZAJES ESPERADOS:

Construye una página web, utilizando elementos del software de diseño web,
favoreciendo su creatividad e innovación, para comunicar información de distintos
contextos.

EVALUACIÓN DIAGNÓSTICA:

1. ¿Qué entiendes por página web?

2. ¿Qué diferencia encuentras entre página web y sitio web?

3. ¿Qué tienen en común los sitios web que has visitado?

4. ¿Para qué crees que sirve un sitio web?

5. ¿Qué te gustaría que tuviera el sitio web que vas a diseñar?

ACTIVIDADES DE APRENDIZAJE:
En este primer bloque vamos a conocer los elementos de una página web, así como
otros elementos importantes y que están estrechamente relacionados con una
página web.
Identificaremos los elementos básicos de una web.
Así como conocer, identificar y usar elementos básicos para el diseño y elaboración
de una página web con código HTML(Lenguaje de marcado de hipertexto) y estilos
CSS (Hoja de estilos en Cascada).

Actividad 1. Investigación
Realiza una investigación en diversos medios sobre los elementos de una página
web, HTM, en word. (Mínimo 5 fuentes distintas).

Introducción al Diseño Web:

 Páginas web y sitio.
 Conceptos básicos (dominio, URL, hosting, hipervínculo, editor, servidor, cliente
FTP, ISP, logo, applets, frames, webmaster, banner, bullets).
 Elementos de una página web.
HTML Y CSS
 Estructura básica de la página web: Html, head, body.
 Elementos básicos; Títulos, párrafos, imágenes, hipervínculos, videos.
 Maquetación web: Tablas, divs, clases, menús.
 Diseño y usabilidad: Márgenes y posiciones de los elementos.

Actividad 2. Investigue y responda el siguiente cuestionario.

Cuestionario:
1.- ¿Qué significa WWW?
2.- ¿Qué diferencia existe entre sitio web y página web?
3.- ¿Qué es una URL?
4.- ¿Qué tipos de sitios web existen?
5. ¿Qué entiendes por HTML?
6.- Define cada una de las letras que conforman la palabra HTML:
 Hiper:
 Texto:
 Marcado:
 Lenguaje:
7.- Menciona 4 características del lenguaje HTML:
8.- ¿Qué entiendes por dominio?
9.- ¿Qué es un hosting?
10.- ¿Qué es un applet?
Actividad 3. Mapa mental.
Realiza un mapa mental apoyándote en el material anexo de HTML Y CSS
 Debe incluir: Elementos básicos; Títulos, párrafos, imágenes, hipervínculos,
videos.

Actividad 4. Infografía.
Realiza una infografía donde se visualice la estructura básica de una página web,
que incluya:
 Estructura básica de la web: Html, head, body.

Actividad 5. Diseñando mi pagina web.

1. Ejemplo de la página principal del sitio web de mi escuela:

2. Realiza el diseño de tu página principal del tema del sitio web que desees, apoyándote
en el ejemplo anterior.

Actividad 4. Desarrollando mi página.

Desarrolla una página web de acuerdo a tu diseño de la actividad anterior, empleando
etiquetas tipo HTML y estilo CSS.
El tema a desarrollar en la página puede elegirlo de las siguientes sugerencias: Divulgación
de su comunidad. Sobre alguna de sus asignaturas. Sobre algún tema de ecológico
(Naturaleza, fauna y flora). Negocio en línea (perfumería, ropa, equipo y accesorio
electrónico, equipos de cómputo, autos y motos. O si tiene otra idea, comuníquelo),

1. Elija el editor de preferencia: NotePad++ para Windows o, Editey como

complemento de google crome.
2. Instale el editor.
3. Desarrolle cada sección con etiquetas HTML.
4. Implemente la sección o estilo CSS.
5. Agregue o incorpore la información correspondiente al tema elegido.
6. Agregue los elementos complementarios enriquecedores: Ilustraciones, logos,
videos, fondo, colores.
7. Guarde su documento.
Nota: apenas elijan el tema, deberán comunicarlo en el grupo, el tema, no se deberá
repetir más de dos veces, en caso que se agoten los temas sugeridos pueden hacer
sugerencias y se les apruebe el tema. De preferencia deberá contemplar para el diseño
y desarrollo, como mínimo dos páginas vinculadas entre sí.
Calendario de Actividades.
BLOQUE I. “NOMBRE DEL BLOQUE”
Actividad Fecha límite de Porcentaje
entrega
1. Investigación Lun12Abr2021 25%
2. Cuestionario Vie 12Mar2021 10%
3. Mapa mental Mier 17Mar2021 20%
4. Infografía Lun 22Mar2021 15%
5. Diseñando mi página web Jue 25Mar2021 10%
6. Pract1. Desarrollando mi página web. Vie 23Abr2021 40%
Porcentaje total 100%

FUENTES DE CONSULTA:

1. Tecnologías de la información y la comunicación. Sexto Semestre. Componente de

Formación para el Trabajo. Guía de aprendizaje COBACHBC. Jaime Bonilla Valdez.
Catalino Zavala Márquez.
2. TICS IV. Escalate Dzul Felipe. KLIK Soluciones Educativas. Primera edición 2020. ISBN
978-607-8682-71-3
3. TICS I. López Fuentes Roberto. KLIK Soluciones Educativas. Primera edición 2020.
ISBN 978-607-8682-14-0

ANEXOS:

Puede consultar los documentos de apoyo

 Manual de Página Web
 Manual HTML
O bien, puede consultar páginas de internet de su preferencia para enriquecer
principalmente su investigación.

Nota Final: Recuerde expresar sus dudas con tiempo o anticipación. Como han de saber,
ustedes como parte de su responsabilidad de estudiantes y poder realizar las actividades,
están obligados a leer o estudiar los temas, entonces las dudas que se estarán resolviendo
será sobre los temas específicamente. Así mismo sobre si no comprenden parte de las
instrucciones de las actividades.
Cualquier otra duda o situación no prevista, deberá preguntar o exponerla con anticipación,
más no en fecha límite de entrega.
Se le recomienda nuevamente, ser honestos y no dar o pedir copia del trabajo, todo
documento copia que se detecte será eliminado en automático, quedando nula la
calificación correspondiente.
En esta ocasión no habrá puntos por puntualidad en los trabajos, del mismo modo,
todo trabajo que tenga más de tres días de atraso, no será considerado para su
ponderación.
 INSTRUMENTOS DE EVALUACIÓN
Rúbrica para evaluar Mapa Mental
Unidad de Nombre de la actividad Fecha:
Aprendizaje Grafico (Mapa Mental)
COMPETENCIA: .
ATRIBUTOS:
Nombre del docente:
Nombre del alumno(a):
Criterios de Excelente Bueno Suficiente Deficiente Insuficiente Total
Evaluación (10) (8) (6) (5) (0)
El título o idea principal El título o idea El título o idea principal se El título o idea No se
Concepto se encuentra al centro del principal se encuentra encuentra al centro del principal está al centro encuentra la
mapa. Todas las ideas al centro del mapa. mapa. Menos del 80% de del mapa. Menos del idea principal
Principal,
primarias y secundarias se El 80% de las ideas las ideas primarias y 60% de las ideas
Secundarios,
identifican y tiene primarias y secundarias se identifican primarias y secun-
terciario. relación con la idea secundarias se con la idea principal. darias se identifican
1 Pto. principal. identifican con la idea con la idea principal.
principal.
Utiliza imágenes claras No hace uso de colores, No hace uso de colores. No hace uso de colores, Y No se utilizan
para representar los pero las imágenes son Pero emplea al menos emplea menos de 60% de imágenes para
Uso de imágenes en
conceptos. Usó colores un estímulo visual un 70% de imágenes imágenes como estímulo representar y
los nodos y colores
para contribuir a asociar y adecuado para como estímulo visual, visual asociadas a los asociar los
en las ramas.
poner énfasis en los representar y asociar asociado a los conceptos. conceptos.
3 Ptos.
conceptos. los conceptos. conceptos.
Todas las ideas principales y El 80% de las ideas Menos del 80% de las ideas Menos del 60% de las Los conceptos
Conceptos. secundarias tienen una principales y secundarias principales y Secundarias ideas principales y no tienen
3 Ptos. correcta relación entre sí. tienen una correcta tienen una correcta relación Secundarias tienen relación con el
relación entre sí. entre sí. correcta relación entre sí. tema principal
El mapa mental se encuentra El mapa contiene un 80% El mapa contiene un 60% de El mapa contiene muchos Los conceptos
presentado de manera de conceptos que están conceptos que están conceptos que no están no presentan
ordenada, jerárquica y lógica presentados de manera presentados de manera presentados de manera una organización
Organización.
con líneas (no simples) que ordenada, jerárquica y ordenada, jerárquica y lógica, ordenada, jerárquica y de las ideas.
2 Ptos. hacen fácil su comprensión. lógica que hacen confusa mostrando la información lógica, mostrando la
su comprensión. inadecuadamente información
inadecuadamente
Ortografía y No tiene errores de Tiene pocos errores de Tiene errores de ortografía Tiene errores de Muchos errores
Gramática (1 Pto.) ortografía y gramáticos. ortografía (máximo 2). (máximo 4). ortografía (máximo 6). ortográficos
Total
 Rúbrica para evaluar Infografía
Unidad de Nombre de la actividad Fecha:
Aprendizaje Grafico (Infografía)
COMPETENCIA: .
ATRIBUTOS:
Nombre del docente:
Nombre del alumno(a):
Criterios de Excelente Bueno Suficiente Deficiente Insuficiente (0) Total
Evaluación (10) (8) (6) (5)
Concepto Principal Todas las ideas primarias y Entre el 90 y 80% de las Entre 70 y 60% de las Entre el 60 y 50% de las No se encuentra
y Secundarios. secundarias se identifican ideas primarias y ideas primarias y ideas primarias y la idea principal
1 Pto. con la principal. secundarias se secundarias se secundarias se
identifican con la identifican con la identifican con la
principal. principal. principal.
Utiliza imágenes claras No hace uso de colores, No hace uso de No hace uso de colores, Y No se utilizan
Uso de imágenes y para representar los pero las imágenes son un colores. Pero emplea emplea menos de 60% de imágenes para
colores. conceptos. Contribuye a estímulo visual adecuado al menos un 70% de imágenes como estímulo representar y
2 Ptos. asociar y poner énfasis en para representar y imágenes como visual asociadas a los asociar los
los conceptos con uso de asociar los conceptos. estímulo visual, conceptos. conceptos.
colores. asociado a los
conceptos.
Conceptos. Todas las ideas principales y El 80% de las ideas Menos del 80% de las Menos del 60% de las ideas Los conceptos
2 Ptos. secundarias tienen una principales y secundarias ideas principales y principales y Secundarias no tienen
correcta relación entre sí. tienen una correcta Secundarias tienen una tienen correcta relación relación con el
relación entre sí. correcta relación entre sí. entre sí. tema principal
Creatividad. Presenta Imágenes, dibujos Presenta Imágenes, dibujos Presenta algunas Presenta algunas No contiene
2 Ptos. o gráficos y todo de acuerdo o gráficos pero no todo de Imágenes, dibujos o Imágenes, dibujos o elementos
al tema. acuerdo al tema. gráficos y no todo de gráficos pero no acuerdo al gráficos que den
belleza y
acuerdo al tema. tema.
elocuencia.
Organización y La información y elementos La información y elementos La información y elementos La información y elementos No tiene
ortografía. gráficos se encuentran gráficos se encuentran en gráficos se encuentran en gráficos se encuentran en elementos que
3 Ptos. presentados de manera unos 80% ordenados, con unos 70% ordenados, con unos 50% ordenados, con faciliten la
ordenada, jerárquica y lógica que jerarquía y lógica que hacen jerarquía y lógica que hacen jerarquía y lógica que hacen comprensión. Y
hacen fácil su comprensión. Y sin fácil su comprensión. Y con al fácil su comprensión. Y con al fácil su comprensión. Y con al con mucha falta
falta de ortografía menos 2 falta de ortografía menos 4 falta de ortografía menos 6 falta de ortografía de ortografía
Ortografía y No tiene errores de Tiene pocos errores de Tiene errores de ortografía Tiene más de 5 errores de
Gramática 1 ortografía y gramáticos. ortografía (máximo 3). (de 4 a 5). ortografía.
Puntos
Total
 LISTA DE COTEJO
INVESTIGACIÓN
ACADEMIA ESTATAL 2021 - A

PRIMER PARCIAL
LUGAR DE IMPARTICIÓN FECHA:

NOMBRE DEL PARTICIPANTE NOMBRE DEL INSTRUCTOR

No. EVIDENCIAS A ENTREGAR PUNTOS SI Ptos. Obt.

Incluye en su diseño de portada elaborada Datos personales, de escuela
1 materia y un título coherente al trabajo de investigación. (Tipografía 10
adecuada, con texto artístico, ilustraciones, formas, colores)
Destaca en su documento los títulos (uso de estilos) de los temas y
2 10
subtemas a investigar e integra tabla de contenido.
En su investigación incluye todos los elementos, temas y/o conceptos
3 10
solicitados.
Describe de forma clara cada uno de los elementos, temas y/o conceptos
4 20
solicitados.

Incluye en su investigación elementos o ejemplos visuales (imágenes,

5 15
tablas) de los temas y/o conceptos para enriquecer su información.

6 Denota el empleo de herramientas básicas de diseño, edición y formato. 15

7 Denota el empleo de herramientas ortográficas y gramáticas. 10
8 Denota organización (información e ilustración) y limpieza en su trabajo. 10

TOTAL DE PUNTOS ACUMULADOS 100

FIRMA DEL PARTICIPANTE FIRMA DEL INSTRUCTOR/EVALUADOR

 LISTA DE COTEJO
Pract1. Elaboración de Página web.
ACADEMIA ESTATAL 2021 - A

PRIMER PARCIAL
LUGAR DE IMPARTICIÓN FECHA:

NOMBRE DEL PARTICIPANTE NOMBRE DEL INSTRUCTOR

No. EVIDENCIAS A ENTREGAR PUNTOS SI Ptos. Obt.

1 Presenta en su diseño al menos los elementos de una página web 10

Incluye elementos gráficos (ilustraciones, logos, video, etc) enriqueciendo

2 15
el diseño de la página web
El juego de colores de fondo o imagen no hace contraste con el texto y el
3 10
resto de los elementos.

4 Integra información suficiente para darle presentación a la página web. 15

5 Presenta por lo menos dos tabla como mínimo en el diseño 10

Denota el empleo correcto de al menos el 80% de las etiquetas para la

6 20
elaboración de la página web.
7 Emplea por lo menos un modo de estilo CSS. 10
8 Denota organización (información e ilustración) y limpieza en su trabajo. 10

TOTAL DE PUNTOS ACUMULADOS 100

FIRMA DEL PARTICIPANTE FIRMA DEL INSTRUCTOR/EVALUADOR