lunes, 24 de abril de 2017

H.T.M.L 5

                        FORMULARIOS EN HTML 5 ATRIBUTOS Y ELEMENTOS .


-LA ETIQUETA <IMPUT> ESPECIFICO UN CAMPO DE ENTRADA DONDE EL USUARIO PUEDE INTRODUCIR DATOS. EN HTML5 VEMOS QUE TIENEN VARIOS TIPOS DE ENTRADA O <INPUT> ESTAS NUEVAS CARACTERÍSTICAS PERMITEN UN MEJOR CONTROL DE ENTRADA Y VALIDACIÓN.
EJEMPLOS, TENEMOS.

<INPUT TYPE=TEXT>:ESPECIFICA QUE EL USUARIO DEBE LLENAR EL CAMPO CON TEXTO
<INPUT TYPE=EMAIL>:ESPECIFICA QUE EL USUARIO DEBE LLENAR EL CAMPO CON UN EMAIL VALIDO 
<INPUT TYPE=URLL>:ESPECIFICA QUE EL USUARIO DEBE LLENAR EL CAMPO CON URL 
<INPUT TYPE=COLOR>:ESPECIFICA QUE EL USUARIO DEBE LLENAR EL CAMPO CON UN COLOR
<INPUT TYPE=DATE>:ESPECIFICA QUE EL USUARIO DEBE LLENAR EL CAMPO CON UNA FECHA 
<INPUT TYPE=MONTH>:ESPECIFICA QUE EL USUARIO DEBE LLENAR EL CAMPO CON UN MES

ATRIBUTOS.

1-EL ATRIBUTO AUTO COMPLETE:

EL ATRIBUTO AUTO COMPLETE ESPECIFICA QUE SI UN CAMPO DE UN FORMULARIO O DE ENTRADA DEBE TENER AUTO COMPLETADO DE ENCENDIDO O APAGADO, ES DECIR ON O OFF.

<FORM ACTION="FORM.PHP"AUTOCOMPLETE="ON">
NOMBRE:<INPUT TYPE="TEXT" NAME="ALEJANDRO"/><BR />
APELLIDO:<INPUT TYPE="TEXT" NAME="DORADO"/><BR />
E-MAIL:<INPUT TYPE=EMAIL NAME="EMAIL" AUTOCOMPLETE="OFF"/><BR />
<INPUT TYPE="SUBMIT"/>
</FORM>

2- EL ATRIBUTO MULTIPLE:

EL ATRIBUTO MÚLTIPLE ESPECIFICA QUE EL USUARIO PUEDE INTRODUCIR MAS DE UN VALOR EN EL ELEMENTO <INPUT>EJ<INPUT TYPE=EMAIL MÚLTIPLES< PERMITE AL USUARIO INTRODUCIR VARIAS DIRECCIONES DE CORREO ELECTRÓNICO.

3-ATRIBUTO REQUIRED

EL ATRIBUTO  REQUIRED O REQUERIDO EN UN ELEMENTO SE ESTABLECERÁ EN UN <INPUT> Y AUTOMÁTICAMENTE HACE QUE EL USUARIO SE VEA OBLIGADO A LLENAR EL CAMPO PARA CONTINUAR, ES DECIR EL NAVEGADOR NO PERMITIRÁ QUE LA FORMA SIN QUE INPUT CON ESTE ATRIBUTO ESTE VACIÓ.

4-ATRIBUTO MIN AND MAX

EL ATRIBUTO MIN AND MAX O MÍNIMO Y MÁXIMO NOS HACE ESPECIFICAR EL VALOR MÍNIMO Y MÁXIMO PARA UN ELEMENTO <INPUT>





jueves, 6 de abril de 2017

HTML.5

EJERCICIO DE HTML,.5


INSTRUCCIONES:

HEAD>
<META CHARSET="UTF-8"/>
HTML5(HYPER TEXT MARKUP LENGUAGE, VERSION 5) ES LA QUINTA VERSION DEL 
LENGUAGE DE MACARDO HTML QUE NACE DE LAS NECESIDADES DE LA WEB SE VA 
ACERCANDO A MAS USUARIOS. HTML5 NO CONTITUYE UNA REVOLUCION SINO UNA 
EVOLUCION DE LO QUE YA EXISTIA OARA ADAPTARLO A LAS NECESIDADES ACTUALES
Y, SOBRETODO, PENSANDO EN EL FUTURO.
<META NAME="DESCRIPTION" CONTENT="CURSO DE HTML 5 ">
<BODY>
</HTML>
<!DOCTYPE HTML>
<META NAME="ALEJANDRO DORADO" CONTENT="TRABAJO EN CLASE">
<H1>MI PRIMERA PAGINA WEB EN HTML 5</H1>
</HEAD>
<HTML LANG="ES">
</BODY>

RESULTADO EN CHROME:

"CAPTURA DE PANTALLA"



miércoles, 29 de marzo de 2017

HTML 5


comandos h.t.m.l.


<HEADER> =es la parte superior del página. Generalmente está formado por una serie de elementos comunes: logo de la empresa.

