Com evitar els errors de format a la web: Copiar & pegar

Publicat per wfadm | 7 Jul, 2006

    Avui us explicarem com evitar els errors de format que es produeixen a la web, especialment quan copieu i pegueu textos que ja estan prèviament formatejats (per exemple, al copiar textos des de una altra web o des de un fitxer Word).

    Ens hem trobat que molts tinetaires que tenen un WEBfàcil, tenen problemes alhora de posar els continguts en els menús i seccions, i que tant pàrrafs, taules, i altres elements de bloc queden fora de l'estructura del contingut.

    Anem per parts, alhora de copiar text que tingueu escrit amb un processador de text hi ha el perill de que mantingui el format propi del processador de texts, si el que voleu és que el format del text sigui exactament de l'estil de la plantilla que heu triat, necessiteu eliminar els atributs de pàrraf, com es fa això?

    • Opció 1. Podeu fer un copiar i pegar del text d'una web (vigileu amb els drets d'autor!), però necessiteu eliminar el format definit pel propi HTML copiat. Com? Obriu al Windows el Bloc de Notas, o en altres sistemes operatius l'editor de text del propi sistema operatiu, i pegueu el text que voleu copiar a l'editor.
      Seguidament, torneu a copiar el text i el pegueu a la casella. Amb aquesta doble operació de copiar & pegar, acosneguirem eliminar els formats previs del text. editor text WF
    • Opció 2. Si seleccioneu el text que heu escrit dins de l'editor del WEBfàcil, el podeu netejar fent click al botó netejar (la icona de la goma d'esborrar), i tindreu el format del codi HTML net. Boto esborrar WF:
      boto esborrar WF
    • Opció 3. Si esteu copiant textos des de el Word, podeu utilitzar el botó pegar text des del Word (la icona del documetn Word) del editor del webfàcil:boto pegar word

    Taules


    S'han de tenir presents unes consideracions per no tenir desplaçaments indesitjats alhora de posar una taula al contingut, és important NO copiar les taules amb el format HTML d'altres editors.

    En el cas de que la taula es desplaci a la dreta i surti fora de la plantilla, el millor és editar amb el botó Font HTML de l'editor (situat a l'esquerra del botó netejar), i mirant el codi HTML pegat, posar l'atribut width =”98%”, és millor no posar un 100% ja que versions de Microsoft Internet Explorer tenen problemes d'interpretació amb mides relatives. No poseu les mides de les taules en valors absoluts (píxels), ja que una mida massa gran (major de 460px) farà que la taula surti fora de la plantilla.
    taula


    Per exemple, si cliqueu el botó "Fuente HTML" de l'editor, podreu modificar els atributs de la taula per tal de deixar-los a la mida que us convingui: <table>..</table>

    Pàrrafs i salts de línia. Tags mal tancats

    Moltes vegades ens passa el mateix amb els textos i pàrrafs. Editant el text en HTML tindrem molt més control sobre els pàrrafs (<p>..</p>), blocs (<div>..</div>) i els salts de linia (<br/>), que tot sovint provoquen que el text no se'ns vegi com desitjem.

    Un tag mal tancat (d'un pàrraf, d'una taula, d'una imatge...) pot provocar que tot el disseny del vostre Webfàcil es vegi incorrectament!! Així que si al fer copiar & pegar de text i de sobte se us descuadra tot el disseny, probablement, haureu de repassar tot el codi HTML per veure quin és el tag que us està donant problemes.

















Un colom és un ocell o un mamífer?: