matias_emanuel

Hola amigos ... En este post les traigo un sencillo manual de HTML ... Espero que lo comprendan ...Lenguaje de programación para paginas web 1.introdución: El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo.Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una pagina web.2. ¿Que es html? El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .htmlEstos documentos pueden ser mostrados por los visores o "browsers" de paginas web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.A continuación vamos a hablar un poco de historia: 3. Origenes del HTML: 1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML.1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP.1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch).1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (también conocido como Mozilla), que tiene una amplia aceptación entre los usuarios, pero que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión 4.0, experimental.1998. HTML 4.0.4. Creacion de paginas web con lenguaje HTML: Para crear una página web se pueden utilizar varios programas especializados en esto, como por ejemplo, el Microsoft Front Page o el Macromedia Dreamweaver 3. Otra forma de diseñar un archivo .html, es copiar todo en el Bloc de Notas del Windows, ya que este sencillo programa cumple con un requisito mínimo que es la posibilidad de trabajar con las etiquetas con las que trabaja este lenguaje.A continuación les mostraremos las etiquetas mas comunes que deben aprenderse para hacer una pagina Web.Estructura de los documentos de HTMLSi se tiene en cuenta el contenido del documento, todos los documentos de HTML bien escritos comparten una estructura en común. Un documento de HTML empieza con la etiqueta <HTML>, que es la que encerrará el documento actual. Contiene dos secciones primordiales: la cabecera y el cuerpo encerradas respectivamente por los elementos <HEAD> cabeza y <BODY> cuerpo.La cabecera puede contener información y siempre contiene el titulo del documento encerrado por el elemento <TITLE>.En el cuerpo se encuentra todo el contenido del documento, ya sea, texto, imágenes, sonidos, hipervínculos, etc.Un documento escrito en HTML contiene las siguientes etiquetas en el siguiente orden:Ejemplo:<HTML><HEAD><TITLE> Título de mi página de Internet </TITLE></HEAD><BODY><H1> <CENTER> Primera pagina </CENTER> </H1><HR>Esta es mi primera pagina, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaremos en condiciones de hacer cosas mas interesantes.<P> Aquí va un segundo párrafo.</BODY></HTML>Para escribir títulos se usa la etiqueta <Hx></Hx> en donde x es un número.Ejemplo:<h1>Titulo principal</h1><h2>Titulo secundario</h2><h3>Titulo terciario</h3><h4>Titulo cuarto nivel</h4><h5>Titulo quinto</h5><h6>Titulo sexto</h6>Quedaría mas o menos así:Titulo principalTitulo secundarioTitulo terciarioTitulo cuarto nivelTitulo quintoTitulo sexto 5. Etiquetas de parrafo: Para esto se utiliza la etiqueta <P> y </P>. Este comando es muy útil debido a que si uno escribe algo (en el editor que se este utilizando) por mucho espacio que uno le de siempre al texto, siempre va a aparecer en la misma línea.Para alinear un párrafo se utiliza el comando <ALING> y </ALING>, utilizado dentro de la etiqueta <P>. Se puede alinear de tres formas diferentes:<p align="left"> Párrafo... </p> Alinea a la izquierda.<p align="center"> Párrafo... </p> Realiza un centrado.<p align="right"> Párrafo... </p> Alinea a la derecha.Cuando nosotros queremos que lo que escribimos aparezca en otra línea utilizamos el comando <BR>.Al terminar de escribir un párrafo es conveniente y estético utilizar el comando para separar un párrafo de otro que es <HR>Etiquetas para darle formato al texto:Para el tamaño y tipo de letra se usa la etiqueta <FONT> y </FONT>, que posee tres atributos: tamaño (Size), Tipo de letra o fuente (face) y colorFormato:<B> y </B> Sirve para colocar un texto en Negrita.<U> y < /U> Sirve para subrayar un texto<STRIKE> y </STRIKE> Sirve para tachar un texto.<STRONG> y </STRONG> Cumple la misma función que <B><I> y <I> Para colocar un texto en cursiva.<EM>texto con énfasis</EM> texto con énfasis<CITE>citación</CITE> citación<DFN>definición</DFN> definición<KBD>teclado</KBD> teclado<SAMP>ejemplo</SAMP> ejemploSIZE: Regula el tamaño de los caracteres.Ejemplo:<font> texto... </FONT>.FACE: Es la fuente que se quiere usar, Arial, Times new Roman, etc.Ejemplo:<FONT> texto…</FACE>Color: Regula el color de los caracteres. En principio existen dos posibilidades para definir los colores en HTML:1. Mediante la especificación de los valores RGB del color deseado en forma hexadecimal (RGB=Red/Green/Blue, valores Rojo/Verde/Azul)2. Mediante la especificación del nombre del color en inglesEjemplos: Si nos decidimos a trabajar con valores hexadecimales, entonces tenemos la libertad de utilizar 16,7 millones de colores. De esta manera trabajamos independientemente de los navegadores Web.Si especificamos el nombre del color, podemos evitar la definición del color en forma hexadecimal que es un poco más difícil. Actualmente están estandarizados tan sólo 16 colores. Existen colores adicionales los cuales son dependientes de los navegadores Web.Primero que todo debe escribir un símbolo #. A continuación siguen las 6 cifras para la definición del color. Las primeras 2 cifras definen el valor rojo, las siguientes 2 el valor verde y las 2 últimas el valor azul.Las cifras hexadecimales son:0 (corresponde al decimal 0)1 (corresponde al decimal 1)2 (corresponde al decimal 2)3 (corresponde al decimal 3)4 (corresponde al decimal 4)5 (corresponde al decimal 5)6 (corresponde al decimal 6)7 (corresponde al decimal 7)8 (corresponde al decimal 8)9 (corresponde al decimal 9)A (corresponde al decimal 10)B (corresponde al decimal 11)C (corresponde al decimal 12)D (corresponde al decimal 13)E (corresponde al decimal 14)F (corresponde al decimal 15)(mirar el cuadro de la página anterior)Para ponerle color de fondo a la página escribir:<body bgcolor=#808080></body> con el cual obtendremos un color de fondo gris oscuro.Colocar mal los colores de fondo en nuestras páginas puede provocar problemas. ¿Qué ocurría con los links o enlaces si colocáramos un fondo de color azul?. Puesto que los links son azules cuando todavía no se han pulsado puede ocurrir que no se puedan leer con claridad o incluso que no se puedan distinguir en absoluto del fondo.Se puede imaginar todavía un caso peor si decidiéramos colocar un fondo demasiado oscuro, tan oscuro que no permitiera distinguir con claridad la información que se presenta en pantalla. Podemos remediar esto eligiendo nosotros mismos el color que queremos que tengan los links o enlaces e incluso el texto, las etiquetas para hacer esto son las siguientes:-text="#número" Para el color del texto.-link="#número" Para el color de los enlaces.-vlink="#número" El color con que aparecerán los enlaces ya visitados.-alink="#número" Color del enlace cuando lo pulsamos.Por lo tanto la etiqueta <body> puede quedar del siguiente modo:<body bgcolor="#num" text="#num" link="#num" vlink="#num" alink="#num">Ahora veremos como poner una imagen de fondo. Es muy sencillo, basta con usar la etiqueta:background="localización de la imagen" Esta etiqueta va dentro de la etiqueta <body>.Ejemplo:<body background="/documentos/html/gifs/dragonball.gif">Con esto lograremos que la imagen dragonball.gif aparezca como fondo en nuestra pagina.Etiquetas METASon usadas para poner meta-información del documento. Esta "directiva" indica al visor de Internet las palabras clave y contenido de nuestra página Web. Muchos de los buscadores de páginas Web de Internet (Yahoo, Lycos, etc...) utilizan el contenido de esta directiva para incluir la página en sus bases de datos.Ejemplo:<META NAME = "Pagina de Pablo" content = "Mi pagina personal de Sailor Moon">Indica al visor el nombre de la página y sus contenidos principales.<META NAME="Author" content="Pablo Ravioli">Indica el nombre de la persona que elabora la pagina WEB<META NAME = "keywords" content = "Información de Sailor Moon">Indica al visor las palabras clave para los buscadores de Internet.Para hacer listas:Las listas se definen de forma muy sencilla: se dice dónde empieza la lista, dónde empieza cada punto y dónde acaba la lista. Las etiquetas que se utilicen en cada caso deben aparecer al principio de línea, o al menos sin texto por delante (sólo espacios o tabulaciones).Las listas pueden ser: Lista desordenada, <UL> (Unordered List).Lista ordenada, <OL> (Ordered List).Ejemplos de diferentes tipos de listas:Lista con números romanos:<ol><li type=I>Manzana<li type=I>Zanahoria<li type=I>Lechuga<li type=I>Tomate</ol>ManzanaZanahoriaLechugaTomateLista numerada:<ol><li>Manzana<li>Zanahoria<li>Lechuga<li>Tomate</ol>ManzanaZanahoriaLechugaTomateLista con puntos:<ul><li> Manzana<li> Zanahoria<li> Lechuga<li>Tomate</ul>ManzanaZanahoriaLechugaTomateLista con círculos:<ul><li type=circle> Manzana<li type=circle> Zanahoria<li type=circle> Lechuga<li type=circle> Tomate</ul>ManzanaZanahoriaLechugaTomateLista con cuadrados:<ul><li type=square> Manzana<li type=square> Zanahoria<li type=square> Lechuga<li type=square> Tomate</ul>ManzanaZanahoriaLechugaTomate 6. Como insertar una imagen: A la hora de crear una página Web podemos introducir gráficos de forma muy sencilla, sólo hay que tener en cuenta que las imágenes deben tener formato Gif o JPEG.La etiqueta utilizada para agregar imágenes a una página Web es <IMG> y va acompañada de un atributo fundamental "SCR", que indica la ruta donde se encuentra el archivo que contiene la imagen a insertar.Es decir:<IMG SRC="lugar donde guardo la imagen">Supongamos que tenemos la imagen dragonball.gif, que está presente en el mismo directorio en donde está la página y que la queremos insertar. La etiqueta apropiada sería:<IMG SRC="dragonball.gif">Y el usuario verá en el browser:Para poner la imagen en la izquierda escribir:<IMG ALIGN=LEFT SRC=" dragonball.gif ">A la derecha: <IMG ALIGN=RIGHT SRC=" dragonball.gif">Y si se quiere poner la imagen en el centro:<P ALIGN=CENTER> <IMG SRC=" dragonball.gif"> </P>Hiperenlaces, Hyperlinks, Anclas o LinksPara definir un enlace es necesario marcar con la etiqueta <a> el objeto del cual va a partir dicho enlace. Dicha directiva debe incluir el parámetro href="URL" para especificar el destino del enlace. Es decir, que antes del objeto elegido debemos abrir con <a href="URL">, y después cerrar con </a>. Por ejemplo, si queremos que el texto "pulse aquí para visitar la NASA" nos conduzca a la "home page" de la NASA, debemos escribir en nuestro texto HTML:<a href="http://www.nasa.gov/">Pulse aquí para visitar a la NASA</a>Que se vería de esta forma: Pulse aquí para visitar a la NASASi queremos que el texto "Foto" nos lleve a una imagen tenemos que escribir:<a href="imagen.gif">Foto</a> entonces al hacer clic en el texto Foto nos abrirá la imagen.gif.También se puede ir a otro enlace por medio de una imagen. Lo único que se debe hacer es cambiar el texto por una imagen:<a href="http://www.altavista.com"><img src="Logo.jpg"></a>Con esto tendremos por resultado que cuando se pase el puntero del mouse por arriba del Logo.jpg (que podría ser el logo del Altavista) y se convierta en una "manito", al hacer clic nos envíe al buscador Altavista.Si se quiere hacer un link para que nos manden un E-Mail se debe hacer de la siguiente manera:<a href="mailto:pfraviolifibertel.com.ar">Mandame un Email</a>Entonces cuando se haga clic sobre esta palabra Mandame un Email se abrirá (por defecto) el Microsoft Outlook Express con la dirección del destinatario ya escrita. 7. Conclucion: Sin HTML no existiría el Internet que hoy conocemos, si no se hubiera inventado, seguiríamos con el aburrido FTP (Protocolo de Transferencia de Ficheros) mandándonos o bajando archivos que a veces ni sabíamos lo que eran, sin tener la posibilidad de visualizarlo antes. Ahora por medio de una página llena de colores y botones por la cual se puede navegar, se puede tener acceso a bastante información y archivos.El lenguaje de HTML abrió una puerta al mundo permitiéndole a las personas expresar sus ideas por medio de páginas y mostrárselas a todas las personas de todos los países.Con el HTML se logró un gran movimiento económico ya que muchísimas empresas publican, venden, y ofrecen sus productos, sus servicios y sus ofertas atrayendo a mayor cantidad de personas. También gracias al HTML nacieron muchas empresas que ofrecen diversos servicios como Yahoo, Altavista, HotMail, Terra, Yupi, Mercadolibre, De Remate, etc.Infinitas son las posibilidades que te brindan las páginas WEB ya que no solo te dan la posibilidad de pasar el tiempo navegando, sino que también hasta se puede comprar un auto por Internet, solo basta con llenar un formulario con los datos personales y el número de tarjeta de crédito y en ocho días lo tenemos en nuestra casa.Todo el universo de Internet se lo debemos al HTML, ya que todas las páginas con las que se compone la World Wide Web están hechas con el lenguaje de programación HTML. Los invito a mi comunidad Favorita...

