CAPÍTULO UNO

1.0 Introducción

Este capítulo presenta el informe SIWES y se realiza bajo los siguientes subtítulos:

i. Introducción de SIWES
ii. Acerca de SIWES
iii. Una breve historia de SIWES
iv. Finalidad y objetivos de SIWES
v. Papel de un estudiante durante SIWES
vi. Objetivos del informe
vii. el cuaderno de bitácora

1.1 Breve historia de SIWES

SIWES es uno de esos programas que ayuda a cerrar la brecha entre lo que se enseña y lo que
finalmente conocen los estudiantes. SIWES es el acrónimo de Programa de experiencia laboral
industrial para estudiantes. Es un programa de desarrollo de habilidades que está diseñado para
preparar a los estudiantes de instituciones superiores de aprendizaje como universidades,
politécnicos, monotécnicos y facultades de educación para la transición del entorno universitario
al mundo laboral. Fue establecido por el Fondo de Capacitación Industrial (ITF) en 1973 con
sede en Jos Nigeria. Su objetivo es permitir que los estudiantes de instituciones terciarias en
Nigeria adquieran habilidades técnicas y experiencia para el desarrollo profesional en su curso de
estudio, ya que cierra la brecha entre la teoría y la práctica. Es el programa de formación de
habilidades aceptado en instituciones de educación superior en Nigeria que forma parte del
requisito académico aprobado en varios programas de grado. Permite a los estudiantes adquirir
habilidades técnicas y experiencia para el desarrollo profesional en sus estudios. Antes de la
creación del Plan, había una creciente preocupación entre los industriales nigerianos de que los
graduados de instituciones de educación superior carecieran de la experiencia práctica adecuada
necesaria para el empleo. Entonces, los empleadores pensaron que la educación teórica brindada
por las instituciones superiores no cumplía ni satisfacía las necesidades de la economía. Fue en
este contexto que el Fondo, durante sus años de formación, introdujo SIWES para brindar a los
estudiantes la oportunidad de exponerse al manejo de equipos y maquinaria en la industria para
permitirles adquirir conocimientos y habilidades prácticos previos.

1
El Plan comenzó en 1974 en 11 instituciones de educación superior con 784 participantes. En
1978, su alcance se había ampliado a unos 5.000 participantes de 32 instituciones diferentes del
país (Ojokuku et al, 2015). El plan es un programa tripartito en el que participan los estudiantes y
los empleadores de mano de obra. Está financiado por el Gobierno Federal y coordinado
conjuntamente por el Fondo de Capacitación Industrial (ITF) y la Comisión Nacional de
Universidades (NUC).

i. Proporcionar una vía para que los estudiantes de las universidades nigerianas
adquieran habilidades y experiencia industriales durante sus estudios;
ii. Preparar a los estudiantes para la situación laboral que probablemente encontrarán
después de graduarse;
iii. Exponer a los estudiantes a métodos y técnicas de trabajo en el manejo de equipos y
maquinarias que no estén disponibles en sus universidades;
iv. Facilitar la fase de transición de la escuela al mundo laboral y facilitar el contacto de
los estudiantes para posteriores colocaciones laborales;
v. Brindar a los estudiantes la oportunidad de aplicar sus conocimientos teóricos en
situaciones laborales reales, cerrando así la brecha entre la teoría y la práctica.

1.2 Propósito y objetivos de SIWES

El plan tiene como objetivo cerrar la brecha existente entre la teoría y la práctica de las ciencias,
la agricultura, las ciencias médicas (incluida la enfermería), la ingeniería y la tecnología, la
gestión y la tecnología de la información y la comunicación y otros programas educativos
profesionales en las instituciones terciarias de Nigeria.

El gobierno federal resumió los objetivos específicos de SIWES de la siguiente manera:

i. Brindar a los estudiantes oportunidades para aplicar sus conocimientos en el trabajo real
y en la práctica real.
ii. Facilitar la transición de la escuela al mundo laboral y potenciar los contactos de los
estudiantes para su posterior inserción laboral.
iii. Ayudar a los estudiantes a adquirir habilidades prácticas para fortalecer sus valores
laborales.

2
 iv. Ayudar a los estudiantes a adquirir habilidades interpersonales y empresariales y también
