Pasar al contenido principal

Estilos y recursos portal web institucional

Estilos y recursos portal web institucional

Este artículo tiene como objetivo presentar los lineamientos generales del sitio web institucional, donde se detallan los colores institucionales, los tamaños de imagen, las clases y los recursos o componentes disponibles en el constructor. Este documento es escalable, ya que se agregarán nuevos recursos conforme crezcan y se desarrollen los micrositios en el portal.

Lineamientos y consideraciones importantes

Uso del Componente de Pestañas Horizontales

El componente de pestañas horizontales debe usarse con precaución. Se recomienda evitar su uso en la mayoría de los casos debido a problemas de experiencia de usuario en dispositivos móviles. Este componente solo debe emplearse cuando:

  1. Número de Ítems: Contenga un máximo de tres ítems.
  2. Longitud del Texto: Cada ítem debe tener un texto corto y conciso.

El uso excesivo de pestañas horizontales puede dificultar la navegación en pantallas pequeñas, ya que puede requerir desplazamiento horizontal y disminuir la accesibilidad. Para mejorar la experiencia del usuario en dispositivos móviles, se deben considerar alternativas como menús desplegables o acordeones, que son más adecuados para pantallas pequeñas y proporcionan una mejor accesibilidad.

Fuente tipográfica para iconos

Los iconos en el portal web se derivan de una fuente tipográfica específica de la Universidad Central. Por esta razón, deben solicitarse a Máster Central. Este enfoque se adopta para garantizar la coherencia visual y la identidad de marca en todos los elementos gráficos del sitio. Además, el estilo de los iconos es de relleno, lo que asegura una apariencia uniforme y profesional en toda la plataforma.

Usar una fuente tipográfica para iconos en un sitio web, en lugar de imágenes, tiene varias ventajas significativas:

Ventajas de Usar Fuentes Tipográficas para Iconos

  1. Escalabilidad: Los iconos basados en fuentes son vectoriales, lo que significa que pueden escalarse a cualquier tamaño sin pérdida de calidad o nitidez, a diferencia de las imágenes que pueden pixelarse cuando se agrandan.

  2. Rendimiento: Las fuentes de iconos suelen tener un tamaño de archivo más pequeño que las imágenes, lo que reduce el tiempo de carga de la página y mejora el rendimiento del sitio.

  3. Compatibilidad con CSS: Los iconos en formato de fuente pueden ser fácilmente estilizados usando CSS. Esto incluye cambiar el color, el tamaño, aplicar sombras, rotar y otras transformaciones sin necesidad de crear múltiples versiones de la misma imagen.

  4. Consistencia: Usar una fuente tipográfica asegura una apariencia consistente en todos los navegadores y dispositivos. Las fuentes se renderizan de manera uniforme, mientras que las imágenes pueden variar ligeramente en diferentes navegadores.

  5. Facilidad de Implementación: Añadir o cambiar un icono es tan sencillo como actualizar el carácter en el HTML o la clase en el CSS, sin necesidad de modificar archivos de imagen.

Para que los íconos sean tomados correctamente por una fuente tipográfica, deben cumplir con ciertas características específicas:
  • Sin máscaras ni elementos sobrepuestos: Los íconos deben estar formados por formas simples y planas, sin efectos de máscara o elementos superpuestos. Esto asegura que cada parte del ícono sea visible y escalable correctamente.
  • Diseño en vectores (SVG): El formato de los íconos debe ser vectorial, como SVG, lo que permite que se escalen sin perder calidad. Los archivos vectoriales se pueden convertir a fuentes de íconos fácilmente.
  • Relleno y trazos consistentes: El estilo usado en el portal son rellenos y no de borde.
  • Tamaño uniforme: Asegúrate de que todos los íconos tengan proporciones similares y encajen dentro de un área de cuadrícula común, tamaño 64px de ancho y 64 px de alto. Esto facilita su alineación dentro de una fuente tipográfica.
  • Monocolor: Los íconos que forman parte de una fuente tipográfica deben ser monocolor, en negro, ya que las fuentes tipográficas no permiten múltiples colores por defecto. Se puede agregar colores mediante CSS al usarlos.
  • Evitar detalles demasiado finos: Los íconos deben ser simples y sin demasiados detalles, ya que estos pueden perderse cuando se muestran a tamaños más pequeños.
Puedes usar los que ya están creados con anterioridad, si no ves alguno similar para lo que necesitas puedes crearlo o descargarlo de la página: https://thenounproject.com/ y posteriormente enviarlos a Máster Central.

Colores institucionales

Colores principales

Azul

R: 20
G: 33
B: 83

Hexadecimal

#142153

Cian

R: 11
G: 134
B: 137

Hexadecimal

#0B8689

Gris

R: 229
G: 229
B: 227

Hexadecimal

#E5E5E3

Verde

