Hangout 2: Trucos, consejos y descuentos

Ya hemos realizado nuestro segundo Hangout al que podéis acceder al final de este artículo. El resumen de las cosas que hemos explicado, así como los descuentos se explica en el vídeo, y aquí tenéis los links y explicaciones necesarios:

– Cambiar los colores mientras trabajamos en Dreamweaver:

  • Cerrar Dreamweaver completamente (versiones CS5 a CC)
  • Localizar la carpeta Codecoloring en nuestro sistema:
    • XP:
      OS hard drive > Documents and Settings > [tuusuario] > Application Data > Adobe > Dreamweaver > Configuration > CodeColoring
    • Windows Vista:
      OS hard drive > Users > [tuusuario] > Application Data > Adobe > Dreamweaver > Configuration > CodeColoring
    • Windows 7 & 8:
      OS hard drive > Users > [tuusuario] > AppData > Roaming > Adobe > Dreamweaver > en_US > Configuration > CodeColoring
    • Mac:
      [tuusuario] > Library > Application Support > Adobe > Dreamweaver > en_US > Configuration > CodeColoring
  • Cambiar el nombre al archivo colors.xml a colors_old.xml
  • Descargar este fichero y descomprimirlo en la carpeta, según nuestro sistema operativo.
  • Arrancar DW, y en color de fondo, Edición/Preferencias/Colores de Código/Fondo Predeterminado/#2B2E46

– Aplicación Stickies: http://www.zhornsoftware.co.uk/stickies/

– Google Calendar en tu móvil y online.

– Redactar textos con reconocimiento de voz, para Chrome.

– Ir a funciones concretas en DW:

  • Desde el archivo concreto, botón derecho/Funciones y seleccionar la función
  • Para leer las funciones en todas partes, Sitio/Sugerencias para el código específicas del sitio…/Buscar la carpeta o archivo de funciones.
  • Para buscar las funciones, en el código, pulsar Espacio + Control

– Para abrir archivos gigantescos de Bases de datos, http://notepad-plus-plus.org/

– Para en DW evitar la carga de estilos pesados y acelerar el flujo de trabajo, en la solapa de estilos, botón derecho sobre la definicion de los estilos y seleccionar Tiempo de Diseño, buscar el CSS que se está cargando y añadirlo en la ventana inferior.

– Comparar archivos para ver las diferencias, http://www.angusj.com/delphi/textdiff.html. Asociar el archivo ejecutable en Dreamweaver para comparar directamente, àra ello, menú Edición/Preferencias/Comparación de archivos y seleccionar el EXE de nuestro programa comparador.

– Economizar textos que repetimos infinitamente a la hora de responder correos, comentarios, firma de emails, etc… http://www.phraseexpress.com/

– Asesoría, cursos, descuentos válidos del 13 de abril al 14 de mayo de 2015:

  • Gestión fiscal del autónomo. Si quieres aprender lo necesario para ser la propia gestora de tus asuntos. Código de descuento: JVILA15
  • Asesoría integral de autónomos, si contratas, regalo del primer mes haciendo click en este link: http://www.infoautonomos.com/asesoria/jorge-vila/ o mencionando la promoción “Jorge Vila” si prefieres contactar con ellos vía e-mail o teléfono. Gran cantidad de servicios incluidos.

– Las mejores plantillas de Internet, con documentación y excelente atención al cliente. 40% de descuento a través del link del 14 al 21 de abril de 2015.

– El antivirus por excelencia, gratuito y con actualizaciones automáticas.

Plantillas gratuitas para hacer pruebas

HangOut: Trucos y consejos para hacer tu vida más fácil como desarrollador Web

hangouts-11-copy

Después del exitazo de nuestro primer Hangout, no hemos podido contenernos y os vamos a contar algunos secretos que utilizamos para ser más prácticos, ordenados y organizados a la hora de trabajar, desde cómo mejorar la pantalla que nos pasamos todo el día mirando, y hacerla menos insana, hasta como optimizar y reducir el tiempo que utilizamos respondiendo correos electrónicos.

