Web de Alumno: electrogarweb.com

Hoy presentamos la espectacular nueva web de Pablo Pérez, ¡enhorabuena!:

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

2. ¿Con qué tutorial/es has hecho esta Web?:
Tienda Online

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Web básicas con aplicaciones prefabricadas

4. ¿La Web esta operativa y es completamente funcional?
Si, todo en ella funciona

5. ¿Cuanto tiempo te ha costado desarrollarla?
Aproximadamente 1 mes

6. ¿Le falta algo a la Web que quieras poner en el futuro?
Es básicamente un catálogo de productos, así que es todo lo que el cliente requería

7. ¿Has realizado SEO o marketing para promocionarla?
Nada, solo url amigables, y alta en webmaster tools de Google

8. ¿Algún comentario más?
Un nuevo cliente satisfecho, gracias por las enseñanzas Maestro y vamos por mas!

Algunos secretos de Dreamweaver para hacer tu vida más fácil

dwccCon la nueva versión de Dreamweaver CC2015, los chicos de Adobe han añadido bastantes funcionalidades orientadas a la productividad. Aunque en su página está todo descrito, la verdad es que nos encontramos con un maremoto de novedades, y por experiencia propia, cuando son demasiadas, al final acabas por no utilizar ninguna. De esta forma, vamos a enumerar las que creo que destacan por su facilidad de uso, practicidad, y mejora de la eficiencia a la hora de hacer páginas Web:

1. Emmet. Es un plugin integrado dentro de DW que permite la codificación extra rápida, algunos ejemplos:

  • En una página HTML o PHP, escribe en la parte de código algunas de las sugerencias que te indico aquí y luego pulsa la tecla TAB:
  • !
  • a
  • form
  • img
  • La lista completa de abreviaturas en http://docs.emmet.io/cheat-sheet/

2. Colores de programación. Aunque esto ya es algo que se podía hacer en versiones anteriores, han puesto algunas opciones para seleccionar que resultan bastante interesantes. Hay que ir a Edición/Preferencias/Colores de código y seleccionar un tema. Yo suelo trabajar con Monaki, pero puedes escoger aquél que menos te queme los ojos, claro.

3. Búsqueda integrada de repetidos. En Edición/Preferencias/Vista Previa de tecnología, si marcamos el check de Activar resaltado de código, y luego vamos a nuestro código fuente de cualquier página, cuando seleccionemos con doble click cualquier palabra o grupo de palabras, se nos alumbrarán claramente aquellas que en todo ese archivo son iguales. Hasta que no lo pruebas no entiendes cómo has podido vivir sin esto. Viene genial para detectar errores de codificación muy rápidamente.

4. Bootstrap. Gran trabajo de integración con este framework ideado para hacer páginas responsive. Nada mejor que un vídeo para mostrar sus posibilidades. Necesitarás sin embargo algo de conocimiento de boostrap, te recomiendo que le eches un vistazo al curso de Web responsive.

Hay muchas más ventajas y novedades, ¿utilizas algo de ellas que no es habitual y te soluciona la vida?, compártelo o coméntalo aquí mismo con nosotros y así todos seremos más eficientes.

Saludos

 

Ya está el examen listo para el curso de Web Responsive

ID-10033812

Acabamos de publicar el examen correspondiente al curso de Web responsive, de forma que si estás inscrito en ellos y tienes acceso a los exámenes y certificados, puedes conseguir 20 puntos más en el ranking global de alumnos certificados.

Se trata de 20 preguntas completamente nuevas que te darán la posibilidad, una vez esté el examen aprobado, de imprimir en PDF tu certificado para el curso Web Responsive.

Ya son más de 90 alumnos los que han superado diferentes exámenes y lo han utilizado en entrevistas de trabajo. No esperes más para conseguir tu certificado.

¡Saludos y mucha suerte!.

Dreamweaver y Boostrap… ¡llegó el matrimonio!

