Saturday, February 4, 2012

Post de la Categoría ‘Tutoriales’

Textura Metal Cepillado – Con Ilustrator CS3! igual para CS4 obvio

Postedo por Antonio con fecha Julio - 15 - 2009

Amigos! espero como siempre que les guste este tema…..

Brushed metal en miniatura

La segunda textura para Vectips Semana textura es de metal cepillado. Al igual que el anterior Tutorial Textura de agua, esta técnica de cepillado de metal también utiliza Illustrator de efectos . Una vez más este tutorial es bastante simplista al romperlo hacia abajo, y fácil de repetir en numerosas ocasiones. Puede utilizar la textura de metal cepillado en casi nada, pero me encuentro en el uso de iconos, logos, e interfaces bastante.

Notas

Este tutorial fue creado con Illustrator CS3.

Atajos de teclado se muestran en naranja. ⌘ se muestra para la tecla Comando (Mac), con la tecla Ctrl es el equivalente de Windows (no aparece).

Rectángulo

Crear un 5 pulgadas por 5 pulgadas rectángulo con la herramienta rectángulo (m). Una manera fácil de sacar un rectángulo exacto es hacer clic en el artboard con la Herramienta de Rectángulo (m)para abrir el rectángulo de diálogo para introducir dimensiones.

Rectángulo

Gradiente

Luego viene el gradiente. Crear un gradiente lineal (>) de la degradado Grupo despegue y el trazo.Ajustar el gradiente con la herramienta de degradado (g), haciendo clic y arrastrando desde la parte superior del rectángulo de la parte inferior. En el Grupo degradado agarrar la izquierda muestra y arrástrelo hasta el centro del degradado deslizante. A continuación, seleccionar la muestra en el negro degradado Slider. Si se mira en el Panel de Color, verá ahora es negro. Haga clic en la miniatura negro grande y arrastre en el Grupo de gradiente en el lado izquierdo de la pendientedeslizante. Si lo hiciste correctamente, usted debe tener un negro muestra a la izquierda, una muestra en blanco en el centro, y otro negro muestra a la derecha en el control deslizante de degradado.Seleccione el primer negro y el cambio que muestra a un 60% negro, seleccionar la muestra en blanco y el cambio a un 30% negro, y cambiar la última muestra a un negro del 60% negro.

Gradiente

Siguiente Copiar (⌘ c) el rectángulo y pegar en Frente (⌘ f). Con el rectángulo seleccionado copiar, cambiar las dimensiones de transformación en el Grupo de .5 pulgadas de ancho y rellene el rectángulo con un 40% negro.

Pegar copia de transformación

Textura

Seleccione el rectángulo más estrecha e ir Efecto> Dibujo> Graphic Pen. Cuando el gráfico Pen Efecto de diálogo aparece cambiar los siguientes ajustes.

  • Trazo Longitud = 15
  • Luz / oscuridad Saldo = 5
  • Dirección de trazos horizontales =

Textura

Rastrear y ampliar

Con la textura seleccionada ir Objeto> Expandir Apariencia. Con la nueva imagen seleccionada, elPanel de Control por defecto a las opciones de Live Trace. Haga clic en la flecha junto al botón de Live Trace y seleccione Opciones de rastreo. O puede ir Objeto> vivo Trace> Opciones de rastreo. Usted no tiene que cambiar todas las opciones, sólo los que a continuación.

  • Modo: Blanco y Negro
  • Acondicionamiento camino: 1px
  • Espacio mínimo: 1px
  • Ángulo de esquina: 1
  • No haga caso de Blanco: Marque esta casilla

Me gusta guardar un preset en el rastreo de Opciones. Que hace que sea fácil de recordar estas ajuste. Si usted ha leído tutoriales anteriores, verás que utilizar estos establecimiento todo el tiempo de rastreo. A continuación, pulse el botón Expandir en su barra de herramientas.

Rastrear y ampliar

Transformar Textura

Con la textura seleccionada, cambiar el ancho a 5 pulgadas del Grupo Transforma.

Transformar

Textura color

