AA3 – LENGUAJES PARA INTERNET

PRESENTADO POR: RAFAEL ARTURO FORERO MOLANO

PRESENTADO A: SANTOS PLINIO TRIANA BUSTOS
CODIGO: 1023927314

FUNDACION UNIVERSITARIA UNIPANAMERICANA

LENGUAJES PARA INTERNET
BOGOTA D.C. 14 DE MARZO DE 2021
 TABLA DE CONTENIDO

PARTE DE CONTEXTUALIZACIÓN

1. ¿Qué son los derechos de autor, y cuál es la importancia en el desarrollo de páginas web?

2. Definir Licencias Creative Commons y hacer un cuadro comparativo con las licencias
Creative Commons.

3. ¿Cuáles son las herramientas de comunicación que se pueden utilizar en el diseño de

páginas web?

4. Realizar un cuadro comparativo con los principales comandos de CSS , su función y un

ejemplo.

PARTE PRACTICA: CASO PROPUESTO

Como insumo principal se plantea un caso el cual debe ser analizado según los requerimientos que
se solicitan en el sistema de información que se desea implementar en la web.

El Colegio la Felicidad, está interesado en realizar un aplicativo web para sus estudiantes,
profesores, directivos y posibles personas que deseen pertenecer a la Institución. La página tiene
diferentes objetivos entre los cuales se encuentran:

• Realizar una presentación de la Institución con los servicios que se ofrecen.

• Mantener actualizada a toda la comunidad de las actividades académicas que se desarrollan
mes a mes.
• Galería fotográfica de las principales actividades que se realizan en la Institución grados
disponibles.
• Tener un aplicativo en donde los profesores puedan sistematizar las experiencias que se
tienen en el aula, pueden ser académicas, de comportamientos con los estudiantes,
tecnológicas entre otras, este con fin de tener un historial que puede servir de ayuda a los
profesionales de la educación.

El cliente lo ha seleccionado para realizar un bosquejo de la página en donde se pueda apreciar las
diferentes opciones que se tienen para el desarrollo de esta página, teniendo en cuenta los
parámetros de normatividad y derechos de autor que se deben tener en cuenta debido al contenido
que se plantea manejar en esta página.
 PARTE DE CONTEXTUALIZACIÓN
1. ¿Qué son los derechos de autor, y cuál es la importancia en el desarrollo de páginas web?

Rta: Conjunto de normas que establecen los derechos y deberes correspondientes a

quienes las hayan creado o sean sus titulares y sus límites sin olvidar los derechos y
deberes de otras personas o entidades, artistas intérpretes o ejecutantes, editores,
productores de fonogramas, etc.
La importancia de los derechos de autor en el desarrollo de las páginas web es que con
estos se protege las creaciones realizadas por las personas para que no sean adulteradas o
reutilizadas para un fin especifico, también se exige el reconocimiento de la autoría, la
integridad de la página o el sitio web y se puede decidir si la página o el sitio web puede
ser divulgada y en que formas.

2. Definir Licencias Creative Commons y hacer un cuadro comparativo con las licencias
Creative Commons.

Rta: Las licencias Creative Commons facilitan para que el autor autorice el uso y la
explotación de la obra publicada en la web como por ejemplo copiar o distribuir de forma
no comercial.

LICENCIAS CREATIVE COMMONS

ATTRIBUTION ATTRIBUTION- ATTRIBUTION- ATTRIBUTION-
-SHAREALIKE NONCOMMERCIAL NODERIVATIVE NONCOMMERCIAL
3.0 IGO -SHAREALIKE 3.0 S 3.0 IGO -NODERIVATIVES
IGO 3.0 IGO
Los usuarios Los usuarios pueden Los usuarios Los usuarios pueden
pueden mezclar, mezclar, transformar pueden distribuir descargar nuestra
transformar y y crear a partir del nuestra publicación y
crear a partir del contenido de nuestra publicación para compartirla con otros,
contenido de publicación para fines fines comerciales y pero no están
nuestra no comerciales, bajo no comerciales. autorizados a
publicación la condición de que modificar su
incluso para toda obra derivada de contenido de ninguna
fines la publicación original manera ni a utilizarlo
comerciales. sea distribuida bajo la para fines
misma licencia CC-BY- comerciales.
NC-SA.
3. ¿Cuáles son las herramientas de comunicación que se pueden utilizar en el diseño de
páginas web?

Rta: las herramientas básicas son las siguientes:

• Correo Electrónico.
• Audioconferencias.
• Videoconferencias.
• Mensajería Instantánea.
• Blogs.
• Youtube.
• Dropbox.

