Tutorial Weebly

Page 1

Crea la teva web amb Weebly


Índex del tutorial 1. Pàgina principal de Weebly.

6. Editar el contingut de la web.

2. Crear un compte.

7. Format de la pàgina.

3. Posar-hi títol a la teva web.

8. Elements multimèdia.

4. Elements bàsics de disseny.

9. Afegir pàgines a la web.

5. Afegir elements a la pàgina.

10. Publicar la web. 11.Editar propietats de la web.


1. PĂ gina principal de Weebly

Anar a Weebly ara


2. Crear un compte. 1.Omple els camps en blanc. 2.Marca la casella de verificaci贸 acceptant les condicions del servei. 3.Fes click al bot贸

Nom d'usuari Contrassenya Correu


3. Posar-hi títol a la teva web.

Tria bé, aquest serà el títol principal de la teva web.

Mira com queda... 5


Aquesta és la teva web a Weebly. Ara només falta editar-la...

Aquesta pàgina és buida. Arrossega-hi elements aquí.

6


4. Elements bàsics de disseny de la web. D'esquerra a dreta: Paràgraf amb títol Paràgraf amb imatge Imatge Títol Paràgraf Dues columnes

Editar HTML Publicitat de Google

7


5. Afegir elements a la pĂ gina.

8


Aquesta pàgina és buida. Arrossega aqui els botons que necessitis: un paràgraf, un títol, una imatge,etc.

9


Els elements que afegeixes a la pàgina (títol, paràgraf, imatge...) es poden eliminar amb el botó de control. Et preguntarà si vols eliminar l'element i només has de fer click a

X

10


Recorda: arrossega aqui els botons.

11


MĂŠs possibilitats...

12


Altres combinacions...

Títol

Paràgraf

Imatges

Dues columnes

13


6. Editar el contingut de la web.

14


A partir d'aquest moment, ja pots teva pàgina.

editar els textos de la

Només et cal fer click a cada secció i començar a escriure!

15


Per a donar format al text, necessites la barra d'eines de text.

Primer et cal seleccionar el text, ĂŠs clar! Els botons de la barra... 16


Botons de la barra d'eines. Color de la font Alineaci贸 del text

Tamany de la font

Negreta Cursiva Subratllat

Crea un enlla莽 web

Desfer Refer

17


7. Donar format a la pĂ gina.

18


Tria un fons per a la teva web. Ves a la pestanya “Designs.” Passeja el punter del ratolí per sobre del catàleg d'imatges i mira la vista prèvia. Quan vulguis aplicar una, fes click.

19


Què et semblen?

Recorda que n'hi ha molts mĂŠs per a triar i que pots caviar-la quan vulguis.

20


8. Elements multimèdia.

Vols afegir un àlbum de fotos, penjar un arxiu, insertar un video o un mapa? Ves a la pestanya “Multimedia”.

21


Elements multimèdia.

Click a les següents imatges per a saber més:

Galeria de fotos

Arxiu

Video de Youtube

Mapa de Google

22


9. Afegir pàgines a la web. 1. Ves a la pestanya

2. Click a “Nova pàgina”

3. Escriu un nom per a la pàgina.

4. Click a “Desar”

23


10. Publicar la teva web.

24


Publicar la web requereix tenir un “domini” que faci possible localitzar la teva pàgina a la “www”. Aquesta serà accesible per a tothom que conegui la seva URL.

25


Seleccionar un nom pel teu domini.

Vegem-ne dues opcions:

Opci贸 A: subdomini de weebly.com Opci贸 B: registrar un nou domini (no 茅s gratu茂t).

26


Seleccionar un nom. Quan l'escriguis, Weebly et dirà si el teu subdomini està disponible.

El nom que he triat per al subdomini de Weebly és:

profelescorts2

27


11. Editar propietats de la web A la pestanya “Settings” pots canviar l'adreça de la web i editar el seu títol.

28


Recorda el que pots fer: Canviar l'adreça de la web. Editar el títol de la web: si no vols que es visualitzi el títol, desmarca la casella.

29


Fes-te'n una idea de com pot quedar...

PĂ gines afegides.

PĂ gines afegides.

30


Carregar fotos. Click per a carregar les teves fotos.

2. S'obrirĂ l'explorador de Windows. 3. Selecciona la teva foto.

31


Carregar arxius. Click per a carregar l'arxiu.

2. S'obrirĂ l'explorador de Windows. 3. Selecciona la teva foto.

32


Afegir video de Youtube. Escriu la URL del video.

Tamany

Posici贸

Click per a visualitzar les opcions d'aquest element.

33


Afegir mapa de Googlemaps. 1. Fes click a aquesta zona que envolta el mapa. ApareixerĂ la barra d'eines. 2. Escriu el nom del lloc que vols que aparegui al mapa.

34


Opcions per al mapa: Amplada Al莽ada

Posici贸

Mostra marcador al lloc 35


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.