inculcarles el tipo adecuado de actitudes laborales y profesionalismo a través de
interacciones con personas en las organizaciones y observaciones de su rol futuro.
1.3 Roles de los estudiantes durante SIWES
Los roles de los estudiantes son:
i. Participar en el Programa de Orientación SIWES antes de proceder a la formación
industrial.
ii. Ser regular y puntual en los respectivos lugares de vinculación industrial.
iii. Evite el cambio unilateral de lugar de vinculación excepto en circunstancias
especiales y sólo con el permiso/aprobación del Coordinador SIWES de la institución
y el
Empleador.
iv. Cumplir con las normas y reglamentos de los empleadores.
v. Mantenga registros adecuados de las actividades de capacitación y otras asignaciones
en los libros de registro.
vi. Disponer de alojamiento propio durante el período de vinculación.
vii. Presentar ante la ITF, a través de la institución. el Formulario de Evaluación
(Formulario ITF 8) es debidamente completado por el estudiante, el Empleador y la
Institución.
viii. Presentar Libros de Registro, Informes y demás Documentos del SIWES requeridos
por el respectivo
instituciones al final del programa de formación.
ix. Se diligente. honesto y concienzudo en todas las actividades
x. Proteger y salvaguardar la propiedad del empleador durante la capacitación.

1.4 Objetivos del informe

El Documento de Política No. 1 de 1973 del Fondo de Capacitación Industrial (ITF, 1973),
que estableció SIWES, describió los objetivos del plan. Los objetivos son:
i. Proporcionar una vía para que los estudiantes de instituciones de educación superior
adquieran habilidades y experiencia industriales durante sus cursos de estudio;
ii. Preparar a los estudiantes para situaciones laborales industriales que probablemente
encontrarán después de graduarse;
iii. Exponer a los estudiantes a métodos y técnicas de trabajo en el manejo de equipos y
maquinaria que pueden no estar disponibles en sus instituciones;
iv. Facilitar la transición de la escuela al mundo laboral y mejorar los contactos de los
estudiantes para posteriores colocaciones laborales;

3
 v. Brindar a los estudiantes la oportunidad de aplicar sus conocimientos educativos en
situaciones laborales reales, cerrando así la brecha entre la teoría y la práctica;
vi. Conseguir y fortalecer la participación de los empleadores en todo el proceso
educativo a través del SIWES.

1.5 El cuaderno de bitácora

El Libro de registro SIWES, también conocido como Libro de registro de capacitación industrial
(TI) o Libro de registro de pasantías, es un folleto de registro oficial que emiten varias
universidades, politécnicos, facultades de educación, facultades de tecnología y facultades de
agricultura a sus estudiantes de pasantías para que registren de manera cuidadosa y ordenada.
registrar las actividades, proyectos, trabajos, etc. diarios o semanales realizados en su lugar de
trabajo.
Lo más importante es que este cuaderno de bitácora suele contener información básica sobre el
estudiante de TI y la empresa a la que debe haber adscrito el estudiante para la formación.
Además, el libro de registro SIWES también varía y difiere entre las instituciones superiores, es
decir, los libros de registro SIWES emitidos a estudiantes de IMSU pueden ser diferentes de los
emitidos a FUTO, UNN, ABSU, POLYNEKEDE, MADONNA, UNIPORT, NOUN, LASU o
incluso Ghana, Kenia. Estudiantes estadounidenses o indios, etc. Según el recurso del proyecto
Niger Delta Child Rights Watch (NDCRW) 2011, la siguiente es la importancia del diario
SIWES:

i. El libro de registro crea una forma sistemática de gestionar los casos.

ii. El libro de registro garantiza que toda la información requerida se registre de forma
lógica.
iii. El libro de registro mantiene la información en un solo lugar, incluidos los documentos
de respaldo.
iv. El cuaderno de bitácora es una manera de monitorear las necesidades de los estudiantes e
identificar la mejor manera de cuidarlos.

4
 CAPITULO DOS

2.0 Breve historia y antecedentes de la biblioteca electrónica Ibom

La biblioteca electrónica Ibom es una biblioteca ubicada en Uyo, estado de Akwa Ibom, Nigeria
(biblioteca electrónica Ibom, 2012). Esta biblioteca de propiedad estatal es la primera biblioteca
digital de África occidental y una de las bibliotecas digitales más grandes de África. Establecido
en 2012. El edificio educativo está diseñado para brindar información y servicios educativos de
primer nivel tanto en el sitio como virtualmente. La biblioteca electrónica Ibom es conocida no
solo por su diseño arquitectónico, sino que cuenta con un centro de videoconferencia
multifuncional y de última generación utilizado para conferencias y cumbres, una instalación de
aprendizaje electrónico diseñada principalmente para Formación TIC, centros de e-Testing y
empresas de certificación, alquiler de salas de juntas/reuniones, oficinas de corta duración,
amplia zona de juegos infantiles y guardería, aula inteligente y unidad de reprografía, entre otros
servicios.