<HGROUP> = representa el encabezado de una sección. Define un solo título que participa de la estructura del documento como el encabezado de la sección implícita o explícita a la que pertenece.

<FOOTER> = representa un pie de página para el contenido de sección más cercano o el elemento raíz de sección.

<NAV>  =Crea un menú de navegación..

<ASIDE>  = representa una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea.

<SECTION > = representa una sección genérica de un documento. Sirve para determinar qué contenido corresponde a qué parte de un esquema.

<ARTICLE> = representa una composición auto-contenida en un documento, página, una aplicación o en el sitio, que se destina a distribuir de forma independiente o reutilizable.

<META>  =La etiqueta meta define varios valores, como la descripción del sitio (meta name="description" content="la Información del sitio") y el autor del sitio (meta name="author" content="Su nombre") Para obtener una lista completa de etiqueta.



                                          ESTRUCTURA H.T.M.L. 5




                                                LOGO H.T.M.L. 5


jueves, 1 de diciembre de 2016

EL RENACIMIENTO

1.1 QUE ES EL RENACIMIENTO?

el renacimieto fue un movimiento cultural europeo que llego en españa en el siglo XVI. con el barroco en el siglo XVII ,  el renacimiento produjo un esplendor en las artes y ciencias , lo que conocemos como el soglo de oro. el renacimiento se caracteriza por un renovado interes en el mundo grecolatino , por ende el       el  humanismo. en contraste teocentrista de la edad media, señala el antropocentrismo , optimismo , secularisacion , curiosidad cientifica , la confianza en la razon y la exaltacion de la naturaleza en este mundo.

1.2  CAUSAS DEL RENACIMIENTO


revalorizacion y reintroduccion de las obras clasicas


 los tribunales y los monasteriosen europa desde hace mucho tiempoeran depositos de manuscritos y textos, aunque hubo un cambio en como los eruditos los vieron, esto logro estimular la revalorizacion masiva de trabajos o  o libros clasicos en el renacimiento. 



La Caida de Constantinopla


Aunque hubo textos clásicos en el oeste de Europa a principios del Renacimiento , muchos habían perdido y sólo existían al este, en la Constantinopla cristiana y en los reinos musulmanes . Durante el Renacimiento muchos obras Clasicas "Grecia y Roma" fueron reintroducidos a Europa, ya sea por los comerciantes aprovechando el hambre de nuevas versiones de viejos textos.


Grandes Inventos: La imprenta


Un interes intelectual de textos clasicos olvidados se desarrollaba en Europa, pero fue el invento de la imprenta que le dio permiso a estas obras reproducirse en masas, es decir, llegar a un público mucho más amplio que los antiguos métodos de reproducción literaria "Transcripcion" no podrían haber logrado. 


Desarrollo de Humanismo


El Humanismo fue una nueva manera de pensar y abordar el mundo. llamado la expresión más temprana del Renacimiento y es descrito como un producto del movimiento Renacentista y una de las causas. 


La situación política: Principes mecenas

Los cambios en el estilo del arte y perspectivas de los artistas debido al Renacimiento, necesitarían el apoyo de ricos mecenas, y en Italia el Renacimiento tuvo un terreno especialmente fértil . Los cambios políticos en la clase dirigente de Italia, poco antes de este período renacentista habían conducido a los gobernantes de la mayoría de las principales ciudades-estado a ser "nuevos hombres" sin gran parte de una historia política. 


2.1 QUE ES EL ARTE BARROCO (H. 1600 - 1750)


El 
Barroco fue un período de la historia en la cultura occidental originado por una nueva forma de concebir el arte estilo barroco y que, partiendo desde diferentes contextos histórico-culturales, produjo obras en numerosos campos artísticos: pintura, danza, teatro etc. Se manifestó principalmente en la europa occidental, aunque debido al colonialismo también se dio en numerosas colonias de las potencias europeas, principalmente en latinoamerica.





2.2 GRANDES ARTISTAS DEL BARROCO





dentro del Barroco se encuentra el famoso 
Siglo de Oro. Allí se destacan entre los pintores Diego de Velázquez, y Francisco de Zurbarán. En la literatura, se destacan verdaderos genios como Miguel de Cervantes, Luis de GóngoraFrancisco de Quevedo, Lope de Vega, Turso de Molina y Calderón de la Barca.





3.1 QUE ES EL ROCOCÓ (1720 - 1740)




El Rococó es un arte individualista, antiformalista y cortesano. Se caracteriza por el gusto por los colores luminosos, suaves y claros.Predominan las formas inspiradas en la naturaleza, la mitología, la belleza de los cuerpos desnudos, el arte oriental y especialmente en los temas galantes y amorosos. Es un arte básicamente mundano, sin influencias religiosas, que trata temas de la vida diaria y las relaciones humanas. 


3.2 ORIGEN DEL ARTE ROCOCÓ


El concepto de Rococó tiene un origen francés, “rocaille (piedra)” y “coquille (concha)”, ambos elementos de cual procede la palabra rococó son importancias para la ornamentación de los interiores. Es por ello por lo que en el periodo del Rococó destacaba la decoración que era completamente asimétrica y libre, además tenía preferencia por formas irregulares y onduladas y un gran gusto por los materiales naturales como por ejemplo las piedras marinas, las formas vegetales o las con






