Com Fer Una Tapa De Goma

Taula de continguts:

Com Fer Una Tapa De Goma
Com Fer Una Tapa De Goma

Vídeo: Com Fer Una Tapa De Goma

Vídeo: Com Fer Una Tapa De Goma
Vídeo: Bowl covers o tapas de tela ecológica 2024, De novembre
Anonim

La part superior del lloc, que també s’anomena capçalera, sol reflectir el tema del recurs i pot contenir una barra de navegació. Si la capçalera del lloc té una amplada determinada, a les pantalles dels usuaris amb resolucions diferents, aquesta part del lloc tindrà un aspecte diferent. Per tal que la capçalera del lloc tingui el mateix aspecte en qualsevol pantalla, és necessari que algunes de les seves seccions s’estenguin o es redueixin en funció de la mida de la pantalla. Aquest tap de goma es pot fabricar sense fixar l’amplada en píxels.

Com fer una tapa de goma
Com fer una tapa de goma

Necessari

tenir el seu propi lloc web

Instruccions

Pas 1

Per fer una tapa de goma, primer dibuixa-la a Photoshop. A continuació, separeu 3 parts de la imatge: 2 costats i el centre. Aquestes peces haurien de tenir entre 10 i 20 píxels d'ample i aproximadament l'altura de la capçalera que vulgueu. Deseu cada element de manera que tingueu 3 fitxers diferents: 1.gif, 2.gif, 3.gif. Envieu aquestes imatges al lloc.

Pas 2

A continuació, creeu una taula que contingui els elements a la part superior del lloc. Per fer-ho, escriviu al codi HTML:

Una taula amb un ample del 100% s’estirarà o es reduirà en funció de la mida de la pantalla de l’usuari.

Pas 3

Feu una línia a la taula, a la cel·la de la qual col·loqueu el costat esquerre de la capçalera del lloc 1.gif:

Pas 4

Creeu una secció central de la capçalera del lloc que consisteixi en una imatge 2

.header {background-image: url ('images / 2.gif');}

Pas 5

Ara, en una fila de la taula, creeu una altra cel·la i col·loqueu-hi l'element central de la part superior del lloc, assenyalant la capçalera del seu nom al codi CSS:

Nom del lloc

>

Pas 6

Un cop creada la tercera cel·la de la fila de la taula, col·loqueu la part dreta de la capçalera del lloc 3

Nom del lloc

Recomanat: