Your SlideShare is downloading. ×
5.1.Disseny i aspecte estètic
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

5.1.Disseny i aspecte estètic

526
views

Published on

Published in: Technology, Business

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
526
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Planta't a Internet! Telejet Garrotxa Professor: Marc Nicolau
  • 2.
    • Per poder canviar l’aspecte estètic del web creat amb Joomla!, cal entendre el concepte de plantilla
    • Les plantilles (o templates ) de Joomla donen l’aspecte estètic de la web.
    • Joomla separa els continguts del disseny .
      • Permet canviar en un moment el disseny del web sense haver de canviar els seus continguts ni organització.
      • Quan s’instal·la el Joomla, ja porta unes plantilles preinstal·lades: Beez, JA_Purity, Rhuk_Milkway (en la versió 1.5.23)
    • A Internet hi ha milers de plantilles per descarregar (gratuïtament o pagant) i instal·lar al nostre web fet amb Joomla.
  • 3.
    • On trobar plantilles per descarregar?
      • http://www.joomlaxe.com
      • http://www.joomlatp.com
      • http://www.djoomla.com/component/joomla-15-downloads/template-joomla-15
      • http://templatewebshop.com/index.php/Joomla-1.5/
      • http://www.siteground.com/joomla-hosting/joomla15-templates.htm
      • http://www.joomla24.com/Joomla_1.5.x_Downloads/Joomla_1.5_Templates.html
      • http://www.youjoomla.com/free-joomla-downloads-2.html
      • http://www.joomlart.com/joomla/templates/showcase
      • http://www.rockettheme.com/Free-Joomla-Templates/
      • http://www.joomlashack.com/index.php?option=com_content&task=view&id=171&Itemid=43
  • 4.
    • Hi ha 2 tipus de plantilles:
      • Plantilles del lloc web
        • Controlen l’aparença del front-end
      • Plantilles de l’administrador
        • Controlen l’aparença del back-end
  • 5.
    • El Gestor de plantilles permet instal·lar i gestionar les plantilles.
    • La vista inicial mostra un llistat de les plantilles instal·lades (del front-end i del back-end ).
  • 6.
    • Accés:
      • Extensions  Gestor de Plantilles  Lloc
  • 7.
    • Botons de la barra d’eines:
      • Serveix per indicar quina és la plantilla que s’utilitza.
      • Permet editar la plantilla seleccionada.
      • Mostra ajuda sobre el gestor de plantilles.
  • 8.
    • Informació de les columnes:
      • # : número d’ordre de la plantilla
      • : botó de selecció de la plantilla
      • Nom : el nom de la plantilla. Si es passa el mouse per sobre d’aquest nom, es mostra una finestra de previsualització de la pantilla.
      • Per defecte : és la plantilla utilitzada com a plantilla del lloc web (només n’hi pot haver una de seleccionada)
      • Assignat : indica si la plantilla està assignada a alguna de les pàgines del lloc.
      • Versió
      • Data
      • Autor
  • 9.
    • Accés:
      • Extensions  Gestor de Plantilles  Administrador
  • 10.
    • Editar una plantilla:
      • Marcar el botó de selecció de la plantilla
      • Prémer el botó Edita
  • 11.
  • 12.
    • Botons de la barra d’eines:
      • Mostra el lloc web amb la plantilla seleccionada
      • Permet editar el “codi” de la plantilla. Només fer-ho si es tenen coneixements tècnics.
      • Permet editar el “codi” d’estils de la plantilla. Només fer-ho si es tenen coneixements tècnics.
      • Guarda els canvis fets i tanca la finestra d’edició.
      • Guarda els canvis fets sense tancar la finestra.
  • 13.
    • Elements que es poden modificar d’una plantilla:
      • Detalls : mostra informació sobre la plantilla.
      • Assignació de menú : permet assignar la plantilla a un menú concret.
        • Útil si es vol que una secció del lloc web tingui una aparença diferent.
      • Paràmetres: permet canviar certs aspectes de la plantilla.
        • Per cada plantilla, els paràmetres que es poden canviar són diferents.
  • 14.
    • Accés:
      • Extensions  Instal·la/Desinstal·la  Instal·la
  • 15.
    • Tres formes d’instal·lar una plantilla:
      • Instal·lar el paquet comprimit
        • Permet “pujar” un paquet o carpeta de fitxers comprimits (zip), que s’instal·larà automàticament al servidor web .
        • Botó Examinar…  per seleccionar on es troba el fitxer dins l’ordinador.
        • A continuació, prémer el botó Puja l’arxiu & Instal·la
        • Si tot va bé, es mostra un missatge confirmant que s’ha instal·lat correctament.
  • 16.
    • Tres formes d’instal·lar una plantilla:
      • Instal·lar des d’un directori del servidor
        • Cal tenir coneixements més tècnics, ja que prèviament s’han d’haver transferit tots els fitxers de la plantilla al servidor.
        • Cal escriure la ubicació on es troben els fitxers.
        • A continuació, prémer el botó Instal·la
      • Instal·lar des d’una URL
        • Permet indicar una adreça web, on hi hagi el paquet, sense necessitat de descarregar-lo prèviament.
  • 17.
    • Accés:
      • Marcar la casella al costat de la plantilla que es vol desinstal·lar.
      • A continuació, prémer el botó de la barra d’eines.
      • Extensions  Instal·la/Desinstal·la  Plantilles
  • 18.
    • Webs construïdes amb Joomla!
      • http://www.naturaiaventura.cat/
      • http://www.iesbosccoma.cat/cf
      • http://www.inmobachiller.com
      • http://sapas.webempresa.com
      • http://www.todoaudiophony.com
      • http://eurorents.webempresa.com
      • http://baltyka.webempresa.com
      • http://www.seriportsl.com
      • http://www.moscardo.com