Con la textura seleccionada, crear un gradiente lineal (>) de la degradado Grupo despegue y el trazo. Illustrator recordará el último gradiente utilizado, por lo que debería tener el mismo relleno de degradado desde el primer rectángulo. Si no, repita los pasos para la pendiente a partir del primer rectángulo o utilizar la herramienta Eyedropper (i), y muestra el primer rectángulo. Una vez que la textura es la misma pendiente, seleccione el primer 60% negro y el cambio a un 70% negro y, a continuación, cambiar el 30% a 35% negro negro y, a continuación, la última del 60% negro a un 70% negro. Con la herramienta de degradado (g), haga clic y arrastre desde la parte superior de la textura a la parte inferior para ajustar el degradado. Hecho!

Textura color

Disfrutenlo! Toni

Popularity: 3% [?]

CREAR UNA SALA DE CHAT

Postedo por Cecilia con fecha Julio - 14 - 2009

Aquí les cuento como insertar un “Chat Box” en su sitio.

Lo que debemos hacer es ir a la página web de Xat.com

Dentro del sitio presionamos el botón “Make a chat box”, o bien antes elegimos el lenguaje más cómodo.

Nos abrirá una nueva pestaña o ventana, donde realizaremos nuestra sala de chat, siguiendo estos pasos que a su vez estan bien claros en el sitio de Xat:

1. Primero especificamos el background que nos guste para nuestra sala.

2. Seleccionamos el tamaño que nos guste.

3. Clickeamos el botón al final para que se actualicen los ajustes de la configuración y nos dé el código para poder copiarlo y pegarlo en nuestra web.

Popularity: 1% [?]

CONFIGURAR CUENTA DE CORREO EN THUNDERBIRD

Postedo por Cecilia con fecha Julio - 14 - 2009

PASO A PASO PARA CONFIGURAR UNA CUENTA DE CORREO EN MOZILLA THUNDERBIRD

1. Ejecutamos el programa, nos abrirá una ventana con el “Asistente para cuentas”, a continuación en el cuadro de diálogo seleccionamos “Cuenta de correo electrónico” y presionamos Siguiente.

2. En el primer espacio en blanco tipeamos el nombre que queremos que vea la gente que reciba nuestros mails y en el segundo espacio en blanco tipeamos la dirección de correo que vamos a configurar, presionamos Siguiente.

3. Ahora configuraremos nuestros servidores, en primer lugar tildaremos el tipo Servidor Entrante: en este caso el nuestro es POP y más adelante en el espacio en blanco tipeamos el nombre. Ejemplo: pop3.sudominio.com.ar
Destildamos la opción “Usar la bandeja de entrada global”. En el espacio en blanco tipeamos el nombre del servidor saliente (SMTP). Ejemplo: smtp.sudominio.com.ar, presionamos Siguiente.

4. En el espacio en blanco tipeamos el nombre de usuario entrante, es decir, la dirección de correo electrónico que estamos configurando y lo mismo será para el usuario saliente, presionamos Siguiente.

5. Como nombre de cuenta ingresaremos la misma dirección y presionamos siguiente.

6. En el último paso nos hace una breve lista de los datos que ingresamos para chequear que estén bien escritos, tildamos “Descargar mensajes ahora”, presionamos Aceptar.

