Como Hacer una Web | portafolio blog

Tag Archives: Como Hacer una Web

Herramientas para crear tu página web con 1&1 Internet

Te presentamos una lista de servicios y herramientas sumamente útiles para tus proyectos web ofertados por la empresa 1&1 Internet.

Haz tu página web con 1&1 México

Desde dominios, soluciones de correo, hosting y servidores, los productos de 1&1 Internet México son el mejor aliado para tus proyectos Web.

Ejemplos de webs sencillas para diseñadores

Cuando diseñamos un website además de aportarle una estética agradable, debemos tener muy en cuenta su contenido. No se trata exclusivamente de centrarnos en páginas cargadas de efectos de diseño que distorsionen su contenido, si no más bien todo lo contrario.

En cuanto a las webs para diseñadores y artistas es muy recomendable hacerlas lo más sencillas posible para que el contenido creativo de las mismas brille y resalte por si sólo. Por ello, debemos huir de páginas recargadas de elementos animados y colores estridentes que confundan al visitante y aparten su atención del valor comunicativo de las mismas.

Como ejemplo de páginas sencillas para portafolios que muestran su contenido de una forma elegante, que mejor que esta colección de sitios web pensadas para que los diseñadores y creativos en general, expongan su contenido de la forma más atractiva posible.

Una recopilación para que tengamos en cuenta a la hora de buscar la inspiración que necesitamos.

Ver toda la colección en Artatm / Fuente de referencia.

50 ejemplos de webs sencillas

A la hora de plantearnos el contenido y diseño de nuestro site en internet nos pueden aparecer varias dudas que no serán fáciles de resolver ya que para eso existen distintas alternativas a tener en cuenta. Sea cual sea el tipo de web que vamos a editar, debemos tener claro como será la raíz del sitio y como comunicar de forma eficiente el mensaje que debemos transmitir de forma objetiva y legible.

Debemos tener claro que mucha gente que navega por internet quiere encontrar lo que busca sin demasiado esfuerzo y sin tener que leer excesivo texto para comprender, por ejemplo, la actividad a que se dedica una empresa.

Para esto lo mejor es optar por lo que podríamos llamar web single o single page. Se trata de páginas sencillas que muestran con imagen o contenidos multimedia y el texto necesario, el concepto deseado para que el visitante entienda de forma clara y legible lo que queremos transmitir. Este tipo de páginas suelen ser las que mejor funcionan dado que la información es precisa y ordenada frente muchas que plantean un contenido demasiado cargado y desordenado en el que el navegante suele perder la paciencia y abandona de inmediato la web visitada.

Para que os hagáis una idea de la importancia de una web sencilla, profesional y que aborda la información objetivamente sin rodeos, que mejor que esta colección de 50 webs de diseño sencillo pero no por ello menos impactante.

En Creativos Online podéis ver todos estos ejemplos de singles pages para la inspiración.

Diseñar webs para móviles

A la hora de diseñar una web, bien sea personal o para algún cliente en concreto, queremos que se visualice lo mejor posible en todos los navegadores y dispositivos disponibles. Lógicamente esto no es una tarea sencilla porque existen distintos estándares que condicionan que una página web se vea de distinta manera dependiendo de donde se muestre.

Por ejemplo, algo que debemos tener en cuenta es que Internet Explorer, un navegador por todos conocido que Microsoft ha distribuido gratuitamente siempre con sus ordenadores, no soportaba (al menos hasta su última versión) el código html estándar, de igual modo que lo hacían la mayoría del resto de otros famosos navegadores como FireFox, Safari o Ópera. Algo que trae de cabeza a los diseñadores web ya que deben hacer ciertos cambios en el código para que IE, visualice las páginas correctamente. Esto pasa desapercibido por la mayoría de los usuarios de este navegador, que piensan que debe ser bueno ya que es el más utilizado en el mundo. Sin duda una buena estrategia de imponer por parte de Microsoft, un software mediocre, en el sistema operativo más vendido en el mundo.

