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 espaiat vertical ampli entre línies, no voleu utilitzar la tecla ENTER perquè no voleu que aquestes línies siguin paràgrafs individuals.
Per a aquests moments en què no voleu que s'iniciï un nou paràgraf, afegiu el
etiqueta en HTML. Això també és de vegades escrit com
. específicament per a les versions d'XHTML que obligaven a tancar tots els elements. El final / en aquesta sintaxi es tanca l'element des de la mateixa
L'etiqueta no té la vostra 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 premut el botó tecla shift i premeu Entra.
Això és! La senzilla incorporació de la tecla "shift" juntament amb la ENTER afegirà una
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 hauríeu d'utilitzar múltiples
etiquetes per crear espaiat vertical sota els elements del disseny.
Això és el que fan les propietats CSS per al farciment i els marges. On faria servir a
L'etiqueta és quan només necessiteu el salt de línia única. Per exemple, si codifiqueu una adreça postal i heu decidit utilitzar un paràgraf, podeu afegir-lo
etiquetes com aquesta:
Nom de la companyia 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.
Direcció postal
Ciutat, Estat, CP