4. Realizar un cuadro comparativo con los principales comandos de CSS , su función y un

ejemplo.

COMANDOS CSS
font-family Establece una familia o fuente tipográfica.
font-style Estilo normal, cursiva u oblicua. Atributos [
normal | italic | oblique ]
font-variant Convierte las minúsculas en mayúsculas pero
en tamaño menor. Atributos [ normal | small-
caps ]
font-weight Grosor de la tipografía especificado en
medidas de 100 a 900.
font-size Tamaño o cuerpo de letra especificado en
píxeles (px).
text-indent Cantidad de desplazamiento lateral de la
primera línea del texto, expresado en px.
text-align Alineación del texto. Atributos [ left | right |
center | justify ]
text-decoration Aplica efectos de subrayado, tachado,
parpadeo. Atributos [ none | [ underline ||
overline || line-through || blink ] ]
letter-spacing Espaciado entre caracteres especificado en
px.
text-transform Para transformar los textos a mayúsculas o
minúsculas [ capitalize | uppercase |
lowercase | none ].
line-height Interlineado entre renglones de texto
expresado en px.
vertical-align Alineación vertical del texto. Atributos [
baseline | sub | super | top | text-top |
middle | bottom | text-bottom |
<porcentaje> | <longitud> ]
Width Ancho de un elemento o imagen. Puede
definirse en píxeles (px), unidades em (em) y
porcentajes (%).
Ej.: #content {width:960px;}
Height Altura de un elemento o imagen. Igual que la
anterior.
Ej.: #header {height: 250px;}
background-color Color de fondo de un elemento. Se expresa
en valor hexadecimal con # y seis caracteres.
Ej.: #boton {background-color: #1CBACC;}
background-image Imagen de fondo para un elemento.
Ej.: #content {background-image:
url(«https://www.aulacm.com/fondo.jpg);}
background-repeat Repetición o no de la imagen dentro del
fondo (ideal para crear patterns o fondos con
texturas). Se puede repetir en x (en
horizontal) o en y (en vertical).
Ej.: #content {background-repeat: repeat-x;}
background-position Posición de la imagen dentro del fondo. Se
puede definir al centro, izquierda o derecha.
También con píxeles y porcentajes.
Ej.: #content {background-position: center;}
border Borde de un elemento o imagen. Tiene 3
parámetros: tipo de borde (liso, punteado,
rayas, etc), grosor (expresado en píxeles) y
color (expresado en valor hexadecimal).
También puede definirse sin borde (none).
Ej.: #boton {border: solid 1px #000000}
display Modo en que se muestra un elemento o
imagen o no mostrarlo nunca. Tiene diversos
valores, los más comunes son: mostrar
elementos en bloque (block),
z-index Posición de un elemento o imagen en el eje
z (para poner elementos tapando a otros
elementos)
margin Margen a partir de un elemento hacia afuera
expresado en px. Suele empujar a otros
elementos cercanos
padding Relleno o espacio interior desde el borde de
un elemento hacia dentro. Ampliar padding
suele arrastrar hacia fuera los bordes y por
consiguiente aumenta el tamaño del
elemento
PARTE PRACTICA: CASO PROPUESTO
Como insumo principal se plantea un caso el cual debe ser analizado según los requerimientos que
se solicitan en el sistema de información que se desea implementar en la web.

El Colegio la Felicidad, está interesado en realizar un aplicativo web para sus estudiantes,
profesores, directivos y posibles personas que deseen pertenecer a la Institución. La página tiene
diferentes objetivos entre los cuales se encuentran:

• Realizar una presentación de la Institución con los servicios que se ofrecen.

• Mantener actualizada a toda la comunidad de las actividades académicas que se desarrollan
mes a mes.
• Galería fotográfica de las principales actividades que se realizan en la Institución grados
disponibles.
• Tener un aplicativo en donde los profesores puedan sistematizar las experiencias que se
tienen en el aula, pueden ser académicas, de comportamientos con los estudiantes,
tecnológicas entre otras, este con fin de tener un historial que puede servir de ayuda a los
profesionales de la educación.

El cliente lo ha seleccionado para realizar un bosquejo de la página en donde se pueda apreciar las
diferentes opciones que se tienen para el desarrollo de esta página, teniendo en cuenta los
parámetros de normatividad y derechos de autor que se deben tener en cuenta debido al contenido
que se plantea manejar en esta página.

URL PAGINA WEB: https://rafaforero0810.wixsite.com/website