.















miércoles, 26 de octubre de 2016

HTML.5


EJERCICIO # 1


Que es HTML?


Que es? HTML es un lenguaje de programación que se utiliza para el desarrollo de    páginas de Internet. Las siglas son HyperText Markup Language, a lo que    traduce, Lenguaje de Marcas de Hipertexto.Para que sirve?
Sirve para el desarrollo de páginas de internet. Que esta compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. 



HTML.5

-PROPORCIONA UNA AMPLIA GAMA DE NUEVAS 

 CARACTERISTICAS QUE SE OCUPAN DE LOS GRAFICOS EN LA WEB COMO

 LO SON EL LIENZO 2D,WEBGL , SVG, ETC 

-POPRORCIONA UNA MAYOR OPTIMIZACION DE LA VELOCIDAD Y UN 

MEJOR USO DE HARDWARE 

    HTML



-INCORPORA NUEVAS CAPACIDADES JAVASCRIPT QUE AUMENTAN
 LA CAPACIDAD DE ALMACENAMIENTO


-PERMITE REALIZAR DISEÑOS ADAPTABLES A DISTINTINTOS
 DISPOSITIVOS (WEB , TABLETS , MOVILES…)




CUAL ES LA ESTRUCTURA BASICA DE HTML.5?


<!doctype html>
 <html>
   <head>
      <meta charset="utf-8"/>  
      <title>Título de la web</title>
   </head>
   <body>
      Contenido de la web
   </body>
 </html>

PARA QUE SIRVE  <!doctype>

es una instrucción especial que va al inicio de nuestro documento HTML
 y que permite al navegador entender qué versión de HTML SE ESTA utilizando.
 Esta información determinará la manera en la que el navegador procesará el documento.

PARA QUE SIRVE  <head>
reside información acerca del documento, y generalmente no se ve cuando
 se navega por él. En la HEAD se pone el elemento lleno <TITLE> que es
 una breve descripción que identifica la página.

PARA QUE SIRVE <body>  

La etiqueta <body> define el cuerpo de un documento.Dentro del cuerpo del documento se
 incluye todo el contenido del mismo, por ej. textos, enlaces, imágenes, tablas, etc.
EN DONDE PUEDO ESCRIBIR UN PROGRAMA HTML.5?
COFFECUP FREE EDITOR: Un editor multiplataforma (Windows, Mac) y gratuito con 
soporte para multitud de características: ayuda contextual a la escritura de código, vista previa del resultado a medida
 que escribimos, etc..
NOTEPAD++:Es gratuito y además Open Source aunque solo funciona bajo Windows.
 Dispone de multitud de plugins para extender su funcionalidad, y como es muy popular hay
 muchos donde elegir. 


EJERCICIO # 2



REALIZADO POR: Alejandro Dorado P



EN ESTA LECCION APRENDí LO SIGUIENTE: EN ESTA LECCIÓN APRENDÍ COMO Y CUANDO PONER 
LAS DISTINTAS PARTES DE HTML COMO: <HEAD> , Y <BODY>



LOS 6 TIPOS DE CABECERAS


REAL MADRID

REAL MADRID

REAL MADRID

REAL MADRID

REAL MADRID

REAL MADRID







ALINEACION DE PARRAFOS
Este Párrafo está centrado y en azul


este texto se ve muy grande




fin



FIN





FORMATO HTML.


<HTML>
<HEAD<CENTER><B><I>REAL MADRID</HEAD></CENTER></B></I>
<BR> 
<BODY><I><FONT COLOR="RED">PRIMERA PAGINA WEB<BODY></I>
<BR>
<H1><CENTER><FONT COLOR="#858679">REAL MADRID</H1></FONT COLOR="BLUE"></CENTER>
<H2><CENTER><FONT COLOR="#25B5DA">REAL MADRID</H2></FONT COLOR="GREEN"></CENTER>
<H3><CENTER><FONT COLOR="#84210F">REAL MADRID</H3></FONT COLOR="YELLOW"></CENTER>
<H4><CENTER><FONT COLOR="BROWN">REAL MADRID</H4></FONT COLOR="BROWN"></CENTER>
<H5><CENTER><FONT COLOR="ORANGE">REAL MADRID</H5></FONT COLOR="ORANGE"></CENTER>
<H6><CENTER><FONT COLOR="GRAY">REAL MADRID</H6></FONT COLOR="GRAY"></CENTER>
<H3><FONT COLOR="RED">ALINEACION DE PARRAFOS</H3>
<center><H3><FONT COLOR="BLUE">este parrafo esta centrado en azul</H3></center>
<P Align="left"><b><H1><font color="black">este texto se ve muy grande</CENTER></H1></b></P Align="left">
<center><H7><FONT COLOR="BLUE">FIN</CENTER></H7>
<CENTER><H4><FONT COLOR="RED">FIN</CENTER></H4>6
</BODY>
</HTML>