Con la actual Asociación Público Privada (PPP) entre el gobierno estatal y HTG Limited, este
edificio monumental continúa brindando servicios de tecnología educativa creíbles, convenientes
y asequibles para todos.

5
HTG Limited es un destacado proveedor de soluciones empresariales que aprovecha la
tecnología para ofrecer soluciones empresariales a empresas y organizaciones de servicios
públicos. Sus valores fundamentales abarcan la innovación, el ingenio y la prestación de
servicios de calidad con el máximo profesionalismo a sus numerosos clientes. Se enorgullecen de
su ética laboral y de las numerosas soluciones que ofrecen constantemente.

2.1 Organigrama de la Biblioteca Electrónica Ibom

El organigrama de Ibom e-Library se muestra en la figura 2.1.

DIRECTOR GENERAL

(CEO)

GERENTE GENERAL

JEFE DE ADMINISTRACIÓN.
OPERACIÓN

GERENTE DE
DESARROLLO DE GERENTE DE LA
NEGOCIOS INSTALACIÓN

6
COMERCIALIZ OFICIAL DE
REPRESENTANTE
ADOR DIGITAL MANTENIMIENTO
DEL CLIENTE
DE
INSTALACIONES

Figura 2.1: organigrama de Ibom e-Library

2.2 Precauciones del Establecimiento

Las precauciones en la Biblioteca tienen como objetivo promover el uso juicioso y justo de los
materiales de la Biblioteca para el beneficio mutuo de las comunidades estudiantiles.

Sin embargo, se recuerda a los estudiantes que se aplican las siguientes precauciones y se les
recomienda a todos cumplirlas.

i. A ninguna persona se le permitirá tomar prestado ningún libro u otro artículo hasta que se
haya cargado correctamente.
ii. Es un delito muy grave eliminar/cambiar/mutilar cualquier parte de un libro o publicación
periódica.
iii. Al salir de la Biblioteca, todos los usuarios de la Biblioteca deberán entregar su(s)
libro(s) y documentos al personal de la Biblioteca en la entrada para su revisión.
iv. Los usuarios de la biblioteca no deben intentar devolver los libros a los estantes. Una vez
retirado de las estanterías, el libro deberá dejarse sobre las mesas.
v. No se permiten maletines ni bolsos de mano en la Biblioteca.
vi. Está prohibido fumar, comer y beber en la Biblioteca.
vii. Se debe observar silencio dentro y alrededor de la Biblioteca en todo momento.
viii. Está estrictamente prohibido hacer ruido, discutir en grupo, hacer y contestar llamadas,
gritar dentro de la Biblioteca, reproducir música en computadoras/auriculares en la
Biblioteca.
ix. Las mesas y sillas de lectura no deben moverse de sus posiciones.

7
 x. Los usuarios de la Biblioteca no deben reservar asientos en la Biblioteca. Cualquier
