SERVICIO NACIONAL DE ADIESTRAMIENTO EN TRABAJO INDUSTRIAL

FORMACIÓN PROFESIONAL DUAL

CUADERNO DE INFORMES

CÓDIGO N° 89001677
 DIRECCIÓN ZONAL

LIMA - INDEPENDENCIA

FORMACIÓN PROFESIONAL DUAL

CFP/UCP/ESCUELA: Tecnologías de la Información

ESTUDIANTE: JEREMY ADOLFO BORDA RIVASPLATA

ID: 001426703 BLOQUE: FUNDAMENTOS DE PROGRAMACIÓN WEB

CARRERA: DISEÑO y DESARROLLO WEB

INSTRUCTOR: JUAN MANSILLA NEYRA

SEMESTRE: II DEL: 22 / 08 / 22 AL: 5 / 09/ 22

 INSTRUCCIONES PARA EL USO DEL
CUADERNO DE INFORMES DE TRABAJO SEMANAL

1. PRESENTACIÓN.

El Cuaderno de Informes de trabajo semanal es un documento de control, en el cual el

estudiante, registra diariamente, durante la semana, las tareas, operaciones que ejecuta en
su formación práctica en SENATI y en la Empresa.

2. INSTRUCCIONES PARA EL USO DEL CUADERNO DE INFORMES.

2.1 En el cuadro de rotaciones, el estudiante, registrará el nombre de las áreas o

secciones por las cuales rota durante su formación práctica, precisando la fecha de
inicio y término.
2.2 Con base al PEA proporcionado por el instructor, el estudiante transcribe el PEA en el
cuaderno de informes. El estudiante irá registrando y controlando su avance,
marcando en la columna que corresponda.
2.3 En la hoja de informe semanal, el estudiante registrará diariamente los trabajos que
ejecuta, indicando el tiempo correspondiente. El día de asistencia al centro para las
sesiones de tecnología, registrará los contenidos que desarrolla. Al término de la
semana totalizará las horas.
De las tareas ejecutadas durante la semana, el estudiante seleccionará la más
significativa y hará una descripción del proceso de ejecución con esquemas y dibujos
correspondientes que aclaren dicho proceso.
2.4 Semanalmente, el estudiante registrará su asistencia, en los casilleros
correspondientes.
2.5 Semanalmente, el Monitor revisará, anotará las observaciones y recomendaciones que
considere; el Instructor revisará y calificará el Cuaderno de Informes haciendo las
observaciones y recomendaciones que considere convenientes, en los aspectos
relacionados a la elaboración de un Informe Técnico (términos técnicos, dibujo técnico,
descripción de la tarea y su procedimiento, normas técnicas, seguridad, etc.)
2.6 Si el PEA tiene menos operaciones (151) de las indicadas en el presente formato,
puede eliminar alguna página. Asimismo, para el informe de las semanas siguientes,
debe agregar las semanas que corresponda.
2.7 Escala de calificación:

CUANTITATIVA CUALITATIVA CONDICIÓN

16,8 – 20,0 Excelente
13,7 – 16,7 Bueno Aprobado
10,5 – 13,6 Aceptable
00 – 10,4 Deficiente Desaprobado

PLAN DE ROTACIONES

PERÍODO
ÁREA / SECCIÓN / EMPRESA SEMANAS
DESDE HASTA
 PLAN ESPECÍFICO DE APRENDIZAJE (PEA)
SEGUIMIENTO Y EVALUACIÓN
Llenar según avance

OPERACIONES OPERACIONES
OPERACIONES
Nº OPERACIONES/TAREAS EJECUTADAS* PARA
POR EJECUTAR
SEMINARIO
1 2 3 4
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

*Número de repeticiones realizadas.

Nº OPERACIONES/TAREAS OPERACIONES OPERACIONES OPERACIONES

 EJECUTADAS* PARA
POR EJECUTAR
1 2 3 4 SEMINARIO

35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
*Número de repeticiones realizadas.
Nº OPERACIONES/TAREAS OPERACIONES OPERACIONES OPERACIONES
 EJECUTADAS* PARA
POR EJECUTAR
1 2 3 4 SEMINARIO

74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
*Número de repeticiones realizadas.
Nº OPERACIONES/TAREAS OPERACIONES OPERACIONES OPERACIONES
 EJECUTADAS* PARA
POR EJECUTAR
1 2 3 4 SEMINARIO

113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
*Número de repeticiones realizadas.
 INFORME SEMANAL

II SEMESTRE SEMANA N° 3 DEL 22 de Agosto AL 27 de Agosto DEL 2022

DÍA TRABAJOS EFECTUADOS HORAS

 Introducción al Sitio Web y Página Web.

 Introducción y Caracteristicas del lenguaje HTML 5
 Estructura y Contenido de una Página Web 
LUNES  Entorno y aplicación de Visual Studio Code
4
 Desarrollo de una pagina Web en HTML 5 con Visual Code
 Bordes, fondos y divisiones flotantes en HTML 5
 Agregar Videos y Gráficos en HTML 5
 Tipos de Datos aplicados en HTML 5
 Anatomía de un documento HTML 5
 Estructura HTML, Encabezados, Parrafos, Lista OL, UL, Enlace
MARTES  Estructura de Sección Header, Section, Aside, Article y Footer 4
 Diseño de una Tabla: Encabezado, Contenido, Pie de Página
 Diseño y creación de Formularios.
 Archivos sobre base de Fundamentos del Front-End.
 Tipos de Elementos en HTML 5
 Diseña Atributo: Class, Id, Style, Title, Data en HTML 5
 Etiquetas DIV: Independientes y Agrupadas
