Se non conosci il web design e lo sviluppo front-end (HTML, CSS, Javascript), puoi scegliere di iniziare con un WYSIWYG editore. Questo acronimo sta per "quello che vedi è quello che ottieni" e si riferisce fondamentalmente al software che ti permette di crea una pagina web utilizzando strumenti visivi mentre il software scrive del codice dietro le quinte in base a ciò che sei creare. Lo strumento WYSIWYG più popolare disponibile è probabilmente Dreamweaver di Adobe.
Una buona opzione per chi ha appena iniziato
Mentre molti professionisti del web esperti con più abilità raffinate guarda dall'alto in basso Dreamweaver e la sua tendenza a produrre markup HTML gonfio e Stili CSS, la semplice verità è che la piattaforma rimane una buona opzione per coloro che hanno appena iniziato con la progettazione di siti Web. Quando inizi a utilizzare l'opzione "visualizzazione struttura" di Dreamweaver per creare una pagina Web, una delle domande che potresti avere è come creare un'interruzione di riga singola per il contenuto in quella visualizzazione.
Quando aggiungi testo HTML a una pagina web, il browser web visualizzerà quel testo come una lunga riga fino a raggiungere il bordo della finestra del browser o il suo elemento contenitore. A quel punto, il testo andrà a capo alla riga successiva. Questo è simile a ciò che accade in qualsiasi software di elaborazione testi, come Microsoft Word o Google Docs. Quando una riga di testo non ha più spazio su una linea orizzontale, andrà a capo per iniziare un'altra riga. Quindi cosa succede se vuoi dettare dove si interrompe una riga?
Quando premi INVIO nella visualizzazione Progettazione di Dreamweaver
Quando colpisci ACCEDERE nella vista struttura di Dreamweaver, il paragrafo corrente viene chiuso e ne inizia uno nuovo. Visivamente, questo significherà che quelle due linee sono separate con un po' di spaziatura verticale. Questo perché, per impostazione predefinita, HTML i paragrafi hanno padding o margini (quale dipende dal browser stesso) applicato alla parte inferiore del paragrafo che aggiunge quella spaziatura.
Questo può essere regolato con i CSS, ma la verità è che vuoi che ci sia spazio tra i paragrafi per consentire la leggibilità del sito web. Se si desidera una singola riga e nessuna spaziatura verticale ampia tra le righe, non si desidera utilizzare il tasto INVIO perché non si desidera che quelle righe siano i singoli paragrafi.
Quando non vuoi che inizi un nuovo paragrafo
Per queste volte in cui non vuoi che inizi un nuovo paragrafo, aggiungi il
tag in HTML. Questo a volte è anche scritto come
. specificamente per le versioni di XHTML che richiedevano la chiusura di tutti gli elementi. Il finale / in quella sintassi chiude automaticamente l'elemento poiché il
tag non ha il proprio tag di chiusura. Va tutto bene, ma stai lavorando in Visualizzazione struttura in Dreamweaver. Potresti non voler saltare nel codice e aggiungere queste interruzioni. Questo va bene, perché puoi effettivamente aggiungere un'interruzione di riga in Dreamweaver senza ricorrere alla visualizzazione codice.
Aggiungere un'interruzione di riga nella visualizzazione Progettazione di Dreamweaver:
- Posiziona il cursore nel punto in cui desideri che inizi la nuova riga.
- Tieni premuto il tasto delle maiuscole e premi accedere.
Questo è tutto! La semplice aggiunta del tasto "shift" insieme a [ENTER] aggiungerà a
invece di un nuovo paragrafo. Quindi, ora che sai com'è, dovresti considerare dove usarlo e dove evitarlo. Ricorda, HTML ha lo scopo di creare la struttura di un sito, non l'aspetto visivo. Non dovresti usare più
tag per creare spaziatura verticale sotto gli elementi nel tuo design.
Ecco a cosa servono le proprietà CSS per il riempimento e i margini. Dove useresti a
tag è quando hai solo bisogno dell'interruzione di riga singola. Ad esempio, se stai codificando un indirizzo postale e hai deciso di utilizzare un paragrafo, puoi aggiungere
tag come questo:
Nome della ditta
Riga indirizzo
Città stato CAP.
Questo codice per l'indirizzo è un singolo paragrafo, ma visivamente mostrerebbe le tre righe su singole righe con un piccolo spazio tra di loro.