Sin embargo no todo empieza y acaba en los ordenadores ya que hoy en día van saliendo un montón de dispositivos como los móviles con características avanzadas para una correcta navegación por internet. Y es aquí donde nos encontramos con el mismo problema a la hora hacer que nuestras páginas se visualicen de forma correcta para estos dispositivos cada día más utilizados por miles de personas.

Onbile, puede ser una de las soluciones a este problema ya que nos propone crear una versión de nuestro site para los dispositivos móviles. Totalmente online y en sencillos pasos, podemos realizar la adaptación necesaria para que nuestra web corra correctamente por los navegadores incorporados en los dispositivos celulares.

Esta aplicación online contempla crear tanto versiones de blogs como de páginas html e incluso introducir las feeds necesarias en el código para ser reconocida fácilmente por los distintos motores de búsqueda.

Sin duda una opción a tener muy en cuenta a la hora de adaptar el contenido de nuestra web a las distintas plataformas, para que la mayoría de la gente las visualice lo más correctamente posible.

Entra en Onbile y descubre lo que puede hacer por ti.

EsmeraldasBlog / Fuente de referencia.

10 consejos para lanzar un sitio web

El lanzamiento de un sitio web puede ser algo estresante, es por ello que aunque hay muchos recursos web siempre nos vendrán bien algunos consejos, por eso les hemos traído un listado de 10 consejos que podríamos decirlo son básicos.

Tips.

1.- Disponer de un servidor de recursos escalables.

La escalabilidad es la posibilidad de nuestro proveedor de espacio web de ampliar nuestros recursos sin necesidad de cambiar de servidor o tener que dar de baja nuestros sitios por el obvio mantenimiento que suponen las mejoras en otro tipo de hospedajes. Las ventajas son obvias, pues llega el momento en todo proyecto de éxito en que es necesario ir por más espacio, capacidad de memoria, o ancho de banda, y un proveedor que nos permita hacer todo esto de manera “transparente” nunca está de más.

2.- Ten todas tus cuentas de redes sociales a la mano

Una de las cosas importantes para la difusión de tu sitio es tener cuentas en todas las redes sociales de moda como Twitter, Facebook o Myspace o algún otro sitio web en el que planeemos difundir nuestra empresa o marca.

Por ello, debemos verificar con antelación si el nombre o nickname que queremos utilizar esta disponible en la red tal como lo queremos o si tendremos que modificarlo. Para que no exista ningún contratiempo de ultima hora es mejor verificar esto con mínimo un mes de anticipación al lanzamiento.

3.- Ten listo el contenido para publicar de por lo menos un mes.

Sabemos que lo más importante para atraer gente es tener contenido, y al lanzar un sitio estaremos llenos de tareas que hacer para promocionarlo, es por ello que es recomendable tener contenido para publicar por lo menos durante un mes, así las cosas se mantienen un poco calmadas  y puedes enfocarte a la promoción.

4.- Genera expectativa sobre el próximo lanzamiento.

Haz que las personas que conoces en la red o en los medios sepan que va a ocurrir algo en el sitio web, ya sea mediante tu twitter o alguna otra red social o hasta en tu nickname en tu mensajero instantáneo preferido.

Si no quieres revelar todo no lo hagas, pero mientras tanto despierta el interés de las personas con anticipación.

5.- Planea tus tareas de mínimo un mes después del lanzamiento.

No hay que quedarnos esperando a que todo suceda mágicamente, debemos planear muy bien los primeros pasos del blog, ponernos metas y trabajar duro en ello.

Lo recomendable es planear las metas de mínimo un mes, para así mantenernos motivados con el proyecto.

6.-  Verifica 3 veces los detalles técnicos del sitio antes del lanzamiento

Antes de lanzar un sitio debemos verificar todas las veces que sea posible que el sitio no tiene problemas de ningún tipo, que su funcionalidad es correcta en un 100%.

7.- Lánzalo según el día que lo anunciaste

Si ya hiciste toda una campaña creando expectativa en las personas se vería muy mal no cumplir con la fecha de lanzamiento, además esto crea una meta para todo el equipo o la persona encargada del proyecto.

8.- Comenta con tus amigos y familia sobre el lanzamiento del sitio

