manchilp
Usuario (Argentina)
1er paso , seleccionar alguna imagen de un ojo , yo elegi esta: paso , creamos una nueva capa: paso , acercamos la imagen en un 200 o 300% para trabajar mas comodamente y pintamos con el pincel la parte del ojo a modificar del color que queramos (no se preocupen , no va a quedar asi): paso , nos dijirimos al menu de capas en la barra derecha (o sino F7) y desplegamos la barra que dice "normal" y seleccionamos "Tono": listo , este es el resultado: se les fue un poco la mano con el pincel no se preocupen pueden borrarlo con la goma sin que se borre la parte del ojo... Espero que les haya gustado.. ¿Como descargar Adobe Photoshop CS3 Extended en español version de prueba? aca les dejo tmb el parche de traduccion al español: El crack pueden descargarlo de este link que yo mismo subi Espero que les haya servido , mucha suerte.
HTMLConceptos BasicosHTML es el lenguaje con el cual se escriben documentos de hipermedia en Internet. Notar que: HTML es solo texto (es como programar un texto). Mediante comandos que insertamos en el texto, le decimos cómo queremos que se vea el texto. Dentro de un texto HTML no importan los tabs ni saltos de línea. Se debe usar comandos como < P > ... < /P > y < BR > para que no quede todo en una sola línea. Existen tres caracteres especiales: < > y & . Los caracteres < y > encierran a los comandos (tags) de HTML. EL & permite escribir caracteres especiales (acentos, mayor, menor, etc.) Formato básico de una página HTML < HTML > < HEAD > ... Encabezado de la página (titulo) ... < /HEAD > < BODY > ... Cuerpo de la página ... < /BODY >< /HTML >SintaxisPara fomentar una sólida compresión del HTML, miraremos la estructura del lenguaje propiamente dicho. El funcionamiento de la sintaxis del HTML es análogo a la sintaxis de la gramática española, pero, por supuesto, mucho más sencillo.El HTML es en realidad un lenguaje muy lógico. Ciertamente, hay excepciones a las reglas, y hay modificaciones o interpretaciones de algunas de éstas. De todas formas, una vez que asimiles la estructura básica, empezarás a notar que el HTML es simplemente un conjunto de piezas lógicas que hacen de él un lenguaje muy cómodo de usar.Por supuesto, está el tema que se comentó en el capítulo "Comprendiendo el HTML", de que el HTML es un lenguaje que evoluciona. Mientras que la evolución es un estado natural del HTML, estos cambios normalmente no afectan a las reglas básicas. Mientras que varios elementos de este lenguaje se hacen obsoletos y otros nuevos son añadidos, la sintaxis, o la estructura correcta, raramente sufren cambios.Para comprender el concepto de sintaxis, piensa en una frase. Tu tienes un sujeto y un verbo. Los adjetivos y los adverbios se añaden para aportar cualidades y comportamiento, haciendo la frase más comprensiva.El HTML es, en el fondo, no muy diferente a una simple frase. De hecho, los componentes del HTML siguen el mismo concepto de sujeto, verbo y adjetivos/adverbios.EtiquetasLo primero que hay que saber es el funcionamiento de los documentos HTML, que significa Hyper Text Markup Language. Son líneas de texto modificadas con unas marcas. Estas marcas se llaman etiquetas o tags, y es lo que se aprende en éste y cualquier curso de HTML.Las etiquetas que encierran el texto son la de apertura <xxx> y la de cierre </xxx>. Fíjate cómo no hay espacios entre los signos de mayor y menor, y el lugar y la orientación de la barra diagonal en la etiqueta de cierre. Hay etiquetas que requieren la de cierre (como <A> y </A>, otras que pueden tener etiqueta de cierre o no (como <P>, que no siempre requiere </P> y otras que no llevan nunca etiqueta de cierre (como <IMG>, la cual jamás lleva </IMG>. Para saber cuándo se quiere etiqueta de cierre, necesitarás conocer todas y cada una de ellas, lo irás aprendiendo con la experiencia. ATRIBUTOSLos atributos modifican las acciones de las tarjetas. Muchas etiquetas pueden permanecer solas, mientras que otras neceistan un atributo para darles funcionalidad. Por ejemplo, <HTML> nunca lleva atributos, mientras que <body> puede llevarlos o no (por ejemplo, <body BGCOLOR...>.Ten en cuenta que los atributos siempre van en la etiqueta de apertura. nunca en la de cierre. Es absurdo poner algo del estilo de </body BGCOLOR...>. VALORESDefinen el atributo al que se lo hemos aplicado. El valor puede ser una palabra (por ejemplo <P ALIGN="center">...</P> o un número de pixels o porcentaje (como en <TABLE WIDTH="40%" HEIGHT="500">...</TABLE>. A veces un número no define un número de pixels concreto, por ejemplo, al cambiar el tamaño de las fuentes (<FONT SIZE="5">...</FONT> el número es simplemente orientativo, no tiene ninguna relación con el tamaño final. Y el número a veces puede ser en formato hexadecimal (16 números, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F...), como en <FONT COLOR="#FF0000">...</FONT>. Podrás conocer el funcionamiento de estos números más adelante, cuando expliquemos los atributos que los requieren.Desarrollo en HTMLUnas Cuantos Etiquetas Útiles MásPruéba las siguientes: <i> </i> Hace el texto en itálicas italic. <tt> </tt> Hace el texto en teletipo (ancho fijo). <h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6> Muestra diferentes estilos de encabezados (header), en orden descendente de importancia (tamaño). Por ejemplo, el "El HTML Hecho Realmente Fácil" al inicio de la página usa <h1>, y el "Unas Cuantas Etiquetas Útiles Más" de arriba usa <h2>. <hr> Pone una línea horizontal en la página, como arriba del título "Unas Cuantas Etiquetas Útiles Más", arriba. <center> </center> Centra texto e imágenes entre los márgenes izquierdo y derecho. <blockquote> </blockquote> Sangra el texto a partir de los dos márgenes. Usado para la mayoría de los ejemplos en este documento. <pre> </pre> Denota texto "preformateado" en código fuente: lo despliega como fuente de ancho fijo y conserva espacios y saltos de línea (en gran medida como una máquina de escribir). Es una manera rápida de hacer márgenes y tabulaciones. Conveniente para entrecomillar una sección del código fuente, de tal manera que es usado para muchos ejemplos en este documento. --------------------------------------------------------------------------------Listas Numeradas o con ViñetasEl HTML proporciona una manera simple de mostrar listas numerads ("listas ordenadas" o con viñetas ("listas desordenadas". Usa la contenedora <ol> y <ul> para hacer listas ordenadas o desordenadas, respectivamente. Dentro de la contenedora, usa la etiqueta <li> para dentoar el comienzo de un elemento de la lista. Por ejemplo, el código de HTML Esta es una lista ordenada:<ol><li>Primer elemento<li>Segundo elemento<li>Tercer elemento</ol>Esta es una lista desordenada:<ul><li>Primer elemento<li>Segundo elemento<li>Tercer elemento</ul>que se verán así Esta es una lista ordenada: Primer elemento Segundo elemento Tercer elemento Esta es una lista desordenada: Primer elemento Segundo elemento Tercer elemento Dentro de los elementos de lista, puedes poner lo que quieras-- ligas, imágenes, tablas (más sobre ellas después), o incluso otras listas. Las listas anidadas son en realidad bastante comunes, útiles para resúmenes o menús en cascada. Menos comunes pero tambien útiles, son las "listas de definición", las cuales contienen un conjunto alternado de términos y definiciones. Encierra toda la lista en la contenedora <dl>, y usa <dt> y <dd> para marcar el inicio de los términos y definiciones, respectivamente. Por ejemplo, Aquí está una lista de definición:<dl><dt>Término 1<dd>Definición del Término1<dt>Término 2<dd>Definición del Término2</dl>que se verá así: Aquí está una lista de definición: Término 1 Definición del Término1 Término 2 Definición del Término2 Asegúrate de terminar tus listas con </ol>, </ul>, y </dl>, o el resto de tu página se verá como parte del último elemento de la lista. --------------------------------------------------------------------------------ComentariosPuedes poner comentarios en tu archivo HTML que no se verán en la página Web. Esto te permite explicar por qué tu código HTML es de cierto modo, a cualquiera que vea tu código fuente. Esto podría ser alguien más, o (seguramente) puedes ser tú mismo en el futuro. Comienza el comentario con "<!--" y termínalo con "-->", como <!-- Este es un comentario, y no se desplegará al usuario --><!-- ejemplos de comentarios insertados por JSM el 23-9-96, para clarificar -->No pongas información privada en comentarios, ya que cualquiera, revisando el código fuente, puede verla. Tampoco pongas etiquetas de HTML dentro de los comentarios, ya que el navegador pensará que el comentario termina con el primer caracter ">". --------------------------------------------------------------------------------TablasLas tablas en HTML te permiten mostrar un arreglo de celdas de datos, como en la sección Unas Cuantas Etiquetas Útiles Más, arriba. También te permiten alinear texto a la derecha, o hacer columnas de texto como con tabuladores. No son difíciles de usar, una vez que sabes con claridad lo que quieres desplegar en cda celda. La "definición estándard" de las tablas HTML ha cambiado unas cuantas veces, pero es bastante estable ahora; esta sección te mostrará cómo hacer tablas que hacen que casi cualquier navegador desplegue correctamente. Las tablas se definen con la contenedora <table>. La etiqueta <table> contiene renglones de celdas, definidas con la contenedora <tr>. Cada etiqueta <tr> contiene celdas de datos, definidas con la contenedora <td>. Cada celda de datos contiene lo que quieras poner-- ligas, imágenes, listas, incluso otras tablas. Los renglones se definen de arriba hacia abajo, y las celdas de izquierda a derecha. Si quieres que se muestren líneas entre las celdas de la tabla, usa el atributo border en la etiqueta <table>. (¿Recuerdas cómo funcionan los atributos en las etiquetas HTML? Usarás unos cuantos atributos en esta sección.) Por ejemplo, el código HTML <table border><tr> <td>noroeste</td> <td>noreste</td></tr><tr> <td>suroeste</td> <td>sureste</td></tr></table>se verá como: noroeste noreste suroeste sureste La mayoría de los navegadores no requieren las etiquetas de terminación </tr> o </td>; asumen que una celda o renglón termina cuando la otra comienza. De tal manera, puedes ver tablas escritas sin las etiquetas de finalización (aunque la etiqueta final </table> sí es requerido). Nota: Como este documento es de octubre de 1996, esto puede causar problemas con las tablas anidadas debido a algún error del navegador. Celdas que Ocupan Columnas o Renglones MúltiplesAlgunas veces querrás que una celda ocupe más de una columna o más de un renglón. En este caso usa los atributos colspan y rowspan del tag <td>. Entonces solamente omite definir las celdas que la celda más grande ocuparía. Por ejemplo, <table border><tr> <td rowspan=2>oeste</td> <td>noreste</td></tr><tr> <!-- No definas "suroeste" porque "oeste" la va a ocupar --> <td>sureste</td></tr></table>se verá como: oeste noreste sureste Alineando el Contenido de la Celda dentro de la misma CeldaUsualmente todo el contenido de una celda se alínea a la izquierda y centrada verticalmente por defecto. Para fijar la posición horizontal y vertical con la etiqueta <td>, usa los atributos align y valign respectivamente: align puede ser left, right, o center. valign puede ser top, middle, bottom, o baseline (alineada a la base del texto). Por ejemplo, este recibo sin líneas de una tienda, alínea los precios con respecto al márgen derecho: <table><tr> <td>detergente para ropa</td> <td align=right>$4.99</td></tr><tr> <td>comida para gato</td> <td align=right>$128.00</td></tr></table>Se verá como: detergente para ropa $4.99 comida para gato $128.00 Puedes usar también los atributos align y valign en la etiqueta <tr>, para afectar todas las celdas en ese renglón. Otras Cosas Útiles sobre TablasNormalmente el navegador se las arregla para darle el tamaño apropiado a la tabla, y para las celdas dentro de la tabla, basándose en el tamaño del navegador y el contenido de la celda. Si deseas sugerir un ancho específico para la tabla o las celdas, usa el atributo width en las etiquetas <table> y <td>. Puedes usar un porcentaje del navegador o la tabla, como <td width="20%"> (usualmente preferido), o un valor absoluto en pixels como <td width=138> (útil para hacer que una imágen quepa exactamente en el ancho de una celda). Si quieres más detalles, Netscape tiene información al respecto en etiquetas relacionadas con tablas y sus atributos, y una buena colección de tablas de ejemplo. Estos documentos son ligeramente obsoletos comparados con los últimos estándares de HTML, pero están lo suficientemente actualizados para la mayoría de las tablas en el Web hoy día. --------------------------------------------------------------------------------FormasProbablemente has visto formas para llenar en el Web, usadas por los motores de búsqueda, guías en línea, y demás. Escribes tus datos, envías la forma presionando un botón de envío y los datos son enviados a un script CGI en un servidor Web por ahí. Las formas, como todo lo demás en HTML se definen con un pequeño conjunto de etiquetas. Estas etiquetas simplemente definen los elementos de la forma, como campos de entrda o botones. La parte difícil es escribir el código CGI para manejar la forma de entrada; ese es un tema de otro tutorial. Las formas compienzan con la etiqueta <form> y terminan con la etiqueta </form>. En la forma, puedes poner además el código HTML que quieras, pero puedes usar también estas etiquetas para definir campos de entrada: <input> define un campo de entrada de texto, casillas de verificación, botones de selección, o botones simples. <select> define menús desplegables y cajas de selección. <textarea> define un campo de entrada de texto multilínea. La etiqueta <form> tiene: un atributo action, que es el URL del script CGI a quien enviar los datos de la forma, y un atributo method, que es el método HTTP usado para enviar los datos de la forma (cualquiera de get o post funcionarán-- coordinando esto con tu script CGI). Así, una etiqueta <form> típica es: <form action="http://www.myhost.com/mypath/myscript.cgi" method=post>Todos los campos de entrada en una forma tienen un nombre, definido por el atributo name de la etiqueta <input>, <select>, o <textarea>. Todos los campos de entrada también tienen un valor, que el usuario asigna escribiendo en él o haciendo click en él. Todo el conjunto de los datos de la forma es representada como un conjunto de estos pares de nombre-valor cuando se envía al script CGI. Los campos de texto vacíos se envían como pares de nombre-valor con un valor de una cadena vacía, pero las casillas de verificación y botones de selección que no se usan no se envían en absoluto. Para probar tu forma, puedes llamar a scripts simples en NCSA que te dicen qué pares de nombre-valor fueron enviados. Para hacer esto, fija el atributo action a lo siguiente: Para get envíos: http://hoohoo.ncsa.uiuc.edu/cgi-bin/query Para post envíos: http://hoohoo.ncsa.uiuc.edu/cgi-bin/post-query La Etiqueta <input>Usa la etiqueta <input> para crear la mayoría de los campos de una forma, así como para enviar y reestablecer botones. Tiene una gran conjunto de atributos dependiendo del tipo de atributo, el cual puede ser cualquiera de: text-- un campo normal de entrada (defecto) password-- idéntico a text, pero la entrada del usuario no se despliega checkbox-- una casilla de verificación (para simples valores sí/no) radio-- un botón de selección (para escojer una de varias opciones) submit-- un botón que envía los datos de la forma, cuando la entrada de datos del usuario está lista reset-- un botón que reestablece todos los campos de una forma a sus valores iniciales image-- como submit, pero muestra una imágen como botón hidden-- te permite definir pares extra de nombre-valor que se envían al script CGI pero no se despliegan los campos text y password tienen los siguientes atributos opcionales: value fija el valor por defecto del campo size fija la longitud desplegada del campo maxlength fija la cantidad máxima de datos que pueden ser escritos los campos checkbox y radio tienen los siguientes atributos opcionales: value es el valor del campo cuando se verifica; el valor por defecto es "sí" checked (no necesita valor) significa que está verificado por defecto los campos submit y reset usan lel atributo opcional value como la etiqueta en el botón. El campo image requiere un atributo src con el URL de la imágen a usar, y soporta la mayoría de los atributos de la etiqueta <img>. Para crear un conjunto de botones de selección, dáles a todos el mismo nombre pero diferentes valores. Solamente el valor seleccionado será enviado al servidor cuando la forma se envíe. Usualmente, tendrás texto antes o después de los campos text, password, checkbox, y radio, para etiquetarlos para el usuario. Ninguna etiqueta se muestra automáticamente. Los campos submit y image de hecho pueden tener un atributo nombre, para enviar información sobre cómo la forma fue enviada. Si tienes múltiples botones de envío, tu script CGI puede distinguirlos por nombres o valores diferentes (solamente el botón de envío que presionas es el que se envía como par nombre-valor). Si un campo image tiene un atributo name de (digámoslo) "foo", entonces la localización x-y del click del mouse en el botón es enviada como dos campos enteros con nombres de "foo.x" y "foo.y". Esto permite un mapa de imágen con un botón image. Ejemplos de campos <input>, en el mismo orden que se enlistan arriba son: Estado: <input type=text name="state" value="CA" size=2 maxlength=2>Password: <input type=password name="password"><input type=checkbox name="masinfo" value="si" checked>Envíame más información.Selecciona tu sexo abajo:<br><input type=radio name="gender" value="F">Femenino<br><input type=radio name="gender" value="M">Masculino<br><input type=radio name="gender" value="O">Otro<input type=submit value=" OK, envíalo "><input type=reset value=" Whoops-- borra eso "><input type=image src="/images/gobutton.gif" width=60 height=30><input type=hidden name="totalsofar" value="1290.65">La etiqueta <select>Usa la etiqueta contenedora <select> para crear menús desplegables y listas desplazables. Entre <select> y </select> puedes tener solamente etiquetas <option> y su texto, el cual define items en la lista. La etiqueta <select> tiene un atributo name como todos los campos de entrada. Otros atributos opcionales: size es la altura desplegada de la lista. Si es 1 (u omitida), la lista es un menú desplegable; en otro caso, es una lista desplazable. multiple (sin valor) deja que el usuario seleccione items múltiples de la lista (usualmente con ctrl-click o shift-click). Cada item seleccionado deberá ser enviado como un para nombre-valor al script CGI. Una etiqueta <option> puede tener un atributo value, el cual es lo que se envía al script CGI si ese item es seleccionado. Si no existe el atributo value, el valor enviado es el texto que sigue a la etiqueta <option>. Para hacer que un item se seleccione por defecto, usa el atributo selected en la etiqueta <option>. Un ejemplo de una lista desplegable <select> es: Escoge tu color favorito: <select name="favecolor"><option>verde<option>aguamarina<option selected>esmeralda<option>turquesa<option>agua<option value="verde2">verde<option value="verde3">verde</select>La Etiqueta <textarea>Usa la etiqueta contenedora <textarea> para crear cajas de texto multilínea desplazables. Todo lo que esté entre las etiquetas <textarea> y </textarea> será el contenido inicial de la caja de entrada, así que colócalas una junto a la otra si no quieres contenido inicial. La etiqueta <textarea> tiene un atributo name, como cualquier otro campo de entrada. Usa los atributos rows y cols para fijar el ancho y alto del área de texto. Nota que el área de texto se desplaza cuanto sea necesario, de tal manera que solamente estás asignando el tamaño al cual debe desplegarse, no el tamaño de los datos Un ejemplo del camo de entrada <textarea>es: <textarea name="stuff" rows=10 cols=60>Pon cosas aquí</textarea>Otras Cosas de FormasIntenta hacer unas cuantas formas para ver cómo se ven. No necesitas un script CGI para verlas en tu navegador. NCSA tiene unos cuantos ejemplos cerca del final de esta página de formas (una o dos pantallas arriba del final). La página en sí es vieja pero aún sirve; ellos dicen que es solamente para su navegador (Mosaic para X-Windows), pero la información sirve para cualquier navegador y formas. D --------------------------------------------------------------------------------ColorPuedes asignar el color de muchas cosas en HTML ajustando los atributos de color de ciertas etiquetas: En la etiqueta <body>, los atributos bgcolor, text, link, vlink, y alink definen los colores para el fondo, texto, ligas no visitadas, ligas visitadas y ligas activas de la página. Para cambiar el color del texto de una parte de una página, usa la etiqueta contenedora <font> con el atributo color. Para tablas, algunos navegadores soportan el atributo bgcolor (color de fondo) en las etiquetas <table>, <tr>, <th>, y <td>. Los valores de los atributos de color toman una de las siguientes formas: "#RRGGBB", donde RR, GG, y BB son los componentes rojo, verde, y azul del color en hexadecimal de 00 a FF. ¿Confundido? Entonces checa el siguiente método: Uno de los 16 "nombres de color más extendidos y entendidos": aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white (white), or yellow (yellow) Por ejemplo, la etiqueta <body> usada en este documento es <body bgcolor=olive link="#0000FF" vlink="#007090" alink="#00A0FF">excepto que el color de fondo no es oliva en realidad. No confíes en el color para cosas importantes, algunos navegadores no pueden desplegarlo. Además de los 16 nombres estándar de color de arriba, Netscape soporta muchos otros nombres de colores, de firebrick a mediumspringgreen. Aquí está una lista de los nombres de color de Nestcape, parte del excelente HTML Primer de Sam Kington. Por supuesto, solamente se despliegan correctamente con navegadores Netscape-- usa #RRGGBB los códigos de color para captar el máximo de navegadores. De Regreso a la Tabla de Contenido --------------------------------------------------------------------------------MarcosLos marcos no son parte del HTML estándar. Son una extensión al HTML que creó Netscape. No funcionan en todos los navegadores, así que limita la cantidad de usuarios al usarlos. Describiré la introducción general aquí, pero Netscape tiene una página con todos los detalles. Básicamente, creas un archivo HTML normal para cada marco, además de un archivo HTML especial (el "documento de marcos" para contenerlos a todos. Este documento de marcos tiene la etiqueta contenedora <frameset> en lugar de la etiqueta <body>. La etiqueta <frameset> divide la ventana principal del navegador en múltiples renglones y columnas. Tiene cualquiera de los atributos rows or cols, el cual es una lista de tamaños separados por comas, ya sea en pixeles o en porcentajes del ancho total de la ventana. Por ejemplo, <frameset cols="10%,80%,10%"> divide la ventana en tres columnas: márgenes angostos a izquierda y derecha y una página central ancha. (Ve la página de Netscape para más detalles.) Entre <frameset> y </frameset> puede haber: etiquetas <frame>, cuyos atributos src contienen los URL que deben mostrarse en esas columnas o renglones; otras etiquetas <frameset> para dividir después las columnas o renglones en más renglones o columnas; or etiquetas <noframes> y </noframes> para definir una página para navegadores que no soportan marcos (siempre es sabio usarlas). Los marcos pueden convertirse parte del HTML estándar algún día, una vez su complejidad se deseche. Para las cosas oficiales en marcos y el estándar de HTML ve la sección "Next Steps" en esta página en W3C. De Regreso a la Tabla de Contenido --------------------------------------------------------------------------------Caracteres Especiales Como "<" and ">"¿Cómo puedes desplegar los caracteres "<" y ">"? Si solamente los escribes en tu archivo HTML, el navegador pensará que estás comenzando o finalizando una etiqueta. tienes que incluir caracteres de escape (así se llaman), tecleando secuencias de caracteres en su lugar. Cuando se despliega tu página, el navegador traduce las secuencias a los caracteres que necesitas. Todas las secuencias de caracteres especiales comienzan con "&" (ampersand) y terminan con ";" (punto y coma), y entre ellos está el nombre del caracter especial. Por ejemplo, ">" significa el símbolo de mayor-que, "<" significa el símbolo de menor-que, """ significa comillas dobles, y "&" significa el amperand mismo. Por ejemplo, la línea Para desplegar el caracter < usa la secuencia &lt;.se verá como Para desplegar el caracter < usa la secuencia <.Usa este método para poner caracteres no tecleables en tus páginas; por ejemplo, "©" muestra el símbolo de copyright ©. Aquí está una lista de caracteres especiales , con letras acentuadas primero, seguidas de símbolos no alfabéticos. Al contrario de los nombres de etiquetas, estos nombres de caracteres son de caso sensitivo, así que ">" no despliega el símbolo de mayor-que. Necesitas escapar cada "<" o ">", pero no todos los ampersand, etc. Estos códigos sólo están ahí cuando los necesites, por ejemplo, cuando tu página no se despliegue correctamente sin ellos (y debas verificar visualmente cada página que hagas). --------------------------------------------------------------------------------Una Nota Importante sobre HTMLUna página Web puede ser desplegada en una gran variedad de dispositivos -- navegadores gráficos, navegadores de sólo texto, dispositivos de texto-a-voz o braille, u otros dispositivos aún no inventados. Aún los navegadores gráficos varían mucho, desde que el usuario puede cambiar el tamaño a la ventana como desee, o ajustar sus propios colores y tipos de letra. De acuerdo con esto, el HTML le da mucha libertad al navegador para decidir cómo desplegar la página y sorprendentemente poco control del HTML al autor. Técnicamente el HTML es una manera de describir qué tipo de datos estás desplegando, y no explícitamente cómo deben desplegarse. Por ejemplo, la etiqueta <h1> dice "Esta es una sección de encabezado principal"; no dice en realidad "Muestra esto en un tamaño grande de letra, negrita y centrada". El navegador decide cómo debe desplegarlo. De hecho, el navegador toma la decisión final de cómo desplegar todo; todas las etiquetas HTML son solamente sugerencias. Toma tiempo acostumbrarse a esta falta de control, pero es la naturaleza del Web. Recuerda, no existe una manera de saber el tamaño y la capacidad de los navegadores que desplegarán tu página. Solamente trata de escribir HTML de tal manera que tus páginas no se ajusten a una forma en particular (lo cual variará mucho de usuario a usuario). De otra manera, las tablas y diseños que se ven geniales en tu pantalla pueden verse horribles en la de otro (siempre vale la pena checarlo). Si es posible, no confíes en el navegador cuando muestra imágenes -- usa el atributo alt de la etiqueta <img> para definir un texto alternativo para mostrar para los navegadores que no puedan mostrar la imágen. Si escribes HTML flexible, cualquier buen navegador desplegará tu página aceptablemente. En estos días, el HTML tiene etiquetas que dicen explícitamente cómo desplegar algo, en vez de describir solamente qué tipo de dato es. Como ejemplo están las etiquetas comúnmente usadas <b> and <i>. Etas son en realidad una ligera desviación de la filosofía original de HTML debido a su explicitud. Los puristas a veces usan las etiquetas <strong> y <em>, para texto fuerte y enfatizado, en lugar de <b> y <i>. Puedes usar las que quieras. --------------------------------------------------------------------------------Tips para Hacer Mejores Páginas WebObtén retroalimentación de tus usuarios con tu dirección de email y escucha sus comentarios. Esto te llevará a más mejoras que cualquier otra cosa. Por ejemplo, Envía tus comentarios a <a href="mailto:[email protected]">me</a>.Revisa tu página en varios navegadores, o por lo menos en diferentes tamaños de ventana. Pide a tus amigos que naveguen en tu página y te la comenten. No confíes en cosas que no funcionan en todos los navegadores como el color. Usalos si quieres, pero asegúrate que tu página puede verse en navegadores que no los soporten. Si haces un site de varias páginas relacionadas, permite la navegación intuitiva entre ellas. Cuando uses la etiqueta <img>, incluye los atributos alt, width, y height. El atributo alt define texto a mostrar para usuarios no gráficos, y los atributos width y height dan el tamaño de la imágen en pixeles. Esto permite que un navegador despliegue el resto de la página sin esperar a que la imágen se cargue, haciendo la vida mucho mejor para el usuario. Por ejemplo, <img src="bluebar.gif" alt="blue bar" width=500 height=5>Escribe código fuente fácil de leer. Tendrás que editarlo alguna vez y otra gente podría hacerlo también. El código fuente desordenado es difícil de trabajar e incrementa los errores. Facilita las cosas para todos escribiendo código fuente claro. Lee las opiniones de los estilos de otras personas en las muchas guías en este directorio de Yahoo. Al final, no tengasmiedo de tus propias opiniones y crea tu propio estilo. Haz lo que se vea bien. Haz lo que se ajuste a cualquier otro criterio que tengas (fácil de usar, informativo, divertido, atractivo, etc.). De Regreso a la Tabla de Contenido --------------------------------------------------------------------------------Final (y algunas ligas)OK, ya sabes bastante de HTML para hacer páginas Web. Ve y haz una o dos páginas. Ve y enseña a alguien más a hacerlo. El HTML tiene otras etiquetas con las que puedes jugar, pero no tienes que. De hecho, las únicas etiquetas usadas en la elaboración de esta página ya han sido descritas aquí. Aqui está una buena aunque un poco técnica lista de todas las etiquetas HTML que es parte de del Manual de Referencia HTML de Sandia-- ignora las partes específicas de Sandia. Aquí está un resumen de las características del HTML 3.2 realmente bueno (y oficial) en el World Wide Web Consortium ("W3C", el cual es la organización central de investigación que define los estándares usados en el Web. Proximamente : PHP , ASP , C++ , C , SQL , ETC...
Lo primero que tenemos que hacer naturalmente es buscar un coche descapotable que este en una posición lo mas parecida a la de nuestra fotografía. Tenemos que tener en cuenta que cuando menos se ajuste en posición mas nos costará realizar la conversión. Vamos a proceder a poner este coche descapotable, o por lo menos vamos a intentarlo. Para ello vamos a tomar prestado de este otro lo que necesitemos. Bien, pues entonces empecemos. Escogeremos la herramienta lazo poligonal y seleccionaremos poco a poco toda la parte descapotable, incluyendo el marco delantero, es decir la luna delantera, y la copiamos con Ctrl + C , o en el menú Edición / copiar . Una vez que lo tenemos copiado lo pegaremos en nuestra foto pulsando Ctrl + V o usando la opción que hay en el menú edición / pegar . Una vez pegada esta parte de la carrocería, nos queda quizás lo mas complicado que es ajustar esta pieza a nuestro coche. Esto lo haremos con las herramientas que tenemos al pinchar con el botón derecho y seleccionar la opción de transformación libre , si pulsamos nuevamente con el botón derecho observaremos las opciones de escalar, sesgar, rotar, distensionar , etc... Utilizaremos las que nosotros veamos adecuadas para lo que queramos hacer, normalmente se usa la opción de escalar , después la de rotar por si hay que retocar el ángulo y finalmente la opción de distensionar, teniendo mucho cuidado con esta herramienta porque podemos hacer que encaje a la perfección el chasis y la luna delantera pero podemos deformar los asientos, (que es muy común). En nuestro caso además podemos observar que la pieza que queremos acoplar esta invertida horizontalmente, Para solucionar esto, lo primero que debemos hacer es en la misma ventana donde nos sale lo de escalar, rotar,... , abajo aparecen dos opciones que son voltear horizontal y voltear vertical , pulsaremos sobre voltear horizontal para cambiar de dirección la pieza y tenerla como nuestra fotografía, a partir de aquí aplicaremos los pasos anteriores para ajustar la pieza. Ya conociendo las herramientas acoplaremos la pieza en cuestión. NOTA: En el caso de que no podamos acoplar la pieza toda de golpe lo haremos por partes, primero copiaremos y pegaremos la luna delantera para ajustarla después y el paso siguiente sería copiar y pegar la parte de los asientos para ajustarlo a la foto. De este modo deberíamos tener menos dificultades para ajustar la pieza entera. Si en el caso que ni de esta forma nos quedara bien, deberíamos plantearnos el buscar otra foto de un coche descapotable que este en una posición mas adecuada. Con nuestra pieza acoplada nos quedaría ultimar unos cuantos detalles, como por ejemplo eliminar en su totalidad el fondo que la pieza nueva ( el fondo blanco, que hay tanto entre las dos barras de protección como lo que se ve a través de la luna). Lo que se ve a través de la luna lo dejaremos para el final, primero procederemos a eliminar el resto. Simplemente seleccionaremos la capa de la pieza y seleccionamos las partes que queremos eliminar con la herramienta lazo poligonal , para después pulsar Supr en el teclado. Después de esto procederemos con lo que se ve a través de la luna delantera, para ello seleccionamos con la herramienta lazo poligonal nuevamente, pero ahora copiaremos el contenido de la selección en una nueva capa, para ello pincharemos con el botón derecho y le damos a capa vía copiar. De esta manera tenemos la parte del cristal por la que se vería el fondo de la foto en una capa aparte, después de esto ya podemos eliminar ese mismo trozo en la capa donde teníamos la pieza de descapotable. Pincharemos en la segunda capa, la que tiene la pieza entera y ahora para seleccionar ese trozo, mantenemos pulsado en el teclado la tecla Ctrl mientras pinchamos en la capa que contiene el trozo de cristal. Con esto se selecciona en contenido de una capa en otra. Después pulsaremos Supr en el teclado para obtener el mismo resultado que al eliminar las otras partes que teníamos. No observaremos cambio alguno puesto que tendremos por encima la capa con el trozo de cristal, podemos moverla para ver el resultado y luego dejarla como estaba. Ahora seleccionamos la capa donde tenemos el trozo de cristal y le vamos a poner transparencia hasta que desaparezca. Esto lo hacemos en la ventana de capas en el apartado opacidad la pondremos a 0%. Con esto podemos ver efectivamente que la parte del cristal que habíamos eliminado anteriormente de la pieza de descapotable, se ha eliminado, puesto que podemos ver el fondo de la fotografía original. http://todo-photoshop.com/images/tutoriales/retoque/conversiondescapotable11.jpg El paso que nos queda sería eliminar la carrocería antigua clonando el fondo, esta quizás es la parte mas artística, puesto que no se tiene que notar los trazos clonados. Seleccionaremos la capa de FONDO y con la herramienta tampón de clonar vamos eliminando la carrocería, poco a poco. Ya tenemos lo más difícil, ahora daremos opacidad a la capa que contiene el cristal delantero, pero solo hasta que nosotros veamos, en este caso aproximadamente un 40% . Ya lo tenemos, hemos acabado de momento, ahora solo quedaría darle el tratamiento como si fuese un paragolpes, ajustando el color y las partes de la carrocería donde no coinciden, pero esto esta detallado en otro tutorial (acoplar piezas). Para ver el resultado aproximado mira como queda en gris, listo para No es una boludes , pero tampoco es imposible... ¿queda bien en arte?
Este videito creo que es de 2004 o 2005 , faltarian golazos como el de messi o el de ronaldinho de chilena pero igual esta muy entretenido y los goles estan muy bien seleccionados. Avisen si es repost link: Yapa Top 50 goles de Gabriel Batistuta en Italia link: http://www.videos-star.com/watch.php?video=gjyKqpELVrY Top 50 goles de la Champions League link: http://www.videos-star.com/watch.php?video=CUU9IKboj2Y Espero que les haya gustado... Comenten lindo [
Muy util este programita jaja... aca un par de fotos y la descripcion del autor Practica la paternidad responsable! Evita los embarazos no deseados con el metodo de Ogino-Knaus. Sólo tienes que indicar la fecha de inicio de tu ultima menstruacion, si tus ciclos de menstruación son fijos o variables y la duración del ciclo. Tras proporcionar estos datos, noBaby te mostrará una tabla con los días del mes en los que podría haber peligro de embarazo, util tambien para planificar los embarazos porque indica la posible fecha de ovulación. Incluye un archivo .Doc explicando la técnica y un archivo de ayuda del uso del programa. Link: http://www.ica-peru.com/nobaby.zip Cuidense miren si les sale un bebe asi jajaja... o asi.. Espero que les haya servido , mucha suerte.
Toyota Corolla Primera generación 1966-1969 La simplicidad extrema caracterizaba la ingeniería del primer Corolla. Un motor longitudinal de 1.1 litros, 4 cilindros, sólo 60 hp, transmisión manual de cuatro velocidades y un eje trasero sólido. Toyota trabajó fuertemente para enfrentar la opinión del mercado norteamericano al cual llegó en el año 1968. Con un precio de sólo US$1700 demostró que siendo pequeño y barato no significaba mala calidad. Segunda generación 1970-1974 Tan bueno como el primero, continuaba siendo extremadamente pequeño para el gran mercado norteamericano. Su motorización incorporó un nuevo 1.2 litros de 73 hp y por primera vez transmisión automática. Se convirtió rápidamente en el segundo vehículo más vendido del planeta. En el año 1971 se agregó la motorización 1.6 litros de 102 hp, y al año siguiente se le hicieron modificaciones estéticas, principalmente en la parrilla. Hacia el año 1973-1974 llegaría la versión deportiva denominada SR5 con transmisión manual de cinco velocidades. Tercera generación 1974-1978 Para el año 1975 cinco modelos diferentes del Corolla estaban disponibles. El coupé, el sedán 4 puertas, el sedán 2 puertas, y la station de 2 puertas montaban el motor 1.2 litros y transmisión manual; en tanto que el "Hardtop" dos puertas SR5 utilizaba el 1.6 litros con transmisión manual de 5 velocidades. Ese mismo año fue incluido por primera vez en el Corolla el convertidor catalítico. El año 1976 se incorporó una ventana trasera al coupé y se dio origen al Liftback, un seudo deportivo, con un asiento trasero plegable 50/50, y económico a la altura del Ford Pinto. Toyota esperaba que el Liftback alcanzara hasta el 30% de sus ventas en Estados Unidos. En el mismo año se agregó una segunda versión deportiva denominada Fastback, que en versiones estándar y SR5, se posicionaba a un precio menor al Celica. Cuarta generación 1979-1982 Con un chasis nuevo, el Corolla 1979 era un modelo mucho más sofisticado y agradable de conducir. La gran novedad se encontraba en la motorización 1.8 litros de 75 hp de potencia máxima, con transmisiones manual de cuatro y cinco velocidades, y automática de tres velocidades. El año 1982 se incorporó la transmisión automática de cuatro velocidades, un hecho inédito para un vehículo de este segmento. Particularmente atractivos eran el SR5 en las configuraciones de semistation, coupé y liftback. Según diversos medios de la época, los modelos parecían muchos más costosos de lo que eran. Quinta generación 1983-1986 La mayoría de los modelos sedán, coupé y liftback utilizaban el avanzado motor 1.6; sin embargo la estrella fue el denominado GT-S, un modelo de culto e ícono en el tuning japonés, que utilizando el 1.6 litros y dotado de 124 caballos de potencia máxima, sirvió de plataforma mecánica para el MR2 de 1985. El año 1987 nació el Corolla FX, un modelo producido en Estados Unidos en un Joint-Venture entre Toyota y General Motors. La fábrica denominada NUMMI se ubicaba en California, y producía un nuevo Corolla Hatchback de puerta trasera recta, inspirada en el diseño del Volkswagen Golf y disponible con motorizaciones 1.6 litros SOHC y DOHC. Sexta generación 1987-1990 Con esta nueva generación toda las líneas coupé y liftback fueron sustituidas por una única carrocería 2 puertas, lo que causó gran decepción entre los fanáticos de la marca. El Corolla sedán era construido tanto en Estados Unidos como en Japón, en tanto que las versiones coupé, hatchback y station (4x2 y 4x4) continuaron siendo exclusivas de Japón. De esta generación se generó una carrocería levemente distinta para el mercado japonés denominada Sprinter; en tanto que General Motors utilizó su plataforma mecánica para crear el Geo Prizm. En Japón se creó además una versión Corolla sedán 4x4 pero sólo duró un año en producción. Las siglas que se utilizaron para el Corolla eran DX y LE para el sedán; DX y SR5 para el Station; y SR5 y GT-S para el coupé. Séptima generación 1991-1994 Perceptiblemente más grande que al modelo que sustituyó, dejó definitivamente la categoría de subcompacto. Todos utilizaban suspensión completamente independiente, y las versiones DX y LE se beneficiaron de una barra estabilizadora adicional. Su motorización base era el 1.6 litros de 105 hp, la que sólo fue disminuida a 100 hp en los estados de California, Massachussets y Nueva York, para poder cumplir con las normas de emisión de gases. Se ofrecían versiones con transmisión automática de 3 y 4 velocidades, y en forma inédita el airbag para conductor en la versión LE. En el año 1997 la totalidad de los Corolla vendidos en Estados unidos eran ensamblados en Estados Unidos o Canadá, mismo año en que el modelo se convirtió en el automóvil más vendido de la historia al alcanzar al Escarabajo de Volkswagen; récord que para los más puristas no es comparable ya que se trata de carrocerías absolutamente distintas desde el momento de su origen. Octava generación 1995-1999 Con un exterior muy simple, pero que con un interior funcional, elegante y de calidad de ensamblado perfecto, además de una motorización nueva, completamente de aluminio de 1.8 litros y brillantes 120 hp con tecnología VVT-i, supo enfrentar de buena forma la fuerte competencia del Honda Civic y el Nissan Sentra, ubicándose rápidamente entre los modelos más vendidos del planeta. La economía de combustible fue mejorada en un 10% respecto de la generación anterior, pero por sobre todo su motorización fue simbólica al alcanzar el doble de potencia que el Corolla de la primera generación. El año 1998 el modelo recibe un restyling. Novena generación 2000-2004 Mientras que Toyota busca apostar ahora por un público más juvenil, el Corolla presenta un diseño más cercano a un Camry en pequeño. De hecho, su distancia entre ejes es similar a la del Camry del año 1993. El motor es una evolución del 1.8 litros de aluminio, DOHC, 16 válvulas y alcanza los 130 caballos de potencia máxima. El motor 1.6 también utiliza tecnología VVT-i. Decima generacion 2004-???? En Argentina, el modelo se ofrece actualmente en versión sedán 1.6 litros nafta y 109 hp y 1.8 litros nafta y 134 hp. También en versión diésel de 2.0 litros y 89 hp. A estas se agrega la versión Station (Fielder) con motor de 1.8 litros y 134 hp y transmisión manual o automática. Fuente Espero que les haya gustado
Hola buenas noches. En estos dias que no postie hice esta web para que puedan subir imagenes. Tiene un limite de 200kb por imagenes e ilimitadas por usuario. Juro que la poca publicidad que tiene es solo para pagar el dominio. aca el link : (El nombre nacio en el truco por una joda , no crean que es porque soy un creido ni nada de eso xD) Espero que les guste y les sirva. Mucha suerte