AMP

Kurulum

Ön koşullar

Bu öğreticiye başlamadan önce aşağıdakilere ihtiyacınız olacak:

  • HTML, CSS ve JavaScript hakkında temel bilgi
  • AMP temel kavramlarına dair temel bir anlayış ("HTML'nizi AMP'ye dönüştürme" öğreticisine bakın)
  • Seçtiğiniz bir tarayıcı
  • Seçtiğiniz bir metin editörü

Geliştirme ortamınızı ayarlama

1. Adım. Kodu indirin

  1. Aşağıdaki URL'den bir zip dosyası olarak sıkıştırılmış öğretici kodunu indirin: https://github.com/ampproject/docs/raw/master/tutorial_source/amp-pets-story.zip

  2. Zip dosyasının içeriğini çıkarın. amp-pets-story dizininde, hikayemizi oluşturmak için kullanacağımız resimler, video, ses ve veri dosyaları bulunuyor. pets.html dosyası, hikaye için başlangıç noktamızdır. Hikayenin tamamlanmış hali, pets-completed.html dosyasında bulunabilir.

2. Adım. Örnek sayfayı çalıştırın

Örnek Web Hikayemizi test etmek için dosyalara bir web sunucusundan erişmemiz gerekiyor. Test amacıyla geçici bir yerel web sunucusu oluşturmanın birkaç yolu vardır. İşte bazı seçenekler, sizin için en uygun olanı seçin:

Yerel web sunucunuzu kurduktan sonra, aşağıdaki URL'ye erişerek bu eğiticinin sonunda tamamlanmış Web Hikayemizin nasıl görüneceğine bir göz atın:

http://localhost:8000/pets-completed.html

ÖNEMLİ – URL'nin localhost üzerinden sunulduğundan emin olun, aksi takdirde Web Hikayesi doğru şekilde yüklenemez ve "source" " https://" veya "//" ile başlamalı ya da göreli olmalı ve https veya localhost üzerinden sunulmalı şekilde hatalarla karşılaşabilirsiniz.

Tamamlanan hikayeye tıklayın ve ne yaratacağımıza dair bir fikir edinin.