Se é novo no deseño web e no desenvolvemento de aplicacións (HTML, CSS, Javascript), entón pode optar por comezar cun editor WYSIWYG. Este acrónimo significa "o que ves é o que obtés" e basicamente refírese a un software que permite crear unha páxina web usando ferramentas visuais mentres que o software escribe un código detrás das escenas en función do que está creando. A ferramenta WYSIWYG máis popular dispoñible é probablemente o Dreamweaver de Adobe .
Dreamweaver é unha boa opción para aqueles que só empezan
Mentres que moitos profesionais experimentados da web con habilidades máis refinadas buscan en Dreamweaver e a súa tendencia a xerar marcas HTML e estilos CSS, a verdade simple é que a plataforma segue sendo unha boa opción para aqueles que simplemente comezan co deseño do sitio web. Cando comece a usar a opción "visualización de deseño" de Dreamweaver para crear unha páxina web, unha das preguntas que probablemente terá é a forma de crear unha pausa única para o contido nesa vista.
Cando engades texto HTML a unha páxina web, o navegador web mostrará o texto como unha liña longa ata chegar ao bordo da xanela do navegador ou o elemento do seu contedor. Nese punto, o texto envolverase á seguinte liña. Isto é similar ao que sucede en calquera software de procesamento de palabras, como Microsoft Word ou Google Docs. Cando unha liña de texto non ten máis espazo nunha liña horizontal, envolverá para comezar outra liña. Entón, ¿que acontece se quere dictar onde se rompe unha liña?
Cando preme na tecla [ENTER] na vista de deseño de Dreamweaver, o parágrafo actual péchase e comeza un novo parágrafo. Visualmente, isto significa que esas dúas liñas están separadas cun pouco de espazo vertical. Isto débese a que, por defecto, os parágrafos HTML teñen relleno ou marxes (o cal depende do propio navegador) aplicado ao pé do parágrafo que engade ese espazo.
Isto pódese axustar con CSS, pero o certo é que quere que haxa espazo entre parágrafos para permitir a lexibilidade do sitio web . Se desexa unha única liña e non hai un espazo vertical amplo entre as liñas, non quere usar o [ENTER] clave porque non quere que esas liñas sexan parágrafos individuais.
Para estes momentos en que non queres que comece un novo parágrafo, engadirías a etiqueta en HTML. Este tamén ás veces se escribe como
. específicamente para versións de XHTML que requirían que todos os elementos sexan pechados. A conclusión / nesa sintaxis se autoclau o elemento xa que a etiqueta
non ten a súa propia etiqueta de peche. Todo isto está ben e bo, pero estás traballando en Vista de deseño en Dreamweaver. Non queres saltar ao código e engadir estes saltos. Isto está ben, porque pode, de feito, engadir un salto de liña en Dreamweaver sen recorrer á vista de código.
Engade unha ruptura de liña na vista de deseño de Dreamweaver:
- Coloca o cursor onde desexa iniciar a nova liña.
- Manteña premida a tecla shift e prema [ENTER].
É iso mesmo! A adición sinxela da tecla "shift" xunto co [ENTER] engadirá unha páxina en vez dun novo parágrafo. Entón, agora que xa sabes como é iso, debes considerar onde usar e onde evitar. Lembre, o HTML ten como obxectivo crear a estrutura dun sitio, non o aspecto visual. Non debería usar múltiples etiquetas para crear espazos verticais debaixo dos elementos do seu deseño.
Isto é o que son as propiedades CSS para padding e marxes. Onde usar unha etiqueta en liña é cando só precisa o salto de liña única. Por exemplo, se codifica un enderezo de correo e decidiu usar un parágrafo, pode engadir etiquetas de correo electrónico como este:
Nome da empresa
Liña de enderezos de liña
Cidade, estado, código postal
Este código para o enderezo é un único parágrafo, pero visualmente mostraría as tres liñas en liñas individuais cun pequeno espazo entre elas.