R: 172
G: 170
B: 0

Hexadecimal

#ACAA00

Colores secundarios

Azul

R: 0
G: 81
B: 158

Hexadecimal

#00519E

Cian claro

R: 110
G: 173
B: 173

Hexadecimal

#6eadad

Beich

R: 255
G: 249
B: 241

Hexadecimal

#FFF9F1

Verde

R: 99
G: 111
B: 7

Hexadecimal

#636F07

Tamaño y formato de imágenes

Las imágenes se emplean en formato .webp con el fin de acelerar los tiempos de carga en Internet. Gracias a los archivos WebP, los sitios web pueden mostrar imágenes de alta calidad con un tamaño de archivo considerablemente inferior al de los formatos tradicionales, como PNG y JPEG.

Estas imágenes deben tener un tamaño inferior a 100 KB a 72 ppp. Es recomendable, al momento de exportarlas, aplicar una compresión con pérdida en 75 Alta para lograr un equilibrio entre calidad y tamaño. Además, siempre es necesario proporcionar un texto alternativo para garantizar un buen SEO y accesibilidad en el sitio web.

Las imágenes deben ser cargadas a través del Administrador de archivos proporcionado por el constructor. Estas deben estar alojadas en la carpeta general "imagenes-ucentral" y, a su vez, en una subcarpeta específica según el tipo de contenido al que pertenezcan. Esto se hace con el fin de mantener el orden y localizarlas rápidamente cuando sea necesario.

El tamaño de la imagen varía según el uso y el diseño de la plantilla. A continuación, se describen los tamaños generales según el propósito de cada una.

Diagramación clásica y llamado en vistas

Imagen contenido

Las imágenes de contenido tienen un tamaño de 800x533 píxeles de ancho por alto. Estas imágenes son las que se solicitan mediante las vistas y se llaman desde el campo obligatorio de imagen durante la edición de un contenido. Además, este tamaño de imagen también se emplea para la diagramación del contenido en el constructor.

Slide home principal (En evaluación)

Muestra imagen slider home principal

Las imágenes se cargan en la página de inicio utilizando Gavias Slider Layer, ubicado en el menú de administración bajo la opción de estructura. Estas imágenes tienen un tamaño de 1920x780 píxeles de ancho por alto a 72 ppp.

Estas imágenes incluyen el texto en las capas proporcionadas por esta herramienta, lo que lo convierte en HTML para una mejor adaptación y visualización en todos los dispositivos tecnológicos desde los cuales se consulte el portal institucional.

Imagen cabezote micrositios

Muestra imagen cabezote micrositios

Estas imágenes tienen un tamaño de 1920x370 píxeles de ancho por alto a 72 ppp.

Imagen cabezote micrositio oferta académica

Muestra imagen oferta académica

Estas imágenes tienen un tamaño de 1920x250 píxeles de ancho por alto a 72 ppp. Estas imágenes deben evitar la inclusión de personas y, en su lugar, hacer referencia a los programas académicos mediante imágenes generales, vectores o texturas.

Clases para la diagramación

El portal web institucional está basado en el framework Bootstrap versión 5. Para agregar una clase necesaria para la diagramación, puede consultar el documento oficial disponible en el siguiente enlace: Documentación oficial de Bootstrap 5.

Tamaños de títulos

Se debe usar el componente de título en lugar del componente de encabezado cuando se desea definir niveles específicos de títulos. El componente de título permite seleccionar el nivel de encabezado adecuado (como H1, H2, etc.), lo cual es esencial para mantener la estructura semántica y la accesibilidad del contenido.

H1

28px

H2

25px

H3

22px

H4

19px

H5

16px

H6

13px

p

16px

Clase para centrar texto

Para centrar texto dentro de un contenedor, se usa la clase text-center, esta clase se debe colocar en el campo llamado Extra class name

Propiedad Clase
text-align: center; text-center

Clase para poner los estilos del menú lateral

El menú lateral ocupa en la grilla una columna de 4, en las propiedades de la columna se debe poner la clase sidebar, esta debe ser puesta en el espacio SETTING STYLE, CLASS, ID FOR COLUMNS en el campo Custom CSS Classes

Ancho para todos los elementos

Propiedad Clase
Width 25% w-25
Width 50% w-50
Width 75% w-75
Width 100% w-100
Width auto w-auto

Alto para todos los elementos

Propiedad Clase
Height 25% h-25
Height 50% h-50
Height 75% h-75
Height 100% h-100
Height auto h-auto

Margin and padding

