miércoles 18 de noviembre de 2009

5 pasos para crear una página de internet

La creación de una página de internet pude ir desde lo más facil hasta lo más complicado, esto no implica que un sitio web de buena calidad no pueda ser hecho de manera sencilla. Pero se deben tomar en cuenta lo siguiente:

  1. Comprar el dominio

    El dominio es la dirección que se escribe en el navegador ya sea internet explorer, firefox u otro, por ejemplo: minombre.com. Esto es barato e incluso dependiendo del plan del hospedaje puede ser gratis.

  2. Comprar o conseguir el hospedaje o hosting

    Los archivos físicos que conforman la página deben estar ubicados en algún lado, aquí es donde puede ser mas laborioso buscar y conseguir un buen trato. Existen las opciones gratuitas y las de paga.

    Aquí depende del propósito de la página cual es el mas aconsejable. Un hosting de paga tiene la ventaja de más opciones, prestaciones y soporte, muchas veces tan solo el tiempo ahorrado en un buen soporte técnico puede valer lo que se invierte en él.

  3. Crear el diseño de la página y generar los archivos correspondientes

    Ya que se tiene el nombre y el lugar donde se va a hospedar la página es hora de crearla. También dependiendo del propósito hay muchas opciones a elegir, por ejemplo:

    • Utilizar un blog como wordpress o blogger, la ventaja es que el diseño y el armado de la página ya esta hecho y solo debemos preocuparnos por el contenido.

    • Utilizar un CMS (Content Manager System) como Joomla, nuevamente el diseño ya esta hecho y como no es un blog hay mas libertad en cuanto a la forma como el contenido se ve, además de tener muchos agregados gratuitos y aplicaciones. Pero tiene ciertas restricciones en cuanto a la funcionalidad y opciones de la página

    • Utilizar un diseño en HTML, CSS o flash desde cero, aquí se tiene una total libertad. El diseño puede basarse en una plantilla o ser totalmente original, pero el grado de conocimientos necesarios es mucho mayor que en las otras opciones. Lo cual implica también que los resultados pueden ser muy buenos.

  4. Generar el contenido

    El contenido definitivamente es el rey. Claro que si tienes una empresa cuya marca ya es reconocida o solamente necesitas un minisitio que sirva como tarjeta de presentación que tu mismo vas a promover puede ser más fácil.Pero usualmente este no es el caso. Si se quieren tener visitas y que la página sea popular lo más relevante es el contenido del sitio.

  5. Optimizar para buscadores de internet

    Realmente la optimización empieza desde el primer punto, la página debe hacerse pensando en el usuario pero además en el buscador que la va hacer popular.

  6. Contrata a Odra Creatividad


El ultimo paso seria ideal pero en general una agencia de diseño puede guiarte por todo el proceso ahorrándote tiempo y permitiéndote concentrar en lo más importante: el contenido de la página.

En otro artículo veremos con más detenimiento cada uno de los casos

jueves 12 de noviembre de 2009

Tutorial para agregar barras de menú a la plantilla por defecto de blogger

Estamos trabajando en el estilo del blog y necesitamos una barra de menú para poner los links de las secciones en la página principal odracreatividad.com/. Pero no hay una forma obvia de hacerlo, así que investigando encontré varias paginas , una excelente es: http://www.blogger.com/www.reallifeblog.net/2007/09/how-to-create-menu-bar-for-blogger.html, la cual esta en ingles, pero a continuación dejo un resumen de los pasos:

Primero
  1. Debes respaldar y guardar en disco duro tu plantilla actual antes de hacer cualquier cambio

  2. Hay que agregar el elemento donde van a ir los links a la sección del encabezado, para esto busca el siguiente código:

    <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement=' no'>
    y cambia showaddelement='no' por showaddelement='yes', y maxwidgets="0" por la cantidad que necesites, en nuestro caso 2
  3. Dependiendo en que parte de la plantilla quieres el menú es lo que vas a editar. Por ejemplo en el caso de este blog, para que el menú apareciera debajo del encabezado y encima del la barra derecha y la columna del contenido edite:
    <div id='crosscol-wrapper'> <b:section class='crosscol' id='crosscol' showaddelement=' no'>
    cambié showaddelement a 1, esto permite que en la pestaña de Diseño / elementos de la página aparezca la opción de "añadir un gadget"
  4. Después de dar click en añadir..., se escoge la opción de html/javascript y en la caja de dialogo se escribe el código html de los links, por ejemplo:
    <a href=http://tupagina.com>INICIO</a><a href=http://acercademi.com>QUIENES SOMOS</a><a href=http://otrolink.com>FAVORITOS</a><a href=mailto:tucorreo@email.com>CONTACTO</a>

    O cualquier otro que necesites. En nuestro caso encerré todo en un DIV al que le di altura y color de borde

miércoles 11 de noviembre de 2009

Multiples páginas y herramienta de tijera; 2 herramientas útiles en Illustrator CS 4

Multiples Paginas

Para poder usar varias páginas dentro de un mismo documento Illustrator utiliza la herramienta de Artboard o en la versión en español Mesa de trabajo.

El botón para utilizar esta herramientas es este:

Básicamente hay 3 cosas que puedes hacer:

  • Cambiar el tamaño del espacio de trabajo actual, ya sea con el mouse o escribiendo la medida exacta


  • Agregar un nuevo espacio de trabajo


  • Cambiar la orientación, borrar y duplicar las mesas de trabajo creadas


En relación al diseño web esto se puede utilizar como las páginas de fireworks en donde cada plantilla de las diferentes secciones de un sitio pueden ir en su propio espacio.


Herramienta de tijera
Esta herramienta sirve para cortar trazados, así si dibujaste un rayado dentro de un rectangulo y las lineas se salen de este, pudes cortar los extremos que sobresalen. la herramienta esta aqui (puede estar debajo de la herrmienta de borrador o de cuchillo):


Unicamente necesitas apuntar a la parte donde se va a dividir el trazado y dar click, esto por supuesto abre trazados que esten cerrados.

Tener presencia en internet con un minisitio

Hace tiempo estaba dando una consulta con un cliente y llego la hora de comer por lo que surgió la pregunta de siempre: ¿Qué pedimos?, normalmente se tienen algunas revistas con teléfonos de restaurantes, páginas amarillas, o folletos, pero alguien los había dejado en una oficina que estaba cerrada. Por supuesto de inmediato alguien fue a la computadora con internet más cercana y busco el teléfono del restaurante que habíamos elegido pero no lo encontró, por lo que tuvimos que seguir buscando hasta que hayamos la página web de uno.

El negocio en el que primero pensamos perdió esa venta pues aunque tenia ya al cliente no hubo forma de contactarlo. Internet se ha convertido en una de las principales formas de buscar información. Puede ser para cotizar, buscar un teléfono, encontrar la fecha de un evento o cientos de temas más. La importancia de tener una forma de que el cliente tenga a la mano la información de contacto básica de la empresa es evidente por lo que la presencia en la web ya dejo de ser algo opcional pues los clientes esperan encontrar la información de la empresa en internet.

Hay varias formas de que la empresa tenga esa presencia. La más simple es un minisitio el cual es una sola página como portada con una introducción de unas cuantas líneas explicando la línea del negocio, una imagen del producto, el teléfono, dirección y correo electrónico. Esto puede ayudar a que el cliente que ya sabe que esta buscando lo encuentre.