Jeśli jesteś nowy w projektowaniu stron internetowych i programowaniu front-end (HTML, CSS, Javascript), możesz zacząć od WYSIWYG redaktor. Ten akronim oznacza „to, co widzisz, jest tym, co dostajesz” i zasadniczo odnosi się do oprogramowania, które pozwala: utwórz stronę internetową za pomocą narzędzi wizualnych, podczas gdy oprogramowanie pisze zakulisowo kod w oparciu o to, kim jesteś tworzenie. Najpopularniejszym dostępnym narzędziem WYSIWYG jest prawdopodobnie Tkacz snów firmy Adobe.
Dobra opcja dla tych, którzy dopiero zaczynają
Podczas gdy wielu doświadczonych profesjonalistów internetowych ma więcej wyrafinowane umiejętności patrz z góry na program Dreamweaver i jego tendencję do tworzenia nadętych znaczników HTML i Style CSS, prawda jest taka, że platforma pozostaje dobrą opcją dla osób dopiero rozpoczynających projektowanie stron internetowych. Gdy zaczynasz używać opcji „widok projektu” programu Dreamweaver do tworzenia strony internetowej, jednym z pytań, które możesz prawdopodobnie zadać, jest utworzenie pojedynczego podziału wiersza dla zawartości w tym widoku.
Gdy dodajesz tekst HTML do strony internetowej, przeglądarka internetowa wyświetli ten tekst jako długą linię, aż dotrze do krawędzi okna przeglądarki lub jego elementu kontenera. W tym momencie tekst zawinie się do następnego wiersza. Jest to podobne do tego, co dzieje się w dowolnym oprogramowaniu do przetwarzania tekstu, takim jak Microsoft Word lub Dokumenty Google. Gdy wiersz tekstu nie ma już miejsca na linii poziomej, zostanie zawinięty, aby rozpocząć kolejną linię. Więc co się stanie, jeśli chcesz dyktować, gdzie łamie się linia?
Po naciśnięciu klawisza ENTER w widoku projektu programu Dreamweaver
Kiedy trafisz WCHODZIĆ w widoku projektu programu Dreamweaver bieżący akapit jest zamykany i rozpoczyna się nowy akapit. Wizualnie będzie to oznaczać, że te dwie linie są oddzielone niewielkim odstępem pionowym. Dzieje się tak, ponieważ domyślnie HTML akapity mają dopełnienie lub marginesy (który zależy od samej przeglądarki) zastosowany na dole akapitu, który dodaje odstępy.
Można to dostosować za pomocą CSS, ale prawda jest taka, że chcesz, aby między akapitami były odstępy, aby umożliwić czytelność witryny. Jeśli chcesz mieć pojedynczy wiersz i brak szerokich odstępów w pionie między wierszami, nie chcesz używać klawisza ENTER, ponieważ nie chcesz, aby te wiersze były osobnymi akapitami.
Kiedy nie chcesz rozpoczynać nowego akapitu
W takich sytuacjach, gdy nie chcesz rozpoczynać nowego akapitu, dodaj znak
znacznik w HTML. Czasami jest to również pisane jako
. specjalnie dla wersji XHTML, które wymagały zamknięcia wszystkich elementów. Końcowe / w tej składni samozamyka element, ponieważ
tag nie ma własnego tagu zamykającego. Wszystko dobrze, ale pracujesz w widoku projektu w programie Dreamweaver. Możesz nie chcieć wskoczyć do kodu i dodać tych przerw. To dobrze, ponieważ rzeczywiście możesz dodać podział wiersza w programie Dreamweaver bez uciekania się do widoku kodu.
Dodaj podział linii w widoku projektu programu Dreamweaver:
- Umieść kursor w miejscu, w którym chcesz rozpocząć nowy wiersz.
- Przytrzymaj klawisz Shift i naciśnij Wchodzić.
Otóż to! Proste dodanie klawisza „shift” wraz z [ENTER] doda
zamiast nowego akapitu. Więc teraz, kiedy już wiesz, jak to jest, powinieneś zastanowić się, gdzie go użyć, a gdzie tego uniknąć. Zapamiętaj, HTML ma na celu stworzenie struktury witryny, a nie wyglądu. Nie powinieneś używać wielu
znaczniki, aby utworzyć pionowe odstępy pod elementami w projekcie.
Do tego służą właściwości CSS dotyczące dopełniania i marginesów. Gdzie byś użył
tag jest wtedy, gdy potrzebujesz tylko łamania jednej linii. Na przykład, jeśli kodujesz adres pocztowy i zdecydowałeś się użyć akapitu, możesz dodać
tagi takie jak:
Nazwa firmy
Wiersz adresu
Kod pocztowy miasta.
Ten kod adresu jest pojedynczym akapitem, ale wizualnie wyświetlałby trzy wiersze w osobnych wierszach z małym odstępem między nimi.