Propiedad Clase Propiedad Clase
Margen arriba (margin-top) mt-0
mt-1
mt-2
mt-3
mt-4
mt-5
mt-auto
Padding arriba (padding-top) pt-0
pt-1
pt-2
pt-3
pt-4
pt-5
pt-auto
Margen abajo (margin-bottom) mb-0
mb-1
mb-2
mb-3
mb-4
mb-5
mb-auto
Padding abajo (padding-bottom) pb-0
pb-1
pb-2
pb-3
pb-4
pb-5
pb-auto
Margen izquierdo (margin-left/start) ms-0
ms-1
ms-2
ms-3
ms-4
ms-5
ms-auto
Padding izquierdo (padding-left/start) ps-0
ps-1
ps-2
ps-3
ps-4
ps-5
ps-auto
Margen derecho (margin-right/end) me-0
me-1
me-2
me-3
me-4
me-5
me-auto
Padding derecho (padding-right/end) pe-0
pe-1
pe-2
pe-3
pe-4
pe-5
pe-auto
Margen derecho y margen izquierdo (margin-right y margin-left) mx-0
mx-1
mx-2
mx-3
mx-4
mx-5
mx-auto
Padding derecho y padding izquierdo (padding-right y padding-left) px-0
px-1
px-2
px-3
px-4
px-5
px-auto
Margen arriba y margen abajo (margin-top y margin-bottom) my-0
my-1
my-2
my-3
my-4
my-5
my-auto
Padding arriba y padding abajo (padding-top y padding-bottom) py-0
py-1
py-2
py-3
py-4
py-5
py-auto
Margen en los 4 lados m-0
m-1
m-2
m-3
m-4
m-5
m-auto
Padding en los 4 lados p-0
p-1
p-2
p-3
p-4
p-5
p-auto

Centrar horizontalmente a nivel de bloque

Propiedad Clase
margin-right: auto;
margin-left: auto;
display: block;
mx-auto d-block

Recursos constructor

Alerta

Cian

Danger

Light

Primary

Secondary

Success

Warning

Info

Lead

Acordeón vista

Background Dark

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where can I get some?

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Background White

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where can I get some?

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Background White Border

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where can I get some?

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Imagen

Trabajo administrativo UC

Call to Action

Este es un subtitulo

Este es mi titulo

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Button

Estilo 4 (Azul relleno)

Mi botón

Estilo 3 (Azul sin relleno)

Mi botón

Estilo 2 (Cian relleno)

Mi botón

Estilo 1 (Cian sin relleno)

Mi botón

Carousel - Services

Style I

Style II

Style III

Style IV

Style V

Carousel - Banner

Features Block

Style 4

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Style 1

Manage IT services

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Style 2

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Style 3

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Chart

60%

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,

Counter

Style 1

30

Este es mi título

Style 2

30

Este es mi título

Style 3

30

Este es mi título

Download box

Horizontal

Descargar caja

English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Vertical

Descargar caja

English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Gallery

Icon Box

Titulo

Titulo

Titulo

Estilo 3

Titulo

Estilo 4

Titulo

Estilo 6

Titulo

Estilo 7

Titulo

Estilo uc1

Título

Style 03 Ucentral

Icon Box Classic

Boton icono

Botón personalizable

Cards

Style cards 1

Mi Titulo
Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style cards 2

Style cards 3

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style cards 4

Mi Titulo
Mi Titulo

Style cards 5

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.

Style cards 6

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.

Style cards 7

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 8

Style cards 9

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 10

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 11

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Images Parallax

Job Box

Universidades
Full Time

Universidades

  • Universidad Central
  • Carrera 5 n.º 21-38

Our Partners

Juan Perez

Administrativo, Carrera 5 n.º 21-38

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Our Team

Vertical

Universidad Central

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Horizontal

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Circle

Universidad Central

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Pricing Item

Featured Yes

Tienda Centralista

20 100.000  / 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Featured No

Tienda Centralista

20 100.000  / 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Progreso

Este es mi Título
80%
Este es mi Título
30%
Este es mi Título
19%
Este es mi Título
40%

Progress Work List

  • Universidad 1
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • Universidad 2
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • Universidad 3
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Box Quote Text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Socials

Pestañas

Horizontal

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Horizontal Icon

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Vertical

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Quotes Rotator

Ejercicio 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Ejercicio 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Ejercicio 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Texto

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Text Without Editor

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Carousel - Features

Style 1

Style 2

Style 3

Style 4

Estilos y recursos portal web institucional

Conoce los lineamientos generales del sitio web institucional, donde se detallan los colores institucionales, tamaños de imagen, las clases y recursos disponibles en el constructor.

Estilos y recursos portal web institucional

Este artículo tiene como objetivo presentar los lineamientos generales del sitio web institucional, donde se detallan los colores institucionales, los tamaños de imagen, las clases y los recursos o componentes disponibles en el constructor. Este documento es escalable, ya que se agregarán nuevos recursos conforme crezcan y se desarrollen los micrositios en el portal.

Lineamientos y consideraciones importantes

Uso del Componente de Pestañas Horizontales

