Hablemos de HTML
El HTML es mas una codificación que un lenguaje de programación. Su estructura
básica es tan simple que cualquier persona sin principios en programación puede
aprenderlo con gran facilidad.
Para comenzar debemos saber que el HTML utiliza una codificación genérica, la
cual hace uso de TAGS o etiquetas. Mediante estas etiquetas es posible separar
el contenido del documento de su formato.
Los TAGS son comandos que se especifican en el cuerpo del programa, con el
fin de darle las características deseadas a la información.
Toda página Web debe contener la siguiente estructura :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY> Esta es mi primera página Web</BODY>
</HTML> La etiqueta <HTML> le indica al visualizador
que va a comenzar a leer un documento HTML y se debe colocar siempre al
comienzo y al fin del texto.
La etiqueta <HEAD> indica un encabezado, dentro del cual se coloca
información como el título, el cual debe estar contenido entre la etiqueta
< TITLE>
Entre la etiqueta <BODY> va el cuerpo del documento, el cual es lo que
realmente vemos en el Web. Para comenzar a escribir un documento, es importante
tener en cuenta que el lenguaje HTML no distingue mas de un espacio entre
caracteres y se olvida de cualquier formato que se le de al texto (negrilla,
cursiva, tipo de letra, entre otras). Recordemos que para esto es que se creó
el HTML, toda presentación final debe ser proporcionada mediante las etiquetas.
Atributos de la etiqueta
Body
<body
bgcolor=?>
Configura el color de fondo de la página,
usando el valor del código de color hexadecimal.
<body text=?>
Configura
el color por defecto del texto, usando el valor del código de color
hexadecimal.
<body link=?>
Configura
el color de las ligas, usando el valor del código de color
hexadecimal.
<body vlink=?>
Configura
el color de las ligas visitadas, usando el valor del código de color
hexadecimal
<body alink=?>
Configura
el color de las ligas al darle clic, usando el valor del código hexadecimal.
básica es tan simple que cualquier persona sin principios en programación puede
aprenderlo con gran facilidad.
Para comenzar debemos saber que el HTML utiliza una codificación genérica, la
cual hace uso de TAGS o etiquetas. Mediante estas etiquetas es posible separar
el contenido del documento de su formato.
Los TAGS son comandos que se especifican en el cuerpo del programa, con el
fin de darle las características deseadas a la información.
Toda página Web debe contener la siguiente estructura :
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY> Esta es mi primera página Web</BODY>
</HTML> La etiqueta <HTML> le indica al visualizador
que va a comenzar a leer un documento HTML y se debe colocar siempre al
comienzo y al fin del texto.
La etiqueta <HEAD> indica un encabezado, dentro del cual se coloca
información como el título, el cual debe estar contenido entre la etiqueta
< TITLE>
Entre la etiqueta <BODY> va el cuerpo del documento, el cual es lo que
realmente vemos en el Web. Para comenzar a escribir un documento, es importante
tener en cuenta que el lenguaje HTML no distingue mas de un espacio entre
caracteres y se olvida de cualquier formato que se le de al texto (negrilla,
cursiva, tipo de letra, entre otras). Recordemos que para esto es que se creó
el HTML, toda presentación final debe ser proporcionada mediante las etiquetas.
Atributos de la etiqueta
Body
<body
bgcolor=?>
Configura el color de fondo de la página,
usando el valor del código de color hexadecimal.
<body text=?>
Configura
el color por defecto del texto, usando el valor del código de color
hexadecimal.
<body link=?>
Configura
el color de las ligas, usando el valor del código de color
hexadecimal.
<body vlink=?>
Configura
el color de las ligas visitadas, usando el valor del código de color
hexadecimal
<body alink=?>
Configura
el color de las ligas al darle clic, usando el valor del código hexadecimal.
Etiquetas para dar formato al texto
Negrita
<B> Texto en negrita</B>
Cursiva
<I> Texto en cursiva</I>
Subrayado
<U> Texto subrayado</U>
Monoespaciado
<TT> Texto como si estuviera escrito en máquina da
escribir </TT>
Preformateado
<PRE> Texto que conserva todos sus espacios y
tabuladores, y aparece en formato monoespaciado</PRE>
<B> Texto en negrita</B>
Cursiva
<I> Texto en cursiva</I>
Subrayado
<U> Texto subrayado</U>
Monoespaciado
<TT> Texto como si estuviera escrito en máquina da
escribir </TT>
Preformateado
<PRE> Texto que conserva todos sus espacios y
tabuladores, y aparece en formato monoespaciado</PRE>
Etiquetas para dar formato al párrafo
Nuevo párrafo (dos espacios)
<P>
Línea horizontal
<HR>
Salto de línea (un espacio)
<BR>
Tamaño de la fuente
<Hx> </Hx>. Donde x es un número entre 1 y 6,
siendo 1 el tamaño mas grande y 6 el más pequeño
<P>
Línea horizontal
<HR>
Salto de línea (un espacio)
<BR>
Tamaño de la fuente
<Hx> </Hx>. Donde x es un número entre 1 y 6,
siendo 1 el tamaño mas grande y 6 el más pequeño
Etiquetas para tablas
ESTRUCTURA BÁSICA DE LAS TABLAS
<TABLE BORDER="Número entre 0 y 7">
<CAPTION ALIGN=TOP ó
BOTTOM>;Aquí va el texto del título</CAPTION>
<TR>
<TD>Primera fila, primera
columna</TD>
<TD>Primera fila, segunda
columna</TD>
<TD>Primera fila, tercera
columna</TD>
..........
</TR>
<TD>Segunda fila,
primera columna</TD>
<TD>Segunda fila, primera
columna</TD>
<TD>Segunda fila, primera columna</TD>
..........
</TR>
etc...
</TABLE>
Notas:
El número que se designa en la etiqueta <TABLE BORDER="Número entre 0 y
7"> determina el ancho del borde de la tabla. Este número puede estar entre
0 y 7.
Se preguntarán que significa la etiqueta <CAPTION ALIGN=TOP ó BOTTOM>;
Aquí va el texto del título</CAPTION>. Simplemente da la posibilidad de
colocarle un título a la tabla, bien sea en la parte superior (TOP) o en la
parte inferior (BOTTOM).
Atributos de
Tablas
<table border=#>
Coloca
contorno en las celdas de la tabla
<table
cellspacing=#>
Espacio entre las celdas de una
tabla
<table
cellpadding=#>
Espacio entre el contorno de una
celda y su contenido
<table width=# or
%>
Ancho de la tabla, en pixeles o porcentaje del
ancho de la página
<tr align=?> or <td
align=?>
Alineación para las celdas, izquierda
derecha, centro
<tr valign=?> or <td
valign=?>
Alineación vertical de las celdas, arriba,
abajo,enmedio
<td colspan=#>
Expansión
de una celda, en número de columnas
<td rowspan=#>
Expansión
de una celda, en número de celdas
<td nowrap>
Texto
continuo dentro de una celda
<TABLE BORDER="Número entre 0 y 7">
<CAPTION ALIGN=TOP ó
BOTTOM>;Aquí va el texto del título</CAPTION>
<TR>
<TD>Primera fila, primera
columna</TD>
<TD>Primera fila, segunda
columna</TD>
<TD>Primera fila, tercera
columna</TD>
..........
</TR>
<TD>Segunda fila,
primera columna</TD>
<TD>Segunda fila, primera
columna</TD>
<TD>Segunda fila, primera columna</TD>
..........
</TR>
etc...
</TABLE>
Notas:
El número que se designa en la etiqueta <TABLE BORDER="Número entre 0 y
7"> determina el ancho del borde de la tabla. Este número puede estar entre
0 y 7.
Se preguntarán que significa la etiqueta <CAPTION ALIGN=TOP ó BOTTOM>;
Aquí va el texto del título</CAPTION>. Simplemente da la posibilidad de
colocarle un título a la tabla, bien sea en la parte superior (TOP) o en la
parte inferior (BOTTOM).
Atributos de
Tablas
<table border=#>
Coloca
contorno en las celdas de la tabla
<table
cellspacing=#>
Espacio entre las celdas de una
tabla
<table
cellpadding=#>
Espacio entre el contorno de una
celda y su contenido
<table width=# or
%>
Ancho de la tabla, en pixeles o porcentaje del
ancho de la página
<tr align=?> or <td
align=?>
Alineación para las celdas, izquierda
derecha, centro
<tr valign=?> or <td
valign=?>
Alineación vertical de las celdas, arriba,
abajo,enmedio
<td colspan=#>
Expansión
de una celda, en número de columnas
<td rowspan=#>
Expansión
de una celda, en número de celdas
<td nowrap>
Texto
continuo dentro de una celda
Etiquetas para insertar imágenes
Para colocar una imagen en una página basta con llamarla desde el documento
HTML ( es similar los vínculos hacia páginas cercanas). Lo primero es diseñar
el gráfico deseado en cualquier programa de dibujo como el Corel Draw o el
Adobe Photoshop, luego se debe convertir a cualquiera de los formatos aceptados
por el lenguaje HTML (GIF y JPEG).
La estructura es la siguiente :
<IMG SRC= "Nombre del archivo" >
<img
src="name">
Incorpora una imagen
<img src="name" align=?>
Alinea la imagen: izquierda, derecha y
centro
<img src="name"
border=?>
Determina el contorno de la imagen. Un
valor 0 no tendrá contorno
<map></map>
Mapa de
imágenes
<body background="URL o ruta de
archivo"></body>
Coloca la imagen como fondo
de la página
<hr>
Linea
horizontal
<hr size=?>
Tamaño de una
linea horizontal
<hr width=?>
Ancho de
linea horizontal, ya sea porcentaje o valor absoluto.
<hr noshade>
Linea
horizontal sin sombra
HTML ( es similar los vínculos hacia páginas cercanas). Lo primero es diseñar
el gráfico deseado en cualquier programa de dibujo como el Corel Draw o el
Adobe Photoshop, luego se debe convertir a cualquiera de los formatos aceptados
por el lenguaje HTML (GIF y JPEG).
La estructura es la siguiente :
<IMG SRC= "Nombre del archivo" >
<img
src="name">
Incorpora una imagen
<img src="name" align=?>
Alinea la imagen: izquierda, derecha y
centro
<img src="name"
border=?>
Determina el contorno de la imagen. Un
valor 0 no tendrá contorno
<map></map>
Mapa de
imágenes
<body background="URL o ruta de
archivo"></body>
Coloca la imagen como fondo
de la página
<hr>
Linea
horizontal
<hr size=?>
Tamaño de una
linea horizontal
<hr width=?>
Ancho de
linea horizontal, ya sea porcentaje o valor absoluto.
<hr noshade>
Linea
horizontal sin sombra
Etiquetas para insertar video
Si queremos añadir dentro de una pagina un video, este seria el codigo a
añadir:
< embed width="400" height="300" src="tuvideo.wmv">
añadir:
< embed width="400" height="300" src="tuvideo.wmv">
Etiquetas para ligas
<a
href="URL"></a>
Hipervínculo
<a
href="mailto:EMAIL"></a>
Hipervínculo mailto
(para envío de correo)
<a
name="name"></a>
Ancla en el mismo
documento
<a
href="#name"></a>
Liga hacia algún lugar
dentro del mismo sitio
href="URL"></a>
Hipervínculo
<a
href="mailto:EMAIL"></a>
Hipervínculo mailto
(para envío de correo)
<a
name="name"></a>
Ancla en el mismo
documento
<a
href="#name"></a>
Liga hacia algún lugar
dentro del mismo sitio
Estructura Básica
<HTML>
<HEAD>
Aquí va la cabecera de la página
</HEAD>
<BODY>
Aquí va el cuerpo de la página
</BODY>
</HTML>
<HEAD>
Aquí va la cabecera de la página
</HEAD>
<BODY>
Aquí va el cuerpo de la página
</BODY>
</HTML>
Teoría del color
¿Qué es el color?
El color es un atributo que percibimos de los objetos cuando hay luz. La luz es
constituida por ondas electromagnéticas que se propagan a unos 300.000
kilómetros por segundo. Esto significa que nuestros ojos reaccionan a la
incidencia de la energía y no a la materia en sí.
constituida por ondas electromagnéticas que se propagan a unos 300.000
kilómetros por segundo. Esto significa que nuestros ojos reaccionan a la
incidencia de la energía y no a la materia en sí.
Características del color
•1.
TONALIDAD O
MATIZ. Es un atributo que diferencia el color, y los colores son VERDE, VIOLETA Y ANARANJADO
2.SATURACIÓN
o Intensidad. Define la claridad u obscuridad de un color
•3.
LUMINOSIDAD o Claridad. Es la cantidad de luz reflejada por una superficie
•4.
BRILLO. Es la cantidad de luz emitida por una fuente lumínica.
TONALIDAD O
MATIZ. Es un atributo que diferencia el color, y los colores son VERDE, VIOLETA Y ANARANJADO
2.SATURACIÓN
o Intensidad. Define la claridad u obscuridad de un color
•3.
LUMINOSIDAD o Claridad. Es la cantidad de luz reflejada por una superficie
•4.
BRILLO. Es la cantidad de luz emitida por una fuente lumínica.
Psicología del color
El Rojo: Es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo, aunque también
del peligro.
El Anaranjado: Representa la alegría, la juventud, el calor, el verano.
El amarillo: En muchas culturas, es el símbolo de la deidad y es el color más luminoso, más cálido, ardiente y expansivo, es el color de la luz del sol. Genera calor, provoca el buen humor y la alegría.
El verde: Simboliza la esperanza, la fecundidad, los bienes que han de venir, el deseo de vida eterna.
El Azul: es el símbolo de la profundidad se le atrubuyen efectos calmantes y se usa en ambientes que inviten al reposo.
El púrpura: Representa el misterio, se asocia con la intuición y la espiritualidad, influenciando emociones y humores.
El blanco: Su significado es asociado con la pureza, fe, con la paz. Alegría y pulcritud.
El Negro: Tradicionalmente el negro se relaciona con la oscuridad, el dolor, la desesperación, la formalidad y solemnidad, la tristeza, la melancolía, la infelicidad y desventura, el enfado y la irritabilidad y puede representar lo que está escondido y velado.
El gris: Iguala todas las cosas y no influye en los otros colores. Puede expresar elegancia, respeto, desconsuelo, aburrimiento, vejez.
del peligro.
El Anaranjado: Representa la alegría, la juventud, el calor, el verano.
El amarillo: En muchas culturas, es el símbolo de la deidad y es el color más luminoso, más cálido, ardiente y expansivo, es el color de la luz del sol. Genera calor, provoca el buen humor y la alegría.
El verde: Simboliza la esperanza, la fecundidad, los bienes que han de venir, el deseo de vida eterna.
El Azul: es el símbolo de la profundidad se le atrubuyen efectos calmantes y se usa en ambientes que inviten al reposo.
El púrpura: Representa el misterio, se asocia con la intuición y la espiritualidad, influenciando emociones y humores.
El blanco: Su significado es asociado con la pureza, fe, con la paz. Alegría y pulcritud.
El Negro: Tradicionalmente el negro se relaciona con la oscuridad, el dolor, la desesperación, la formalidad y solemnidad, la tristeza, la melancolía, la infelicidad y desventura, el enfado y la irritabilidad y puede representar lo que está escondido y velado.
El gris: Iguala todas las cosas y no influye en los otros colores. Puede expresar elegancia, respeto, desconsuelo, aburrimiento, vejez.
Minimalismo y Conceptualismo
MinimalismoEl término minimalista, en su ámbito más general, es referido a cualquier cosa que se haya desnudado a lo esencial, despojada de elementos sobrantes, o que proporciona solo un esbozo de su estructura, y minimalismo es la tendencia a reducir a lo esencial.
|
ConceptualismoEl arte conceptual o conceptualismo se basó en la primacía de la idea o concepto por encima de la técnica o forma final del objeto. Es más, no solo se limitó a objetos bidimensionales o tridimensionales (escultura o pintura), sino que incursionó en los actos, así como también en el video.
|