Vés al contingut (premeu Retorn)

Sou a: Inici / Materials / 5. Plantilles avançades

Plantilles avançades

Disseny i funcionalitats

Com sempre, tenir clar que és el que volem fer des del principi.

Hem de tenir en compte que per editar les plantilles avançades o interactives és necessari tocar codi html. Per lo tant, tenir diverses estratègies d’ajuda. Editar còmodes fent ús d’eines alternatives d’edició html que ens permetin veure millor el codi i enganxar-ho a l’editor Tiny.

Familiaritzar-nos amb moure codi d’un editor a l’altre i amb les estructures de les plantilles avançades.

Pràctica

  • Anar al menu Pràctiques a la carpeta personal creada.
  • En una página crearem un carrusel amb 100% d’amplada (descarregant prèviament unes imatges adecuades o tractant-les si és necessari amb un editor d'imatges), a la següent fila crearem dos columnes: a l’esquerra un acordió i a la columna de la dreta un Titular i una taula. Finalment a la següent fila de 100% d'amplada, un conjunt de 4 pestanyes amb el contingut lliure que es vulgui afegir.
  • Anomenar a la plantilla nom_cognom_advanced.
  • Sol·lució