Archivo de la etiqueta: diseño web

Incluir el nuevo botón ‘Enviar’ de Facebook en tu página web

Facebook

Cuando se cumplen 12 meses de vida del botón “Me gusta”, llega a Facebook el botón “Send”“Enviar”, cuyo propósito es de facilitar compartir páginas entre grupos privados.

Con este botón puedes compartir una página con:

  • Una selección de tus amigos → llega un aviso en la bandeja de actualizaciones.
  • Un o varios grupos de Facebook → la noticia se publica en el muro del grupo.
  • Vía correo electrónico (uno o varias personas), un primer paso hacia una fusión del correo electrónico y los mensajes con Facebook Message.

¿Cómo colocar el botón “Enviar” en mi página web o blog?

Ahora que sabemos lo que es y significa este botón, ya lo podemos colocar en nuestra portal o blog. Es bien sencillo. Acudimos a la página de desarrolladores de Facebook, en concreto a este enlace que Facebook ha desarrollado para colocar el botón enviar en nuestra página.

Botón enviar

Como configurar el enlace

Continuar leyendo

Anuncios

Ejercicio final

En la recta final del curso de “Diseño web y Multimedia” nos toca realizar un proyecto final para mostrar que sabemos emplear los contenidos aprendidos. En mi caso he realizado una página personal sobre mis trabajos, espero que os guste.

http://beatrizl.be.funpic.org/portfolio

Portfolio Beatriz López

Portfolio Beatriz López


Ejercicio página web con elementos en Flash

Esta semana hemos estado realizando una práctica de una página web realizada con Dreamweaver que incluya varios elementos creados con Flash, como la cabecera, el menú y en mi caso algunas imágenes con aminaciones.
El tema de la página es una clínica veterinaria, como siempre, ficticia.

Podéis verlo aquí:

http://beatrizl.be.funpic.org/clinica

Clínica veterinaria "Los Cachorros"

Clínica veterinaria “Los Cachorros”


Ejercicios con Flash CS3

El curso de “Diseñador web y multimedia” avanza y después de haber visto los aspectos más básicos, estamos haciendo prácticas con distintas escenas y botones que nos permitan interactuar entre ellas.

Aquí os dejo dos ejercicios, uno con avances en la línea de tiempo de forma secuencial mediante botones y otro con varias escenas guiadas a través de botones.

http://beatrizl.be.funpic.org/flash

Dos ejercicios con Flash CS3


Ejercicio Dreamweaver con marcos

Para terminar con Dreamweaver, y antes de meternos de lleno con Flash, nos toca hacer una práctica con marcos.
El ejercicio es de tema libre, yo he elegido una página con información de la localidad de Móstoles.
Se nos pide crear una estructura de marcos en la que el marco de arriba sea el logo y el banner, el de la izquierda el menú y en la derecha el contenido. Para los contenidos se nos piden páginas creadas por nosotros, algún enlace con una pagina externa y algún iframe.

Podéis ver el resultado aquí:
http://beatrizl.be.funpic.org/mostoles
http://beatrizl.be.funpic.org/mostoles


Ejercicio Dreamweaver con Spry

El curso de Diseño Web continua, hoy nos toca hacer una web usando Spry de Dreamweaver.
El ejercicio es sobre una óptica, en cada una de las páginas del sitio web usaremos un tipo distinto de Spry.
El menú está hecho con una “barra de menús de Spry”, la página del catálogo está hecha con “panel en fichas de Spry”, la página de las tiendas con “acordeón de Spry”, etc.

Podéis verlo aquí:
http://beatrizl.be.funpic.org/optica

http://beatrizl.be.funpic.org/optica


Ejercicio Dreamweaver hojas de estilo CSS

Esta semana estamos aprendiendo a utilizar las hojas de estilo CSS,  que ayudan a crear páginas web más atractivas y fáciles de modificar. Gracias a las hojas de estilo CSS podemos tener un diseño mucho más cuidado y ordenado.
El ejercicio que nos ha propuesto el “profe” era sobre un teatro (en mi caso ficticio). La mayor parte del trabajo se ha llevado el definir bien los estilos CSS, de las tablas, los textos, los colores… en la primera pagina web, el resto de paginas del sitio son modificaciones de la primera. He de reconocer que no me he esforzado mucho en el tema de colores y textos, porque se trata de poder cambiarlos con facilidad.

Podeís ver aquí el resultado:
http://beatrizl.be.funpic.org/teatro

Teatro Principal