Aplicaciones Informatica

miércoles, 25 de septiembre de 2019

lunes, 16 de septiembre de 2019

Dato e Información

Dato e Información

1) Diferencia entre dato e información

2) Significado y ciclo de vida de los datos

3) Diagrama

1)-Los datos son símbolos que describen hechos, condiciones, valores o situaciones. Los datos se caracterizan por no contener ninguna información.

-La información es un conjunto organizado de datos, que constituyen un mensaje sobre un determinado ente o fenómeno.

Los datos pueden asociarse dentro de un contexto para convertirse en información. Para ser útiles, los datos deben convertirse en información y ofrecer así un significado, conocimiento, ideas o conclusiones.

martes, 2 de julio de 2019

tp grafica

http://comunicaciongrafica-pucp.blogspot.com/2013/04/historia-de-la-comunicacion-grafica.html

martes, 18 de junio de 2019

Tablas

Las Tablas sirven para encolumnar y estructurar el texto y las imágenes con mas precisión.
las marcas que se usan son:

<TABLE> </TABLE> Al inicio y al final
<TR> </TR> Definen las filas
<TD> </TD> Definen las columnas

Las estructuras de una tabla es muy versátil
Las marcas de una tabla son jerárquicas: una tabla tiene una o más filas cada una de las filas está divididas en una o más columnas.

<table border="1">

<tr>

<td>texto 1</td>

<td>texto 2</td>

<td>otra columna</td>

</tr>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

Atributos de una tabla:

align: Alinea horizontalmente la tabla con respecto a su entorno.
background: Nos permite colocar un fondo para la tabla a partir de un enlace a una imagen.
bgcolor: Da color de fondo a la tabla.
border: Define el número de pixels del borde principal.
bordercolor: Define el color del borde.
cellpadding: Define, en pixels, el espacio entre los bordes de la celda y el contenido de la misma.
cellspacing: Define el espacio entre los bordes (en pixels).
height: Define la altura de la tabla en pixels o porcentaje.
width: Define la anchura de la tabla en pixels o porcentaje.
Link:https://desarrolloweb.com/articulos/629.php

colspan "número" Número de columnas que la celda abarcará.

rowspan "número" Número de filas que la celda abarcará.

headers "ids" Id de los elementos <th> con los que tiene relación la celda.

scope (solo <th>) "row" La cabecera se aplica a alguna de las filas adyacentes.

"col" La cabecera se aplica a alguna de las columnas adyacentes.

"rowgroup" La cabecera se aplica a todas las celdas restantes de la fila.

"colgroup" La cabecera se aplica a todas las celdas restantes de la columna.

"auto" La cabecera se aplica a las celdas de forma automática.

abbr (solo <th>) "nombre" Abreviatura o información alternativa sobre la cabecera.
LINK: https://lenguajehtml.com/p/html/semantica/etiquetas-html-de-tablas#top

<th> viene de table header cell que significa celda de encabezado de tabla.

-Para disponer un título a una tabla debemos incorporar el elemento caption inmediatamente después que abrimos la marca table. (<caption> </caption>)

-El elemento td o th dispone de dos propiedades llamadas rowspan y colspan. Son útiles para cuando se necesita que una celda ocupe el lugar de dos o mas celdas , a estas propiedades se les asigna un valor entero a partir de 2

Si queremos que una celda ocupe tres columnas luego inicializamos la propiedad colspan con el valor 3:

<td colspan="3">Facturación de los últimos tres

meses</td>

Si por el contrario queremos que una celda se extienda a nivel de filas luego hacemos:

<td rowspan="3">Secciones</td>

<tr>

<td rowspan="4">Recursos</td><td colspan="4">Facturación

de los últimos tres meses</td>

</tr>

viernes, 5 de abril de 2019

Código HTML y Atributos

Las etiquetas

-El formato general a seguir:
<etiqueta> contenido </etiqueta>
-La inclusión de comentarios que no se ven
<|comentario>
-Las etiquetas que nunca deben faltar
<html></html>
<head></head>
<body></body>
<b></b> negrita
<i></i> cursiva

Formateo elemental de texto:

-Encabezamientos
<H1></H1>.............<H6></H6>

-Salto de párrafo
<P></P>

-Centrado
<CENTER></CENTER>

-Negrita y Cursiva

<B></B> <i></i>

Ejemplo 1

<HTML>
<HEAD>
<TITLE>MI PRIMER PAGINA WEB</TITLE>
</HEAD>
<BODY>
<H1>TITULO GRANDE</H1>
<H2> TITULO</H2>
<H3>TITULO MEDIO</H3>
<H6> TITULO PEQUEÑO</H6>
</BODY>
</HTML>

PRACTICAR
<HTML>
<HEAD>
<TITLE>MI PRIMER PAGINA WEB</TITLE>
</HEAD>
<BODY>
<H1> TITULO GRANDE </H1>
<H2> TITULO </H2>
<H3>TITULO MEDIO</H3>
<H6>TITULO PEQUEÑO</H6>
<HR>
<P>
<CENTER><B><I>BUENO,AHORA PENSEMOS..</I> </B> </CENTER>
</P>
<HR>
</BODY>
</TITLE>

Atributos y Contenido

Elemento
Etiqueta de apertura Contenido Etiq. de cierre

<p class="texto"> Curso HTML </p>

Nombre Valor
Atributo

Más Etiquetas

<BASEFONTSIZE=3> TAMAÑO DE LETRA </BASE FONT SIZE> (+Defino tamaño para toda la pagina por defecto)

Alineacion de parrafos

- ALIGN= left, ALIGN= right, ALIGN=center - <p ALIGN=opción>

Fondos

*Puede ser:textura, imágenes y colores
Sintaxis:
- <BODY BACKGROUND= "fondo.gif" >
- <BODY BGCOLOR= "color" >
Ejemplo:
<body background= <"fondo.jpg">
<body bgcolor= <"#FDFEFE">

Tamaño de letra - Color y estilo
-<FONT SIZE=3> </FONT SIZE> TAMAÑO

-<FONT COLOR=<"#FDFEFE"> </FONT COLOR> COLOR DE LAS FUENTES (LETRAS)

-FONT FACE=<"ARIAL"> </FONT FACE> ESTILO

Forma simplificada de hacerlo
-<FONT SIZE=5,COLOR="#FDFEFE">,FACE"ARIAL"> </FONT>

cREACIOPN DE LISTAS

.Listas no ordenadas
-<UL>
-<LI>
</UL>

.Lista ordenadas
-<ol>
-<li>
-</ol>

Ejemplo

<OL>
<LI> Primer
<LI> Segun
<LI> Tercer
</OL>

<UL>
<LI> Naturals
<UL>
<LI> Biologia
<LI> Botánica
</UL>
<LI> Socials
<UL>
<LI> Goegrafia
<LI> Historia

</UL>
</UL>

ATRIBUTOS PARA LISTAS UL/OL

Las listas no ordenadas van dentro de la etiqueta <ul> HTML y de su cierre </ul>. Cada punto que queramos añadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.

Las listas ordenadas van enmarcadas dentro de las etiquetas <ol> </ol> Cada punto de la lista se escribe con la misma etiqueta que en las no numeradas: <li>. Pero al ser listas ordenadas los símbolos serán números y éstos se irán generando automáticamente por orden, conforme escribamos nuevos puntos.