Si eres de los que les gusta que tu familia este enterada de tus proyectos, seria bueno que les avisaras después del lanzamiento del sitio, así podrán ser los primeros en verlo y obtener ya sean criticas, felicitaciones o consejos para mejorarlo.

9.- Proporciona una manera sencilla de contactarte

Una de las cosas más importantes es que la gente pueda estar en contacto con el webmaster para sugerir y hasta felicitarte igual que tus amigos – visto en el punto 8 – , es por ello que esto debes facilitárselos ya sea poniendo un formulario de contacto, dejando una sección para comentarios, o por medio de las redes sociales.

10.- Muestra a tus visitantes una guía de lo que esta por venir

Para esto se puede crear una pagina con la información de lo que vendrá en el sitio próximamente y así obtener comentarios para mejoras del sitio o bien que los visitantes puedan sugerir que cosas quieren ver en el sitio.

Fuente | Six Revisions.

Como crear una comunidad con WordPress

A la hora de crear una comunidad de usuarios, existen CMS directamente desarrollados para esta tarea. De entre los más populares destacan las soluciones de Dolphin, Elgg o AroundMe, además de las soluciones pre-hospedadas que ofrecen compañías como Ning.

Adicional a estas, existen manejadores de contenidos que, mediante los plugins y complementos necesarios, son capaces de funcionar perfectamente como una red social o comunidad de usuarios para tu blog o website personal. Entre los mejores casos, tenemos a Joomla, CMS que mediante las correctas extensiones (que dan para un tema aparte), es capaz de funcionar de manera bastante solida como una red social en toda la extensión de la palabra.

Sin embargo, uno de los manejadores de contenidos más populares por su facilidad de administracióny que a últimas fechas ha dejado de ser solo un sistema para la creación y administración de blogs, es WordPress, ya que poco a poco ha ido tomando capacidades de otro tipo de aplicaciones gracias al desarrollo de plugins y temas de terceros. Para este caso en especifico, existen plugins como Alkivia Open Community, del que les hablaremos en esta ocasión, para crear una comunidad alrededor de tu sitio montado con wordpress.

Este plugin ofrece todas las funciones y widgets necesarios para hacer fácil y flexible el mostrar información de tus usuarios registrados. Permite crear una página de perfil para cada uno de tus usuarios completamente personalizada. Lo interesante es que todas estas páginas se manejan mediante plantillas, así que tú puedes crear tus propias plantillas y mostrar la información de cada usuario como te sea necesario.

Funciones de Alkivia Open Community:

  • Completamente en español
  • Logotipo personalizado para la página de acceso a tu comunidad
  • Permite a los usuarios especificar su propia fotografía
  • Galería fotográfica
  • Enlaces a los artículos y comentarios de los usuarios en su página de perfil
  • Entre otras…

Su instalación es sencilla y funciona de la misma forma en que se instala cualquier otro plugin de WordPress. La única desventaja es que es necesario contar con PHP 5.2 en tu servidor.

Enlace de Descarga| Alkivia Open Community.

Set gratuito de iconos rosados llamado PinkStrip

Como bloguera siempre he tratado de que en el diseño de mi blog exista un poco (o mucho) de toque femenino, ya sea en los colores o en los iconos; esto es para que no sea tan “genérico” como muchos.

Me gusta, en lo personal, que los iconos sean algo que se distinga en una página web, sobre todo el de RSS y eso es algo muy difícil de conseguir en estos tiempos, ya que la mayoría de sets de iconos que se diseñan para medios y  redes sociales son en los mismos colores de la red social que representan, casi siempre solo  se están variando las formas.

PinkStrip

Así que esta semana me di a la tarea de buscar en la red algún set  un poco mas femenino y por suerte encontré un set llamado PinkStrip, como su nombre lo dice, son iconos de color rosa.

Este set tan lindo es de iconos gratuitos para las redes sociales o medios sociales como Twitter, Tumblr, Picasa, Linkedin, Google Buzz, Facebook, Blogger, entre otros.

