Jeśli dopiero zaczynasz projektowanie stron internetowych i front-end development (HTML, CSS, JavaScript), możesz zacząć korzystać z edytora WYSIWYG. Ten akronim oznacza "to, co widzisz, co dostajesz" i zasadniczo odnosi się do oprogramowania, które pozwala na tworzenie strony internetowej za pomocą narzędzi wizualnych, podczas gdy oprogramowanie zapisuje kod za kulisami w oparciu o to, co tworzysz. Najpopularniejszym narzędziem WYSIWYG jest prawdopodobnie Adobe Dreamweaver.
Dreamweaver to dobra opcja dla tych, którzy dopiero zaczynają
Podczas gdy wielu doświadczonych profesjonalistów internetowych z bardziej wyrafinowanymi umiejętnościami spogląda w dół na Dreamweaver i jego skłonność do tworzenia nadmiarowych znaczników HTML i stylów CSS, prostą prawdą jest to, że platforma pozostaje dobrą opcją dla osób dopiero rozpoczynających projektowanie stron internetowych. Gdy zaczniesz używać "widoku projektu" Dreamweaver do zbudowania strony internetowej, jednym z pytań, które najprawdopodobniej będziesz miał, jest utworzenie pojedynczego podziału wiersza dla treści w tym widoku.
Podczas dodawania tekstu HTML do strony internetowej, przeglądarka wyświetli ten tekst jako długą linię, dopóki nie dojdzie do krawędzi okna przeglądarki lub jej elementu kontenera. W tym momencie tekst zostanie zawinięty do następnej linii. Jest to podobne do tego, co dzieje się w dowolnym edytorze tekstu, takim jak Microsoft Word lub Google Docs. Gdy linia tekstu nie ma już miejsca na poziomej linii, zawija się, aby rozpocząć kolejną linię. Co się stanie, jeśli chcesz dyktować, gdzie łamie się linia?
Po naciśnięciu klawisza ENTER w widoku projektu Dreamweaver, bieżący akapit zostanie zamknięty i rozpocznie się nowy akapit. Wizualnie oznacza to, że te dwie linie są oddzielone odrobiną pionowego odstępu. Wynika to z tego, że domyślnie akapity HTML mają dopełnienie lub marginesy (które zależą od samej przeglądarki) zastosowane do dolnej części akapitu, co dodaje te odstępy.
Można to skorygować za pomocą CSS, ale prawda jest taka, że chcesz mieć odstępy między akapitami, aby umożliwić czytelność strony. Jeśli chcesz mieć pojedynczą linię i nie ma szerszych pionowych odstępów między wierszami, nie chcesz używać klawisza ENTER, ponieważ nie chcesz, aby te linie były pojedynczymi akapitami.
W tych czasach, gdy nie chcesz, aby nowy akapit zaczynał się, możesz dodać
tag w HTML. Czasami jest to również napisane jako
. specjalnie dla wersji XHTML, które wymagały zamknięcia wszystkich elementów. Końcowa / w tej składni self-zamyka element, ponieważ
tag nie ma własnego znacznika zamykającego. Wszystko jest dobrze i dobrze, ale pracujesz w widoku projektu w programie Dreamweaver. Możesz nie chcieć wskoczyć do kodu i dodać te przerwy. To dobrze, ponieważ można rzeczywiście dodać podział wiersza w programie Dreamweaver bez odwoływania się do widoku kodu.
Dodaj podział wiersza w widoku projektu Dreamweaver:
- Umieść kursor w miejscu, w którym chcesz rozpocząć nową linię.
- Przytrzymaj przycisk klawisz Shift i naciśnij Wchodzić.
To jest to! Proste dodanie klawisza "shift" wraz z ENTER spowoduje dodanie
zamiast nowego akapitu. Skoro już wiesz, jak to jest, powinieneś rozważyć, gdzie go użyć i gdzie go unikać. Pamiętaj, że HTML ma na celu stworzenie struktury strony, a nie wyglądu. Nie powinieneś używać wielu
znaczniki do tworzenia pionowych odstępów pod elementami w projekcie.
Do tego służą właściwości CSS dla wypełnienia i marginesów. Gdzie chcesz użyć
tag jest wtedy, gdy potrzebujesz tylko pojedynczej linii. Na przykład, jeśli kodujesz adres pocztowy i zdecydowałeś się użyć akapitu, możesz dodać
tagi takie jak to:
Nazwa firmy Ten kod adresu jest pojedynczym akapitem, ale wizualnie wyświetlałby trzy linie na poszczególnych liniach z niewielkim odstępem między nimi.
Wiersz adresu
Kod pocztowy miasta