El componente de pestañas horizontales debe usarse con precaución. Se recomienda evitar su uso en la mayoría de los casos debido a problemas de experiencia de usuario en dispositivos móviles. Este componente solo debe emplearse cuando:

  1. Número de Ítems: Contenga un máximo de tres ítems.
  2. Longitud del Texto: Cada ítem debe tener un texto corto y conciso.

El uso excesivo de pestañas horizontales puede dificultar la navegación en pantallas pequeñas, ya que puede requerir desplazamiento horizontal y disminuir la accesibilidad. Para mejorar la experiencia del usuario en dispositivos móviles, se deben considerar alternativas como menús desplegables o acordeones, que son más adecuados para pantallas pequeñas y proporcionan una mejor accesibilidad.

Fuente tipográfica para iconos

Los iconos en el portal web se derivan de una fuente tipográfica específica de la Universidad Central. Por esta razón, deben solicitarse a Máster Central. Este enfoque se adopta para garantizar la coherencia visual y la identidad de marca en todos los elementos gráficos del sitio. Además, el estilo de los iconos es de relleno, lo que asegura una apariencia uniforme y profesional en toda la plataforma.

Usar una fuente tipográfica para iconos en un sitio web, en lugar de imágenes, tiene varias ventajas significativas:

Ventajas de Usar Fuentes Tipográficas para Iconos

  1. Escalabilidad: Los iconos basados en fuentes son vectoriales, lo que significa que pueden escalarse a cualquier tamaño sin pérdida de calidad o nitidez, a diferencia de las imágenes que pueden pixelarse cuando se agrandan.

  2. Rendimiento: Las fuentes de iconos suelen tener un tamaño de archivo más pequeño que las imágenes, lo que reduce el tiempo de carga de la página y mejora el rendimiento del sitio.

  3. Compatibilidad con CSS: Los iconos en formato de fuente pueden ser fácilmente estilizados usando CSS. Esto incluye cambiar el color, el tamaño, aplicar sombras, rotar y otras transformaciones sin necesidad de crear múltiples versiones de la misma imagen.

  4. Consistencia: Usar una fuente tipográfica asegura una apariencia consistente en todos los navegadores y dispositivos. Las fuentes se renderizan de manera uniforme, mientras que las imágenes pueden variar ligeramente en diferentes navegadores.

  5. Facilidad de Implementación: Añadir o cambiar un icono es tan sencillo como actualizar el carácter en el HTML o la clase en el CSS, sin necesidad de modificar archivos de imagen.

Para que los íconos sean tomados correctamente por una fuente tipográfica, deben cumplir con ciertas características específicas:
  • Sin máscaras ni elementos sobrepuestos: Los íconos deben estar formados por formas simples y planas, sin efectos de máscara o elementos superpuestos. Esto asegura que cada parte del ícono sea visible y escalable correctamente.
  • Diseño en vectores (SVG): El formato de los íconos debe ser vectorial, como SVG, lo que permite que se escalen sin perder calidad. Los archivos vectoriales se pueden convertir a fuentes de íconos fácilmente.
  • Relleno y trazos consistentes: El estilo usado en el portal son rellenos y no de borde.
  • Tamaño uniforme: Asegúrate de que todos los íconos tengan proporciones similares y encajen dentro de un área de cuadrícula común, tamaño 64px de ancho y 64 px de alto. Esto facilita su alineación dentro de una fuente tipográfica.
  • Monocolor: Los íconos que forman parte de una fuente tipográfica deben ser monocolor, en negro, ya que las fuentes tipográficas no permiten múltiples colores por defecto. Se puede agregar colores mediante CSS al usarlos.
  • Evitar detalles demasiado finos: Los íconos deben ser simples y sin demasiados detalles, ya que estos pueden perderse cuando se muestran a tamaños más pequeños.
Puedes usar los que ya están creados con anterioridad, si no ves alguno similar para lo que necesitas puedes crearlo o descargarlo de la página: https://thenounproject.com/ y posteriormente enviarlos a Máster Central.

Colores institucionales

Colores principales

Azul

R: 20
G: 33
B: 83

Hexadecimal

#142153

Cian

R: 11
G: 134
B: 137

Hexadecimal

#0B8689

Gris

R: 229
G: 229
B: 227

Hexadecimal

#E5E5E3

Verde

R: 172
G: 170
B: 0

Hexadecimal

#ACAA00

Colores secundarios

Azul

R: 0
G: 81
B: 158

Hexadecimal

#00519E

Cian claro

R: 110
G: 173
B: 173

Hexadecimal

#6eadad

Beich

R: 255
G: 249
B: 241

Hexadecimal

#FFF9F1

Verde

R: 99
G: 111
B: 7

Hexadecimal

#636F07

Morado

R: 99
G: 73
B: 152

Hexadecimal

#634998

Aguamarina

R: 44
G: 175
B: 168