7. El programa procesará los datos y si todos fueron ingresados correctamente abrirá uncuadro de diálogo en el cual ingresamos la contraseña, presionamos Aceptar.

    Popularity: 1% [?]

    Las ventajas de usar METAS

    Postedo por Cecilia con fecha Julio - 13 - 2009

    Uno puede escribir un documento web sin tener que usar la etiqueta <meta>. No importa si uses o no esta etiqueta, tu documento será desplegado muy elegantemente sin ningún problema. ¿Entonces, para que nos sirve?

    Según Webopedia:

    “La etiqueta <meta> provee información sobre la página web. A diferencia de una etiqueta normal HTML, la etiqueta meta no afecta la visivilidad de la página. En realidad provee información sobre el autor del documento, cada cuanto se actualiza, de que trata la página y que palabras claves (keywords) representa el contenido del sitio. Muchos motores de búsqueda (search engines) usan esta información para crear sus índices.”

    Según la World Wide Web Consortium (W3C):

    “La meta data es información para ser interpretada en el ámbito de maquina (machine language).”

    Uno de los meta más importante para los motores de búsqueda son los “Meta Keywords” y “Meta Description”. Para los “Meta Keywords” recuerda usar palabras que describan el contenido de tu página. Se sabio y no trates de hacer trampa colocando palabras para tratar de aumentar tu “ranking”, pues actualmente los motores de búsqueda poseen funciones para detectar este tipo de fraude. Cuando vallas a escribir la descripcion en el “Meta Description”, ten en cuenta estos mismos detalles. Trata de ser conciso y claro. El propósito de tu página es un buen candidato para ser el contenido de la descripción de tu página.

    Meta Keywords

    <META NAME="keywords" CONTENT="frutas, manzana, naranjas, pera">

    Los “Keywords” son palabras claves que describen el contenido de tu página web.

    Meta Description

    <META NAME="description" CONTENT="Ventas de frutas frescas a través de internet.">

    La descripción de tu página es muy importante. Debes saber que la mayoría de los motores de búsqueda solo toman los primeros 150 caracteres de la descripción. Así que debes colocar una descripción bastante concisa y efectiva.

    Meta Redirect

    <META HTTP-EQUIV="refresh" CONTENT="10; url=http://www.ecodig.com">

    Con este meta podemos redireccionar al usuario de una pagina a otra. Por ejemplo: En esta META de arriba, al cabo de 10 segundos el usuario será trasladado a www.ecodig.com

    Meta Refresh

    <META HTTP-EQUIV="refresh" CONTENT="600">

    Recarga la página periódicamente. El número 600 indica los segundos que se tardará en recargar la página.

    Meta Window-target

    <META HTTP-EQUIV="Window-target" CONTENT="_top">

    Se usa para mantener la página web fuera del marco (frame). Los siguientes meta se describen por sí solo.

    Meta Author

    <META NAME="Author" CONTENT="Mega Publicidad">

    Meta Date

    <META NAME="Date" CONTENT="Jul 13, 2009">

    Meta Copyright

    <META NAME="Copyright" CONTENT="2000-2003 Ecodig. Todos los derechos reservados.">

    Meta Expiration

    <META HTTP-EQUIV="expires" CONTENT= "thu, 31 DEC 2002 00:04:00 EST">

    El navegador carga la página directamente del chache. Una vez expire la fecha el navegador carga la página desde el servidor. Recarga la página web directamente al servidor.

    META Cache-Control

    <META HTTP-EQUIV="Cache-Control" CONTENT ="no-cache">

    Evita que la página web sea cargada al cache por el servidor o el navegador.

    La siguiente etiqueta solo funciona en los navegadores de Netscape.

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">

    META Content-Type

    <META HTTP-EQUIV="Content-Type" CONTENT="text/html;
     charset=ISO-8859-1>

    META Content-Style-Type

    <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">

    META Robots Los “Robots” son programas usados por los motores de búsqueda para indexar las páginas de un website. Si deseas que todas las paginas sean indexas utiliza el siguiente meta:

    <META NAME="robots" CONTENT="all">

    Pero si no lo deseas, puedes:

    <META NAME="robots" CONTENT="noindex,nofollow">

    No añade la pagina al motor de búsqueda. También puedes usar

    <META NAME="robots" CONTENT="none"> ) <META NAME="robots" CONTENT="noindex,follow">

    No añade la página inicial pero el robot continua el orden de los enlaces de tu site.

    <META NAME="robots" CONTENT="index,nofollow">

    Solo indexa la pagina inicial.

    <META NAME="robots" CONTENT="index,follow>

    Es la opción por “default” y las mas utilizada.

    META Generator

    <META NAME="generator" CONTENT="program name and version">

    Es añadido automaticamente por la mayoría de los programas para crear páginas web.

    META “Smart Parsing”

    <META NAME="MSSmartTagsPreventParsing" CONTENT="true">

    Esta etiqueta es una creacion de Microsoft para enlasar las paginas web con alguna palabra clave dentro de un documento. No recomiendo su uso.

    Popularity: 1% [?]

    Averigua el Page Rank de tu Sitio Web

    Postedo por Cecilia con fecha Julio - 13 - 2009
    Page Rank Chequer es una aplicación que nos permite averiguar el Page Rank de una URL, de un enlace saliente de una URL o de un archivo contenido en un sitemap.
    PageRank Cheker es una sencilla aplicación web con la que además de averiguar de forma rápida y sencilla el PageRank de una o varias URLs, también lo podremos hacer con:

    • enlaces salientes de una URL
    • archivos contenidos en una sitemap.xml local

    Al permitir averiguar el PageRank de cada URL específica, podremos conocer que entradas de un blog son las más populares.

    Interesados pueden acceder a PageRank Cheker desde pagerank.bthomson.com

    Popularity: 1% [?]