asiento que no esté físicamente ocupado podrá ser utilizado por otra persona.
xi. Se recomienda a los usuarios de la biblioteca que se lleven sus libros/papeles personales y
otros materiales cada vez que salgan de la biblioteca.
xii. No devolver los libros en las fechas de vencimiento (conocido como vencido) es un
delito.
xiii. Robo de libros y mutilación en cualquier forma (como apretar y doblar materiales de la
biblioteca, escribir, desfigurar y/o marcar, colorear, etc. (todos estos son delitos capitales
según las reglas y regulaciones de la biblioteca).
xiv. No se permite ocultar u ocultar materiales de la Biblioteca.
xv. Cualquier acto de indisciplina hacia cualquier miembro del personal de la Biblioteca
generará medidas disciplinarias severas.

2.3 Emergencia registrada

No se registró ninguna emergencia.

2.4 Equipos, Máquinas, Herramientas, Dispositivos, etc. Utilizado en la biblioteca

electrónica Ibom

2.4.1 Materiales

Con su tarjeta de biblioteca, tiene acceso a libros, videos/DVD, videojuegos, audiolibros, libros
con letra grande, revistas, periódicos, microfilmes, libros electrónicos y CD de música, así como
transmisión de audio/música y películas/TV. muestra. Si no lo poseen o no lo tienen en el
estante, pueden reservar una copia de otra biblioteca y tomarla prestada para los estudiantes.

2.4.2 equipos, maquinas

8
La biblioteca electrónica de Ibom tiene más de 40 computadoras con acceso a Internet
disponibles para uso público. Cada computadora puede imprimir en una impresora/copiadora
láser a color que también puede escanear. También cuentan con fax, lector/impresora de
microfilmes, máquina de escribir, piano y acceso inalámbrico a Internet (Wi-Fi). El equipo que
se presta a una persona con una tarjeta de biblioteca válida incluye un proyector LCD, un
retroproyector, una pantalla de proyección y un proyector de diapositivas.

CAPÍTULO TRES

3.0 Introducción
Este capítulo analiza las actividades, conocimientos y habilidades adquiridos durante una
formación industrial de 3 meses en Ibom e-Library. Durante este período analizado, se
contrataron pasantes en desarrollo web con énfasis en el front-end. El sitio web se compone de
dos partes, Front-End y Back-End. Y está basado en el Front-end.
3.1 Interfaz
Al visitar o abrir un sitio web, la imagen visual presente en el escritorio o la pantalla del móvil se
llama Front-End. También se le conoce como del lado del cliente. Front-End es la práctica de
9
producir HTML, CSS y JavaScript para un sitio web o una aplicación web para que un usuario
pueda ver e interactuar con el dispositivo directamente.
El objetivo de diseñar un sitio es garantizar que cuando los usuarios abran el sitio vean la
información en un formato fácil de leer y relevante. Esto se complica aún más por el hecho de
que los usuarios ahora utilizan una gran variedad de dispositivos con diferentes tamaños de
pantalla y resoluciones, lo que obliga al diseñador a tener en cuenta estos aspectos al diseñar el
sitio. Deben asegurarse de que su sitio aparezca correctamente en diferentes navegadores
(multinavegador), diferentes sistemas operativos (multiplataforma) y diferentes dispositivos
(multidispositivo), lo que requiere una planificación cuidadosa por parte del desarrollador.
Hay varias herramientas disponibles que se pueden utilizar para desarrollar la interfaz de un sitio
web, y comprender qué herramientas son las más adecuadas para tareas específicas marca la
diferencia entre desarrollar un sitio pirateado y un sitio escalable y bien diseñado. A
continuación se muestran algunas herramientas populares utilizadas para el desarrollo front-end:
i. Lenguaje de marcado de hipertexto (HTML)
El lenguaje de marcado de hipertexto es la columna vertebral de cualquier proceso de desarrollo
de un sitio web. Sin él, una página web no existe. Es el código HTML el que proporciona un
marco general de cómo se verá el sitio. HTML fue desarrollado por Tim Berners-Lee en 1993.
Después del desarrollo de HTML, muchas versiones llegaron al mercado de la World Wide Web.
La última versión de HTML se llama HTML5. Esta versión contiene formas nuevas y eficientes
de manejar elementos como archivos de video y audio. HTML5 es ahora muy popular entre los
desarrolladores web front-end. HTML5 tiene muchas características en comparación con las
versiones anteriores. Tras el desarrollo de HTML, se produjo una revolución en el campo de
Internet. Ahora, el mundo empezó a comunicarse utilizando un único lenguaje, es decir, HTML.
Y además el término HTML se compone de dos partes. El primero es Hipertexto y el segundo es
Lenguaje de marcado.

ii. Hojas de estilo en cascada (CSS)

CSS controla el aspecto de presentación de un sitio web y le permite tener su propia apariencia
única. Para ello, mantiene hojas de estilo que se ubican encima de otras reglas de estilo y se
activan en función de otras entradas, como el tamaño y la resolución de la pantalla del
dispositivo. En palabras simples, es una herramienta que define/controla los colores, el texto y su
tamaño (contenido), etc.
iii. javascript
JavaScript es un lenguaje de programación imperativo basado en eventos (a diferencia del
modelo de lenguaje declarativo de HTML) que se utiliza para transformar una página HTML
estática en una interfaz dinámica. El código JavaScript puede utilizar el modelo de objetos de
documento (DOM), proporcionado por el estándar HTML, para manipular una página web en
respuesta a eventos, como la entrada del usuario. Utilizando una técnica llamada AJAX, el

10
código JavaScript también puede recuperar activamente contenido de la web
(independientemente de la recuperación de la página HTML original) y también reaccionar a
eventos del lado del servidor, agregando una naturaleza verdaderamente dinámica a la
experiencia de la página web.

A continuación se muestra un ejemplo de HTML utilizado para definir una página web básica
con un título y un solo párrafo de texto.

La vista de código de la página web HTML básica se muestra en la figura 3.1.

Figura 3.1: Página web HTML básica

La primera línea define qué tipo de documento contiene. "<!DOCTYPE html>" significa que la
página está escrita en HTML5 . Las páginas HTML con el formato adecuado deben incluir las
etiquetas <html>, <head> y <body>, todas incluidas en el ejemplo anterior. El título de la página,
los metadatos y el enlace a los archivos referenciados se colocan entre las etiquetas <head>. El
contenido real de la página va entre las etiquetas <body>.
La web ha pasado por muchos cambios en las últimas décadas, pero HTML siempre ha sido el
lenguaje fundamental utilizado para desarrollar páginas web. Curiosamente, mientras los sitios
web se han vuelto más avanzados e interactivos, HTML se ha vuelto más simple. Si compara el
código fuente de una página HTML5 con una página similar escrita en HTML 4.01 o XHTML
1.0, la página HTML5 probablemente contendrá menos código. Esto se debe a que el HTML

11
moderno se basa en hojas de estilo en cascada o JavaScript para formatear casi todos los
elementos de una página.

3.2.0 HTML y sus propiedades

HTML significa lenguaje de marcado de hipertexto y es el lenguaje más utilizado para
escribir páginas web.

i. Hipertexto se refiere a cómo se vinculan entre sí las páginas web (documentos HTML).
Así, el enlace disponible en una página web se denomina Hipertexto.
ii. Como sugiere su nombre, HTML es un lenguaje de marcado , lo que significa que se
utiliza HTML para simplemente "marcar" un documento de texto con etiquetas que le
indican al navegador web cómo estructurarlo para mostrarlo.
Originalmente, HTML se desarrolló con la intención de definir la estructura de documentos
como títulos, párrafos, listas, etc. para facilitar el intercambio de información científica entre
investigadores.
Ahora, HTML se utiliza ampliamente para dar formato a páginas web con la ayuda de diferentes
etiquetas disponibles en lenguaje HTML.

3.2.1 ETIQUETAS HTML:

Como se dijo anteriormente, HTML es un lenguaje de marcado y utiliza varias etiquetas
para formatear el contenido. Estas etiquetas están encerradas entre llaves angulares <Nombre de
etiqueta> . Excepto unas pocas etiquetas, la mayoría de las etiquetas tienen sus correspondientes
etiquetas de cierre. Por ejemplo, <html> tiene su etiqueta de cierre </html> y la etiqueta
<body> tiene su etiqueta de cierre </body> , etc.
Los siguientes son los nombres de las etiquetas y su descripción.

Etiquet Descripción
a

12
 <html> Esta etiqueta encierra el documento HTML completo y se compone principalmente
del encabezado del documento, que está representado por <head>...</head> y del
cuerpo del documento, que está representado por las etiquetas <body>...</body>.
<cabez Esta etiqueta representa el encabezado del documento que puede contener otras
a> etiquetas HTML como <título>, <enlace>, <script language =”javascript”> etc.

<título La etiqueta <title> se utiliza dentro de la etiqueta <head> para mencionar el título
> del documento.

<cuerp Esta etiqueta representa el cuerpo del documento que contiene otras etiquetas
o> HTML como <h1>, <div>, <p>, <table>, etc.

<h1> Esta etiqueta representa un encabezado.

<p> Esta etiqueta representa un párrafo.

<b>, Negrita, cursiva, lista, lista desordenada

<i>,
<li>,
<ul>

3.2.2 TABLA HTML:

El modelo de tabla HTML permite a los diseñadores web organizar datos (texto, texto
preformateado, imágenes, enlaces, formularios, campos de formulario, otras tablas, etc.) en filas
y columnas de celdas. Se define con la etiqueta <table>.

La tabla se divide en filas con la etiqueta <tr>. Las filas de la tabla se dividen en datos de
la tabla con la etiqueta <td>. Una fila de la tabla también se puede dividir en encabezados de
tabla con la etiqueta <th>.

Los datos de la tabla <td> son los contenedores de datos de la tabla. Pueden contener todo tipo
de elementos HTML como texto, imágenes, listas y otras tablas.

13
Las vistas de código y la vista de diseño de la página de registro sin CSS se muestran en las
figuras 3.2 y 3.3.

Figura 3.2: Vistas de código de la página de registro sin CSS

14
Figura 3.3: Vista de diseño de la página de registro sin CSS

3.3.0 Introducción a CSS

CSS significa "hoja de estilo en cascada". Las hojas de estilo en cascada se utilizan para dar
formato al diseño de las páginas web . Se pueden utilizar para definir estilos de texto, tamaños de
tablas y otros aspectos de páginas web que antes sólo podían definirse en el HTML de una
página.

CSS ayuda a los desarrolladores web a crear una apariencia uniforme en varias páginas de un
sitio web. En lugar de definir el estilo de cada tabla y cada bloque de texto dentro del HTML de
una página, los estilos comúnmente utilizados deben definirse solo una vez en un documento
CSS. Una vez que el estilo se define en la hoja de estilos en cascada, puede ser utilizado por
cualquier página que haga referencia al archivo CSS. Además, CSS facilita el cambio de estilos
en varias páginas a la vez. Por ejemplo, un desarrollador web puede querer aumentar el tamaño
de texto predeterminado de 10 puntos a 12 puntos para cincuenta páginas de un sitio web. Si
todas las páginas hacen referencia a la misma hoja de estilo, solo es necesario cambiar el tamaño

15
del texto en la hoja de estilo y todas las páginas mostrarán el texto más grande. Si bien CSS es
fantástico para crear estilos de texto, también resulta útil para dar formato a otros aspectos del
diseño de una página web. Por ejemplo, CSS se puede utilizar para definir el relleno de las celdas
de una tabla, el estilo, el grosor y el color del borde de una tabla y el relleno alrededor de
imágenes u otros objetos. CSS da

Los desarrolladores web tienen un control más exacto sobre el aspecto de las páginas web que el
HTML. Esta es la razón por la que la mayoría de las páginas web actuales incorporan hojas de
estilo en cascada. Nota: el código CSS no se escribe de la misma manera que el código HTML.
Esto tiene sentido porque CSS no es HTML, sino más bien una forma de manipular HTML
existente.

3.3.1 RAZONES PARA CSS

Las siguientes son razones por las que CSS es mejor

i. Ahorra tiempo
ii. Erradica la idea de utilizar códigos repetidos.
iii. Proporciona eficiencia en el diseño y las actualizaciones: con CSS, podemos crear reglas
y aplicarlas a muchos elementos dentro del sitio web.
iv. Crea un archivo externo (del lado del servidor) para administrar contenido HTML.

3.3.2 MÉTODO UTILIZADO POR CSS PARA FORMATEAR DOCUMENTOS HTML

i. Estilo en línea: se utiliza para aplicar un estilo único a un solo elemento HTML. Un CSS
en línea utiliza el atributo de estilo de un elemento HTML.
ii. Estilo incrustado/interno: se utiliza si una sola página tiene un estilo único. Los estilos
internos se definen dentro del elemento <style>, dentro de la sección <head> de una
página HTML.
iii. Estilo externo: con una hoja de estilo externa, puedes cambiar el aspecto de un sitio web
completo cambiando solo un archivo. Cada página debe incluir una referencia al archivo
de hoja de estilo externo dentro del elemento <link>. El elemento <link> va dentro de la
sección <head>. Además, cuando se utiliza CSS externo, es preferible mantener el CSS
separado del HTML. Colocar CSS en un archivo separado permite al diseñador web
16
 diferenciar completamente entre contenido (HTML) y diseño (CSS). CSS externo es un
archivo que contiene solo código CSS y se guarda con una extensión de archivo ".css".
Luego se hace referencia a este CSS en su HTML utilizando <link> en lugar de <style>
como se indicó anteriormente.

3.3.3 SELECTORES CSS Y CÓMO SE PUEDEN UTILIZAR

Los selectores CSS se utilizan para buscar o seleccionar elementos HTML según su
nombre de elemento, ID o clase.

i. Selector de elementos: el selector de elementos selecciona elementos según el nombre

del elemento.
ii. Selector de identificación: el selector de identificación utiliza el atributo de
identificación de un elemento HTML para seleccionar un elemento específico. La
identificación de un elemento debe ser única dentro de una página, por lo que el selector
de identificación se usa para seleccionar un elemento único. por ejemplo, id=”hola” CSS
#hola {color; rojo;}
iii. Selector de clase: el selector de clase selecciona elementos con atributos de clase
específicos. Para seleccionar elementos con una clase específica, escriba un carácter de
punto (.) seguido del nombre de la clase. por ejemplo, .center {text-align: center;}

3.3.4 REGLAS CSS ANULARES

i. Cualquier hoja de estilo en línea tiene la máxima prioridad, por lo que anulará cualquier
regla definida en las etiquetas <style>……</style>.
ii. Cualquier regla definida en las etiquetas <style>…………</style> anulará las reglas
definidas en cualquier archivo de hoja de estilo externo.
2.3.5 COMENTARIOS CSS

Para simplemente poner un comentario dentro de una hoja de estilo, use /*…………..*/,
puede usarlo para comentar bloques de varias líneas de manera similar a como lo hace en el
lenguaje de programación c y c++.

17
3.3.6 FONDO Y FUENTE DE VARIOS ELEMENTOS HTML

Puede establecer las siguientes propiedades de fondo de un elemento.

i. El color de fondo: Es una propiedad que se utiliza para establecer el color de fondo de
un elemento.
ii. La propiedad background-image: se utiliza para establecer la imagen de fondo de un
elemento.
iii. La repetición de fondo: Se utiliza para controlar la repetición de una imagen de fondo.
iv. La posición de fondo: Se utiliza para controlar la posición de una imagen en el fondo.
v. El archivo adjunto de fondo: se utiliza para controlar el desplazamiento de una imagen
en el fondo.
vi. La propiedad de fondo: se utiliza como abreviatura para especificar el número de otras
propiedades de fondo. la fuente que son ;
i. La propiedad Font-family: se utiliza para cambiar el aspecto de una fuente.
ii. La propiedad de estilo de fuente: se utiliza para convertir una fuente en cursiva u
oblicua.
iii. La propiedad de peso de fuente: se utiliza para aumentar o disminuir la negrita o clara
que aparece una fuente.
iv. La propiedad Tamaño de fuente: se utiliza para aumentar o disminuir el tamaño de una
fuente.
3.3.7 DECORACIÓN DE TEXTO:

Esto demuestra cómo decorar un texto en CSS, los valores son ninguno, subrayado,
sobrerayado, línea y parpadeo.

3.3.8 PROPIEDADES DEL HIPERVÍNCULO USANDO CSS

i. El enlace significa hipervínculos no visitados.

ii. El enlace visitado significa hipervínculos visitados.
iii. El enlace suspendido significa un elemento que actualmente tiene el puntero del mouse
del usuario sobre él.
3.3.9 Agregar CSS al diseño HTML anterior

18
La vista de código y la vista de diseño de la página de registro con CSS se muestran en las
figuras 3.4, 3.5 y 3.6.

Figura 3.4: Vista de código de la página de registro con CSS

19
Figura 3.5: Vista de código de la página de registro con CSS

Figura 3.5: Vista de diseño de la página de registro con CSS

3.4 DISEÑO DE SITIO WEB USANDO HTML Y CSS

La vista de diseño y la vista de código del uso de HTML y CSS en la creación de un sitio se
describen en
Figura 3.7, 3.8, 3.9, 4.0, 4.1, 4.2.

20
Figura 3.7: Vistas de diseño de la construcción de un sitio usando HTML y CSS

21
Figura 3.8: Vistas de diseño de la construcción de un sitio usando HTML y CSS

Figura 3.9: Vistas de diseño de la construcción de un sitio usando HTML y CSS

22
Figura 4.0: Vista de código de la creación de un sitio usando HTML y CSS

23
Figura 4.1: Vistas de
código para crear un
sitio usando HTML y
CSS

24
Figura 4.2: Vistas de código para crear un sitio usando HTML y CSS

CAPÍTULO CUATRO

4.0 Conocimientos adquiridos

SIWES es un organismo creado para educar y brindar a los estudiantes conocimientos prácticos
para la situación del Trabajo Industrial que probablemente encontrarán después de graduarse.
Durante el periodo de formación industrial se adquirieron las siguientes competencias:

i. Capacidad para estructurar sitios web con la ayuda de HTML.

ii. Capacidad para embellecer sitios web con la ayuda de HTML y CSS.
iii. Capacidad para crear sitios web estandarizados con la ayuda de HTML, CSS y
JAVASCRIPT.
iv. Depurar errores y ser creativo en la disposición de códigos.
v. Capacidad para identificar y resolver problemas relacionados con el desarrollo Front-end.
vi. Toma de decisiones, pensamiento crítico, organización y planificación.
vii. Capacidad para trabajar en equipo.

4.1 Desafíos

Como estudiante que ha recibido esta capacitación, a continuación se detallan los siguientes
desafíos encontrados.

i. Uso de las propiedades de pantalla de @media para hacer que un sitio web responda en
diferentes dispositivos.
ii. Conocer la combinación de colores CSS correcta para usar en un proyecto.
iii. Dar la estructura correcta a las etiquetas div para lograr un sitio web responsivo.

25
 iv. La herramienta utilizada para crear un sitio web front-end siempre está sujeta a cambios
constantes.

CAPÍTULO CINCO

5.0 Resumen

La vinculación de SIWES con Ibom e-Library, Uyo, ha sido una de las experiencias más
intrusivas, interesantes y productivas. Con respecto a este programa, se ha logrado plenamente
obtener nuevos conocimientos y una comprensión más completa del desarrollo front-end y las
condiciones industriales reales.

5.1 Conclusión
Como estudiante de pasantía que realizó el programa SIWES en Ibom e-Library HTG, Uyo. El
programa de pasantías se centró en el desarrollo web front-end (también llamado del lado del
cliente), que es la parte más atractiva de un sitio que atrae la mente del usuario. El conocimiento
adquirido fue más específicamente sobre HTML y CSS, parte del desarrollo web, que mejora la
capacidad de crear y diseñar diferentes tipos de páginas web y también vincularlas para lograr
una interfaz de usuario de un sitio web. En este punto, el objetivo y los objetivos de ITH para
establecer este programa.
de hecho valió la pena.

5.2 Recomendaciones

26
 i. La dirección de la escuela debe considerar el hecho de que a los estudiantes les resulta
difícil ser admitidos en una organización en particular e instar a estas organizaciones a
que acepten estudiantes.
ii. El organismo SIWES debería hacer todo lo posible para ayudar económicamente a los
estudiantes a la hora de llevar a cabo esta vinculación tan industrial.
iii. El lugar de vinculación debe intentar, en la medida de lo posible, emplear trabajadores
capacitados para evitar el cambio de código mientras se da una conferencia.
iv. Se debe llevar a cabo una campaña de información masiva para permitir que las
industrias y establecimientos conozcan la importancia de SIWES para el futuro de los
estudiantes y la sociedad en general.

Referencias
Allen, CR citado en Craig, RL (1987). Manual de Capacitación y Desarrollo, 3er. ed.
McGraw-Hill, Nueva York, págs.10.

ITF (1973). Documento de política nº 1. Fondo de Capacitación Industrial, Jos, Nigeria.

Mafe, AVENA (2009). Guía para una participación exitosa en SIWES. Panaf Publishing Inc.,
Abuya
y Lagos.
Ojokuku, BY, Emeahara, EN, Aboyade, MA y Chris-Israel, HO, "Influencia de
Programa de experiencia laboral industrial sobre el desarrollo profesional de estudiantes
de biblioteconomía y ciencias de la información en el suroeste de Nigeria "(2015).
Filosofía y práctica bibliotecaria (revista electrónica). 1330.

Ukwueze, F (2011) Impacto del programa de experiencia laboral industrial de los estudiantes
(SIWES) en

27
 Desarrollo de habilidades de empleabilidad para graduados, Revista de la Asociación
Vocacional de Nigeria, vol. 16 (1), págs. 118-124.

Consorcio World Wide Web (W3C). (2010, 16 de septiembre). Introducción a WAI-ARIA 1.0:
Una introducción a los desafíos y soluciones de accesibilidad de aplicaciones de Internet
enriquecidas.
Obtenido de http://www.w3.org/TR/2010/WD-wai-aria-primer-20100916

Biblioteca electrónica Ibom. (2012). Gestionado por HTG

Obtenido de http://www.theibomelibrary.com/about-us .

Biblioteca electrónica Ibom. (2013). “E-Library coloca a Uyo en ventaja”, dice el gobernador.
Akpabio – Noticias de Vanguardia”. Noticias de vanguardia.

Lynch PJ, Horton. S. (2016), “Guía de estilo web: fundamentos del diseño de experiencia de
usuario”, 4.ª ed., New Haven y Londres, Yale University Press.

Seigel B. (2011), “Una guía completa de planificación de sitios web”, [en línea] Disponible
en:
https://www.smashingmagazine.com/2011/06/

Burns M. (2015), “3 problemas importantes con los proyectos de desarrollo web”, [en línea]
Disponible en: https://www.disruptorleague.com/blog/2015/09/07/3-major-problems-with-
web -proyectos de desarrollo/.

Thomas AP (2010). "HTML y CSS: la referencia completa". (Quinta edición). McGraw-

Hill, Nueva York .

28