Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
  • Store
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
  • Store
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
Sin Resultado
Ver Todos los Resultados
Home Webmaster Diseño Web

Ayudas para el diseñador Web

10 diciembre, 2010
en Diseño Web
0
Ayudas para el diseñador Web
Share on FacebookShare on Twitter

Son numerosas las aplicaciones y sitios webs para ayudas al diseño web. Podemos conseguir todo tipo de pinceles, fuentes, fondos, iconos, mi primo, el vecino experto, …  Pero el diseño web no es sólo photoshop, flash o Html. Un buen diseñador web tiene que saber usabilidad, usar bien las CSS (hojas de estilo), conocer las últimas aplicaciones tipo Ajax (jQuery, Mootools, Prototype…), saber qué diseño es el más apropiado para SEO, en definitiva, un buen diseño web debe de tener en cuenta todos estos factores a la hora de trabajar.

Cada proyecto es distinto al anterior y nos obliga a estar al día tanto de las tendencias como de la tecnología a aplicar.

Este blog está lleno de utilidades para diseño web, aquí os dejo enlaces que os serán de mucha utilidad (ire completando esta entrada con el paso de los días):

Resumen del Contenido

  • Diseño gráfico con PHOTOSHOP y FIREWORKS
  • COLOR
  • IMÁGENES
  • FUENTES
  • GALERÍAS DE DISEÑO
  • CSS
  • AJAX, jQUERY, MOOTOOLS,…
  • COMPROBADOR DE ENLACES ROTOS
  • PROBAR LA WEB EN DISTINTOS NAVEGADORES
  • VALIDADORES
  • SEO
  • FTP, subiendo la web
  • DISEÑO WEB

Diseño gráfico con PHOTOSHOP y FIREWORKS

Siempre indispensable y si tenemos «ayuditas» mejor que mejor

  • Utilidades para nuestros diseños en Photoshop
  • Descargar Adobe Photoshop
  • Descargar Fireworks: este si es un programa pensado para el diseño web. Todo el mundo está con Photoshop, pero al probar Fireworks… tal vez cambie de idea

COLOR

Tomar ideas o comprobar combinaciones de colores para nuestro diseño

  • Colour Lovers – combinaciones de colores y fondos
  • Color web, una decisión muy importante

IMÁGENES

Existen muchas galerías en las que poder descargar fotografías, sin embargo cuando queremos una fotografía de calidad es complicado encontrar calidad sin pagar, Stock Xchng es una web en la que podemos encontrar buenas fotos gratis, indispensable tenerla entre nuestros favoritos.

  • Stock Xchng – fotografías gratis

FUENTES

Habrá veces en las que no nos quede más remedio que comprarlas, pero en Dafont podemos encontrar de todo gratis tanto para Mac como para Pc. Otra alternativa es Google Font que te permite utilizar las fuentes para tus web

  • Dafont
  • Google Font

GALERÍAS DE DISEÑO

Para qué negarlo, hay veces en los que la musa no viene, y si no viene, mejor echar un vistazo por ahí hasta que se nos ocurra la brillante idea.

  • Dezinspiration
  • CSSelite
  • Design Snack
  • Zen Garden CSS

CSS

Dominar las CSS es medio camino para conseguir un buen diseño. Las posibilidades son enormes, los beneficios insuperables. Páginas más ligeras, mayor accesibilidad, mejor posicionamiento SEO, posibilidad de hacer menús atractivos y ligeros,…

  • Max Design
  • Dynamic Drive – imprescindible
  • Trucos CSS
  • CSS Zen Garden
  • CSS Manía

AJAX, jQUERY, MOOTOOLS,…

Presente y futuro del diseño web. Existen numerosos sitios en los que poder conseguir documentación y ejemplos, por lo que os dejo enlace a todos los post relacionados con esta tecnología.

  • Mini Ajax
  • Script.aculo
  • Ajax Daddy

COMPROBADOR DE ENLACES ROTOS