Hexadecimal

#2cafa8

Tamaño y formato de imágenes

Las imágenes se emplean en formato .webp con el fin de acelerar los tiempos de carga en Internet. Gracias a los archivos WebP, los sitios web pueden mostrar imágenes de alta calidad con un tamaño de archivo considerablemente inferior al de los formatos tradicionales, como PNG y JPEG.

Estas imágenes deben tener un tamaño inferior a 100 KB a 72 ppp. Es recomendable, al momento de exportarlas, aplicar una compresión con pérdida en 75 Alta para lograr un equilibrio entre calidad y tamaño. Además, siempre es necesario proporcionar un texto alternativo para garantizar un buen SEO y accesibilidad en el sitio web.

Las imágenes deben ser cargadas a través del Administrador de archivos proporcionado por el constructor. Estas deben estar alojadas en la carpeta general "imagenes-ucentral" y, a su vez, en una subcarpeta específica según el tipo de contenido al que pertenezcan. Esto se hace con el fin de mantener el orden y localizarlas rápidamente cuando sea necesario.

El tamaño de la imagen varía según el uso y el diseño de la plantilla. A continuación, se describen los tamaños generales según el propósito de cada una.

Diagramación clásica y llamado en vistas

Imagen contenido

Las imágenes de contenido tienen un tamaño de 800x533 píxeles de ancho por alto. Estas imágenes son las que se solicitan mediante las vistas y se llaman desde el campo obligatorio de imagen durante la edición de un contenido. Además, este tamaño de imagen también se emplea para la diagramación del contenido en el constructor.

Slide home principal (En evaluación)

Muestra imagen slider home principal

Las imágenes se cargan en la página de inicio utilizando Gavias Slider Layer, ubicado en el menú de administración bajo la opción de estructura. Estas imágenes tienen un tamaño de 1920x780 píxeles de ancho por alto a 72 ppp.

Estas imágenes incluyen el texto en las capas proporcionadas por esta herramienta, lo que lo convierte en HTML para una mejor adaptación y visualización en todos los dispositivos tecnológicos desde los cuales se consulte el portal institucional.

Imagen cabezote micrositios

Muestra imagen cabezote micrositios

Estas imágenes tienen un tamaño de 1920x370 píxeles de ancho por alto a 72 ppp.

Imagen cabezote micrositio oferta académica

Muestra imagen oferta académica

Estas imágenes tienen un tamaño de 1920x250 píxeles de ancho por alto a 72 ppp. Estas imágenes deben evitar la inclusión de personas y, en su lugar, hacer referencia a los programas académicos mediante imágenes generales, vectores o texturas.

Clases para la diagramación

El portal web institucional está basado en el framework Bootstrap versión 5. Para agregar una clase necesaria para la diagramación, puede consultar el documento oficial disponible en el siguiente enlace: Documentación oficial de Bootstrap 5.

Tamaños de títulos

Se debe usar el componente de título en lugar del componente de encabezado cuando se desea definir niveles específicos de títulos. El componente de título permite seleccionar el nivel de encabezado adecuado (como H1, H2, etc.), lo cual es esencial para mantener la estructura semántica y la accesibilidad del contenido.

H1

28px

H2

25px

H3

22px

H4

19px

H5

16px

H6

13px

p

16px

Clase para centrar texto

Para centrar texto dentro de un contenedor, se usa la clase text-center, esta clase se debe colocar en el campo llamado Extra class name

Propiedad Clase
text-align: center; text-center

Clase para poner los estilos del menú lateral

El menú lateral ocupa en la grilla una columna de 4, en las propiedades de la columna se debe poner la clase sidebar, esta debe ser puesta en el espacio SETTING STYLE, CLASS, ID FOR COLUMNS en el campo Custom CSS Classes

Ancho para todos los elementos

Propiedad Clase
Width 25% w-25
Width 50% w-50
Width 75% w-75
Width 100% w-100
Width auto w-auto

Alto para todos los elementos

Propiedad Clase
Height 25% h-25
Height 50% h-50
Height 75% h-75
Height 100% h-100
Height auto h-auto

Margin and padding

