Tiendas

Bueno, también he hecho recientemente, y sigo aún en ello, las secciones de las tiendas, y lo he hecho en modo “spoiler” para que pueda desplegarse y recoger los productos no haciendo muy extensa y pesada la web, esto lo he hecho con JQuery, he tenido problemas en cuanto que pinchaba a la sección y no desplegaba, y he encontrado una línea que simplificaba todo el código que había hecho con un solo operador ternario. Las secciones de despliegue las he realizado simplemente con una lista y que el código de JQuery funciones solo al él, por lo que el fin del elemento de la lista será solo para el título de la sección.

El resultado con la integración de fotos incluida y demás es el siguiente:

Imagen

Anuncios

También una web móvil

Pues he terminado también una web móvil que esta disponible parcialmente ya que solo se puede acceder a Contacto y bueno…estoy teniendo algunos problemillas a la hora de volver a la página completa, que junto al profesor estamos intentando resolverlos, porque he probado con código PHP, Javascript…y nada funciona, y lo extraño es que al recargar la página funciona de forma correcta, por lo que parece que de primeras no sale del ámbito móvil.

Aqui una imagen de como es, también os dejo la web, aunque si vais a la web normal desde un dispositivo móvil os manda a ella por el script metido creado con el userAgent.match e indicando el dispositivo. También en la web completa, abajo a la derecha esta el enlace. Web Móvil.

Imagen

Terminada la primera entrega

Y aqui podeis visitarla…http://mercadotradicinal.comuf.com/index.html

Si quereis subir vuestra página a este sitio de forma gratuita seguir este link: http://www.000webhost.com/637796.html

Para una correcta visualización y como funciona la web de forma correcta es con Firefox, ya que hay problemas en safari y chrome con el slider en el índex o principal, que a veces funciona bien y otras que no, por ejemplo en chrome al cambiar dos veces seguidas de estilo entre el css, se comporta de manera normal y funciona correctamente.

Hay algunas cosas que cambiaré para la siguiente entrega en el slide con el color y la profundidad y que son mínimas, pero algo más bonito quedará.

Casi acabada la segunda entrega

Tengo que decir que ya esta casi terminada la segunda entrega, la primera oficial de la página web, y está con dos estilos por lo que podrá elegir uno más elegante, y de mayor calidad, y otro más liviano. Tengo que solucionar unos problemas con el cambio de estilo entre uno y otro y los cambios entre páginas, ya que no se guarda, por lo demás todo listo.

Aquí os dejo un par de imágenes del segundo estilo. La verdad estoy muy satisfecho con este otro porque no me ha hecho falta casi consultar foros, webs, trucos, sino simplemente con estilos que conocía y algunas técnicas que explicó el profesor en clase lo he logrado en mayor parte, lo único fue consultar Youtube par meter los vídeos, pero como el iframe no es apto para el W3C validator pues tuve que servirme de Globopedia para cambiar el iframe por una etiqueta válida como es object y así la validación con W3C sea correcta. Lo que no puedo conseguir es validar el CSS ya que con herramientas que necesitan  -webkit-, -moz-, -o-, -ms-, por ejemplo, me salta error en cada una de ellas y sin ellas el estilo no funciona correctamente.

Tras varios dias

Ya son unos cuanto días lo que llevo trabajando en la página web, en el primer css y casi principal con el que funcionará la web con total seguridad. Se ven ya los frutos del trabajo y aquí van algunos adelantos de lo que estoy realizando:

El pase de diapositivas requiere JavaScript.

La plantilla que he elegido está dando mucho juego, lo que me está facilitando las cosas.

La página puesta en Scoop.it por el profesor, http://www.cssplay.co.uk, ofrece muchos trucos y elementos estéticos que son bonitos pero difíciles de adaptar y manipular, lo que ha dado mucha guerra. Todo lo que estoy realizando está en CSS3, ya que tiene mucho juego y puedes realizar autenticas virguerías. Los bordes redondeados, para incluir algo de JQuery lo he hecho con ello, aunque también se pueda hacer con CSS3. Me descargue el código para realizarlo de http://jquery.malsup.com/corner/

Las imágenes que se van a exponer en el proyecto están hechas con Photoshop CS6, lo que quizás pueda ser un problema por el peso de las imágenes aunque serán muy pocas, pero las soluciones y la paleta de colores con la que jugar será muy amplia.

Poco a poco esto toma forma y me gusta como esta quedando, no se a vosotros.

Aqui os dejo como han sido las imágenes y la evolución de las imágenes.

Con la herramienta de selección rápida, he seleccionado tanto mi cuerpo como el del muñeco que esta junto a mi fumando, y la he copiado a otra imagen de fondo transparente, la cual he redimensionado para adaptarla a la imagen de la universidad que era mucho más pequeña, nos he puesto tumbados para que parezca más real.

Después he realizado la forma de bocadillo y he introducido un texto dentro de él pintándolo, y así finaliza la imagen.

Ha sido complicadísimo trabajar con ello porque se cerraba cada dos por tres el navegador por fallos.

Aquí están las imágenes con y sin retoque:

El pase de diapositivas requiere JavaScript.