Muchas veces necesitamos saber como ocultar la URL, o enmascarar una URL para que la misma no se visualice en la barra de direcciones.
Si bien esto puede realizarce por medio del cPanel o Panel de Control de nuestro servicio de hosting, tambien podemos ocultar la url por medio de la combinacion de un simple código HTML y CSS.
(Actualización) He actualizado este tema AQUI.
Hoy les traigo una pregunta de un suscriptor, que me ha parecido muy interesante:
¿Qué medidas son la ideales al generar el diseño en photoshop, es decir, cuales son las medidas web estandar?
¿Que es CSS3 y porqué es tan potente esta nueva versión?
En este artículo te mostraré las características más importantes de esta tercera especificación de CSS, que nos permite un control avanzado en la conversión de PSD a HTML.
Dentro de la maquetación web y la conversión de PSD a HTML hay varios factores que determinan la velocidad con la que se cargará el documento HTML en internet . Pero sin duda el factor más decisivo en este tema, son las imágenes.
Saber cómo optimizarlas correctamente será la clave para obtener sitios web rápidos y visualmente agradables.
Aquí te explico la mejor forma de optimizar las imágenes para el uso en internet.
Uno de los efectos más requeridos por los diseñadores en los últimos tiempos, es el de poder crear sombras del tipo «drop-shadow» en cualquier elemento del documento HTML.
Y esto es posible con CSS3.
A continuación te muestro como crear sombras CSS, compatible con todos los navegadores.
En este artículo analizamos el mercado de la maquetación web hoy en día y la gran oportunidad para los programadores de habla hispana.
Muchas veces en nuestros diseños, necesitamos utilizar placas de colores redondeadas (tipo globitos) donde contener información destacada. Entonces al pasar del PSD a HTML se suele colocar una imagen de fondo, pero la misma no es versátil ya que por un lado ocupa más kilobytes, y por otro lado si luego tenemos que agrandarla porque necesitamos incluir más información, debemos realizar todo el proceso de exportado de nuevo…
En este artículo te enseñaré como crear bordes redondeados CSS sin utilizar ningún tipo de imagen.
El manejo de los tamaños y las medidas en HTML, es uno de los temas más delicados cuando convertimos nuestro PSD a HTML y pretendemos respetar 100% el diseño original.
El CSS nos da muchas formas diferentes para indicar las medidas y los tamaños de los elementos en el página.
En este artículo, te explicaré las diferentes formas de administrar las medidas para que tus páginas sean un reflejo perfecto del diseño original.
El buen uso de las tipografías o fuentes html, puede hacer que nuestro sitio web adquiera un nivel visual extremadamente alto cuando convertimos un PSD a HTML.
No solo se trata de usar las fuentes HTML por defecto como Arial, Verdana, Tahoma, Trebuchet y Times, sino que además de poder incorporar otras, también podemos trabajar en detalle con las fuentes por defecto y obtener excelentes resultados.
En este artículo te explico como utilizar creativamente con CSS, las fuentes por defecto, para obtener diseños mejorados en tus páginas web.
Unas de los elementos que comúnmente contienen las páginas web, son las galeria de imagenes. Hay muchisimas galerías pre-hechas en Flash y Javascript, pero estas requieren que el desarrollador tenga conocimientos de estos lenguajes para poder implementarlas.
En este artículo te mostraré como crear una muy simple galería de fotos en HTML y CSS, con menos de 10 líneas de código.
La idéntica visualización de las páginas web en diferentes navegadores, respetando el diseño original, suele ser uno de los desafíos más grandes a la hora de maquetar. Por lo general, algún problema siempre surge y esto suele pasar porque no están bien aplicadas las propiedades a los DIV HTML ó seciones.
En este artículo te enseñaré varias propiedades que puedes aplicar a tus div html, para que se vean tal cual como en el diseño original.
A veces, los fondos html, suelen quedar en segundo plano de importancia. Pero si le damos un poco de protagonismo, descubriremos que nuestro sitio será doblemente llamativo e interesante. Y si te vas a dedicar a creación de templates, o al desarrollo profesional del sitios, deberías poner en práctica lo que voy a mostrarte.
En este artículo descubrirás como aplicar correctamente los fondos html para resaltar tu sitio.
Para que tu sitio web quede con muy buen estilo, a la hora maquetar tu HTML debes tener en cuenta ciertas cosas, de esfa forma tus páginas serán más atractivas y adictivas !
Aquí te doy 10 consejos para que mejores la optimizacion web a la hora de convertir tu PSD en HTML.
Hoy en día, posicionar en buscadores los más arriba posible, es una de las cosas que se debe tener en cuenta, cuando se convierte de PSD a HTML.
¿Pero…que cosas se deben tener en cuenta cuando maquetamos?
En este artículo te explicaré uno de los secretos de maquetación a tener en cuenta para aparecer más arriba en los buscadores.
¿Sabías que con la maquetación web y la conversión de Psd a Html se puede ganar muchísimo dinero en muy poco tiempo?
En este artículo comprenderás porque la maquetacion web es un negocio MILLONARIO.
Te explicaré varias formas en las que tú puedes ganar mucho dinero si sabes como pasar de Psd a Html de forma correcta.
La correcta creación de la estructura HTML, es sin duda la base de la maquetación web, a convertir un PSD a HTML. Es fundamental que este proceso esté correctamente realizado.
En este artículo, aprenderáa como armar profesionalmente la estructura HTML de tus páginas web, y que las mismas sean 100% compatibles con cualquier navegador web.
Realizaremos esto con las etiquetas <div>
Vimos en artículos anteriores, que los 2 elementos fundamentales para pasar exitosamente de un PSD a HTML, son: el lenguaje HTML y los estilos CSS.
¿Pero… para qué sirven los estilos CSS y porque son tan importantes en la maquetación web?
En este artículo aprenderás LA RAICES de la maquetación web: Como separar el diseño del contenido.
Esto te dará un control total….
La separación de los contenidos, del codigo, es fundamental para la correcta maquetación web, o la conversión de PSD a HTML.
Pero no cualquier código será el correcto.
Con este video tutorial HTML aprenderás los conceptos básicos de programación HTML y evitarás los errores más comunes que la mayoria de las personas comente al realizar la estructura html.
Seguramente te ha pasado que al estar maquetando, debes elegir a que darle prioridad: si hacer que el diseño quede perfecto, pero el código html MUY cargado, o hacer un código html limpio pero que no respete al 100% el diseño original.
Pues cualquiera de las 2 opciones que elijas, estará mal.
En este artículo te enseño como hacer para compatibilizar ambas cosas, sin necesidad de relegar ni diseño ni codigo.
En el artículo anterior te expliqué como realizar la correcta visualización de las partes de tu documento PSD.
Realicé un videotutorial donde muestro un ejercicio para hacer una correcta Visualización Mental de la estructura de la página web antes de pasar de Psd a Html.
Te recomiendo que lo hagas pegando el diseño de la página en Photoshop, como lo expliqué en el artículo: El secreto fundamental para pasar de Psd a Html: La Visualización.
Aquí el video:
Practica y coméntame aquí como te fue.
** REPORTE GRATUITO:
Cómo convertir un PSD en HTML en 5 pasos.
Haz Click AQUI para Descargarlo AHORA.
Saludos!
Cristian