Propiedad Clase Propiedad Clase
Margen arriba (margin-top) mt-0
mt-1
mt-2
mt-3
mt-4
mt-5
mt-auto
Padding arriba (padding-top) pt-0
pt-1
pt-2
pt-3
pt-4
pt-5
pt-auto
Margen abajo (margin-bottom) mb-0
mb-1
mb-2
mb-3
mb-4
mb-5
mb-auto
Padding abajo (padding-bottom) pb-0
pb-1
pb-2
pb-3
pb-4
pb-5
pb-auto
Margen izquierdo (margin-left/start) ms-0
ms-1
ms-2
ms-3
ms-4
ms-5
ms-auto
Padding izquierdo (padding-left/start) ps-0
ps-1
ps-2
ps-3
ps-4
ps-5
ps-auto
Margen derecho (margin-right/end) me-0
me-1
me-2
me-3
me-4
me-5
me-auto
Padding derecho (padding-right/end) pe-0
pe-1
pe-2
pe-3
pe-4
pe-5
pe-auto
Margen derecho y margen izquierdo (margin-right y margin-left) mx-0
mx-1
mx-2
mx-3
mx-4
mx-5
mx-auto
Padding derecho y padding izquierdo (padding-right y padding-left) px-0
px-1
px-2
px-3
px-4
px-5
px-auto
Margen arriba y margen abajo (margin-top y margin-bottom) my-0
my-1
my-2
my-3
my-4
my-5
my-auto
Padding arriba y padding abajo (padding-top y padding-bottom) py-0
py-1
py-2
py-3
py-4
py-5
py-auto
Margen en los 4 lados m-0
m-1
m-2
m-3
m-4
m-5
m-auto
Padding en los 4 lados p-0
p-1
p-2
p-3
p-4
p-5
p-auto

Centrar horizontalmente a nivel de bloque

Propiedad Clase
margin-right: auto;
margin-left: auto;
display: block;
mx-auto d-block

Recursos constructor

Alerta

Cian

Danger

Light

Primary

Secondary

Success

Warning

Info

Lead

Acordeón

Background Dark

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where can I get some?

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Background White

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where can I get some?

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Background White Border

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

Why do we use it?

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Where can I get some?

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.

Background White Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin molestie turpis in congue sagittis. Maecenas in ligula sed massa hendrerit vulputate. Mauris mollis tristique nulla, eget congue tellus semper porttitor. Suspendisse efficitur nec sem convallis blandit. Donec faucibus leo felis, a egestas augue egestas vitae. Quisque semper enim non libero imperdiet faucibus. Sed eu ipsum convallis est sollicitudin varius. Maecenas et lacinia dui, et pretium ante.

Imagen

Trabajo administrativo UC

Call to Action

Este es un subtitulo

Este es mi titulo

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.

Button

Estilo 4 (Azul relleno)

Mi botón

Estilo 3 (Azul sin relleno)

Mi botón

Estilo 2 (Cian relleno)

Mi botón

Estilo 1 (Cian sin relleno)

Mi botón

Estilo 5 (Verde sin relleno)

Mi botón

Estilo 6 (Verde relleno)

Mi botón

Estilo 7 (Morado sin relleno)

Mi botón

Estilo 8 (Morado relleno)

Mi botón

Carousel - Services

Style I

Style II

Style III

Style IV

Style V

Style VI

Carousel - Banner

Features Block

Style 4

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Style 1

Manage IT services

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Style 2

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Style 3

Manage IT services

Manage IT services

There are many lipsum of in pass sages of available some.

Chart

60%

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour,

Counter

Style 1

30

Este es mi título

Style 2

30

Este es mi título

Style 3

30

Este es mi título

Download box

Horizontal

Descargar caja

English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Vertical

Descargar caja

English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Gallery

Icon Box Classic

Boton icono

Botón personalizable

Cards

Style cards 1

Mi Titulo
Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style cards 2

Style cards 3

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Style cards 4

Mi Titulo
Mi Titulo

Style cards 5

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.

Style cards 6

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.

Style cards 7

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 8

Style cards 9

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 10

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 11

Mi Titulo

Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Style cards 12

Mi Titulo
Mi Titulo

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Images Parallax

Job Box

Universidades
Full Time

Universidades

  • Universidad Central
  • Carrera 5 n.º 21-38

Our Partners

Juan Perez

Administrativo, Carrera 5 n.º 21-38

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Our Team

Vertical

Universidad Central

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Horizontal

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Circle

Universidad Central

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Pricing Item

Featured Yes

Tienda Centralista

20 100.000  / 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Featured No

Tienda Centralista

20 100.000  / 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Progreso

Este es mi Título
80%
Este es mi Título
30%
Este es mi Título
19%
Este es mi Título
40%

Progress Work List

  • Universidad 1
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • Universidad 2
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
  • Universidad 3
    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Box Quote Text

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Socials

Pestañas

Horizontal

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Horizontal Icon

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Vertical

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Quotes Rotator

Ejercicio 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Ejercicio 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Ejercicio 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Texto

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Text Without Editor

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Carousel - Features

Style 1

Style 2

Style 3

Style 4

Style 5

Style 6

Style 7

Términos y condiciones de uso

Conoce los Términos y condiciones de uso del sitio web de la Universidad Central.

Términos y condiciones de uso

OBJETO. El sitio web www.ucentral.edu.co tiene como función principal proveer información y servicios, así como divulgar y promover normas y directrices de la UNIVERSIDAD CENTRAL y de acuerdo con las políticas emanadas del Consejo Superior Universitario.