Primero que nada deja cargar el Post ... -Indice- En el post hay muchas utilidades La mayoria de los Recursos son HD y son muy utiles para sus Diseños... En este Post decidi añadir un Poco de CSS porque creo que tienen mucho que ver con el Diseño... Podran encontrar en el Post Pinceles , Estilos , Motivos , Fuentes , Y mucho mas! Por favor si se caen las imagenes avisenme por MP . Gracias Todos los recursos funcionan Perfectamente -Pinceles- -Patterns- -Textures- -Shapes- -Styles- -PSDs- - CSS Tuto- Que es CSS ? Siglas de "Cascading Style Sheets" (Hojas de Estilo en Cascada), es una tecnología desarrollada con el fin de separar la presentacion de la estructura del HTML. Funciona aplicando reglas de estilo a los elementos HTML, entre las que incluyen, tamaño, color de fondo, color del texto, posicion de los elementos, margenes, tipos de letra, etc... quedando de esta manera toda lo que tiene que ver con la parte gráfica de la web, separada completamente de la estructura del HTML. Aprender a conocer CSS nos dará como resultado un mejor flujo de trabajo, mayor organización de nuestro codigo, menos peso en las paginas, y mas flexibilidad a los cambios. Ademas una vez familiarizados con sus capacidades, nos daremos cuenta de que es mas fácil y rápido diseñar con CSS que de la manera antigua. Bien, empecemos por el principio. Aqui intentare enseñar como hacer documentos validos y que sean bien interpretados por la mayoría de los navegadores actuales. Lograremos esto conociendo los tres principales elementos en el desarrollo de CSS: [color=#000000][color=#000000][color=#000000]Atributos Valores Selectores [/color][/color][/color] -Atributos- Son las palabras que usaremos para indicar cual estilo queremos modificar, por ejemplo, si queremos cambiar el tipo de letra, usamos el atributo "font", si es el fondo, el atributo "background", etc. -Valores- Son para definir como vamos a modificar el atributo, o la propiedad que le daremos. Por ejemplo, si queremos que un tipo de letra sea rojo, usamos el atributo "font" y el valor "red". -Selectores- Se usan para definir sobre cuales elementos HTML vamos a aplicar los estilos, si queremos definir un estilo para toda la pagina, debemos usar el selector "body" que se refiere a la etiqueta <body> del documento HTML. Hay tres tipos de selectores: ● Los selectores de etiquetas HTML, se utilizan escribiendo el nombre de la etiqueta a la que le aplicaremos el estilo. ● Los selectores de identificador, se usan para aplicar estilos solo a las etiquetas identificadas con un nombre. ● El tercer selector es el de clase, se escribe en el documento CSS comenzando con un punto "." seguido del nombre que le queramos poner a la clase, de esta forma: .mi_clase. -La sintaxis- Es muy simple, primero se coloca el selector, luego se abre una llave "{" y se empiezan a colocar los atributos, seguidos de dos puntos ":" y luego el valor seguido de punto y coma ";", al final de todo se cierra el estilo para el selector con el cierre de llave "}". Se pueden definir tantos atributos con sus respectivos valores como se desee, separandolos con un espacio o un salto de linea. En CSS se deben escribir los atributos y valores con minusculas y los comentarios se encierran con "/*" para abrir y "*/" para cerrar, como veremos en el siguiente ejemplo: [color=#000000][color=#000000][color=#000000]/*CSS sobre selector de etiquetas*/ body {        font-family: arial;        font-size: 12px;        color: black;        background-color: #cccccc; } [/color][/color][/color] Este tipode selector no requiere de aplicación en el documento HTML, las etiquetas a las que se les defina un estilo de esta forma automáticamente heredarán los estilos. [color=#000000][color=#000000][color=#000000]*CSS sobre selector de identificador*/ #header {        background-color: #ff0000;        color: #ffffff;        font-size: 26px; } [/color][/color][/color] En este caso, se lo aplicamos a la etiqueta con solo colocarle el identificador, como en este ejemplo: [color=#000000][color=#000000][color=#000000] <div id="header">Aqui el contenido</div> [/color][/color][/color] [color=#000000][color=#000000][color=#000000] /*CSS sobre selector de clase*/ .mi_clase {        margin: 5px;        height: 100px;        width: 200px; } [/color][/color][/color] En los selectores de clase, usamos el atributo "class" en las etiquetas HTML para darles el estilo. Ejemplo: [color=#000000][color=#000000][color=#000000] <div class="mi_clase">Aqui el contenido</div> [/color][/color][/color] Ademas de esto, existen tres formas de aplicar estilos CSS a una pagina, la que recomiendo en primer lugar, haciendo un archivo de texto plano guardado como archivo. css , separado del archivo HTML, y vinculando la hoja HTML a el. Esto se hace colocando en la sección head de la página: [color=#000000][color=#000000][color=#000000]<link href="archivo.css" rel="stylesheet" type="text/css">[/color][/color][/color] Para mi esta forma es la mas recomendable porque asi se puede vincular el archivo. css a todas las páginas del sitio, es mucho mas liviano al ver la pagina y ademas a la hora de modificar algo se hace solo una vez. La segunda forma es aplicando los estilos directamente en la sección <head> del documento HTML. Se hace de la siguiente forma [color=#000000][color=#000000][color=#000000] <head> <title>Pagina</title> <style type="text/css">      <!--        body {            font-family: Geneva, Arial, Helvetica, sans-serif;            font-size: 12px;            color:#333333;        }        --> </style> </head> [/color][/color][/color] Es buena idea colocarlos de esta forma si son estilos exclusivos para la pagina a la que se le aplica. El tercer método no lo recomiendo, aunque algunas veces puede ser necesario. Consiste en aplicar el estilo directamente sobre el elemento HTML, de esta forma: [color=#000000][color=#000000][color=#000000] <table style=background-color:#333333; padding:2px; width:300px; height;100px;></table> [/color][/color][/color] Comopuedeverseenalgunoscasos,losatributospuedensercompuestos,comoelatributofont-family" o "background-color", puede llevar adicionalmente caracteristicas mas especificas, que van separadas por un guion "-" como vimos en los ejemplos. Los valores tambien pueden ser de diferentes tipos, en los de medida, se pueden usar pixeles "px" centimetros "cm" o relativos como "em", en los colores se puede usar la notacion hexadecimal (#FF3300) o directamente el nombre del color en ingles. De esta forma podemos aplicar estilos a todos y cada uno de los elementos HTML que constituyen una página web, y poco a poco ir separando el contenido de la presentación, ademas de lograr en un documento completamente válido cosas que solo el poder de CSS puede lograr, como cambiar completamente la apariencia de una página sin tocar el archivo HTML. Unicamente con el uso, se va uno acostumbrando a lo que se puede hacer con CSS, al principio, seguramente , les pasará (como a mí) que solo lo usan para dar formato a los textos, tablas etc, pero luego uno va conociendo como trabaja y va añadiendo elementos a los archivos CSS . El punto ideal sera cuando logremos separar completamente el diseño del contenido, dominando las técnicas de posicionamiento con CSS, y eliminando el uso de tablas para diagramar el contenido. En un proximo tutorial, analizaremos las técnicas de posicionamiento o CSS -P, el valor "float", "position" y las listas <ul> y <li>, como funcionan las medidas, y la forma correcta de formatear las etiquetas, pero no se preocupen mucho , ya trabajo en el. -Eso fue todo de CSS -

Bienvenido Familia de T! Les queria compartir unos pequeños consejos para revivir su BLOG Espero que les sirve Empesemos Ya! Siempre hay resultados aunque no sean los que buscamos Siempre hay resultados aunque no sean los que buscamos. Cuando se toma una acción siempre ocurre algo y de ese algo podemos aprender, aunque solo sea aprender lo que no funciona. Siempre se cuenta la historia de Edison: Más de 10.000 intentos antes de dar con la clave para hacer la bombilla o el Coronel Sanders (Fundador de Kentucky Fried Chicken), quien ya tenía más de 60 años y ni un céntimo, escuchó a más de 1000 personas decirle ‘no’ antes del primer ‘sí’ al intentar vender su receta de pollo. Desde que escuché a Anthony Robbins explicar este sencillo concepto siempre me planteo las cosas de esta manera. Tenemos un objetivo. Vamos a probar algo y ver cuál es el resultado. ¿No funciona? Probamos otra cosa. ¿Tampoco funciona? Probamos otra cosa y otra y otra, hasta conseguir o acercarnos al objetivo (el resultado deseado). Es por eso que se aprende más (cosas prácticas) con experiencia de lo que se aprende con estudios. Es necesario tomar acción tras acción para entender cómo se llega al resultado deseado y saber que estrategias funcionan y cuáles no. En cuánto más acción se toma y más cosas se hace – que no dan el resultado deseado, más se aprende. Recuerdo escuchar en un audio de Brian Tracy, “Si quieres tener éxito, multiplica tu velocidad de fracaso.”. Cuando las cosas van bien la vida es cómoda. No tienes la misma motivación para probar cosas y tomar acciones, ¿para qué, si todo va bien? Eso lo puedo confirmar de mi propia experiencia. Cuando tienes todo resulto puedes volverte displicente. A veces necesitamos que las cosas vayan mal para espabilarnos y para tomar más y nuevas acciones. Con este planteamiento de que haga lo que haga tendré algún resultado, tomo las cosas con mucho más calma. Sé que si un intento no funciona, haré otro distinto. Y si ese no funciona cambiaré de estrategia y seguiré probando. Sé que cada ‘resultado’ me enseña algo y no me importa seguir buscando nuevos ángulos para buscar un objetivo. Esto también saca ‘las prisas’ del asunto. El objetivo no es simplemente conseguir algo sino aprender de la experiencia del intento, sabiendo que es necesario para el crecimiento de conocimiento. ¿Cómo te sientes cuando no obtienes el resultado deseado? ¿Frustrado? Intenta aplicar esta otra forma de verlo, como subir escalones. Cada escalón es un paso importante para obtener el objetivo, ninguno es una pérdida de tiempo. Consejos para mejorar el rendimiento de Adsense en tu Blog Sin ninguna duda la mayoría de los blogs necesitan algún tipo de financiación para poder subsistir. Es por ello que gran parte de estos utiliza Google Adsense, sistema de publicidad controlada por Google que permite cobrar dinero por cada click que se realiza a los anuncios. Es por este motivo que hoy aquí te proporcionaremos algunos consejos y trucos que te ayudarán a generar más ganancias en tus blogs, o sea generar más clicks en los anuncios, aunque esto siempre dependerá de los usuarios que te visiten y que quieran hacer clicks en dichos anuncios respectivamente. Consejos para generar más dinero en Adsense: Utilizar color azul para el titulo de los anuncios: Puede que te parezca raro pero aunque tu web no se vea bien con este color poner los anuncios con este color te dará mejores resultados. Pues siempre se ha asociado el azul a los enlaces y esto hará que recibas más clicks. Escribe sobre temas que sean mejor pagados: Pues hay temas que son mejores pagados, estos hace referencia a los viajes, los vuelos, temas económicos y demás, a veces estos temas pueden generar más clicks que otros. ¿A quién va dirigido tu blog?: No es lo mismo que un blog vaya dirigido a personas que sepan de anuncios y que estos lo eviten a toda costa, pues escribir para personas que no sepan nada de la web puede generar ingresos mayores. No llenes la web de imágenes y anuncios: Esto es increíblemente perjudicial, llenar anuncios no quiere decir que tendrás más ganancia, pues esto molesta a los usuarios ya que no permite la navegación libre por la pagina. Acciones de marketing realizadas a través de dispositivos móviles Quisiera abordar esta materia desde un punto de vista más práctico y funcional, pero creo conveniente comenzar por una definición del “Marketing Móvil” para entender que se trata de “la actividad dedicada al diseño, implantación y ejecución de acciones de marketing realizadas a través de dispositivos móviles”. Concepto y marco actual Nos encontramos ante una era completamente tecnológica, cuyas exigencias sociales nos obligan a estar en constante evolución y comunicación con el resto del mundo. De ahí que los dispositivos móviles, como soportes digitales pequeños, de fácil uso y manejo que pueden ser trasladados sin dificultad a cualquier lugar y sin necesidad de conexión eléctrica para ser usados, sean uno de los elementos más importantes a tener en cuenta, cuando se quiere hacer una adecuada comunicación. Entre éstos, los más importantes son: Teléfonos móviles, PDA (Personal Digital Assistant), iPods, Consolas portátiles, Navegadores GPS, etc. Tendencias del marketing móvil Podemos decir que las principales acciones del marketing móvil, realizadas en la actualidad, se basan en el desarrollo de campañas de comunicación consistentes en el envío de SMS, MMS, incluso emisión de llamadas automáticas y con un contenido determinado, informativo o promocional, a través de dispositivos móviles y dirigidas a bases de datos previamente tratadas y sistematizadas adecuadamente. Así pues, este tipo de campañas pueden pretender que un determinado público participe en promociones, concursos o sorteos, previamente anunciados en otros medios de comunicación, normalmente radio, prensa o televisión, implicando a su usuario a enviar varios SMS, MMS o realizar llamadas telefónicas para poder participar. Por todo ello, está a la orden del día, la utilización de dispositivos móviles como medio publicitario, mediante la inserción de anuncios o patrocinios en contenidos que se distribuyen a través de este canal. Resumiendo, hoy en día, existen cuatro modalidades o formas que agrupan las diversas acciones de marketing móvil: mensajería (SMS y MMS), Internet móvil, voz y música (modalidades en el RBT- Ring Back Tone) y aplicaciones (popularmente “Apps”). Marketing móvil como herramienta de negocio Como hemos visto hasta ahora, la adecuada utilización de estas tendencias, supondría generar oportunidades de negocio nuevas o mejoradas de las actuales. Además, se puede usar en cualquier nivel o tipo de empresa y para cualquier sector. Aceptar esta realidad supone avanzar por el camino del marketing móvil y llegados aquí, tan sólo nos queda reconocer que, un punto muy importante, será disponer de un buen asesor de marketing móvil o simplemente poder acceder a una adecuada herramienta o sistema que implemente nuestra actividad y facilite el acceso a los actuales y futuros potenciales clientes. Estaremos de acuerdo en que -una buena oportunidad de negocio- podría perderse por el simple hecho de no haber sabido estar a tiempo en el lugar y momento preciso. Con el marketing móvil podemos aprovechar mejor las oportunidades de negocio, incrementando nuestros beneficios, pues se trata de una difusión masiva que impactaría en un mayor número de personas y a relativo bajo coste, y que permitiría optimizar nuestro servicio, ofreciendo calidad y eficacia en menor tiempo. Sin duda, con el marketing móvil nos encontramos ante la gran oportunidad de poder diferenciarnos de nuestra competencia y, en definitiva, podemos llegar a ser “esa opción” que la mayoría de consumidores esperan para convertirse en nuestros más fieles clientes. ¿Se puede saber quien visita tu facebook ? Durante la corta vida que lleva facebook hemos visto miles de aplicaciones y juegos que se han expandido con enorme viralidad pero me sorprenden algunas aplicaciones que como poco son engañosas. Una de ellas es “Quien visita tu perfil” promete que gracias a ella puedes conocer a todas las personas que visitan tu perfil, pero en realidad nunca podrá funcionar con plenitud porque directamente atenta contra las políticas de privacidad de Facebook. Solo con pensar un poco podemos adivinar que a Facebook le interesa obtener la máxima cantidad de impresiones/visita posibles, ya que puede lanzar más anuncios y por tanto tiene más posibilidades de que alguien haga click, además de incrementar el tiempo de permanencia, más participación, interacción, etc… por tanto si un usuario puede averiguar las personas que cotillean su perfil estaría auyentando a los usuarios, a los “cotillas de perfil”, a realizar su actividad. Por tanto es fácil adivinar que este tipo de aplicaciones no son del agrado de Facebook. Estas aplicaciones, únicamente pueden contabilizar entre usuarios que usan la misma aplicación, por tanto si tu no has dado permiso a estas aplicaciones, es decir, no las has instalado en tu perfil de Facebook, nadie puede saber si tú estas visitando el perfil de otra persona. Por otro lado, muchas de estas aplicaciones han sido retiradas por Facebook por atentar contra la política de privacidad, y muy probablemente las que existan ahora sean retiradas en el futuro. Megaupload: un mes después… ¿qué? Hoy se cumple exactamente un mes desde que, en una operación rocambolesca y peliculera con coordinación internacional, el FBI anunció aquel “duro golpe contra la piratería”: el cierre de Megaupload. Un mes después, resulta lógico y razonable plantearse cuáles han sido los resultados. En primer lugar, el más obvio, evidente y claramente anticipado: el tráfico, simplemente, se ha desplazado a otras páginas o se ha redirigido hacia protocolos P2P, que experimenta un apreciable incremento. Se calcula que Megaupload era responsable de entre el 2% y el 3% del consumo de ancho de banda del total de la red y de entre el 30% y el 40% del tráfico de descarga de archivos, pero tras la caída de los dos primeros días, esos consumos se han regenerado completamente. No había que ser ningún genio para predecir ese efecto hace exactamente un mes. Pero el no servir para nada no es el único “logro” de la operación del FBI: además, se ha dado lugar a una gran incertidumbre sobre los modelos basados en el cloud computing, un impacto significativo sobre el futuro de la innovación en la red, y se ha perjudicado a un elevado número de clientes que utilizaban Megaupload para almacenar archivos de todo tipo, lo que ha originado demandas tanto en los Estados Unidos como en España. Las especulativas y fáciles frases que hablaban de un uso exclusivamente destinado a la infracción de los derechos de autor chocan con la realidad de decenas de miles de usuarios que pagaban la cuota de Megaupload posiblemente con el fin de realizar descargas, pero que, ya que ello les proporcionaba acceso a un casi ilimitado espacio de almacenamiento, lo utilizaban para muchos otros archivos de todo tipo. Pero, sobre todo, ¿estamos hablando de un caso claro, de un “paseo judicial” para las autoridades estadounidenses? Sin ánimo de defender a Megaupload, que ya cuenta con abogados para ello, no son pocas las voces de juristas expertos que empiezan a afirmar que el caso confunde de manera tendenciosa la jurisdicción civil con la penal o que existen importantes problemas con la formulación de los cargos acusatorios. Lo que parecía una lista terrible de cargos es calificado por tres reputados juristas como All three professors emphasized that an indictment may include claims that are misleading, taken out of context, or even flat inaccurate. And they noted that not all the allegations in the indictment may even make it before a jury. Como comentamos en su momento, la evolución del tema empieza a indicar que la fulminante actuación del FBI se debió más a la amenaza que suponía la aparición de un modelo de negocio competidor, legal y eficiente que ofrecía a los artistas un acceso directo al mercado, o al desafío que había supuesto el vídeo que Universal intentó retirar de la red en reiteradas ocasiones mediante peticiones ilegítimas. O, simplemente, una maniobra de compensación, una maniobra de políticos corruptos: “dado que la gente protesta por SOPA y PIPA, las quitamos de en medio, pero a cambio os entregamos la cabeza de Kim Dotcom puesta en una bandeja”. Lo más patente del caso Megaupload sigue siendo exactamente lo mismo que hace un mes: cómo hacían para conseguir tener tantos usuarios de pago, mientras la industria del entretenimiento se dedica a quejarse amargamente de que los clientes no quieren pagar y pretenden el “todo gratis”. Un mes después de la operación contra Megaupload, la taquilla de los cines y las ventas de música siguen igual, las descargas mantienen su ritmo, se han revitalizado tanto el P2P como otras páginas de descargas, algunos usuarios están mucho más enfadados, y los males de la industria siguen estando en el mismo sitio. De hecho, algunos llaman a acabar con la industria del entretenimiento como un deber de ciudadanos responsables. No sé si alguno seguirá celebrándolo con cerveza, pero me da que muchos motivos, realmente, no tiene para ello. ¿Quieren seguir cerrando páginas y jugando al gato y al ratón? ¿Quieren denunciar a Google? Adelante, seguiremos en la misma dinámica. ¿Cuántas páginas de descarga tienen que cerrar hasta darse cuenta de que se trata de un caso de demanda insatisfecha? Al final, la pregunta es la misma de siempre, la misma que se hace Peter Sunde: ¿por qué dejamos que industrias inadaptadas dicten los términos de nuestra democracia? Emprende solo en lo que controles Uno de los casos que suelo encontrarme es un buen programador que, cansado de trabajar para terceros, emprende un negocio online por su cuenta. Generalmente los grandes errores que cometen estos emprendedores es iniciar un negocio online porque consideran, o han escuchado, que detrás de ese negocio hay muchas visitas y dinero, pero en cambio no tienen experiencia real en ese negocio. Aunque seas un gran programador, abordes una estrategia SEO & Social Media correcta y ofrezcas un gran abanico de productos o servicios, lo normal es que acabes fracasando o no consigas explotar todas las posibilidades. Para que un negocio funcione en Internet debe ser correcto en todos los aspectos y es vital conocer al cliente, cuáles son sus necesidades, qué le impulsa a comprar, qué está haciendo la competencia, etc… Para ello es vital que tengas en cuenta estos puntos: Plan de negocio Estudia la viabilidad Pregunta a conocidos y a no conocidos Contrasta la información con expertos Busca un socio que te complemente, un informático no te complementa, para eso estás tu. Busca inversión que te permita desarrollar el negocio sin problemas ni agobios económicos. Aunque te parezca mentira, un business angel te sacará puntos débiles del proyecto y te indicará si le ve viabilidad Finalmente sólo te queda mucho trabajo, creer en el proyecto y toneladas de ilusión. Google y wikipedia se aman Google y wikipedia se aman, y sino, ¿como se explican que en el 99% de los casos los resultados de esta enciclopedia estén en la primera hoja del motor de búsqueda? Independientemente de los pésimos contenidos que a veces se suben a la wiki, de los retazos de información, de los censores (que creen estar investidos de omnipotencia) que a veces se dan demasiado protagonismo, parece ser que a los gurús de google, les agrada la cantidad de entradas, la cantidad de actualizaciones, la cantidad de enlaces hacia esta web. Dicen los expertos que wikipedia es el resultado No 1 en el 56% de todas las búsquedas; el 96% aparece en los cinco primeros puestos. Al menos estos datos son ciertos en idioma inglés. Tan solo en 8 palabras: Mail, news, trainers, national, sweets, wardrobe, phone, flight, wikipedia no logra su contundencia habitual. ¿Que nos enseñan estos datos a los seo? Pruebas con el algoritmo de google panda Al principio y durante un tiempo pensé que la implementación del algoritmo de Panda era como una penalización general sobre el sitio afectado. Más tarde vi que realmente eran las páginas que Google consideraba baja calidad que perdieron el tráfico mientras otras páginas en el mismo dominio seguían recibiendo las mismas visitas. Las que consideró mala calidad simplemente no salen ya en los resultados casi. Es decir que puede escribir el título exacto y a lo mejor te sale en la página 16 de resultados a pesar de no haber otra página en la Web parecida. Las páginas más penalizadas (viendo nuestras estadísticas, no lo que se dice por allí): 1. Páginas con poco contenido (un poquito de texto y unos enlaces) 2. Páginas con datos y contenidos repetitivos. Esto es que tienes información sobre un servicio, sitio o producto y se repite mucho las mismas palabras, categorías, etc. Es información útil para el usuario pero Google solo ve palabras repetidas. Retiré muchas páginas que Google considerara como el tipo 2. Páginas que dan información sobre usuarios, lo que buscan, este tipo de cosas. Lo hice para mejorar la cantidad de contenidos corporal de la Web. La idea era mejorar la calidad del sitio entero en los ojos de Google. Sin embargo, eso solo ha servido para perder más tráfico, ya que, como mencioné, me di cuenta que la penalización no era sobre toda la Web. Entonces lo más efectivo no es quitar páginas o URLS, si no dejar todas en línea porque algunas de las consideradas malas van a seguir enviando algo de tráfico. Hay que ir añadiendo contenidos en las URLs ‘malas’, siempre y cuando se pueda o tenga sentido. En algunos casos no tiene sentido poner contenidos y hay que simplemente pasar de Google y trabajar para los usuarios. La gente ha hablado sobre recuperar de Panda, pero realmente no se puede recuperar, al menos en casos como el nuestro. Si lo que antes era aceptable para Google para mostrar tus páginas bien en los resultados ya no funciona, no puedes recuperarlo, solo hay que asumirlo. Para recuperar tráfico tienes que volver a construir contenidos. ¿Y qué ocurre al ‘arreglar’ las páginas malas? De momento lo que he visto es que cada página al que le hemos metido contenidos para quitar su penalización ha vuelto a recuperar un ranking más normal. Es decir, sale normalmente, pero no sale arriba de todo en la primera página, ni si quiera necesariamente en la primera página, pero tampoco muy atrás. Es decir, no han vuelto donde estaban, de momento, pero se ve que se ha levantando esa ‘penalización’ por ser considerado un resultado de baja calidad. Se ha hablado recientemente de la posible penalización de parte de Google por tener demasiados anuncios antes del pliegue, la zona que ves nada más cargar la página. Mi colega estuvo en una conferencia hace poco y un empleado de Google le dijo que no debe afectar tus rankings tener varios anuncios arriba. Me parece que esa penalización iba solo hacía las páginas que son todos anuncios y casi nada de contenido. Por ejemplo, los ‘made for adsense’ donde salen 2 o 3 bloques seguidos antes de ver texto. A pesar de eso hemos decidido preparar una nueva cabecera más limpia y con menos publicidad que pondremos en prueba esta semana, con la intención de mejorar la tasa de rebote. La idea es que cuando alguien entra que vea los contenidos enseguida. Si solo ve anuncios se puede echar para atrás más fácilmente. Si puedes monetizar el sitio Web sin anuncios eso será una gran ventaja para SEO porque puede mejorar todas las cifras ‘on-site’. 10 recomendaciones para crear un sitio web para celulares Tuve la oportunidad de asistir al seminario de AdSense en Bogotá, una de las 19 ciudades sedes del programa «Google AdSense en tu ciudad», y uno de los temas que más se trató fue el futuro del acceso a la red a través de dispositivos móvil: 900% de incremento en la cobertura y victoria contundente frente al porcentaje de acceso a través de PCs a partir del año 2013. Asimismo se comentó que era imprescindible transformar los sitios a un formato más amigable para móviles siendo el porcentaje de rebote en sitios no optimizados del 61% -cifra tal vez un tanto excesiva, aunque al parecer era según encuestas-. En fin, como parte del material que dieron a cada invitado, estaba la siguiente guía de recomendaciones para crear una web para celulares, pero incluso la han compartido en PDF para que cualquiera pueda valerse de sus interesantes puntos. Antes del enlace, un breve resumen de los 10 puntos: 1. Mayor rapidez en la carga 2. Simplificar la navegación 3. Facilitar la navegación con el pulgar 4. Diseñar el sitio para un mejor nivel de visibilidad (contraste, colores) 5. Más accesible, menos Flash y más HTML5 6. Facilitar las conversiones 7. Geolocalizar el sitio y mostrar detalles de contacto 8. Cree un sitio perfectamente integrado 9. Utilizar redireccionamientos al sitio para celulares 10. Escuchar, aprender y repetir Google, sobre sus políticas de uso: "Es un cambio de logística, no de contenido" Entrevistamos vía Hangout a Ana Paula Blanco Sierra, especialista en el tema de Google para Latinoamérica, quien asegura que no se recopilarán nuevos datos y que podrán borrarse en caso de no estar de acuerdo con las condiciones de servicio, a diferencia de otros sitios que nos obligan a "ceder" nuestra información. Quienes sean usuarios de alguno de los servicios de Google seguramente habrán advertido el cartel sobre el cambio en las condiciones de uso, que los llevará hacia la página principal de Políticas de Privacidad. Este tema ha dado mucho de qué hablar, tanto que reaccionaron Microsoft y la Unión Europea. Por eso hablamos con Ana Paula Blanco Sierra, Gerente de Comunicaciones de Politicas de Google para Latinoamerica, sobre el tema usando la modalidad de Hangout, el servicio de videoconferencias de Google+, que ya utilizamos con Alberto Arébalos hace un tiempo y que fue citada por el mismo buscador en un libro para periodistas. ¿Por qué Google está cambiando sus políticas de privacidad? Porque no tendrías que tener tantas políticas de privacidad cuando al final del día el compromiso es con una sola empresa. Lo que hicimos fue un ejercicio, no de cambio, porque en las políticas de privacidad más importantes el concepto de privacidad no se modifica. En lugar de darle clic a una política distinta cada vez que entras a un producto, ahora la política es la misma y una vez que aceptas esa sola, ya estás dentro del mundo de Google. Si no usabas Picasa pero ahora lo usas por Google Plus, no tienes que dar un aceptar de nuevo cuando des de alta el producto Picasa. El cambio es de logística, más que de contenido. ¿Cómo resumirías en tres puntos estos cambios propuestos por Google? Primero, lo que cambia es que simplificamos. En lugar de tener de darle aceptar a 60 políticas distintas, se dará acceso de una vez a las distintas plataformas de Google. La segunda es que los principios de privacidad, el qué vamos a hacer con su información no se modifica, es lo mismo que venimos manejando desde las 60 políticas distintas hasta esta sola unificada. En tercer lugar, se cambia el lenguaje: al tener tantas políticas de privacidad, la redacción estuve hecha en un tiempo por abogados, en otro por profesionales dedicados a privacidad y políticas públicas, en otros momentos fueron políticas que heredamos, cuando hicimos la compra de algún producto, cuando todavía no entendíamos cómo iba a funcionar el producto. Quedaron rezagadas y lo único que hicimos fue unificar el lenguaje de todas estas políticas, que resultara una sola cosa que tuviera el mismo lenguaje de Google y que fuera entendible por los usuarios. Si es tan sencillo y beneficioso, ¿por qué la Unión Europea pide que posterguen la vigencia? Desde 2004, el Congreso en Europa nos ha estado pidiendo que unificáramos nuestras políticas, que 60 era un número “poco sano”, algo con lo que concordamos nosotros. Y tomó tiempo, porque conseguir la homologación a través de todas las plataformas no es tarea fácil. La apreciación que yo les puedo dar y se los pregunto a ustedes como usuarios: ¿cuántas veces leen las condiciones o las políticas de privacidad de alguna cosa en las que se meten? Es la primera vez que una empresa hace un esfuerzo, empuja y pide que alguien lea sus principios de privacidad. No sé si se han fijado en Google y en Gmail una advertencia sobre el cambio de políticas. Es un esfuerzo que ha hecho que la gente sea consciente de que estos cambios son importantes y, como somos Google, se preguntan por qué se le está dando tanta importancia. Queremos hacer que la gente se entere de nuestros cambios en la privacidad, aunque podríamos haberlo hecho sin que nadie se enterara. Si es tan sencillo y beneficioso, ¿Por qué la Unión Europea pide que posterguen la vigencia? Cuando una empresa ve que su competidor está en un tema difícil, es una forma muy fácil de aprovechar la confusión para, como decimos en México, “jalar agua para tu molino”. Es un juego político al final de cuentas, como en las votaciones donde un partido tratará de jalar a la gente que está indecisa para su lado. Pero hay párrafos enteros que tenemos iguales en cuanto al manejo de la información. Es el esfuerzo que queremos seguir haciendo, no es un error de comunicación, es una campaña que nadie ha hecho: pedirle a la gente que se entere, que lo lea y que lo haga suyo, cosa a la cual los usuarios no estamos acostumbrados a hacer. No tenemos idea a quién le estamos dando acceso a la información, ni a qué ni a para qué. Honestamente, como usuario, yo también le he dado aceptar a un montón de cosas. Microsoft afirma que el cambio de políticas tiene como fin que los usuarios resultemos más atractivos para las empresas en términos publicitarios, ¿cuánto hay de cierto? Habría que dividirlo en dos partes. Por un lado, el hecho de que seamos más consistentes en la información que tenemos permite una publicidad más targeteada (NdR: más “dirigida”) y eso no lo hemos escondido. Desde el primer blogpost dijimos que podíamos mejorar incluso la publicidad que nosotros le ofrecemos a nuestros usuarios. El domingo hubo mucha información referida al SuperBowl y si ninguno de ustedes era fan de este evento, ¿por qué les tengo que enchufar una publicidad del SuperBowl? Es la lógica de publicidad que hemos utilizado desde hace diez años. Al tener más información, como por ejemplo que en su Google+ estén en una cadena de “Por favor dejen esto del SuperBowl”, no se les mostrará el SuperBowl, sino una publicidad más relevante. En ese sentido, sí, mejora nuestra oferta incluso con el anunciante. Pero no significa lo que se está queriendo decir entre líneas de que vamos a tomar la información de los usuarios y se la vamos a vender a Coca-Cola. Esto lo hemos dicho y es muy claro. Los anuncios son una de las plataformas de Google y es lo que le da ingresos a la compañía. ¿Se incrementará la cantidad de información que Google toma de sus usuarios? No. Se cruzarán los historiales de cada producto, pero no vamos a pedir más datos. Tendremos los cruces de los datos aislados, que en algunos casos ya teníamos y en otros no. Por ejemplo, cruzábamos datos entre Gmail, Calendar, Mapas, Documentos y Picasa. Había muchos que ya se vinculaban, la idea es que ahora se empiecen a vincular los demás. ¿Las políticas afectarán a los celulares con Android? No. Android es distinto, las nuevas políticas son para las tablets y computadoras. Móvil tiene legales de comunicaciones específicos de cada país. Android, Android Market y las aplicaciones en general tienen una política de privacidad distinta. Lo mismo ocurre, aunque todavía no llega a Latinoamérica, con Google Wallet. Todo eso tiene que ver con legislaciones locales más complejas. Son cuatro o cinco productos los que no son alcanzados. ¿Tienes información sobre cuándo llegará Wallet a Latinoamérica? No. Porque ni siquiera llegará a toda Latinoamérica. Tenemos negociaciones particulares en cada país, pero los temas más del mundo financiero y telecomunicaciones son más complejos. ¿Se podrán aceptar algunas políticas específicas para un producto, por ejemplo unas para YouTube y otras para Gmail? No. Es sí o no, porque al final de cuentas es el vínculo que tienes con la compañía. Se trata del servicio que te puedo ofrecer y lo que necesito para que funcionemos en conjunto. Lo que sí puedes es tener cuentas desagregadas, una que utiliza YouTube y Gmail a título personal; y otra para su empresa. Tienes que estar de acuerdo con la política de privacidad, pero puedes tener dos experiencias distintas y que el historial de una cosa no se mezcle con el historial de otra. ¿Podemos borrar nuestros datos en caso de que no estemos de acuerdo con las nuevas políticas? Sí. A través de Google Dashboard, que es una especie de pizarrón donde ves tu interacción con cada producto de Google. Por ejemplo, Gmail, te indica que has recibido 8 millones de mails, has enviado 7 millones y te brinda una estadísitca. Ahí te dice “Modifica tu información dentro de Gmail”. Desde allí uno puede recuperar la información y decirle a Gmail que ya no quieres que tenga esa información. O decirle a Picasa que ya no guarde las fotos. Las recupero y las mando a otro lado. ¿Y se borra realmente la información? Sí, es una cancelación, como cuando rompes la tarjeta de crédito. Me llevo la información y ya no tenemos relación. Tiene que ver con nuestra poca cultura como usuarios de leer las condiciones. Hay empresas que no te dejan borrar la información porque tú le cediste los derechos sobre tu información. O sea que tu fotos y mensajes ya no son tuyos (NdR: ¿adivinen de qué empresa está hablando). Nosotros no, somos un repositorio, un envase. En el momento en el que tú no quieras más el envase puedes recuperar tu información. En cuanto a los datos que ven los terceros, ¿pueden acceder la información sobre recorridos y ubicaciones de maps, por ejemplo? No. No pensamos vender, permutar, canjear o subastar ninguna información de nuestros usuarios y no las utilizamos de esa forma. La información la utilizamos para mejorar la experiencia de usuario desde la publicidad mediante el modelo de AdWords, no es que nosotros pongamos esa información al modo: “La mayoría de los usuarios de 35 años de Buenos Aires hacen este recorrido” para que una empresa de bebidas pueda hacer algo con esos datos. Eso no lo hacemos. ¿Cuál es el tipo de información que pueden llegar a recolectar los anunciantes? No pueden recolectar información. Nosotros lo que hacemos es ayudarlos a posicionar sus anuncios en función de la información que tenemos dentro de nuestras plataformas de Google: el buscador, Gmail, etcétera. Ellos subastan sus anuncios y nosotros a través de las palabras clave que escojan los vamos posicionando en ciertos lugares. Lo que vamos aprendiendo es cómo otorgar mejor información a ti. ¿Y de qué manera se beneficiaría el usuario? Por ejemplo, si el anuncio es sobre una nueva pizzería de Palermo y tú el fin de semana tienes un plan con tus amigos justo para ir ahí, a lo mejor se activa esa información. No lo hace el anunciante, nosotros somos ese puente de información. Nos quedamos con la información privada y ni tú ni el anunciante se dan cuenta de eso. Pero no vamos a recolectar datos nuevos, sino que cruzaremos información entre plataformas. Los Resultados Personalizados: ¿Un golpe bajo para el mundillo SEO? De todas las novedades de Google durante los últimos meses, esta semana apareció quizás una que hará del SEO algo más intenso en los próximos meses: los resultados personales o anunciado como: “Plus Your World”. Si todavía no estás muy enterado del asunto, te recomiendo mirar este video o leer un excelente resumen explicado por Víctor aquí. Como imagino sí sabías, en Marzo del año anterior Google+ salió con el objetivo de hacer tus búsquedas y contactos más “sociales”, por decirlo de alguna manera. Claro está, todo esto no es mera casualidad. Su experimento con el Real Time Search del lado de Twitter les dejó claro que los resultados de búsqueda tenían más relevancia para los usuarios si eran más “frescos” y actualizados… y por supuesto que debieron de comprarlo-como se dijo en algún momento- pero no fue así. Como bien lo menciona Víctor: Google hizo una tarea excelente hace 2 años en dar un paso gigante hacia una búsqueda más personalizada y social, pero no contaba con verdadera información social, entonces indexó a Twitter, armo los gráfos sociales, aprendió qué señales debía tomar del mundo social y luego cuando lanza Google plus ya tiene todo un background armado para entender un mundo que 3 años antes no entendía. Por otro lado, mientras Facebook crecía como sitio más visitado del mundo… dejaba a Google en segundo lugar. Y resulta que Google no es de segundos lugares. Con este escenario tan claro quizás está por cumplirse aquello que alguna vez se pensaba para los resultados locales (recuerdas Yahoo Local Places?): que cada persona obtenga resultados diferentes para sus búsquedas. Sin duda más que otro de los efectos colaterales de Google+ para ir armando su propio mundillo Social, los resultados personalizados traerán un nuevo reto para cualquier SEO: hacer sitios Web todavía más relevantes para los usuarios y compartir información dentro de esta plataforma social marca Google. Algo que PANDA nos enseñó hace pocos meses… Sin embargo, para que esto se cumpla a cabalidad en estos momentos tendríamos que suponer que todos utilizan Google+… y sabemos que (todavía) no es así. Solo investiga cuántos de tus amigos lo están haciendo. Pero, es un buen momento para preguntarnos; ¿dónde quedarán los resultados orgánicos que todos veían al mismo tiempo? Por ahora, lo único seguro que creo es que tener un perfil personal o de empresa en Google+ no se convierte en algo optativo; sino quizás será la única opción si deseas aparecer en los resultados de búsquedas personalizados de Google… así que aprovecha el tiempo. Reputación digital: no te olvides de ella, ella no se olvidará de ti Hay una sencilla pauta que ha venido funcionando desde tiempos inmemoriales: el estilo está en todas partes. Absolutamente todo lo que uno hace constituye, lo crea o no, un ejercicio de estilo. Una mirada decidida, un gesto al darnos la vuelta o la elección de una palabra y no de otra son, sin lugar a duda, manifestaciones de nuestro estilo, de nuestros modos, maneras o gustos. Internet y las nuevas tecnologías han traído muchas novedades, dos de ellas especialmente relacionadas con el estilo, la imagen y la reputación. A saber: hoy tenemos un campo de actuación mucho más amplio y tenemos unas posibilidades de relación inimaginables hasta ahora. Que nuestro campo de actuación sea hoy más amplio se debe, como todos sabemos bien, a que ahora tenemos más público —hoy nos juzga más gente—, más canales y medios —que representan más oportunidades, pero también más lugares donde uno se la está jugando— y a que nos es dado un tiempo mayor: scripta manent, así que, que nadie se crea que no, el tiempo también va a juzgarnos (ya hay ejemplos de contenidos que, de pronto, han sido lo más visto años después de haberse publicado). Pero con internet y con las nuevas tecnologías también han crecido enormemente nuestras posibilidades de relación. Y esta es quizá la mejor arma de doble filo que hayamos ideado en años: ahora podemos darnos a conocer con más facilidad y rapidez, exactamente con la misma con la que podemos granjearnos enemistades. Antes, si uno tenía un mal día y era grosero con el tendero de la esquina, lo peor que le podía pasar era verse obligado a disculparse ante una persona, el tendero. Si esto mismo sucede en algunas de las redes sociales actuales, uno puede acabar por tener que disculparte ante un gremio entero en cuestión de minutos e incluso puede que ese comentario le persiga durante años. Pero ya no es solo que uno pueda tener un mal día; debemos ser conscientes de que, aun cuando nuestra intención sea la mejor, siempre corremos el riesgo de ser malinterpretados: ya sea porque hemos sido torpemente ambiguos, ya sea porque cuanto más público tengamos, más posibilidades hay de encontrarnos con ese alguien que es capaz de darle otra vuelta de tuerca a cualquier asunto. Baste recordar a este respecto el giro que dio la famosa campaña de publicidad en la que el Metro de Madrid alardeaba del reducido precio de su billete y lo mucho que dio de sí en las redes sociales. Situaciones como estas y la gestión que hacemos de ellas son parte de nuestra imagen y de la reputación que inevitablemente lleva asociada. Si además tenemos cierto renombre, si somos conocidos en determinados ámbitos, si es fácil asociarnos con una marca o una empresa, el problema es todavía más importante, ya que nuestro estilo, o simplemente nuestra poca previsión, ponen en entredicho nuestra imagen y reputación tanto como la de la empresa en la que trabajamos. Hoy más que nunca es necesario no bajar la guardia, no solo cuidar lo que decimos, sino también vigilar lo que otros dicen de nosotros. Opinar ha sido siempre muy fácil, pero en la red parece que lo es más todavía. Las personas hablan de nosotros, especialmente de nuestras marcas o compañías, mucho más de lo que creemos, y vale la pena emplear los escasos minutos que se tarda en configurar una alerta (puede hacerse desde el mismo Google en http://www.google.es/alerts) que nos avise cada vez que nos citen y poder monitorizar lo que dicen de nosotros. Configurar este tipo de avisos no va a evitar, desde luego, las críticas o las opiniones desfavorables, fundadas o no, a las que todos estamos expuestos en internet, pero nos brindará, por lo menos, la oportunidad de ser conscientes de ellas. Y esto es algo muy importante, pues lo que sí podemos hacer ante un conflicto es dar nuestra versión de los hechos. Conviene no olvidar que una internet 2.0 significa una internet participativa, y toda participación, toda actuación lleva implícito un estilo. El estilo son las maneras en que hacemos las cosas e inevitablemente queda en lo que hemos hecho, ayuda a configurarlo como un todo indisoluble. El estilo, recordemos, está en todas partes: en las fotografías que compartimos, en los retuits que hacemos, en el avatar que usamos, en el tiempo que tardamos en responder, en los amigos que tenemos y en nuestros me gusta. Nuestro estilo configura las cosas, pero nos dibuja igualmente a nosotros. Tomando nuestras constancias, regularidades y los patrones que repetimos en nuestros modos forjamos, sin darnos cuenta, una imagen digital que nos retrata y que es la que los demás tienen de nosotros. Escribía Carmen Martín Gaite en Ritmo lento que no hay nada que nos penalice tanto ante los demás como un fallo en nuestra coherencia. Explicaba que ver rota esa coherencia supone precisamente quebrar la imagen unitaria que los demás se hacen de nosotros y que, al cabo, es lo que somos para ellos. Esto quiere decir, por ejemplo, que no es igual que un usuario que siempre es correcto y educado comience de pronto a gritar usando las mayúsculas, a que lo haga un usuario que ya desde su propio perfil tenga establecida una imagen irónica o burlesca. Del primero diremos que se ha vuelto loco, mientras que el segundo no está haciendo nada a lo que no nos tenga acostumbrados. Quiere decir también que conviene revisar la política de privacidad que tenemos en la configuración de nuestros perfiles en las redes sociales, no sea que, enlace tras enlace tras enlace, nuestro futuro jefe acabe por ver esa foto de aquella noche loca en la que un amigo nos etiquetó hace meses. Y quiere decir además que la coherencia (y con ella la reputación en línea) de, por ejemplo, una marca o una empresa debe mantenerse con independencia de las personas que estén implicadas en su gestión (no hará falta matizar que coherente no quiere decir que haya que ser siempre igual o resultar repetitivo: ser coherente quiere decir ser consecuente). Creemos, por lo demás, que la mejor manera de ser consecuente, de resultar coherente, es ser honesto: es tremendamente más fácil actuar dos veces de la misma manera o dar dos veces el mismo tipo de respuesta si esa forma de actuar o esa respuesta es la que consideramos buena, acertada, o es en la que, de alguna manera, creemos. Siempre es más fácil ser coherente cuando se está siendo natural. Además, el estilo que se va construyendo así no solo resulta verosímil, sino que también es verdadero. Y lo verdadero siempre tiene más seguidores. Bueno espero que les aya gustado los consejos Les re serviran para mejorar su BLOG Espero que valoren el post

Aka encontraras todos los recursos que puedes encontrar en Taringa! ★Bienvenidos amigos Taringuer@s!★ En este Post les traigo recursos para el PS pero son tantos que es para Cagarse Bueno espero que les gusten y cualquier duda , Me avisan -Pinceles- -Pinceles 2- -Pinceles 3- -Iconos- -Patterns- -Estilos- -Texturas- -Shapes- -Styles- -PSDs- FUENTES Imagenes , PSD -PSD Web`s- Bueno eso a sido todo espero que les aya gustado Me tomo un tiempito hacer el post Si te sirvio me alegro

-Cargando- En este post les queria compartir un menu de usuario El menu de usuario lo hice yo 100% Espero que te guste -Menu de User- -Para citarlo- Solo cambia NICK por el tuyo ! http://k03.kn3.net/D7CFF57FC.pnghttp://k17.kn3.net/46F9ADD94.pnghttp://k25.kn3.net/E6516A380.pnghttp://k25.kn3.net/AB40F6054.pnghttp://k04.kn3.net/8E0589E13.gif Espero que te aya servido!

El dia de hoy les traigo estas ocho formas de volver loco a un diseñador gráfico, las cuales me gustaron mucho ademas de que hay una que otra graciosa con las que te sentirás identificado. 1. Microsoft Office Cuando ten gas que enviarle a un dise ña dor grá fico un docu mento, ase gú rate de que esté hecho con programas de Microsoft Office. Ver sión PC, si es posible. Si tie nes que enviarle fotos, tendrás más posibilidades de volverlos locos si, en lugar de limitarte a enviarle el JPG, copias el documento dentro de un fichero de Office, como Power point o Word. No te olvides de reducir la calidad a 72 ppp para que no les quede más remedio que volver a contactar contigo para pedirte mayor resolución. Cuando le envíes la versión en “alta”, asegúrate de que el fichero sea por lo menos un 50% más pequeño y si usas el correo electrónico para enviár selo, olvida adjuntar el fichero de tanto en tanto. 2. Tipografías Si el diseñador elige Helvética como fuente, pide que la cambie a Arial. Si elige Arial, pídele la Comic Sans. Si ha elegido Comic Sans es que ya se le está yendo la pinza, así que tienes el trabajo medio hecho. 3. Cuanto más, mejor! Digamos que quieres un diseño para una newslet ter. El diseñador grá fico tratará de dejar espacio en blanco por todas par tes. Grandes márgenes, inter li neado, separaciones entre párra fos, etc. Te dirá que así es más fácil de leer y que el aspecto será más limpio y profesional. No creas sus sucias mentiras, la razón por la que hace eso es para hacer el documento más grande, con más pági nas, para que te cueste más dinero cuando lo lleves a la imprenta. ¿Por qué hacen eso? Por que los diseñadores te odian. También comen bebés, carne cruda y picada de bebé. Así que asegúrate de que ponga los márgenes pegados y el texto muy, muy, muy pequeño. Tam bién se sugiere usar muchas tipografías distintas (y mucho mejor si pides Comic Sans o Arial). Pide dibujitos de cli part. Pide muchas fotos (si no sabes cómo enviárselas, remítete al punto 1). Intentarán discutir y defender sus opiniones, pero no te preocupes: al final el cliente siempre tiene razón y te harán caso en todo lo que pidas. 4. Logos Si le tienes que enviar a un diseñador un logo para un proyecto concreto, digamos de un patrocinador o un partner, asegúrate de que sea un GIF o JPG en baja resolución y muy muy pequeño. De nuevo, mejor si lo metes dentro de un documento de Word. Qui zás creas que con eso es suficiente, pero si realmente quie res mer mar la estabilidad mental del diseñador, mejor envíaselo sobre un fondo del que sea difícil recortar el logo. Evita los fondos blancos o negros, muy fáci les de recortar desde Photoshop. Una vez que el diseñador haya logrado extraer el logo, dile que lo necesitas más grande. Si lo que necesitas es que te diseñen un logo, haz tus bocetos en una servilleta o mejor, pídele a tu hijo de 9 años que lo dibuje. No debe llevarte más de 5 minutos hacer el boceto. No debe ser algo detallado y fácil de enten der, puesto que cuanto menos entienda el dise ña dor lo que quie res, más cam bios le pue des pedir a pos te riori. Nunca acep tes el pri mer logo que te envíe, nunca acep tes el noveno, hazle hacer miles de modi fi ca cio nes: color, tipo gra fía e ima gen. Pídele que ponga fotos en el logo, relie ves, gra dien tes, comic Sans… y cuando lleve 10 intentos, dile que te gus taba la ver sión número 2, incluso la 1. Es una crueldad, pero recuerda: los diseñadores gráficos son la causa de que exista cáncer de mama entre las muje res de mediana edad. 5. Elige bien las palabras Cuando le digas lo que opi nes de un diseño, ase gú rate de usar pala bras que no sig ni fi quen real mente nada. Expre sio nes como “lo quiero más dinámico”, “¿puedes hacerlo más internetero?”, “me gustaría que el diseño fuese sexy” o “quiero gráficos bonitos, gráficos que cuando los mires pienses:¡eso son gráficos bonitos!”. No te sien tas mal, estás haciendo lo correcto, de hecho, es tu deber, por que todo el mundo sabe que cuando hay luna llena, los diseñadores gráficos se convierten en hom bres lobo. 6. Colores El mejor sis tema para elegir colores (por que desde luego no vas a dejar que el diseñador los elija) es escribir colores al azar en pedacitos de papel, meterlos en un sombrero y sacar unos cuantos al azar. El diseñador insistirá en que os quedéis con 2 o 3 colores principales, pero no, elige tantos como quieras y asegúrate de hacer lo del som brero delante de él (si mientras lo haces, canturreas una cancioncilla desagradable, mejor que mejor). 7. Plazos Cuando llegue el turno de aprobar el diseño, tómate tu tiempo. No hay prisa. Tómate un par de días, o 6. Lo justo para que cuando se acer que el plazo de fina li zar el pro yecto pue das enviar muchas más correc cio nes y cam bios de los que el diseñador tenga tiempo de hacer. Al fin y al cabo, los diseñadores gráficos son los responsables de los ataques del 11 de septiembre. ¡Acaba con él! Des pués de haber aplicado los ante rio res pun tos a tu víctima, es humano sentirse un poco inseguro. Cuando se haya dado cuenta de que no puede satisfacer todos tus deman das, el dise ña dor grá fico segu ra mente habrá aban do nado toda espe ranza de razonar con tigo y hará cual quier cosa que le pidas sin dis cu sión. “¿Lo quiere en morado? Pues en morado. ¿Seis Fuentes diferentes? ¡Sea!” Qui zás pienses que lle ga dos a este punto, has ganado la par tida, pero no olvi des tu obje tivo: tiene que aban do nar la profesión. Así que prepárate para el golpe de gra cia. A la hora de tomar las últimas decisiones en colores, formas, tipografías, etc, dile que estás muy disgustado con su falta de iniciativa, recuérdale que al fin y al cabo, él es el diseñador y debe ría ser él el que aporte la pro fe sio na li dad y talento en el tra bajo y no tú. Coméntale que esperabas más opiniones y sugerencias sobre el diseño por su parte, dile que ya te has hartado de su falta de creatividad y profesionalidad y que has decidido que te sale más rentable hacer tus propios diseños en el Publisher que pagarle a él por hacer los. Y ahí lo tienes. ¡A estás alturas ya deberías tener al diseñador gráfico golpeando su cabeza contra las paredes de una celda acolchada!.

Hola amigos de T! En este post les queria compartir unos programas para que puedan subir sus archivos mas rapidos y tomar cap. seleccionada mas rapido Espero que les guste , porque me costo hacer el post Empesemos! Screenshot Uploader Este programa te servira para pdoer tomar tu Cap de pantalla pero selecionada , podes tomar cap de una parte pequeña como de toda la pantalla... Para tomar la cap tenemos que apretar ALT + S La cap se subira automaticamente a Screenshot Uploader y te aparesera el link de la imagen Drop Box Drop Box es una caja que se instala en tu PC que te permitira subir archivos de tu PC a interned mas rapido y sin espera a los que descargan porque es link directo Es muy util para subir archivos , PSD , imagenes ,Etc ... Color Picker Necesitas color para tu texto aka tenes ... Busca el color que mas te guste y lo pones en el color Es un generador de BBcodes de colores Recuerda que siempre va el codigo ej; #jd342n4 [color=#000000][color=aka el code del color]aki tu texto[/color][/color] Bueno eso fue todo espero que les aya gustado El post me lo tardo un tiempito hacerlo y espero que lo valores Comentar es una forma de agradecer

Bienvenidos amigos Taringuer@s! En este Post les enseñare a modificar Taringa a su estilo... Bueno Esto es por si ustedes no les gusta el header , logo ,etc... Lo podran modificar a su estilo... Lo primero que necesitas Es el Stylebot Descripción Adaptar la apariencia de la web Stylebot le permite manipular rápidamente la apariencia de cualquier sitio web (usando CSS personalizado). Usted elige un elemento y elegir los cambios que desee hacer desde el editor. Puede cambiar el tamaño de la fuente, el color, los márgenes, la visibilidad y mucho más. Los usuarios avanzados también pueden escribir el CSS de forma manual. Usando Stylebot, usted puede personalizar la apariencia de sus sitios web favoritos. También es una gran herramienta para aprender CSS y para depurar el diseño de tu propio sitio. Características: ★ Fácil de usar: Recogida y elementos de estilo como en Firebug. A diferencia de estilo, no es necesario escribir manualmente CSS. ★ simple y rápida: Los cambios se guardan inmediatamente ★ Los estilos se guardan constantemente, por lo que la próxima vez que visite la misma página, que ya están aplicados ★ Sincroniza tus estilos personalizados en varios equipos ★ Compartir y buscar estilos personalizados en Stylebot Social: https://chrome.google.com/webstore/detail/kaifpdafpkbjghohkfkfmkcfcmmnbnaa - Las cuestiones del informe: http://github.com/ankit/stylebot/issues~~HEAD=NNS - Siga en Twitter: http://twitter.com/stylebot Este proyecto fue desarrollado inicialmente como parte del Google Summer of Code 2010 donde fue apadrinado por Rachel Shearer. Aviso de privacidad: La notificación que usted ve en tener acceso a los datos del sitio web, fichas y la actividad de navegación se genera automáticamente por Stylebot se ejecuta en cada pestaña. Stylebot no trata de ver o almacenar cualquiera de sus datos privados. Bookmark acceso es necesario para la función de sincronización, si lo activa. Problema conocido: Stylebot no funciona bien con iframes. Click en la imagen de abajo para añadirlo a su chrome ★ Si no les anda el link quiten el http://links.itaringa.net/go? ★ Ahora que ya tenes el StyleBot agregado a nuestro chrome .... Lo que debemos hacer es ir a TARINGA y nos fijmos donde esta la url... y apretamos css... Ahora les saldra un cuadro largo en el chrome y tendran que pulsar lo siguiente... Ahora tiene que escribir lo que ban a editar [NOTA: ESTO ES LENGUAJE CSS ACUERDENSE SIEMPRE] Ahora es la parte de editar los iconos,logos,etc. Si yo quisiera cambiar el header...Tendria que poner lo siguiente.... #header { height: 60px; background: url(http://k12.kn3.net/7FAD1DFE0.png) repeat-x top center #006595; border-bottom: 1px solid #034260; } Actual header de taringa Y yo la cambio por este otro Ahora si quieren cambiar el logo... #logo{ height: 50px; width: 230px; background: url(http://k26.kn3.net/4D0EE6F36.png) no-repeat ; border-bottom: 0px solid #034260; } Actual logo de T! Se lo cambio por... Ahora si quieren cambiar el color azul que esta debajo del logo #nav { height: 40px; background: url(http://k23.kn3.net/1641A64D6.png) repeat-x #232323; } Se lo cambio por .... Pero como ustedes veran esta en chiquito ...Pero con el repeat-x la imagen se repite muchas veses hasta quedar bien Ustedes pueden seguir editando Taringa a su estilo! Bueno eso a sido todo espero que les aya gustado Me tomo un tiempito hacer el post Si te sirvio me alegro

Gracias por los puntos amigos! Bienvenidos! En esta vez les queria compartir mi nuevo generador de post! Empesemos! Taringa Generador Post Taringa Generador es una web que cree para que se te facilite crear un post Dentro de ella encontraras Las partes primordiales que tenes que poner en tu post ... Es muy facil de manejar y te servira si no entiendes el creador de post de taringa No entiendes nada? Bueno les explicare las partes del generador... Este recuadro te pide que ingreses el titulo del post Este es opcional , Tu puedes poner la imagen primordial del post ... Te servira si quieres poner una imagen de Bienvenidos o eso Este campo es por si quieres poner un video Este campo te pide la informacion principal del post Para ingresar imagenes , Por el momento puse 4 campos Para colocar las Contraseñas de los archivos Para colocar los link`s de los archivos Y ahora que? Ahora debes pulsar Generar codigo de mi post ... Y esperas que lo genere y te saldra todo el post con los bbcodes ... Barras separadoras incluidas El generador incluye barras separadoras IMAGENES INFORMACION DESCARGAS DESCARGAS CONTRASEÑAS YOU TUBE Bueno ahora les dejo el link del Generador de Post! Click en la imagen para ir al Generador de Post!

Como handan Taringueros? En este post les enseñare a crear un post que sea prolijo y bien decorado [Tampoco piensen que sera Top Post] El titulo tiene que ser algo descriptivo , tiene que ser algo entendible , Por ejemplo ; Imagenes de Super Man Ven como empese el titulo con *I* Mayuscula ; Imagenes de *Super Man* Ven como le puse mayuscula a las iniciales de la palabra principal del titulo? ... Siempre tienen que recordar es que la gente se guia por el titulo... Siempren la primera inicial va con *Mayus* En el indice se ponen datos como ; que se encuentrara en el post ; Iformacion Extra ; Si es suyo el archivo o dato ; Etc... Acuerdense de siempre poner imagenes... Recuerden que para citar sus imagenes en sus post ... Link de imagen aka Siempre las imagenes del post deven estar en buena resolucion y buena calidad... Si queremos poner un logo tenemos que poner un logo intermedio ; Porque queremos que sea descriptivo , pero no queremos que sea algo tan grande... Ej logo; Pero si queremos poner una captura de pantalla , devemos poner una resolucion grande de imagen ... Para que se puedan ver los detallas bien Siempre deben escribir bien sin errores de Ortografia .... Deben escribir con una fuente visible sus post . Deben poner colores visibles ; No muy claros , Ni muy Oscuros ... Con la medida adecuada Ej; Aprende a hacer un buen post¿Queres aprender? Si deseas resaltar algo deves darle el code... TARINGA Tu texto aki Si quieres que tu texto este desplazado... TARINGA Tu texto aki Si quieres tu texto subrayado TARINGA Tu texto aki Para separar partes del post deben usar barras separadoras ... Por ejemplo esta; El link de esta barra separadora es... http://k22.kn3.net/589591099.png Ustedes podran poner la barra separadora que ustedes quieran... Los tags son una parte importante del post; Vendria a ser el post reducio en pocas palabras... Por Ejemplo; Aprende,A,Crear,Un,Buen,Post,En,Simples,Pasos Siempren tienen que ir de acuerdo con el tema del post... y se escriben aka... http://screenshotuploader.com/i/01/ctexXcqaY.png Los videos en un post pueden ser utiles como tutoriales o videos de lo que quieras... Por ejemplo... link: http://www.youtube.com/watch?v=pESsKRCg6pQ Y para ingresarlos en tu post; AKA EL LINK DEL VIDEO link: AKA EL LINK DEL VIDEO Los juegos flash son muy utiles para poner en post largos para que esperen jugando mientras carga el post... Yo sacare algun juego de Minijuegos Para buscar el juego flash lo que debemos hacer es ir a la pagina del juego y cuando esta cargando o cuando ya te deja jugar , precionas CRTL + U Y luego nos saldra todo un documento de texto .... Nosotros precionaremos CRTL + F y ponemos swf ... Luego nos saldran varios resultados pero tenemos que poner el link completo por ejemplo... http://www.minijuegosgratis.com/flash1234/no_hotlink/nitromemustdie.swf Y para poner el juego en el post tendremos que poner asi El link del juego aka Las categorias del post son una de las partes mas importantes del post ; Sino es la adecuada te pueden borrar el post ; La categoria Taringa solo es para cosas de Taringa unicamente... Recuerda que el post no tiene que ser totalmente de imagenes ... Por ejemplo puedo poner Vida de Spider Man en imagenes , Pero el post tendra que tener imagenes Si quiero poner algun tutorial o algun Recurso +material debes ponerlo en la categoria Hazlo tu Mismo [Categoria muy usada por los Diseñadores] Recuerda siempre tiene que ir de acuerdo al titulo Gracias por visitar el post Por favor recuerda que me tomo bastante tiempo hacer el post ... Cualquier comentario fuera de lugar sera borrado Recuerda que si te gusto y aprendiste algo tambien comparteselo a tus seguidores Y si tenes alguna duda avisame Si colaboras este post podria ser top para llegar a mas gente Te invito a mi comunidad!