Tutoriales MyEgoo

En la entrega anterior dio los primeros pasos para tener su portfolio on line. Recuerde que para empezar a construir su página web, simplemente tendrá que ir a la dirección www.myegoo.com. Si no tuvo la oportunidad de seguir la primera entrega de este tutorial, puede hacerlo visitando la página web www.portfoliosdigitalfoto.com o en www.tutorialesmyegoo.com (Tutorial Digitalfoto I) y repasar como por 29€ al año usted podrá tener su propio dominio.com y una herramienta para crear de una manera muy sencilla su propia página web .

En este tutorial vamos a empezar donde lo dejamos el mes pasado, pero no se preocupe ya que podrá seguir los mismos pasos desde su web (o iniciando desde 0) y logrará un resultado muy parecido. Partimos desde la base que tenemos el contenido creado.

 Ahora vamos a personalizar la web con su propia foto de fondo y cambiando la visualización de la misma.
Una de las caracteristicas de su web en MyEgoo es que la foto de fondo de pantalla ocupa toda la pantalla, por ello tendrá que elegir muy bien dicha foto, desde el aspecto estético hasta su presentación para la correcta lectura del texto de su web.

Para subir un fondo hay una serie de limitaciones que usted tendrá que tener en cuenta, el peso máximo es de 3 MB y la resolución máxima es de 3600 x 2500 pixels.

Tenga en cuenta que no todos los monitores tienen la misma resolución por lo que si sube una foto  cuadrada y ve su web en un monitor panorámico perderá parte de la foto tanto por ariba como por abajo. Este recorte lo hace automaticamente el programa a no ser que usted le diga lo contrario en cuyo caso mostrará la fotografía al tamaño original (¡Ojo! si es muy grande se saldrá de la pantalla y si es muy pequeña dejará espacio sin cubrir).

La presentación de su web es muy importante ya que será su escaparate. Lo primero que tiene que tener claro es qué quiere mostrar en su página princial, ¿qué es lo más importante para usted? ¿su currículum?, ¿quizá su portfolio?, ¿o simplemente una buena foto de bienvenida y un menú  para que la gente vea el contenido?

Este será el resultado final:

 

 

1 Si siguió la primera entrega de este tutorial usted tendría que tener una página como la de la foto. Si no pudo seguirlo, regístrese en www.myegoo.com y siga los pasos para obtener su propia página web y siga este tutorial desde cero.

 

 

2            Cree un nuevo fondo con Adobe Photoshop En nuestro ejemplo, hemos creado un lienzo de  1280x1024 pixeles con nuestro nombre comercial, tipografía Helvética y a la derecha una imagen de una botella como recurso.

 

 

3 Suba el nuevo fondo. Una vez terminado el diseño en Photoshop y exportado a formato JPG, PNG o GIF, podrá subirlo a su web. Una vez subida la imagen, es importante que se asegure de desmarcar la casilla “Ajustar fondo a diferentes resoluciones

 

 

4 Dele más importancia a sus fotografías. En cada uno de los CONFIG de los módulos de contenido, desmarque la casilla que pone “Mostrar en la página de inicio“. Y en el CONFIG de sus fotografías ajústelo a la configuración que muestra la imagen.

 

 

5  Coloque el módulo de fotos. Ordene los elementos de la web, en este caso ponga sus fotografías en la zona “0“ de la web, para que ocupen todo el espacio y darle el protagonismo que buscamos

 

 

6  La magia del CSS. Por último, modifique el CSS, en Configurar/Editar CSS y copie el texto que aparece en la imagen. En esta ocasión ocultará algunos elementos de la página para buscar un diseño más minimalista.

 

 

body{;background-attachment:scroll}
#page{top:120px;Leith:40px;}
#tools,#title-header,.home .item .date,#album-preview-title
{display:none}

#page-wrapper{background-image:none}
#content{padding-top:20px}
#footer{border-top:0px;padding-top:60px}
.home .album  img{width:100px;height:100px}
.album .item{height:auto;width:auto}
.page .content{padding:0px}

.page .item img{margin-left:0px}

.home .item .date {display:none}

Y ya lo tendriamos!!

 

Veamos otros ejemplos:

7 La importancia del fondo. Muchos fotógrafos deciden recurrir a un fondo con una imagen suya. Ésta es otra buena opción que usted debe tener en cuenta a la hora de diseñar el fondo para su página web.

 

 

8 Más funcionalidades. Dedíquele un tiempo a pensar qué desea destacar en su página principal.Otra buena opción puede ser mostrar su currículum para que sea lo primero que lean sus usuarios cuando accedan a su página.

 

 

9 Una foto lo dice todo. No descarte tampoco la opción de eliminar cualquier contenido en su página principal para, de esta manera, darle todo el centro de atención a una única fotografía que pueda resumir sus trabajos.

 

 

En el próximo tutorial, hablaremos de la comunidad www.portfoliosdigitalfoto.com, y algunos trucos mas!!.