MIÉRCOLES  Identifica la Clase Padre, Clase Hijo   
4
 Diseño Formulario tipo Texto, Email, Pass, Submit, Boton Opicio
 Diseño Formulario: Casilla Verificación, Cuadro Combinado
 Introducción al Diseño Web Receptivo.  
 Dibuja con la Etiqueta Canvas   

JUEVES

VIERNES

 Identifica nuevos Elementos y como usarlos.

 Programación con HTML5 y Dispositivos móviles HTML
 El estudiante de forma grupal programara elementos nuevos para
Dispositivos móviles en HTML 5 4
SÁBADO  Presentará y expondrá el avance de su página web diseñado en HTML y
CSS
 Conclusiones

TOTAL 16
Tarea más significativa: Diseño de Página Web en Códigos HTML 5

Descripción del proceso:

1. Aprender el principio fundamental de HTML: crear documentos estructurados con
etiquetas.
2. Elegir el mejor editor para tu caso concreto (Visual Studio Code).
3. Crear la estructura básica de tu página HTML: la cabecera y el cuerpo.
4. Crear el contenido y aplicarle formato con las etiquetas HTML: títulos, párrafos de texto,
enlaces, imágenes, tablas, audio y vídeo embebido, etc.
5. Si los necesitas, integrar también los elementos interactivos (formularios).
6. Implementar, en su caso, en el servidor la lógica para responder a los formularios.
7. Publicar (hacer visible) la página en Internet o en local.

INFORME SEMANAL

II SEMESTRE SEMANA N° 4 DEL 29 de Agosto AL 5 de Setiembre DEL 2022

DÍA TRABAJOS EFECTUADOS HORAS

 Introducción a estilos CSS con HTML 5

 Métodos Abreviados Emmet para visual Studio Code
 Estructura Html 5 con CSS
LUNES  Nuevas pseudo clases CSS   
 Selectores Simples y Jerárquicos 4
 Tipos de Selectores
 Programar Class, Id, Name y propiedades en estilos CSS
 CSS en Navegadores.
 Pseudo elementos en CSS
 Prefijos en CSS
 Unidad de Colores en CSS: Relativa y Absoluta.
MARTES  Unidad de Colores en CSS: Ángulos, Tiempo, Indicar Colores
4
 Formato de Fuente y Párrafo   
 Formato de Caja y Lista   
 Estilos de Efectos en CSS   
 Planteamiento de Ejercicio para desarrollar código CSS
 Maquetación Cajas Fijas y Flotantes
 Uso de Efecto LigthBox.
 Visualización de Elementos: Display, Media Queries, Responsive
MIÉRCOLES  Posicionamiento: Tamaño, Flotación, visibilidad, Posicionamiento 4
 Transformaciones: 2D, 3D
 Animaciones: Transiciones, Animaciones. 
 Planteamiento de Ejercicio propuestos por grupo.
 JUEVES

VIERNES

 Reconoce y aplica el uso de multicolumnas.

 Reconoce y crea Responsive Design.
 Expone la presentación de su trabajo final.
 El estudiante de forma grupal programara elementos para diseñar una 4
SÁBADO página web Responsive.
 Conclusiones

TOTAL 16

Tarea más significativa: Aplica código CSS para dar formato a menú, hipervínculos a
sesiones, efectos y pie de página.

Descripción del proceso:

Menú:
1. Crear un Menú Horizontal CSS Simple. Paso 1. Crear un archivo HTML en blanco. Paso
2. Añadir el código HTML del menú Paso 3. Aplicar CSS y crear el efecto desplegable.
2. Insertar el Menú Desplegable en Tu Tema.
Hipervínculos:
Para el diseño de un tipo de hipervínculos utilizamos clases para definir su estilo. En cada clase
definimos el estilo del enlace y los cambios de estilo que debe ocurrir al tocar con el ratón (hover).
Las propiedades para las clases serán: color, fuente, tamaño, fondo, borde, etc. Dentro <body>
aplicamos las clases con etiqueta <div>.
Pie de página:

Podemos añadir un color de fondo a nuestro elemento footer insertando la

propiedad background-color en el selector de clase. footer.

Para darle un estilo a los enlaces que tenemos dentro, debemos seleccionarlos usando el
selector de clase. footer y el selector de tipo a, separados por un espacio. Como puedes leer
en nuestro post sobre selectores múltiples, separar dos selectores por un espacio se usa para
seleccionar un elemento que es descendiente de otro. Entonces, al escribir «. footer a»
estamos seleccionando los enlaces de nuestro footer. Con esto, podemos insertar las
propiedades que queramos para nuestros textos. Puedes usar la propiedad text-decoration:
none para eliminar el subrayado y las propiedades color y font-size para definir su color y
tamaño, respectivamente.

HACER ESQUEMA, DIBUJO O DIAGRAMA

 AUTOCONTROL DE ASISTENCIA POR EL ESTUDIANTE
LUNES MARTES MIÉRCOLES JUEVES VIERNES SÁBADO
M T M T M T M T M T M T
C C C C
INJUSTIFICADAS: I

ASISTENCIA A SENATI 4 INASISTENCIA

JUSTIFICADAS: FJ

EVALUACIÓN DEL INFORME DE TRABAJO SEMANAL

NOTA

OBSERVACIONES Y RECOMENDACIONES
DEL INSTRUCTOR: DEL MONITOR DE EMPRESA:

FIRMA DE MONITOR DE
FIRMA DEL ESTUDIANTE: FIRMA DEL INSTRUCTOR:
EMPRESA:
PROPIEDAD INTELECTUAL DEL SENATI. PROHIBIDA SU
REPRODUCCIÓN Y VENTA SIN LA AUTORIZACIÓN
CORRESPONDIENTE