El set consta de 12 iconos que vienen en formato PNG y están en dos tamaños, 128 px y 64 px que pueden ser utilizados para cualquier propósito ya que su creador ha decidido no ponerle ninguna licencia o restricción, así puede ser aprovechado por todos, tanto como para uso personal o  comercial.

Sin duda este es un muy buen recurso web para las niñas que tenemos un blog . Solo espero que cada día existan más iconos de este tipo y poder dárselos a conocer.

Descarga estos iconos en Web Stuff  Share y disfrutalos.

Como crear un favicon para un blog o sitio web en línea

Primero que nada ¿Que es un favicon? (Favorite Icon)

Pues bien en pocas palabras :

Un favicon es una imagen de 16x16px con terminación .ICO que sale al lado izquierdo de tu barra de navegación en tu pagina web, en tus favoritos y en los marcadores.

Un favicon puede ser cualquier imagen, pero la recomendación es que sea algo distintivo del sitio web o blog, como su logo. Esto es para que las personas se familiaricen con la imagen de tu marca.

Favicon Portafolio Blog

Por ejemplo el que tenemos aquí en Portafolio blog

Ahora lo siguiente que podemos hacer es descargar algún programa para crear tu favicon o lo creamos en línea con la opción que les mostraré a continuación:

Los mejores sites css de 2009

Por estas fechas siempre se recurre a las recopilaciones del año anterior y se suele echar una mirada de lo que más ha destacado en las distintas disciplinas artísticas y creativas. Cada año nos encontramos con distintas recopilaciones que nos recuerdan el nivel que se ha alcanzado en años anteriores para tomarlo como referente en lo sucesivo.

Por supuesto una de las disciplinas que abundan más en la red, es precisamente el diseño web. Encontramos por lo tanto unas buenas colecciones de las mejores webs en html, las mejores en Flash o estilos css. Estos últimos son los que vamos a comentar.

Os presento una estupenda colección de páginas realizadas con estilos css en 2009, donde se ve una clara evolución con respecto a años pasados. Una recopilación que os servirá de inspiración, teniendo en cuenta la cantidad que hay y los distintos contenidos que tienen.

Si te gustan este tipo de páginas o bien estás pensando en crear la tuya propia, seguro que este enlace te resultará interesante.

Web Designer Wall / Colección de las mejores páginas en css de 2009.

Sección Áurea / Fuente de referencia.

14 editores de código CSS para la Web

Como siempre, te presentamos cosas útiles para tus desarrollos Web y para los proyectos en los que te embarcas, el dí­a de hoy encontramos 14 editores de código CSS para la Web, ya no tendrás que utilizar el básico bloc de notas para programar, y dejarte de complicar la vida, gracias a los editores de código CSS.

Logo del sitio Eledo

La importancia de estos, es que para las personas que están acostumbradas a crear y editar códigos  CSS, y saben que a veces es bastante complejo corregirlos cuando se lleva un tramo bastante avanzado, algo que nuestro fiel bloc de notas no podrá solucionar por nosotros, y es entonces cuando entra la utilidad de los editores especializados en códigos CSS que pueden facilitarnos el trabajo en gran medida.

A continuación, te presentamos 14 opciones que te pueden servir para editar códigos CSS:

1. Free CSS Toolbox
2. Simple CSS
3. JustStyle CSS Editor
4. A GTK-2 CSS Editor
5. Dialog-based insertion of CSS complex values
6. Astyle
7. Eledicss
8. Notepad++
9. Online CSS Template Generator
10. An open-source css editor for windows
11. Oxygen CSS Editor
12. Freedomeditor, Customizable browser based (text/web(WYSIWYG)) file editors
13. MacRabbit CSSEdit
14. StyleMaster CSS editor

Así­ que ya sabes, si te interesa encontrar un buen editor para códigos del tipo CSS, es seguro que cualquiera de estos te servirá. Sólo debes de probar y escoger un favorito. Puedes obtener un poco más información sobre los editores CSS en Designmag. Donde además podrás encontrar algunas de las utilidades que estos editores de código ofrecen.

portafolio blog tiene las siguientes Políticas de Privacidad y pertenece a la red Blogurbania Blogs. Validado para XHTML 1.0 Transitional | CSS 3