DESCRIPCIÓN Y ACEPTACIÓN. Los presentes Términos y Condiciones de Uso, en adelante “Términos y Condiciones” regulan el acceso y uso que el usuario haga del sitio web www.ucentral.edu.co, de propiedad de la UNIVERSIDAD CENTRAL, con sede en Bogotá, Colombia; en adelante el “Sitio Web”, y de los servicios disponibles en el mismo. Con su utilización, el usuario acepta de manera plena y sin reserva, todos y cada uno de los presentes Términos y Condiciones, y se compromete a cumplirlos. La UNIVERSIDAD CENTRAL se reserva el derecho a modificarlos bajo iniciativa propia y sin necesidad de previo aviso al usuario, entrando en vigor dichas condiciones desde el momento de su publicación en la web.

DEL USUARIO DEL SITIO. La utilización del SITIO WEB de la UNIVERSIDAD CENTRAL por parte de cualquier persona, le atribuye la calidad de USUARIO, lo que implica su adhesión plena e incondicional a los TÉRMINOS DE USO aquí dispuestos; en consecuencia es indispensable que el usuario los lea previamente y los evalúe de forma cuidadosa, de tal manera que esté consciente de que se sujeta a ellos y a las modificaciones que pudieran sufrir cada vez que accede al sitio Web.

Si, en cualquier momento, el USUARIO no estuviera de acuerdo total o parcialmente con estos TÉRMINOS Y CONDICIONES DE USO, deberá abstenerse inmediatamente de usar el SITIO WEB en cualquiera de sus partes o secciones. En consecuencia, cualquier uso de los sitios y portales web de la UNIVERSIDAD CENTRAL se presumirá hecha por el USUARIO bajo su total responsabilidad y aceptación.

Dado el carácter vinculante de los términos y condiciones, es responsabilidad única del USUARIO revisar los términos vigentes en cada momento. Los avisos o términos legales que de forma expresa se indiquen en determinadas páginas de los sitios de la UNIVERSIDAD CENTRAL prevalecerán sobre las estipulaciones previstas en estos términos generales.

El USUARIO se compromete a destinar el SITIO WEB de la UNIVERSIDAD CENTRAL única y exclusivamente para actividades lícitas y a comportarse de acuerdo con los términos y condiciones aquí establecidos. Por lo tanto, la utilización de este SITIO prohíbe la transmisión, publicación o comunicación de cualquier tipo de información ilegal, dañina o reprochable de acuerdo con la legislación colombiana.

RESPONSABILIDAD POR CONTENIDOS. La UNIVERSIDAD CENTRAL no asume ningún tipo de responsabilidad por concepto de la buena o mala utilización de la información de textos, gráficos, imágenes, videos y sonidos u otros elementos publicados en este medio, en cuanto a las afectaciones directas o indirectas que pudiera llegar a ocasionar a cualquier tipo de organización o persona. De la misma forma no se hace responsable del contenido de dichas informaciones, ni es responsable por las omisiones de cualquier carácter a la titularidad de los medios utilizados para su representación, ni de las reclamaciones que en cuanto a derechos de autor pudiesen suscitarse por terceros por la publicación de información, al ser un medio de difusión.

USOS INDEBIDOS. Cualquier uso indebido, intento de violación del sistema, suplantación de individuos o, en general, cualquier acción que tenga por objeto dañar en alguna forma el servicio, desviarlo o demorarlo, dará lugar a las sanciones previstas en las normas vigentes que regulen el tema.

Queda prohibido el uso del nombre, logosímbolo institucional, logotipos, marcas, diseños o cualquier signo distintivo de propiedad de la UNIVERSIDAD CENTRAL, así como enlaces de hipertexto o hipervínculos a páginas no controladas por la Universidad, sin su previa, expresa y escrita autorización. Se prohíbe igualmente incluir en sitios y portales no controlados por la UNIVERSIDAD CENTRAL enlaces o hipervínculos a subdirectorios o a páginas secundarias o interiores a la página principal de la Universidad, evitando así visitar la página principal. Se prohíbe igualmente el despliegue, exhibición o reproducción del Sitio o de cualquiera de sus subdirectorios o páginas secundarias, en sitios o portales no controlados, salvo expresa autorización por parte de la UNIVERSIDAD CENTRAL.

La UNIVERSIDAD CENTRAL se reserva el derecho a negar o retirar el acceso al SITIO WEB y/o a los CONTENIDOS en cualquier momento y sin necesidad de previo aviso, por iniciativa propia o a petición de cualquier persona, a cualquier USUARIO por cualquier motivo, incluyendo sin limitación aquellos USUARIOS que den un uso indebido al SITIO, a cualquiera de sus partes o secciones o a los CONTENIDOS, o que incumplan total o parcialmente estos TÉRMINOS DE USO o las condiciones particulares que resulten aplicables. Es responsabilidad del USUARIO manifestar una conducta apropiada al navegar en este SITIO.

