Nuevo tutorial. Cómo hacer web responsive con acceso a datos

Después de varios meses de trabajo, y de escuchar vuestras necesidades y prioridades, hemos terminado la primera parte del trabajo, nada menos que 100 vídeos donde vamos a explicar estas 3 partes:

1 – Crear una Web responsive desde cero con Boostrap (www.webdealquileres.com)
2 – Utilizar una plantilla gratuita o de pago, y adaptarla para poder trabajar cómodamente con ella, para generar páginas Web de una forma eficiente y rápida.
3 – Actualizar una Web para hacerla responsive, en este caso adaptamos la Web de la tienda online. Te servirá básicamente para cualquier tipo de Web.

La información del tutorial la tenéis en http://www.dreamweaver-tutoriales.com/curso-videotutorial-como-hacer-web-responsive.php

La publicación de los vídeos estará lista el lunes 25 de mayo, pero de momento hemos puesto ya el capítulo de presentación para ir abriendo boca:

Esperamos que cumpla vuestras expectativas y atentos a la promoción de lanzamiento que tendrá lugar la misma semana del estreno. Muchas gracias a todos por vuestra colaboración y por seguirme.

Un abrazo.

Web de Alumno: padmaodontologiazen.com

Hoy presentamos la nueva web de Percy

1. URL de tu web:
http://www.padmaodontologiazen.com

2. ¿Con qué tutorial/es has hecho esta Web?:
Crear Web con Dreamweaver, php, Mysql, para navegadores Pads y moviles desde cero

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Esta es mi segunda página, esta la hice dinámica.

4. ¿La Web esta operativa y es completamente funcional?
Sí, Es una web que funciona como Blog, el único problema es que por momentos salta un error de conexión, sospecho que es por que aun esta en Mysql.

5. ¿Cuanto tiempo te ha costado desarrollarla?
Me tarde dos Meses en hacer esta página.

6. ¿Le falta algo a la Web que quieras poner en el futuro?
Si, le haré algunos arreglos en la parte visual, y aumentar datos, que eso lo haré por medio de la base de datos.

7. ¿Has realizado SEO o marketing para promocionarla?
He utilizado SEO básico.

8. ¿Algún comentario más?
Felicitar a Jorge por sus tutoriales que son un Gol y estoy a la  de seguir otro tutorial.

Avance del nuevo videotutorial

nuevotutorialEstamos trabajando ya varios meses en lo que será el nuevo tutorial, y ya podéis echar un vistazo  al boceto de lo que será la Web que se creará con el mismo. Este tutorial constará de 3 partes:

  • Crear una web responsive desde cero con acceso a datos, se tratará de una Web de alquileres de propiedades y pistas.
  • Aprender a preparar una plantilla responsive gratuita o de pago para adaptarla a nuestras necesidades
  • Modificar una Web que ya tengamos hecha a responsive. Lo haremos con la Web de la tienda online.

La Web donde estamos poniendo el desarrollo está en http://www.webdealquileres.com y aunque todavía no está completa, le podéis echar un vistazo, registraros y manipular su contenido.

Estamos muy contentos de como está quedando, y sobre todo la funcionalidad interna que le estamos aplicando. De momento se permite dar el alta de nuevas propiedades, seleccionar las fechas que no estarían disponibles, efectuar la reserva, realizar al pago por Paypal, mostrar una galería de las imágenes de cada propiedad, calcular las fechas disponibles de una propiedad, subir imágenes múltiples, etc… Todo ello en un entorno responsive que se adaptará a cualquier dispositivo.

Hasta la fecha llevamos más de 60 capítulos de unos 15 minutos cada uno, como habitualmente y en pocas semanas lo publicaremos para que podáis suscribiros. Atención porque en la primera semana habrá importantes descuentos para los más rápidos.

Esperamos vuestras opiniones y sugerencias. Como os comentamos, aun no está terminada, pero estábamos tan ansiosos de mostraros algo ya, que no hemos podido esperar más.

Web de Alumno: sirjhosep.comoj.com

Hoy presentamos la nueva web de Jose

1. URL de tu web:
http://sirjhosep.comoj.com/

2. ¿Con qué tutorial/es has hecho esta Web?:
Un poco de todos, pero me apoye mas de de la tienda online para la administracion y la forma de publicar los contenidos.

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Aunque soy Licenciado en Informatica no he logrado realmente ejercer, hice un par de programas en mi ciudad natal pero ha sido todo por el momento. Actualmente estoy buscando trabajar por mi cuenta en diseño web y/o programacion en C#

4. ¿La Web esta operativa y es completamente funcional?
Si, pero igual le faltan algunas mejoras

5. ¿Cuanto tiempo te ha costado desarrollarla?
Mas o menos en una semana

6. ¿Le falta algo a la Web que quieras poner en el futuro?
Tal vez un chat.

7. ¿Has realizado SEO o marketing para promocionarla?
Solo compartiendo el link en diferentes paginas de facebook

8. ¿Algún comentario más?
La pagina trata sobre terror, misterio, y demas contenido similar, actualmente estoy trabajando en otros proyectos, como un blog en el cual pienso poner este y diferentes trabajos realizados por mi. Y pues tambien, cualquier duda o sugerencia es bien recibida, y aunque no lo he podido revisar bien, parece que mi formulario de contacto no funciona del todo bien

Herramienta de extracción de PDF: Able2Extract 9

convert to file typesRecientemente ha llegado a mis manos un software de evaluación de algo que nos puede sacar de bastantes apuros, se trata de un convertidor y generador de archivos PDF, se trata del Able2Extract 9, que cuenta con las siguientes características:

–   Es compatible con los plataformas Windows, Mac y Linux
–   Convierte PDF a varios formatos editables (PDF a MS Office, OpenOffice , AutoCAD , Imagen , HTML , etc. )
–   Edición de páginas PDF (borrar, cambiar el tamaño , mover, escalar, rotar , ajustar las preferencias de visualización )
–   Crea archivos PDF profesionales desde casi cualquier formato ( protección con contraseña , la protección de la impresión .. )
–   Ofrece conversión personalizada de PDF a Excel ( fusionar filas / columnas , agregar dividir tablas ..)

PDF to excel conversion panel

En concreto mencionaros la utilidad para extraer documentos PDF de los que no contamos con un Word o Excel previo, pues nos puede ahorrar varias horas de trabajo reescribir o adaptar a Word o a Excel un documento del que queramos hacer uso. No es recomendable generar un PDF a base de pantallazos y cuadrarlo imagen por imagen en un Word. Con esta herramienta extraemos como texto, imágenes y estructura, prácticamente cualquier PDF.

La exportación a Excel resulta muy cómoda y el preci odel software merece la pena, ¿Cuántas veces hemos tenido que transformar un PDF  y nos ha llevado horas cuadrarlo?, con esta herramienta, será lo más fácil del mundo, os recomiendo que le echéis un vistazo, el precio es más que razonable para la cantidad de horas que nos puede ahorrar.

Saludos

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.