UVIC - UCC
Web
Web
  • Inici
  • Nocions bàsiques d'HTML
    • Colors
  • Nocions bàsiques del web
  • Contingut
    • Text
    • Taules
    • Imatges i documents
    • Formularis
  • Components
    • Desplegables
    • Caixes de contacte
    • Pestanyes
    • Cartes (cards)
    • Marcs
    • Botons
    • Alertes
    • Icones
    • Carousel
  • Disposició
    • Columnes
  • Accessibilitat
    • Imatges
    • Enllaços
Con tecnología de GitBook
En esta página
  • L'Editor de text
  • Com donar format bàsics als textos
  • Enllaços
  • Glossari relacionat amb els enllaços
  • Com s'afegeix un enllaç
  • Encapçalaments
  • Títols
  • Estils especials
  • Com fer copiar i enganxar
  • Com s'elimina un enllaç
  • Llistes
  • Opcions addicionals de les llistes
  1. Contingut

Text

El text té més possibilitats de les que et penses!

AnteriorNocions bàsiques del webSiguienteTaules

Última actualización hace 5 años

L'Editor de text

L'editor web permet aplicar els estils següents al text:

Com donar format bàsics als textos

Per posar una negreta no cal tocar el codi ja que només hem de seleccionar un text i clicar el botó referent a la negreta:

  • negreta

  • cursiva

  • subratllat

  • ratllat

  • superíndex

  • subíndex

Aquestes opcions estan disponibles des de la barra d'opcions de l'editor:

No hi ha cap opció per modificar el color del text o la mida de la tipografia. El motiu és que els formats del web han de ser coherents i cal que es mantingui sempre la mateixa jerarquia d'encapçalaments.

Enllaços

Els enllaços són textos que, en clicar-los, et redirigeixen a una altra pàgina o a una posició diferent de la pàgina en la qual estàs navegant.

Glossari relacionat amb els enllaços

Una URL (Uniform Resource Locator) és una l'adreça que identifica un lloc web concret i que s'utilitza per redirigir l'usuari.

Un enllaç trencat és un enllaç que redirigeix a una URL en la qual no hi ha res.

Tipus d'enllaços

  • Un enllaç intern és un enllaç que redirigeix a un altre node del mateix web.

  • Un enllaç extern és un enllaç que redirigeix a un node de fora del nostre web.

  • Un enllaç a un mail és un enllaç que obre una finestra per enviar un correu electrònic a l'adreça enllaçada.

  • Una àncora és un enllaç que porta a un punt concret d'una pàgina.

Com s'afegeix un enllaç

Per afegir un enllaç entre dues pàgines cal que estiguis dins de l'editor del node i:

  1. Seleccionis el fragment de text que ha de ser clicable.

  2. Cliquis la icona de l'enllaç (🔗).

  3. Observis que s'obre un menú emergent.

A partir d'aquí el procediment canvia segons el tipus d'enllaç que necessitis crear:

Per crear un enllaç intern cal tenir present que a vegades les URLs de les pàgines del nostre web canvien. Per evitar que un enllaç es desactualitzi, el web uvic.cat té un sistema de URLs permanents. Per exemple:

Per crear un enllaç entre dues pàgines d'uvic.cat cal que estiguis dins de l'editor del node i:

  1. Cliquis la icona similar a 🔗.

  2. Observis que s'obre un menú emergent.

  3. Al desplegable 'Tipus d'enllaç', seleccionis 'Internal Path'.

  4. Al camp 'Enllaç' hi escriguis el títol de la pàgina a on vols redirigir.

  5. Guardis els canvis i comprovis que funcioni l'enllaç.

En aquest últim pas veuràs que si deixes d'escriure una estona apareix un desplegable amb els títols que coincideixen amb el que has escrit. Ull, perquè hi pot haver pàgines amb el mateix títol.

Per crear un enllaç entre dues pàgines, cal que estiguis dins de l'editor del node i:

  1. Cliquis la icona similar a 🔗.

  2. Observis que s'obre una finestra emergent.

  3. Al desplegable 'Tipus d'enllaç', seleccionis 'URL'.

  4. Ignoris el desplegable 'Protocol'. S'autocompletarà automàticament.

  5. Al camp 'Enllaç' hi copiïs (recomanable fer "copia i enganxa") la URL completa de la pàgina a la qual vols redirigir.

  6. Si t'hi fixes, veuràs que a la finestra emergent hi ha 3 pestanyes. Cal que seleccionis la pestanya 'Destí'.

  7. Al desplegable 'Destí' seleccionis l'opció 'Nova finestra'. Així quan un usuari cliqui l'enllaç, el contingut s'obrirà en una finestra nova.

  8. Guardis els canvis i comprovis que funcioni l'enllaç.

