Twój pierwszy remiks strony internetowej

Webmaker Webmaker Ostatnio zaktualizowany: 02/13/2018

Upewnij się, że masz zainstalowane Supergogle

Kiedy odwiedzasz stronę, której chcesz się przyjrzeć, naciśnij przycisk Supergogli na pasku zakładek i zacznij remiksować!

Badanie elementów

Kiedy masz włączone Supergogle zauważysz, że podczas przesuwania kursorem po stronie, różne sekcje strony są podświetlane za pomocą kolorowej ramki.

Ramki te zawierają elementy strony. Kliknij jedną z nich, a zobaczysz edytor kodu, w którym możesz zremiksować wybrany element według własnego pomysłu.

Zacznij remiksować

Zależnie od typu wybranego elementu strony, możesz zremiksować go na kilka sposobów.

Zmień tekst

To najprostszy remiks. Wybierz blok tekstu i zmień jego treść po lewej stronie edytora kodu. Zobaczysz podgląd nowej wersji w panelu u góry.

Zmień obraz

Wszystkie obrazy korzystają ze znacznika <img> w kodzie HTML. Zobaczysz, że każdy znacznik <img> zawiera adres URL, który stanowi źródło grafiki wyświetlanej przez znacznik.

Możesz zmienić pierwotną grafikę na cokolwiek tylko chcesz. Otwórz nową kartę przeglądarki i znajdź obrazek, który chcesz wykorzystać. Kliknij prawym przyciskiem myszy i wybierz opcję Kopiuj adres obrazka.

Wklej skopiowany adres obrazka do edytora kodu, co powinno spowodować odświeżenie podglądu twojej zmiany.

Zmień odnośnik

Możesz zmienić odnośniki tak, by po kliknięciu kierowały do czego tylko chcesz.

Wszystkie odnośniki zaczynają się od <a href=" i zawierają adres URL, do którego kieruje odnośnik. Jeśli zmienisz adres URL zawarty w cudzysłowie, zmienisz stronę docelową odnośnika.

Możesz również chcieć zmienić tak zwany tekst kotwicy. To tekst wyświetlany dla użytkowników i zazwyczaj opisujący docelową stronę, często wyświetlany z podkreśleniem i na niebiesko.

Zapisz i opublikuj zmiany!

Jeśli coś poszło nie tak, możesz skorzystać z przycisku Anuluj w edytorze kodu.

Jeśli poczynione zmiany ci odpowiadają, naciśnij Aktualizuj i zobacz jak wygląda zremiksowana przez ciebie strona.

Jeśli chcesz opublikować swoje dzieło, naciśnij p na klawiaturze lub przycisk Publikuj na prawym pasku.

Jeśli masz aktywne konto w serwisie teach.mozilla.org, twoje opublikowane remiksy stworzone za pomocą Supergogli zostaną dodane do galerii Moje projekty, a ty otrzymasz swój własny adres URL, który możesz udostępnić znajomym.

Czy ten artykuł okazał się pomocny?

Proszę czekać…

Osoby, które pomogły w tworzeniu tego artykułu:

Illustration of hands

Pomóż nam

Zdobywaj wiedzę i dziel się nią z innymi. Odpowiadaj na pytania i ulepsz naszą bazę wiedzy.

Więcej informacji