Jak edytować strony internetowe online

Jeśli chcesz szybko zmienić stronę internetową i nie masz edytora HTML na komputerze, możesz edytować swój kod w przeglądarce. Kilka witryn internetowych ma potężne narzędzia, które umożliwiają tworzenie, testowanie i podkręcanie stron sieci Web z dowolnego miejsca, które ma połączenie z Internetem. Możesz nawet włączyć JavaScript i kaskadowe arkusze stylów w kodzie, który wpisujesz w tych edytorach internetowych.

1.

Przejdź do strony JsFiddle i przejrzyj interfejs użytkownika witryny. Na prawej stronie znajdują się cztery duże pola tekstowe. Trzy z tych pól umożliwiają wprowadzenie określonego typu kodu HTML. Wklej swój kod HTML w polu HTML, JavaScript w polu JavaScript i kod Kaskadowego arkusza stylów w polu CSS. Po wykonaniu tej czynności kliknij "Uruchom", a JsFiddle wyświetli stronę internetową w czwartym polu. Możesz zapisać swoją stronę, klikając "Zapisz". Witryna tworzy niepowtarzalny adres URL, który możesz udostępniać innym. Kiedy odwiedzą JsFiddle, zobaczą te same cztery skrzynki, które robisz. Programiści w różnych lokalizacjach często używają JsFiddle do wspólnej pracy nad witrynami

2.

Odwiedź witrynę Quackit HTML Editor. Quackit ma w pełni funkcjonalny edytor HTML podobny do tego, który można znaleźć w aplikacji na komputery. Rzędy narzędzi u góry edytora umożliwiają formatowanie tekstu HTML wprowadzanego do edytora, zarządzanie hiperliniami, dodawanie obrazów i wykonywanie innych zadań związanych z HTML. Edytor wyświetla wszystko w trybie podglądu, ale możesz kliknąć przycisk "Źródło" edytora, aby przejść do widoku HTML. W tym widoku możesz pracować bezpośrednio z kodem źródłowym HTML, tak jak przy użyciu edytora pulpitu. Po zakończeniu edycji wyróżnij i skopiuj kod widoczny w widoku źródłowym i wklej go do dokumentu tekstowego na dysku twardym.

3.

Przejdź na stronę WWW Edytor Tryitów W3Schools.com i znajdź pole tekstowe edycji po lewej stronie strony. W3Schools to internetowa samouczka, w której edytor HTML o nazwie Tryit przetwarza kod HTML, CSS i JavaScript w czasie rzeczywistym. Wklej HTML do edytowanego pola tekstowego lub wpisz HTML od podstaw. Po kliknięciu przycisku "Edytuj i kliknij mnie" u góry strony edytor wyświetla stronę internetową w polu podglądu obok pola edycji. Dodając kod do pola edycji, wpisz go dokładnie tak, jak robiłeś to w zwykłym edytorze HTML. Nie musisz rozdzielać kodu HTML, JavaScript i CSS tak jak w JsFiddle. Ponieważ W3Schools jest witryną samouczków, możesz kliknąć link "W3Schools.com" w prawym rogu strony i przejrzeć różne tematy, które mogą pomóc Ci w nauce programowania sieci Web i poznaniu wskazówek programistycznych.

Wskazówki

• Edytory online to również świetny sposób na testowanie małych fragmentów kodu HTML, które można odkryć w Internecie lub samemu się rozwijać. Na przykład, jeśli znajdziesz przydatny fragment kodu, który tworzy pokaz slajdów, możesz skopiować ten kod, wkleić go do edytora online, aby dowiedzieć się, jak działa natychmiast.
• Dobrym pomysłem jest okresowe kopiowanie kodu, na którym pracujesz, na wypadek awarii połączenia internetowego lub awarii przeglądarki. Skopiuj kod, klikając wewnątrz edytora, naciskając "Ctrl-A", a następnie naciskając "Ctrl-C".