Per crear un enllaç a un correu electrònic cal que estiguis dins de l'editor del node i:

  1. Cliquis la icona similar a 🔗.

  2. Observis que s'obre una finestra emergent.

  3. Al desplegable 'Tipus d'enllaç' seleccionis 'Correu electrònic'.

  4. Al desplegable 'Adreça de correu electrònic' hi escriguis el receptor del missatge.

  5. Al desplegable 'Assumpte del missatge', hi escriguis, si et sembla necessari, l'assumpre que vols que tingui el missatge.

  6. Al desplegable 'Cos del missatge'' hi escriguis, si et sembla necessari, el cos que hauria de tenir el missatge.

Per crear un enllaç a un punt determinat del mateix node cal que:

  1. Creïs una àncora cap al punt al qual vols dirigir:

    1. Seleccionis el fragment de text al qual vols enllaçar (és a dir, el destí).

    2. Escriguis el nom que vols donar a l'àncora.

    3. Desis la configuració.

  2. Enllacis un element a una ancora creada:

    1. Cliquis la icona similar a 🔗.

    2. Observis que s'obre una finestra emergent.

    3. Al desplegable 'Tipus d'enllaç' seleccionis 'Àncora en aquesta pàgina'.

    4. Al desplegable 'Per nom d'àncora' seleccionis l'àncora que t'interessi.

Subratllat (underline)

Per eliminar un enllaç (sigui del tipus que sigui) cal que:

  1. Cliquis a sobre del text de l'enllaç que vols eliminar.

  2. Cliquis la icona 🔗 amb un creueta al mig.

Encapçalaments

...

Títols

Els títols són els elements que marquen la jerarquia de la pàgina.

Cada node ja té un títol principal situat a la franja de la fotografia. Així que no cal afegir un títol previ al text.

Per afegir un títol a un node cal que et situïs dins de l'editor del node i:

  1. Seleccionis el paràgraf que ha de ser títol.

  2. Al desplegable 'Format' seleccionis el nivell de títol que pertoqui al text.

Hi ha 3 nivells disponibles. Són els següents:

Estils especials

En algunes ocasions hi ha la necessitat de remarcar algunes zones de text. El web de la UVic té predissenyats uns quants estils especials:

Per afegir un subtítol d'aquesta mena cal que:

  1. Seleccionis el paràgraf que ha de ser el subtítol.

  2. Al desplegable 'Estil' seleccionis 'h2'.

Els encapçalaments boxed són un tipus de títol especial que s'utilitza en algunes pàgines com el llistat de graus.

Per afegir un títol d'aquest estil cal que:

  1. Seleccionis el paràgraf que ha de ser el títol.

  2. Al desplegable 'Estil' seleccionis 'boxed'.

Cursiva (italic)

Les llistes del web tenen un funcionament similar al de qualsevol programa d'edició.

...

Ratllat

...

Com fer copiar i enganxar

...

Com s'elimina un enllaç

És important que els títols segueixin una coherència.

Llistes

[under construction]

Hi ha dos tipus de llistes, les ordenades i les no ordenades:

  • Llista ordenada: els elements s'introdueixen amb un número, lletra o element indexatiu.

  • Llista no ordenada: els elements s'introdueixen amb una icona.

Per crear una llista cal que seleccionis les línies de text que vols convertir en llista i fer clic a la primera o segona icona depenent de si es vols crear una llista ordenada o no ordenada.

La tercera i quarta icona serveixen per modificar el nivell dels elements de la llista.

Opcions addicionals de les llistes

Pots modificar paràmetres addicionals a través de les opcions següents:

  1. Col·loca el cursor per sobre un element de la llista.

  2. Clica el botó secundari (esquerre) del ratolí.

  3. Observa que s'obre una llista desplegable. Selecciona el segon punt.

  4. Observa que s'obre una finestra emergent:

    1. En el cas de les llistes ordenades podem canviar el punt d'inici de la numeració i el tipus d'identificador (número, lletra, número romà...).

    2. En el cas de les llistes no ordenades només podem canviar la icona i, per qüestions de disseny, recomanem no fer-ho si no és per un motiu especific.

Si necessites modificar la mida de la lletra per crear un títol, visita la .

URL variable:

URL permanent:

Per assegurar que has seleccionat la pàgina correcta, cal mirar si el número de node que apareix al costat del títol: Biblioteca (node/6615) coincideix amb el número de node de la pàgina correcta. Si no saps com fer-ho, visita .

Per crear un enllaç extern cal saber la URL de la pàgina a la qual vols enllaçar. Per exemple .

Cliquis la icona de la bandereta ( ).

El subtítol de pàgina és una frase descriptiva que afegim a alguns nodes. Per exemple, té el subtítol 'Perquè hi ha moments en què l’important és decidir!'.

🏴
https://www.uvic.cat/biblioteca
https://www.uvic.cat/node/6615/
https://www.umedicina.cat/
el node de la jornada de portes obertes
secció d'encapçalaments
com es veu el número de node de una pàgina
Una negreta feta amb l'editor de Drupal!
Exemple de estructura de títols
Barra d'eines de llistes