dwbootSi, efectivamente, parece que por una vez los de Adobe han dado su brazo a torcer y en la nueva versión de Dreamweaver CC (2015), integra perfectamente el Framework Boostrap que explicamos en el último Tutorial de Web Responsive.

Alrededor del 12 de Junio de 2015, desde el actualizador de Creative Commons se nos anunciaba que la nueva versión de DW estaba lista, y nos lo anunciaba con una página donde explica todas las novedades, las más destacadas a mi parecer, el completado de código y la adaptación a Bootstrap. En estos dos links podéis ver un par de vídeos breves que explican estas funcionalidades.

Incluso han hecho un apartado nuevo para poder ver los media queries integrados en los CSS, un generador de plantillas para Bootstrap y u nbloque nuevo y entero para incrustar la mayoría de objetos Bootstrap en nuestro código, sin rompernos la cabeza.

Obviamente, esta versión es exclusiva para los usuarios de pago, por 25 € al mes podéis disfrutar de la versión más moderna de Dreamweaver y disfrutar de todas sus novedades, que al fin y al cabo se reducen a productividad, que no es poco.

Desafortunadamente no todo son buenas noticias, pues no han hech onada para la conexión a bases de datos como estaba en la CS6, ¿habrá que esperar aún más?… ojalá que no.

¡Enhorabuena!

Web de Alumno: lalegionofertas.com

Hoy presentamos la espectacular nueva web de José López:

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

2. ¿Con qué tutorial/es has hecho esta Web?:
Tienda Online

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Un poco de php y mysql con el editor dreamweaver, pero muy básico.

4. ¿La Web esta operativa y es completamente funcional?
Si esta operativa, pero aún hay 2 detalles por organizar.

5. ¿Cuanto tiempo te ha costado desarrollarla?
Aproximadamente 3 meses, trabajando 3 o 4 horas entre días.

6. ¿Le falta algo a la Web que quieras poner en el futuro?
Más adelante le agregare el método de pago online, por ahora solo consignación y transferencia.

7. ¿Has realizado SEO o marketing para promocionarla?
Realice los pasos de SEO que se indican en el tutorial

8. ¿Algún comentario más?
La verdad pensaba que toda mi vida estaría diseñando páginas estáticas, que no lograría desarrollar una página dinámica, pero gracias a estos magníficos tutoriales del profe, logre terminarla y en estos momentos estoy terminando otra página de similares características, hice varias consultas a través del soporte y muchas gracias a todos los que me ayudaron con las respuestas.

HangOut 3: El nuevo tutorial responsive en profundidad, preguntas, cuestiones…

Ya hemos realizado nuestro tercer Hangout al que podéis acceder al final de este artículo. Hemos comentado algunos detalles más en profundidad de este extenso tutorial, al que podéis acceder en la página de los vídeos.

Comentamos y vemos ejemplos del chat, MySQLi aplicado a DW, y cómo se gestionan los calendarios explicados en la Web. En el próximo Hangout explicaremos una herramienta CASE. Seguro que os va a gustar. Saludos y gracias por estar ahí.

Pasar una Web standard a Responsive

what-is-responsive-web-design-700x466Hoy mismo hemos inaugurado http://www.dreamweaver-tutoriales.com como responsive. Ahora ya está visible en móviles y tablets, con su contenido adaptable.

En el último tutorial, explicamos, del capítulo 95 a 100, como transformar una Web “antigua” a formato responsive, utilizando Bootstrap, concretamente lo hacemos con la Web resultante del tutorial Tienda online Extra. En estos vídeos explicamos paso a paso cómo transformar todo para que Google no nos penalice en resultados de búsqueda en móviles y tablets.

Aquí tenemos la Web como estaba antes: http://webantigua.dreamweaver-tutoriales.com/ y como queda ahora: http://www.dreamweaver-tutoriales.com

El tiempo de transforma una Web a estado responsive depende mucho del tipo de Web y sobre todo del número de páginas de la misma. En concreto, la de http://www.dreamweaver-tutoriales.com nos ha costado alrededor de unas 5 horas, y aún tenemos pendientes algunos detalles como formularios, etc…