Nosotros sabemos algunos trucos, pero seguro que tú conoces muchos otros. Estaremos encantados de estudiarlos durante esta semana y explicarlos en el Hangout, si los consideramos apropiados, así que no te cortes y explícanos eso que utilizas para ser más práctico, rápido y eficiente en tu día a día. Lo puedes hacer comentando este post o por e-mail, como siempre.

El Hangout será el próximo Martes 14 de Abril a las 19.00 hora española. En esta Web, podéis calcular la hora en otros países (http://www.timeanddate.com/worldclock/converter.html), por ejemplo en Colombia la hora correspondiente sería el martes, 14 de Abril de 2015, 13:00:00

Podéis acceder al Hangout aquí, y podéis realizar preguntas como hicimos en el anterior directo.

Mil gracias a todos por el interés y nos vemos en vivo la semana que viene.

 

¿Cuál es tu editor favorito para hacer Webs?

encuesta2015Aunque nosotros somos fieles seguidores de Dreamweaver, sabemos que hay otros editores muy populares, y sobre todo gratuitos. En el nuevo tutorial que estamos preparando, vamos a hacerlo de forma que no sea 100% necesario el uso de Dreamweaver para hacer una Web con soltura, de esta forma nos podremos evitar pagar los 25$ mensuales por el software.

De esta forma, hemos puesto una encuesta en la parte derecha del blog, que estará disponible hasta finales de Abril, para que podamos hacer una estadística de lo que más utilizáis y tratar de explicarlo en el nuevo tutorial.

En este nuevo tutorial, usaremos eminentemente Dreamweaver, porque nos parece que es un editor muy completo y tiene muchas ayudas muy útiles, aparte de que integra de una forma muy sencilla la actualización de ficheros a través de FTP en el servidor, etc…Pero sabemos que muchos de vosotros utilizáis otros editores, y queremos saber con cual trabajáis.

Estamos preparando unos snippets muy interesantes para Dreamweaver y así poder trabajar con MySQLi de una vez por todas, aunque DW no nos lo permita con la actual versión CC. Estos snippets los podremos exportar a vuestro editor favorito de manera que tengáis el espacio mas cómodo para trabajar.

Os invitamos a que respondáis a la pequeña pregunta situada en este mismo blog, en la parte derecha, para ir haciendo nuestras cábalas.

Saludos y gracias por participar como siempre.

Hacemos ayzweb.com responsive

ayzwebresponsiveDespués de unos cuantos días ajustando capas y formularios, por fin tenemos la Web actualizada para móviles. Hemos utilizado Bootstrap, un sencillo Framework que nos facilita la tarea enormemente, y nos ofrece un diseño básico muy elegante.

Os recordamos a que partir de abril de 2015, aproximadamente, los resultados de búsqueda en móviles y dispositivos similares estará sesgada si la Web no está preparada para ser visualizada en móviles.

Revisad si vuestras Webs van a sufrir o no por esta causa, un decremento de las visitas, especialmente aquellos servicios o Webs que tengáis que son especialmente visitadas por este tipo de dispositivos, esto lo podéis mirar en google Analytics si lo tenéis instalado y configurado como explicamos en los tutoriales.

Si tenéis clientes con Webs que no son “responsive“, quizás se momento de proponerles una revisión para que se actualicen. En el tutorial de Creación Web ya explicamos como convertir una Web normal a responsive, utilizando media queries, etc…

No obstante, en el nuevo tutorial que estamos gestando, realizaremos una Web responsive desde cero, y aprenderemos a como actualizar una Web antigua al modelo responsive, de esta forma mantendremos los tutoriales actualizados a las órdenes de Google.

Saludos

Primer Hangout Publicado.

Mil gracias a todos, ha sido muy emocionante poder realizar una emision en directo que se podía ver en cualquier parte!. Muchas gracias a todos los que habéis aportado ideas, a los que habéis visto el Hangout y a los que habéis preguntado cosas. Os dejo publicado aquí el vídeo para aquellos que por cuestión de horarios no hayáis podido verlo. Ya tenemos preparada la lista de tareas del próximo tutorial, gracias a todos.

Si todo va bien, haremos próximos Hangouts en breve, así que sólo me tenéis que decir los temas que os gustaría tratar, los podéis comentar en este mismo Blog o en Youtube.

Iniciamos temporada de Hangouts

hangouts-11-copyHemos recibido más de 100 correos y mensajes con propuestas para un nuevo tutorial. La información es tremenda!. Muchísimas gracias a todos los que habéis participado. Aun así, me gustaría tener un trato directo con vosotros, mis aventajados alumnos, para escuchar de primera mano las peticiones o lo que os gustaría que se explicara.

El Hangout será el próximo Martes 24 de Marzo a las 19.00 hora española. En esta Web, podéis calcular la hora en otros países (http://www.timeanddate.com/worldclock/converter.html), por ejemplo en Colombia la hora correspondiente sería el martes, 24 de marzo de 2015, 13:00:00

Podéis acceder al Hangout aquí, sólo los usuarios que pertenezcan al grupo Tutoriales en Google+ tendran acceso a participar en el Hangout.

Tambien diremos quién es el ganador del concurso para el asunto de los 20 euros a la mejor idea, aunque lo publicaremos con posterioridad.

Mil gracias a todos por el interés y nos vemos en vivo la semana que viene.

 

Nueva App con el Tutorial de Dreamweaver

icon-96-xhdpiHemos creado, con el tutorial de App con Dreamweaver, una nueva aplicación, completamente gratuita y de ejemplo para nuestros alumnos. La puedes descargar gratis para tu Android en Google Play.

Esta aplicación ha sido desarrollada en unas 3 horas, incluyendo la base de datos asociada y los scripts PHP que guardan los datos en una base de datos externa, no en el teléfono.

Básicamente la aplicación cuando se inicia por primera vez, comunica a la base de datos el Device ID, es un identificador único diferente para cada móvil o tablet. Si no existiera ese número en la base de datos actual, se insertaría, de forma que el usuario ya entra a formar parte del sistema al tener su dispositivo identificado.

Después, solo queda añadir las zonas, personalizadas para cada usuario, y memorizar cual es la última que se seleccionó.

Esta aplicación ha sido hecha siguiendo las pautas indicadas en el tutorial para hacer una App con conexión a MySQL, que se encuentra en http://www.dreamweaver-tutoriales.com/curso-videotutorial-app-android-dreamweaver.php, y donde también podrás adquirir si lo deseas el código fuente de esta aplicación para modificarla a tu gusto.

Web de Alumno: molleswem.net78.net

Hoy presentamos la nueva web de Victoria

1. URL de tu web:
http://www.molleswem.net78.net

2. ¿Con qué tutorial/es has hecho esta Web?:
Tutorial “Como hacer página Web con Dreamweaver y PHP” (sin suscripción)
Tutorial “TIENDA ONLINE” (75 capítulos, con suscripción)

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Tengo conocimientos de informática, pero esta es mi primera web.

4. ¿La Web esta operativa y es completamente funcional?
En principio, sí.

5. ¿Cuanto tiempo te ha costado desarrollarla?
3 meses, a ratos.

6. ¿Le falta algo a la Web que quieras poner en el futuro?
La presentación en el idioma del usuario. Publicarla con mi dominio. He visto que tratas el idioma en el Capítulo 41 de “Crear Web con DreamWeaver, PHP, MySQL… desde cero”. Pero no tengo acceso: Solo me suscribí al de la “Tienda Online”. Profundizar en el SEO.

7. ¿Has realizado SEO o marketing para promocionarla?
He colgado el sitemap en www.google.com/analytics/

8. ¿Algún comentario más?
Agradecer tu trabajo y en especial, la agilidad y claridad de las respuestas. Continuaré trabajándola. Pero hasta el verano no podré dedicarle mucho tiempo.

Impresionante nueva Web de Marcelo catchandopoliticos.com

Marcelo nos envía su fantástica Web, con una idea sorprendentemente curiosa, y que me ha llamado mucho la atención. Me voy a permitir poner el correo tal y como me lo envió Marcelo: “Te envío la dirección de mi proyecto web, el cual al revisarlo podrás ver que se diferencia bastante de la mayoría de las otras webs. Primero por el ámbito al que se encuentra enfocada y segundo por el diseño funcional implementado. Esta iniciativa necesita de difusión, porque funciona de manera colaborativa, no se que tan adecuado para esta iniciativa sean las herramientas SEO, por lo cual cualquier sugerencia la agradeceré y por supuesto cualquier apoyo con su difusión. Podrás encontrar que un usuario de España ya propuso a alguién que debería interesarte para bien o para mal. Ojala tengas tiempo para entender la propuesta. Un gran saludo desde el fin del Mundo. Marcelo.”

1. URL de tu web:
www.catchandopoliticos.com

2. ¿Con qué tutorial/es has hecho esta Web?:
Tutorial Creación y Red Social

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
No tenía experiencia formal, pero si algo de conocimiento teórico (muy básico) en lenguajes de programación antiquisimos como Pascal y C.

4. ¿La Web esta operativa y es completamente funcional?
La web está operativa y es completamente funcional, siendo más específicamente un sistema construido con tecnología web. Siendo lo más destacado la lógica de funcionamiento (diseño funcional), junto con el desarrollo conceptual de la idea.

5. ¿Cuanto tiempo te ha costado desarrollarla?
Más de un año, sacando los tiempos muertos, donde las ideas, creatividad se acababan y/o no aparecían. Hay un trabajo arduo de desarrollo conceptual, bases de datos, diseño funcional, diseño gráfico (aunque esta parte es la más débil, esta lejos de ser profesional y estético, hay un trabajo del concepto y layout)

6. ¿Le falta algo a la Web que quieras poner en el futuro?
Hacerla responsive, ya que como es un sistema, no es tan trivial hacerlo como si fuera una web con puros contenidos básicamente.
Optimizar las consultas a la base de datos.
Y un montón de funcionalidades que pueden ser implementadas de mejor manera.
Además incluir las herramientas de las redes sociales.
Bueno claramente el diseño gráfico.

7. ¿Has realizado SEO o marketing para promocionarla?
No aún. Tengo que adentrarme en ese tema. La difusión es vital para lograr el objetivo de la iniciativa.

8. ¿Algún comentario más?
Tenía una idea muy ambiciosa, que gracias a la calidad y claridad de los tutoriales pude materializar sin tener que depender de nadie más. Si bien todo lo que necesitaba no estaba en los cursos, me ayudó mucho también entender y usar la lógica de Jorge para investigar, solucionar e implementar cosas nuevas que necesitaba para mi web.
Invito a todo el mundo a visitar esta iniciativa que tiene por misión ser una herramienta social y colaborativa que nos ayude a “Mejorar la Calidad de Nuestros Representantes Políticos“, independiente del país que sea.

Pensando un nuevo tutorial

main¡Hola a todos!. Estamos dándole vueltas a ideas para realizar un nuevo tutorial, y queremos, como siempre, preguntaros, qué es lo que os gustaría que desarrolláramos. ¿Qué tipo de Web?, ¿Una Web de abogados, de venta de entradas?…Lo que tenemos claro es que será un tutorial completamente responsive desde el principio, preparado para todo tipo de dispositivos.

Siempre nos gusta hacer los tutoriales con un sentido, es decir, no “aprender a hacer Webs”, sino hacer una Web concreta, porque creemos que es la principal motivación y con ejemplos prácticos, es como de verdad se van quedando las cosas y aprendiendo para llegar a hacer lo que queramos o necesitemos, o mejor aún, lo que nos pida el cliente.

Para participar, sólo tenéis que comentar en este mismo blog o enviar un email a jorvidu@gmail.com como de costumbre. La idea que al final se lleve a cabo se llevará un premio de 20 Euros a canjear con la compra de cualquiera de nuestros tutoriales.