Konfigurowanie
Wymagania wstępne
Do rozpoczęcia tego samouczka potrzebne są:
- Podstawowa wiedza o HTML, CSS i JavaScript
- Podstawowa wiedza o głównych koncepcjach AMP (patrz samouczek Konwertowanie HTML na AMP)
- Wybrana przez Ciebie przeglądarka
- Wybrany przez Ciebie edytor tekstów
Przygotowanie środowiska programistycznego
Krok 1. Pobierz kod
-
Pobierz skompresowany jako plik zip kod samouczka z poniższego adresu URL: /static/files/tutorials/amp-pets-story.zip
-
Wyodrębnij zawartość pliku zip. W katalogu amp-pets-story znajdują się pliki obrazów, wideo, audio i danych, których będziemy używać do utworzenia naszej relacji. Plik pets.html jest naszym punktem wyjścia dla relacji. Gotową wersję relacji można znaleźć w pliku pets-completed.html.
Krok 2. Uruchom przykładową stronę
Aby przetestować naszą przykładową relację internetową, musimy uzyskać dostęp do plików z serwera WWW. Tymczasowy lokalny serwer WWW do celów testowania można utworzyć na kilka sposobów. Oto kilka opcji, wybierz najlepszą dla Ciebie:
- Aplikacja Google Chrome o nazwie Web Server for Chrome
- Lokalny serwer HTTP w języku Python
- Apache
- nginx
Po skonfigurowaniu lokalnego serwera WWW spójrz, jak będzie wyglądać nasza ukończona relacja internetowa pod koniec tego samouczka, przechodząc do następującego adresu URL:
http://localhost:8000/pets-completed.html
localhost, w przeciwnym razie relacja internetowa może nie zostać załadowana prawidłowo i napotkasz błędy takie jak "source" "must start with "https://" or "//" or be relative and served from either https or from localhost. Przeklikaj ukończoną relację i zobacz, co będziemy tworzyć.
-