Además de ser frustrante para el usuario, corremos el riesgo de que los buscadores nos penalicen. Ir página por página comprobando cada enlace puede suponer un tiempo que a menudo no tenemos, así que mejor que otro lo haga por nosotros

  • W3C Link Checker
  • Xenu: Pequeño programa de descarga libre que hace una lista de los enlaces que ha encontrado en tu web y marca en rojo los conflictivos. Al terminar hace un informe que puedes guardar. Es el programa que utilizo habitualmente para comprobar enlaces rotos.

PROBAR LA WEB EN DISTINTOS NAVEGADORES

Es frustrante entrar en una web y comprobar que no se ve, o que todo aparece descolocado. Al maquetar una web debemos de al menos comprobar que se ver perfectamente igual tanto en Explorer, Firefox o Safari. Lo ideal es tener varios navegadores instalados en nuestra máquina, aunque otra opción es recurrir a estos sitios online.

  • Browser Shots – seleccionad pocas opciones si no queréis que se eternice.
  • Firefox
  • Safari
  • Opera
  • Chrome
  • Internet Explorer

VALIDADORES

La mejor manera de comprobar posibles errores en nuestras webs, tanto HTML como CSS es:

  • HTML
  • CSS

SEO

Todavía hay quien no paga por colocar su web en miles de buscadores…. sin comentarios. Nada es posible sin trabajo y como a todos nos gusta llegar a fin de mes y que nos paguen

  • SEO teoría y práctica

FTP, subiendo la web

FTP (siglas en inglés de File Transfer Protocol, ‘Protocolo de Transferencia de Archivos’) en informática, es un protocolo de red para la transferencia de archivos entre sistemas conectados a una red TCP (Transmission Control Protocol), basado en la arquitectura cliente-servidor. Desde un equipo cliente se puede conectar a un servidor para descargar archivos desde él o para enviarle archivos, independientemente del sistema operativo utilizado en cada equipo. Con este software subiremos nuestras páginas a internet.

  • Filezilla

DISEÑO WEB

Aunque lo he dejado para el final, seguro que es el mas utilizado. El software para diseño web, para maquetar, para ver que estamos haciendo…

  • Dreamweaver
  • Sublimetext
Etiquetas: ajaxcssdiseño webphotoshop
ANUNCIO
Post anterior

Landing pages, páginas de aterrizaje

Próximo Post

El color en la web

Otros Posts

Diseño de páginas web, el mejor escaparate digital para un negocio

Diseño de páginas web, el mejor escaparate digital para un negocio

3 septiembre, 2021
0

Cualquier negocio que se precie debe estar presente en internet, es la única manera de ampliar clientes y crecer cada vez más. Las empresas que están presentes en internet presentan unas cuentas de resultados mucho...

Manual diseño web: Planificación y configuración de un sitio web

Cómo hacer una página web paso a paso

15 agosto, 2021
0

Es fácil sentirse un poco perdido cuando estás construyendo su primer sitio web. Es posible que estés sentado allí pensando, ¿cómo hacer una página web paso a paso?  Crear una página web es la oportunidad...

Recomendados

agencia marketing

Consejos para identificar una buena agencia web

21 julio, 2019
agencia marketing

Estrategia digital y servicios de marketing online

12 agosto, 2021
Reglas CSS por defecto para los navegadores

Cómo incluir hojas de estilo en una página web

23 diciembre, 2010
Imágenes de alto rango dinámico. HDR

Imágenes de alto rango dinámico. HDR

8 marzo, 2012

Tutotial Monsters

Somos un equipo creativo apasionado por brindar los mejores recursos gratuitos y premium a la comunidad de diseño.
PADAWAN

  • Home
  • Política de privacidad
  • Política de Cookies
  • Aviso Legal
  • Contactar

© 2020 Tutorial Monsters - Estamos para Colaborar SEOConsultora.

Sin Resultado
Ver Todos los Resultados
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
  • Store
Este sitio web utiliza cookies. Al continuar utilizando este sitio web, usted da su consentimiento para que se utilicen cookies. Visite nuestra Política de privacidad y cookies .