PROPIEDAD INTELECTUAL. Se prohíbe cualquier forma de utilización de las obras contenidas en el SITIO WEB, a menos que la misma se entienda amparada por una limitación o excepción, o hubiere sido previa y expresamente autorizada por la UNIVERSIDAD CENTRAL. Los contenidos del Portal están protegidos por las leyes colombianas en materia de derechos de autor, en especial las leyes 23 de 1982, 144 de 1993, 545 de 1999 y 565 de 2000, así como por las normas internacionales de Copyright, registro de marcas y las relacionadas con las anteriores. No se ejercerán derechos de autor sobre información de carácter público. Los autores de los artículos o los participantes de cuartos temáticos y foros de discusión son responsables por el contenido de los materiales que divulguen a través del Portal y su contenido no deberá violar los derechos de autor o de propiedad industrial de terceros.

PROBLEMAS TÉCNICOS. La UNIVERSIDAD CENTRAL no se hace responsable por las interrupciones en la transmisión, eliminación de archivos, fallas o demoras en el desempeño de estos sitios y portales, cualquier clase de virus u otros defectos que se puedan ocasionar por la utilización de este SITIO. Por tanto no garantiza la ausencia de virus y software malintencionados en los CONTENIDOS, ni de otros elementos que puedan producir alteraciones en el sistema informático del USUARIO o en los documentos electrónicos y ficheros almacenados en su sistema informático.

Por lo tanto el USUARIO que ingresa a estos sitios y portales lo hace bajo su propia responsabilidad y la UNIVERSIDAD CENTRAL no se hace responsable por posibles daños ocasionados al USUARIO o a terceros por el acceso, por la utilización, por la pérdida de información o por la imposibilidad de usar estos sitios y portales así como por la información contenida en ella, debido a dichas fallas técnicas o por contaminación ya que estos eventos se catalogan como de fuerza mayor o caso fortuito.

LIMITACIÓN DE RESPONSABILIDAD. La UNIVERSIDAD CENTRAL no presta ningún tipo de asesoría legal, profesional o de cualquier otra índole a través de su SITIO y/o correo electrónico de contacto. La información suministrada tiene como fin primordial proveer información general de UNIVERSIDAD CENTRAL, así como los medios para acceder a ésta.

USO DEL SITIO POR PARTE DE ESTUDIANTES, DOCENTES Y FUNCIONARIOS. Cuando el USUARIO sea estudiante, docente o empleado de la UNIVERSIDAD CENTRAL, cualquier violación o incumplimiento de los términos y condiciones de uso acarreará las sanciones disciplinarias contenidas en los reglamentos internos de la UNIVERSIDAD CENTRAL. En cualquier caso, y sin perjuicio de las acciones disciplinarias, el USUARIO es responsable de cualquier daño y/o perjuicio de cualquier naturaleza que ocasionare por incumplir cualquier normativa aplicable, por lo que exonera a la UNIVERSIDAD CENTRAL de toda responsabilidad civil, penal, administrativa o de cualquier otra índole. El USUARIO responderá por los daños y perjuicios que la UNIVERSIDAD CENTRAL pueda sufrir, directa o indirectamente y como consecuencia de incumplimiento de cualquiera de las obligaciones derivadas de este documento en relación con la utilización de este SITIO.

OTROS ENLACES. La UNIVERSIDAD CENTRAL no se hace responsable por el contenido de las páginas en Internet de terceros, a las cuales se puede acceder a través de los múltiples enlaces disponibles en el SITIO WEB, tomados como referencia a para ampliar la información agregada.

POLÍTICAS DE PRIVACIDAD. El Portal respetará el derecho a la intimidad de los usuarios, consignado en el artículo 15 de la Constitución Política de Colombia. Las solicitudes de autorización o inquietudes relacionadas con los derechos de propiedad intelectual sobre el SITIO o Portal, los servicios o CONTENIDOS de la página, deberán ser remitidas por escrito por el USUARIO a la dirección electrónica eriverap@ucentral.edu.co.

MANEJO DE COOKIES. Las cookies son ficheros que el navegador guarda en el disco duro y que facilitan la navegación en la página. Esta página web utiliza cookies de Google Analytics para su funcionamiento, con el objetivo de registrar las actividades del usuario, recolectar información estadística y así comprender la forma en la que los usuarios navegan, para realizar mejoras con base en los datos capturados. En caso de no querer navegar usando nuestras cookies, inhabilítelas en su navegador para que este las borre del disco duro o le avise cuando se estén instalando. Asimismo, si desea bloquear las funciones de análisis de Google Analytics, descargue el complemento que se encuentra en este enlace.

Suscribirse a Institucional