SlideShare uma empresa Scribd logo
1 de 28
Ingeniería web
PHP  Clasico ,[object Object]
Sentencias condicionales,
 Bucles,
 Funciones  etcPHP stands  for  ,[object Object], and ,[object Object],What Do I Need? ,[object Object]
Instalado PHP en el servidorWriting PHPWriting PHP on your computer is actually very simple.   Text Edit - Navegator
PHPESTRUCTURA DE UN SCRIPT <?phpPHP Code In Here?> <script language="php">PHP Code In Here</script>
EJEMPLO un Script PHP <script language="php">      echo “unimag <br>";  print("RCG");   </script> <?php   echo "Unimag<br>";  print("RCG"); ?>
Mostrar información PHP  echo  “cad1”,var1,”cad2”,var2; print(“cadena formatos”, variable1, variable2...);  printf(“cadena formatos”, variable1, variable2...);
Variables PHP Una variable Contenedor de información  Números  Carácteres PHP todas las variables Enteros Decimales Comienzan con el símbolo del dólar $ No es necesario definir una variable antes de usarla Tampoco tienen tipos Una misma variable puede contener un número y luego puede contener carácteres
EJEMPLO un Script variables PHP <script language="php">        $a = 1;       $b = 3.34;       $c = "Hola Mundo";       echo $a,"<br>",$b,"<br>",$c; </script> <?php $x="unimag";        $y=3;        echo $x,"<br>";  print($y);  ?>
Operadores ARITMETICOS
Operadores RELACIONALES
Operadores LÓGICOS
CONDICIONALES if (condición)    {       Sentencias a ejecutar cuando la       condición es cierta.    }    else   {       Sentecias a ejecutar cuando la       condición es falsa.    }
CONDICIONALES switch($posicion) {       case "arriba":   // Bloque 1          echo "La variable contiene";          echo " el valor arriba";          break;       case "abajo":   // Bloque 2          echo "La variable contiene";          echo " el valor abajo";          break;       default:   // Bloque 3          echo "La variable contiene otro valor";          echo " distinto de arriba y abajo";    }
CICLOS O BUCLES while (condición)    {       intrucciones a ejecutar.    }  for (inicial ; condición ; ejecutar en iteración)    {       intrucciones a ejecutar.    }  foreach (var1 as var2)
Instrucciones de SALIDA print(“cadena formatos”, variable1, variable2...);  printf(“cadena formatos”, variable1, variable2...);  Formatos
MANEJO DE CADENAS strlen(cadena). Nos devuelve el número de carácteres de una cadena.  split(separador,cadena). Divide una cadena en varias usando un carácter separador.  sprintf(cadena de formato, var1, var2...). Formatea una cadena de texto al igual que printf pero el resultado es devuelto como una cadena.  substr(cadena, inicio, longitud). Devuelve una subcadena de otra, empezando por inicio y de longitud longitud.  chop(cadena). Elimina los saltos de línea y los espacios finales de una cadena.  strpos(cadena1, cadena2). Busca la cadena2 dentro de cadena1 indicándonos la posición en la que se encuentra.  str_replace(cadena1, cadena2, texto). Reemplaza la cadena1 por la cadena2 en el texto.
ARREGLOS $Arreglo[$i]    Ejemplo $number = 5;$x = 0;while ($x < $number) {$namenumber = $x + 1;echo "Name $namenumber is $names[$x]<br>";++$x;} $names[0] = 'John';$names[1] = 'Paul';$names[2] = 'Steven';$names[3] = 'George';$names[4] = 'David';
HTMLHyperTextMarkupLanguage Lenguaje de marcado predominante para la elaboración de paginas web. Incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación de páginas web Texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas. Inserciones multimedia (gráficos, sonido...)
HTMLESTRUCTURA DE LOS DOCUMENTOS Marca de Documento Cabecera HEAD  Cuerpo BODY  Encabezado H#  Definición de bloques P, PRE, ADDRESS, BLOCKQUOTE, BR, HR  Comentarios
HTMLCABECERAS <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD>Cuerpo del documento...</HTML>  MARCA DE DOCUMENTO
HTMLCUERPO <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD> <BODY>Documento...</BODY> </HTML>
HTMLEncabezados Los encabezados se emplean para dividir los documentos en secciones o mas concretamente para marcar los títulos de esas secciones.  Las marcas son del tipo <H#> título </H#>, donde # puede ser un número cualquiera entre 1 y 6.
HTMLEjemplo de Encabezados <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD> <H1> UNIMAGDALENA</H1> <H2>SISTEMAS</H2> <BODY>Documento...</BODY> </HTML>
HTMLComentarios Todo texto que empieze por <!...comentario...>  será ignorado por el browser, y por lo tanto no será visible. Esto sirve al autor del documento para comentar su fichero fuente.
HTMLDefinición de bloques Para definir y separar bloques de texto se emplean una serie de marcas que  definen párrafos, texto preformateado o bloques con significado especial  como direcciones o citas. Marcas de bloques:  <P> se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo, necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las marcas inicial y final son <P> y </P>  <PRE> El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el browser, respetando el formato con el que fue escrito en el fichero fuente HTML.  <ADDRESS> empleada para indicar que un texto representa una dirección o una firma. Generalmente se activa en cursiva y suele estar tabulado.  <BLOCKQUOTE> Se suele representar con tabulaciones a la izquierda y derecha y en cursiva. En sistemas que no permiten representar en cursiva se puede emplear algún tipo de símbolo al principio de las líneas.  <BR> Este elemento solo tiene marca inicial e indica un salto de línea.  <HR> Solo tiene marca inicial y se emplea para representar una línea horizontal.

Mais conteúdo relacionado

Mais procurados (15)

Conceptos basicos php
Conceptos basicos phpConceptos basicos php
Conceptos basicos php
 
Tercera unidad
Tercera unidadTercera unidad
Tercera unidad
 
Programación en PHP
Programación en PHPProgramación en PHP
Programación en PHP
 
Introducción a PHP
Introducción a PHPIntroducción a PHP
Introducción a PHP
 
Html
HtmlHtml
Html
 
Html5.
Html5.Html5.
Html5.
 
Manual basico de PHP
Manual basico de PHPManual basico de PHP
Manual basico de PHP
 
Introducción a Php basico
Introducción a Php basicoIntroducción a Php basico
Introducción a Php basico
 
Html guia ref
Html guia refHtml guia ref
Html guia ref
 
Manual rapido html
Manual rapido htmlManual rapido html
Manual rapido html
 
Exposicion de php
Exposicion de phpExposicion de php
Exposicion de php
 
Html apunte 2
Html apunte 2Html apunte 2
Html apunte 2
 
Primera clasee
Primera claseePrimera clasee
Primera clasee
 
Php informacion
Php informacion Php informacion
Php informacion
 
Mini manual php
Mini manual phpMini manual php
Mini manual php
 

Destaque

LO CLÁSICO EN LO COTIDIANO
LO CLÁSICO EN LO COTIDIANOLO CLÁSICO EN LO COTIDIANO
LO CLÁSICO EN LO COTIDIANONausica
 
FILOARTE
FILOARTEFILOARTE
FILOARTENausica
 
PASEO MITOLÓGICO POR EL JARDÍN
PASEO MITOLÓGICO POR EL JARDÍNPASEO MITOLÓGICO POR EL JARDÍN
PASEO MITOLÓGICO POR EL JARDÍNNausica
 
VOCABULARIO DE Mª JOSÉ-
VOCABULARIO DE Mª JOSÉ-VOCABULARIO DE Mª JOSÉ-
VOCABULARIO DE Mª JOSÉ-Nausica
 
Rituales funerarios en Roma.
Rituales funerarios en Roma.Rituales funerarios en Roma.
Rituales funerarios en Roma.Nausica
 
A D U L E S C E N S[1] MÚSICA
A D U L E S C E N S[1] MÚSICAA D U L E S C E N S[1] MÚSICA
A D U L E S C E N S[1] MÚSICANausica
 
Trabajo Cultura CláSica
Trabajo Cultura CláSicaTrabajo Cultura CláSica
Trabajo Cultura CláSicaNausica
 
Romanización, restos arqueológicos y personajes ilustres de Cádiz.
Romanización, restos arqueológicos y personajes ilustres de Cádiz.Romanización, restos arqueológicos y personajes ilustres de Cádiz.
Romanización, restos arqueológicos y personajes ilustres de Cádiz.Nausica
 
Calendario Roma Antigua 2011
Calendario Roma Antigua 2011Calendario Roma Antigua 2011
Calendario Roma Antigua 2011Nausica
 
Domus de Pompeya.
Domus de Pompeya.Domus de Pompeya.
Domus de Pompeya.Nausica
 
Perfumes Mitológicos.
Perfumes Mitológicos.Perfumes Mitológicos.
Perfumes Mitológicos.Nausica
 
TALLER DE ACEITES AROMÁTICOS.
TALLER DE ACEITES AROMÁTICOS.TALLER DE ACEITES AROMÁTICOS.
TALLER DE ACEITES AROMÁTICOS.Nausica
 
HUMANIZACIÓN DEL ARTE
HUMANIZACIÓN DEL ARTEHUMANIZACIÓN DEL ARTE
HUMANIZACIÓN DEL ARTENausica
 
Canciones en latín
Canciones en latínCanciones en latín
Canciones en latínNausica
 
BELEROFONTE
BELEROFONTE BELEROFONTE
BELEROFONTE Nausica
 
El latín en los encantamientos de Harry Potter.
El latín en los encantamientos de Harry Potter.El latín en los encantamientos de Harry Potter.
El latín en los encantamientos de Harry Potter.Nausica
 

Destaque (20)

LO CLÁSICO EN LO COTIDIANO
LO CLÁSICO EN LO COTIDIANOLO CLÁSICO EN LO COTIDIANO
LO CLÁSICO EN LO COTIDIANO
 
FILOARTE
FILOARTEFILOARTE
FILOARTE
 
PASEO MITOLÓGICO POR EL JARDÍN
PASEO MITOLÓGICO POR EL JARDÍNPASEO MITOLÓGICO POR EL JARDÍN
PASEO MITOLÓGICO POR EL JARDÍN
 
VOCABULARIO DE Mª JOSÉ-
VOCABULARIO DE Mª JOSÉ-VOCABULARIO DE Mª JOSÉ-
VOCABULARIO DE Mª JOSÉ-
 
Rituales funerarios en Roma.
Rituales funerarios en Roma.Rituales funerarios en Roma.
Rituales funerarios en Roma.
 
La pepa
La pepaLa pepa
La pepa
 
A D U L E S C E N S[1] MÚSICA
A D U L E S C E N S[1] MÚSICAA D U L E S C E N S[1] MÚSICA
A D U L E S C E N S[1] MÚSICA
 
Trabajo Cultura CláSica
Trabajo Cultura CláSicaTrabajo Cultura CláSica
Trabajo Cultura CláSica
 
Romanización, restos arqueológicos y personajes ilustres de Cádiz.
Romanización, restos arqueológicos y personajes ilustres de Cádiz.Romanización, restos arqueológicos y personajes ilustres de Cádiz.
Romanización, restos arqueológicos y personajes ilustres de Cádiz.
 
Insulae
InsulaeInsulae
Insulae
 
Calendario Roma Antigua 2011
Calendario Roma Antigua 2011Calendario Roma Antigua 2011
Calendario Roma Antigua 2011
 
Domus de Pompeya.
Domus de Pompeya.Domus de Pompeya.
Domus de Pompeya.
 
Perfumes Mitológicos.
Perfumes Mitológicos.Perfumes Mitológicos.
Perfumes Mitológicos.
 
TALLER DE ACEITES AROMÁTICOS.
TALLER DE ACEITES AROMÁTICOS.TALLER DE ACEITES AROMÁTICOS.
TALLER DE ACEITES AROMÁTICOS.
 
HUMANIZACIÓN DEL ARTE
HUMANIZACIÓN DEL ARTEHUMANIZACIÓN DEL ARTE
HUMANIZACIÓN DEL ARTE
 
Canciones en latín
Canciones en latínCanciones en latín
Canciones en latín
 
BELEROFONTE
BELEROFONTE BELEROFONTE
BELEROFONTE
 
El latín en los encantamientos de Harry Potter.
El latín en los encantamientos de Harry Potter.El latín en los encantamientos de Harry Potter.
El latín en los encantamientos de Harry Potter.
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 
Ingenieria web
Ingenieria webIngenieria web
Ingenieria web
 

Semelhante a Ingeniería web (20)

Html Bas
Html BasHtml Bas
Html Bas
 
Cont clase de lenguaje IV
Cont clase de lenguaje IVCont clase de lenguaje IV
Cont clase de lenguaje IV
 
Diapo02
Diapo02Diapo02
Diapo02
 
HTML
HTMLHTML
HTML
 
HTML
HTMLHTML
HTML
 
Codigos HTML Continuación
Codigos HTML ContinuaciónCodigos HTML Continuación
Codigos HTML Continuación
 
CURSO DE HTML
CURSO DE HTMLCURSO DE HTML
CURSO DE HTML
 
html
htmlhtml
html
 
Etiquetas Html Udp
Etiquetas Html UdpEtiquetas Html Udp
Etiquetas Html Udp
 
Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4Curso HTML CSS Sesion 2/4
Curso HTML CSS Sesion 2/4
 
Curso Html
Curso HtmlCurso Html
Curso Html
 
Qué Es Html
Qué Es HtmlQué Es Html
Qué Es Html
 
Mini Manual Html
Mini Manual HtmlMini Manual Html
Mini Manual Html
 
Clase 2
Clase 2Clase 2
Clase 2
 
Clase 2
Clase 2Clase 2
Clase 2
 
Conceptos básicos Html
Conceptos básicos HtmlConceptos básicos Html
Conceptos básicos Html
 
Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0Fundamentos HTML - Web 2.0
Fundamentos HTML - Web 2.0
 
Caracteristicas de la web 2.0
Caracteristicas de la web 2.0Caracteristicas de la web 2.0
Caracteristicas de la web 2.0
 
XHTML+Inicio en CSS
XHTML+Inicio en CSSXHTML+Inicio en CSS
XHTML+Inicio en CSS
 
Qué es html
Qué es htmlQué es html
Qué es html
 

Mais de Eduard Avendaño (8)

Proyecto 6 x4uealc
Proyecto 6 x4uealcProyecto 6 x4uealc
Proyecto 6 x4uealc
 
Clasificacion De Protcolos De La Capa De Red
Clasificacion De Protcolos De La Capa De RedClasificacion De Protcolos De La Capa De Red
Clasificacion De Protcolos De La Capa De Red
 
Router Cisco 1760
Router Cisco 1760Router Cisco 1760
Router Cisco 1760
 
Modelo Osi
Modelo OsiModelo Osi
Modelo Osi
 
Medios
MediosMedios
Medios
 
Multiplexacion
MultiplexacionMultiplexacion
Multiplexacion
 
ModulaciON
ModulaciONModulaciON
ModulaciON
 
Ethernet
EthernetEthernet
Ethernet
 

Ingeniería web

  • 2.
  • 5.
  • 6. Instalado PHP en el servidorWriting PHPWriting PHP on your computer is actually very simple. Text Edit - Navegator
  • 7. PHPESTRUCTURA DE UN SCRIPT <?phpPHP Code In Here?> <script language="php">PHP Code In Here</script>
  • 8. EJEMPLO un Script PHP <script language="php"> echo “unimag <br>"; print("RCG"); </script> <?php echo "Unimag<br>"; print("RCG"); ?>
  • 9. Mostrar información PHP echo “cad1”,var1,”cad2”,var2; print(“cadena formatos”, variable1, variable2...); printf(“cadena formatos”, variable1, variable2...);
  • 10. Variables PHP Una variable Contenedor de información Números Carácteres PHP todas las variables Enteros Decimales Comienzan con el símbolo del dólar $ No es necesario definir una variable antes de usarla Tampoco tienen tipos Una misma variable puede contener un número y luego puede contener carácteres
  • 11. EJEMPLO un Script variables PHP <script language="php"> $a = 1; $b = 3.34; $c = "Hola Mundo"; echo $a,"<br>",$b,"<br>",$c; </script> <?php $x="unimag"; $y=3; echo $x,"<br>"; print($y); ?>
  • 15. CONDICIONALES if (condición)    {       Sentencias a ejecutar cuando la       condición es cierta.    }    else   {       Sentecias a ejecutar cuando la       condición es falsa.    }
  • 16. CONDICIONALES switch($posicion) {       case "arriba":   // Bloque 1          echo "La variable contiene";          echo " el valor arriba";          break;       case "abajo":   // Bloque 2          echo "La variable contiene";          echo " el valor abajo";          break;       default:   // Bloque 3          echo "La variable contiene otro valor";          echo " distinto de arriba y abajo";    }
  • 17. CICLOS O BUCLES while (condición)    {       intrucciones a ejecutar.    } for (inicial ; condición ; ejecutar en iteración)    {       intrucciones a ejecutar.    } foreach (var1 as var2)
  • 18. Instrucciones de SALIDA print(“cadena formatos”, variable1, variable2...); printf(“cadena formatos”, variable1, variable2...); Formatos
  • 19. MANEJO DE CADENAS strlen(cadena). Nos devuelve el número de carácteres de una cadena. split(separador,cadena). Divide una cadena en varias usando un carácter separador. sprintf(cadena de formato, var1, var2...). Formatea una cadena de texto al igual que printf pero el resultado es devuelto como una cadena. substr(cadena, inicio, longitud). Devuelve una subcadena de otra, empezando por inicio y de longitud longitud. chop(cadena). Elimina los saltos de línea y los espacios finales de una cadena. strpos(cadena1, cadena2). Busca la cadena2 dentro de cadena1 indicándonos la posición en la que se encuentra. str_replace(cadena1, cadena2, texto). Reemplaza la cadena1 por la cadena2 en el texto.
  • 20. ARREGLOS $Arreglo[$i] Ejemplo $number = 5;$x = 0;while ($x < $number) {$namenumber = $x + 1;echo "Name $namenumber is $names[$x]<br>";++$x;} $names[0] = 'John';$names[1] = 'Paul';$names[2] = 'Steven';$names[3] = 'George';$names[4] = 'David';
  • 21. HTMLHyperTextMarkupLanguage Lenguaje de marcado predominante para la elaboración de paginas web. Incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del texto o su presentación de páginas web Texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que conducen a otros documentos o fuentes de información relacionadas. Inserciones multimedia (gráficos, sonido...)
  • 22. HTMLESTRUCTURA DE LOS DOCUMENTOS Marca de Documento Cabecera HEAD Cuerpo BODY Encabezado H# Definición de bloques P, PRE, ADDRESS, BLOCKQUOTE, BR, HR Comentarios
  • 23. HTMLCABECERAS <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD>Cuerpo del documento...</HTML> MARCA DE DOCUMENTO
  • 24. HTMLCUERPO <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD> <BODY>Documento...</BODY> </HTML>
  • 25. HTMLEncabezados Los encabezados se emplean para dividir los documentos en secciones o mas concretamente para marcar los títulos de esas secciones. Las marcas son del tipo <H#> título </H#>, donde # puede ser un número cualquiera entre 1 y 6.
  • 26. HTMLEjemplo de Encabezados <HTML><HEAD><TITLE> Bienvenido a nuestra guia rápida </TITLE></HEAD> <H1> UNIMAGDALENA</H1> <H2>SISTEMAS</H2> <BODY>Documento...</BODY> </HTML>
  • 27. HTMLComentarios Todo texto que empieze por <!...comentario...> será ignorado por el browser, y por lo tanto no será visible. Esto sirve al autor del documento para comentar su fichero fuente.
  • 28. HTMLDefinición de bloques Para definir y separar bloques de texto se emplean una serie de marcas que definen párrafos, texto preformateado o bloques con significado especial como direcciones o citas. Marcas de bloques: <P> se utiliza para separar párrafos. Dado que para el HTML todo el texto es continuo, necesitamos algún mecanismo para indicar el principio y el fin de un párrafo. Las marcas inicial y final son <P> y </P> <PRE> El texto insertado entre las marcas <PRE> y </PRE> será visualizado por el browser, respetando el formato con el que fue escrito en el fichero fuente HTML. <ADDRESS> empleada para indicar que un texto representa una dirección o una firma. Generalmente se activa en cursiva y suele estar tabulado. <BLOCKQUOTE> Se suele representar con tabulaciones a la izquierda y derecha y en cursiva. En sistemas que no permiten representar en cursiva se puede emplear algún tipo de símbolo al principio de las líneas. <BR> Este elemento solo tiene marca inicial e indica un salto de línea. <HR> Solo tiene marca inicial y se emplea para representar una línea horizontal.
  • 29. HTML Fondos y colores de texto Un cierto número de atributos de la marca BODY permiten controlar el color del fondo de la ventana del browser, el color de los caracteres del texto, y finalmente el color de los enlaces: < BODY atributo1 atributo2 atributo3 ... atributoN > El atributo BGCOLOREste atributo permite escoger un color para el fondo de la página <BODY BGCOLORS="#rrggbb"> donde "rr" "gg" y "bb" son valores hexadecimales comprendidos entre 00 y FF que especifican el grado de saturación de los colores rojo, verde y azul. El atributo BACKGROUNDEste atributo especifica una imagen residente en el servidor la cual se utilizará como fondo de página.<BODY BACKGROUND="fichero_gráfico.gif"> El atributoTEXTPermite controlar el color del texto estándar, es decir, todo texto que no especifique un enlace. <BODY TEXT="#rrggbb"> Los atributos LINK, VLINK y ALINKControlan el color de los enlaces:LINK color del enlace que aún no ha sido visitado.<BODY LINK="#rrggbb">ALINK color muy fugaz que aparece cuando se hace clic sobre el enlace <BODY ALINK="#rrggbb">VLINK es el color de un enlace que ya ha sido visitado <BODY VLINK="#rrggbb">
  • 30. HTML** listas regulares** ul><li>Fichero de imagen</li><li>Fichero de sonido</li><li>Fichero de video</li> <ul>
  • 31. HTML LISTAS ANIDADAS ul><li>Ficheros HTML<ol><li>Ficheros de prueba<ul><li>prueba1.html</li><li>prueba2.html</li><li>prueba2.html</li></ul><li>Ficheros de ejemplos<li>Ficheros del servidor</ol><li>Ficheros de imágenes<li>Ficheros de sonido<li>Ficheros de vídeo </ul>
  • 32. HIPERENLACES El lector explora un documento en el Web haciendo clic sobre las zonas activas para asi hacer aparecer nuevos documentos. En HTML definimos una zona activa (que puede ser un texto o una imagen) que se asocia al URL (protocolo de direccionamiento de documentos) del documento que sustituirá al documento visualizado cuando se haga clic sobre esa zona. Un ancla, por lo tanto, sirve para especificar la partida y la llegada de un enlace hipertexto ( <A> ). El atributo HREF, ancla de partida hacia un enlace externo Crea un enlace hacia un servidor situado en algún punto de Internet, o hacia un documento propuesto por dicho servidor. La marca especifica el atributo HREF cuyo valor precisa el URL del documento a recuperar:zona_activable<A HREF="url_de_destino"> zona_activable</A> El atributo HREF, ancla de partida a un enlace interno Crea un enlace a un punto determinado del fichero en ejecución. Para ello hay que colocar un ancla activa (ancla de partida) y un ancla inactiva (ancla de llegada).El ancla de partida se define de la siguiente forma: zona_activable_con_atributos_visuales<A HREF=#etiqueta>zona_activable_con_atributos_visuales</A> El atributo NAME, ancla de llegada Define el ancla de llegada, lugar que se podrá acceder haciendo un clic sobre un ancla de partida. zona_no_activable_sin_atributos_visuales<A NAME="label">zona_no_activable_sin_atributos_visuales