Si sou nou en el disseny web i en el desenvolupament frontal (HTML, CSS, Javascript), llavors podeu optar per començar amb un editor WYSIWYG. Aquest acrònim significa "el que veus és el que obtens" i, bàsicament, es refereix al programari que us permet crear una pàgina web amb eines visuals mentre que el programari escriu un codi darrere de l'escena basat en el que esteu creant. L'eina WYSIWYG més popular disponible és, sens dubte , Dreamweaver d'Adobe .
Dreamweaver és una bona opció per a aquells que simplement comencen
Tot i que molts professionals experimentats de la web amb més habilitats refinades busquen en Dreamweaver i la seva tendència a produir estils de marcat HTML i estils híbrids, la veritat és que la plataforma continua sent una bona opció per a aquells que acaben de començar amb el disseny del lloc web. Quan comença a utilitzar l'opció "vista de disseny" de Dreamweaver per crear una pàgina web, una de les preguntes que probablement tindrà és com crear una solució de línia única per al contingut d'aquesta vista.
Quan afegiu text HTML a una pàgina web, el navegador web mostrarà aquest text com una línia llarga fins que arribi a la vora de la finestra del navegador o del seu element contenidor. En aquest punt, el text s'emboliqui a la següent línia. Això és similar al que succeeix en qualsevol programari de processament de textos, com ara Microsoft Word o Google Docs. Quan una línia de text no té més espai en una línia horitzontal, es tornarà a embolicar per començar una altra línia. Llavors, què passa si voleu dictar on trenca una línia?
Quan premeu la tecla [ENTER] a la vista de disseny de Dreamweaver, el paràgraf actual es tanca i s'inicia un nou paràgraf. Visualment, això significa que aquestes dues línies es separen amb una mica d'espaiament vertical. Això és degut a que, de manera predeterminada, els paràgrafs HTML tenen relacions o marges (que depèn del propi cercador) que s'aplica a la part inferior del paràgraf que afegeix aquest espaiat.
Això es pot ajustar amb CSS, però la veritat és que voleu que hi hagi espaiat entre paràgrafs per permetre la llegibilitat del lloc web . Si voleu una única línia i no hi ha un espai vertical ampliat entre línies, no voleu utilitzar la funció [ENTER] clau perquè no voleu que aquestes línies siguin paràgrafs individuals.
Per aquestes vegades, quan no voleu que s'iniciï un paràgraf nou, afegiu l'etiqueta en HTML. De vegades, això també s'escriveix com
. específicament per a les versions d'XHTML que obligaven a tancar tots els elements. El final / en aquesta sintaxi es tanca automàticament l'element ja que l'etiqueta
no té la seva pròpia etiqueta de tancament. Tot això està molt bé, però està treballant en la vista de disseny en Dreamweaver. És possible que no vulgueu saltar al codi i afegir aquests descansos. Això està bé, perquè, de fet, podeu afegir un salt de línia a Dreamweaver sense recórrer a la visualització de codi.
Afegiu un salt de línia a la vista de disseny de Dreamweaver:
- Col·loqueu el cursor on voleu que s'iniciï la nova línia.
- Mantingueu premuda la tecla Maj i premeu [ENTER].
Això és! L'afegit senzill de la tecla "canvi" juntament amb el [ENTER] afegirà un
en lloc d'un nou paràgraf. Així que ara que saps com és això, hauríeu de considerar on usar-la i on evitar-la. Recordeu que HTML significa crear l'estructura d'un lloc, no l'aspecte visual. No haureu d'utilitzar múltiples etiquetes per crear espais verticals sota els elements del vostre disseny.
Això és el que fan les propietats CSS per al farciment i els marges. On fareu servir una etiqueta
és quan només necessiteu el salt de línia única. Per exemple, si codifiqueu una adreça de correu i heu decidit fer servir un paràgraf, podeu afegir etiquetes de la següent manera:
Nom de l'empresa
Línia d'adreces
Ciutat, estat, codi postal
Aquest codi per a l'adreça és un únic paràgraf, però visualment mostrarà les tres línies en línies individuals amb un petit espai entre elles.