Es evidente que ésta es una línea de negocio que no debéis dejar pasar a aquellos que os dedicáis a la producción de páginas Webs para clientes, o a aquellos que tenéis vuestra propia Web y queréis que se vea en todos los formatos disponibles.

Desafortunadamente no existe, y dudo que exista en el futuro, un transformador automático a responsive, ya que cada Web está hecha con un formato concreto, y sería prácticamente imposible analizar las dependencias entre capas, tablas, etc… por lo que se convierte en un trabajo manual a realizar por un profesional, y ahí entráis vosotros.

Me encantaría que me contarais vuestra experiencia en este nuevo canal de negocio.

Saludos
Jorge

HangOut 3: El nuevo tutorial responsive en profundidad, preguntas, cuestiones…

hangouts-11-copy

El próximo martes a las 19.00 hora de España haremos un vídeo en directo, presentando las características del nuevo tutorial, y atendiendo preguntas y sugerencias. ¡Os espero!.

Probaremos el chat directo, explicaremos cómo hemos organizado el tema de MySQLi y veremos algunas cosas, que si bien no están explicadas en el vídeo de presentación, me gustaría mostraros.

El Hangout será el próximo Martes 2 de junio 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, 2 de junio de 2015, 13:00:00

Podéis acceder al Hangout aquí, y podéis realizar preguntas como hicimos en los anteriores directos.

Mil gracias a todos por el interés y nos vemos en vivo la semana que viene. Cualquier sugerencia, comentando este post o por e-mail, como siempre.

Web de Alumno: davidcatalan.es

Hoy presentamos la nueva web de Alberto:

1. URL de tu web:
http://davidcatalan.es

2. ¿Con qué tutorial/es has hecho esta Web?:
Tienda online y red social y alguno más de jquery y ajax que encontre por la red.

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Curso de 180h en visual basic y muchos tutoriales de la web de HTML y CSS ,JavaScript, PHP Y JAVA.

4. ¿La Web esta operativa y es completamente funcional?
Si

5. ¿Cuanto tiempo te ha costado desarrollarla?
Tres semanas, en mi ratos libres

6. ¿Le falta algo a la Web que quieras poner en el futuro?
La tienda online.

7. ¿Has realizado SEO o marketing para promocionarla?
SEO: el básico.
MARKETING: en redes sociales.

8. ¿Algún comentario más?
Gracias a Jorge por compartir su sabiduría.

Web de Alumno: globosestrellamagica.com

Hoy presentamos la nueva web de Juan

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

2. ¿Con qué tutorial/es has hecho esta Web?:
La verdad que con un poco de este, un poco de aquel..
es decir, con todos los conocimientos adquiridos los tutoriales de Jorge,
ya que tengo todos los tutoriales y son buenísimos y recomendables.

3. ¿Tenías experiencia anterior? ¿La puedes detallar?:
Poca o nula…

4. ¿La Web esta operativa y es completamente funcional?
Si

5. ¿Cuanto tiempo te ha costado desarrollarla?
Uffffff. La verdad no sabría decir ya que la he hecho en tiempos muertos,
ya que dispongo de poco tiempo, pero ha valido la pena…

6. ¿Le falta algo a la Web que quieras poner en el futuro?
Seguro que si. Pienso que cualquier web es mejorable aunque se piense
que esta terminada siempre hay algo en que se puede mejorar…

7. ¿Has realizado SEO o marketing para promocionarla?
Si. Url´s amigables, etiquetas, redes sociales,… pero de pago no.

8. ¿Algún comentario más?
Esta web lleva activa mucho tiempo, la hice primero en wordpress, luego en
joomla, y al final me decidí a hacerla completamente por mi, a base de aporrear
las teclas y con los conocimientos que Jorge nos da.

Simplemente agradecer a Jorge y a todos los tutos ya que sin ellos no hubiera
sido posible el realizar las webs que he realizado..