Disseny Web amb Imatges III

El primer serà veure l'exemple ;) A quí

Ara veieu que treballarem amb una sola imatge, un córner o cantonada:

1

Posarem papallones que em dóna que a algú li agradés ;) i amb les guies, marquem la cantonada, cuadrandola bé exacta, com indiquen les guies

La retallem i guardem com esquina1.

Mirall i guardar com esquina2

Flip i guardar com esquina3

Mirall i guardar com esquina4

-Ho tot fins tenir-lo de nou

Ara situem el cursor a la riba esquerra de la selecció de l'eina Tallar:

2

I tirem cap a la dreta, això és per no moure'ns de la guia, ja que necessitem que el 'tall' sigui ben exacte:

3

fins arribar al final de la papallona. Guardem com img1

Mirall i guardar com img2

Flip, img3, mirall, img4

Desfem tot, girar ara la selecció de Tallar per des del racó, fer el mateix amb la part del costat inferior:

4

fins arribar al final del tot:

5

Tallar i guardarem com img5, mirall, img6, flip img7, mirall img8, el nom que tant se val, només hem de saber l'ordre. Crear el vostre propi ordre de les imatges ja sigui, lateralsuperior1 o abreujat, ltsup1, per exemple
o ltsupderch, ltsupizq. ltinfderch ... no, el cas és que a l'hora de inserir sapiguem com fer-ho perquè quedi perfecte.

Obrim un document i insertem una taula de 5 files i 5 columnes. Les cantonades o corners, racons ... van així:

cantonades

No oblidar comprovar la grandària de les imatges i inserir-lo en les cel · les superiors, les de baix no importa ja que mantindran la mida que marquen a les de dalt.

Les imatges 1, 2, 3 i 4, així: 7

Inserir també la mida en les cel · les superiors d'aquestes imatges. Les imatges 5, 6, 7 i 8, així:

8

Ara no importa posar la mida, però hem d'alinear les cel · les perquè les imatges quedin en el lloc que desitgem. Alineació de cel · Vertical ;) la cel · la on enviem la:

Imatge 5 Alineació Vertical Superior.

Imatge 6 Alineació Vertical Superior.

Imatge 7 Alineació Vertical Inferior.

Imatge 8 Alineació Vertical Inferior.

Seleccionem totes les cel · les centrals:

9

Anar a Modificar / Taules / Combinar Cel · les.

D'aquesta manera tindrem la zona central per inserir Continguts. Ens queden encara unes cel · les centrals on podrem inserir algun motiu que convine amb les imatges que hem fet servir per crear aquest disseny.

No oblidar aplicar els estils val??

Respondre