Tekrar hoş geldiniz.
Bunu biraz daha dinamik hale getirelim.
Ana rotamız var, ancak diğer tüm HTML sayfaları için bunun dinamik olarak oluşturulması güzel olurdu, böylece kodu kopyalayıp
yapıştırmak zorunda kalmayız.
Şimdi tüm bunları silelim ve bunun yerine farklı URL parametrelerini dinamik olarak kabul edebileceğimizi öğrendiğimiz
bu küçük sözdizimini kullanalım.
Bu durumda, buna sadece sayfa adı diyebiliriz ve bu sayfa adı bir dize olmalıdır, değil mi?
Şimdi string tipini kullanarak sayfa adını istiyorum diyebiliriz.
Yani bu bir HTML sayfası olacak ve şablonda işlemek istiyoruz.
URL'ye girilen veriler.
Yani aslında burada girdi olarak sayfa adını verebiliriz.
Ve sayfa adını buraya yazdırın.
Bakalım işe yarayacak mı?
Bunu saklayacağım.
Ana sayfamıza geri dönün.
Ve işe yarıyor.
Ya çalışırsam?
Şuna bak.
Eğer hakkımda bölümüne gidersem.
İşlerim hakkında.
İletişim.
Tamam.
İletişim çalışıyor.
Ancak CSS uygulanmıyor, bu yüzden bunu güncellememiz gerekiyor ve bileşenleri görmeye devam ediyoruz.
Tamam.
Düzeltmemiz gereken birkaç şey var, ancak her şey dinamik olarak çalışıyor, ki bu harika.
Ve bu endeksi bile görüyorsunuz. Daha önce sorun yaşadığımız html artık çalışıyor, ki bu harika.
O zaman birkaç şeyi düzeltelim.
Artık kodumuzu süper basit ve anlaşılması kolay hale getirdik.
Ancak kodumuzda düzeltmemiz gereken birkaç hata var.
İlk olarak bileşenleri çıkarın.
Şimdi, bunun gerçekleşmesinin nedeni, her sayfayı en üste kaydırırsak.
Şimdi hakkında sayfasına gidelim.
Bileşen bağlantısı.
Bu yüzden her sayfadan sadece bileşenleri kaldırmamız gerekiyor.
O zaman iletişime geçelim.
Buradaki bileşenleri çıkarın.
Dizine git.
Bunun için bileşenleri çoktan çıkardık.
Eğer işe gidersem.
İş biraz farklı.
Bu konuya birazdan döneceğiz.
Çalışmalara ve yine en üstteki navigasyona gidersek, bileşenleri bu şekilde kaldırabiliriz.
Ayrıca içerik sayfasına CSS eklenmediğini de gördük.
Yani yine geriye dönüyoruz.
Ve statik ekliyoruz.
Klasör burada.
Simge ile aynı.
Tam şurada.
Ve sonra en alttaki JavaScript dosyası.
Eğer kurtarırsak.
Geri dön.
Yenileyelim.
Ve evine git.
Eğer işe gidersek.
Bu benimle ilgili.
İşe yarıyor.
İletişim.
Şuna bak.
Ne kadar güzel değil mi?
Tamam.
Şimdi, burada düzeltmek istediğim birkaç şey var.
Birincisi, rakamların uyuşmadığını görüyoruz.
Burada, ideal olarak eşleşmelerini istiyoruz.
Doğru.
Yani bu işe yarıyor.
Ama sonra ben ve iletişim hakkında.
Bu biraz garip.
Bunun nedenini görelim.
Eğer geri dönersek.
Temasa geçecek miyiz?
Navigasyonda bir, iki, üç, dört olduğunu görüyoruz ki bu harika görünüyor.
Ancak en altta benimle iletişime geçen rakamların biraz yanlış olduğunu görüyoruz.
O zaman 044 benimle iletişime geçsin.
Hakkında sayfasının veya hakkımda sayfasının olduğundan emin olma konusuna gelirsek.
Sıfır üç.
Hadi yapalım şunu.
Ve şimdi, kaydedip yenilediğimde, Benimle İletişime Geçin Benim Hakkımda Çalışmalar ve evimiz var.
Pekala, son iki şey ve sonra Python'a geri döneceğiz, söz veriyorum.
Bir.
Bu metni değiştirmek istiyorum, böylece adım ve belki de bir python geliştiricisi olduğum yazacak.
Bu yüzden tek yapmamız gereken bir kez daha HTML dizinine gitmek ve aramak.
Bu metin, sitenizin veya uygulamanızın içeriğini buraya ekleyin, böylece burada "Merhaba, ben James Dean, Fransız tasarımcıyım" yazdığını
görebiliriz.
Diyelim ki ben Andre Nagoya'yım.
Ve diyelim ki Python, diyelim ki uzman serbest çalışan olarak çalışmak daha havalı geliyor.
Bir eğitmen yapalım çünkü ne de olsa ben bir eğitmenim.
Böylece eğer kaydedersem.
Ve tazele.
Ne kadar harika değil mi?
Süper, süper basit.
Çok güzel görünüyor.
Tamam.
Son şey ise işler kısmıdır.
Çalışmalarıma bakarsanız ve Keşfet'e tıklarsanız.
Pekala, burada istediğiniz kendi projelerinizi ekleyebilirsiniz.
Sıfır altıya gidersem, sanırım sadece bir işimiz olduğu için buradaki bağlantılar çalışmıyor.
Ancak diyelim ki farklı bir proje eklemek istediniz.
Yapmamız gereken tek şey HTML'ye work demek ve zero zero ile buraya da work ile bağlantı kurmak.
Size bunun nasıl yapıldığını göstereyim.
Hadi işe koyulalım.
HTML.
F'yi kontrol eder ve 002 yaparsak, bunların bağlantılar olduğunu görürüz.
Şuna bak.
002003.
Bu yüzden tek yapmamız gereken belki de buradaki work bağlantısını HTML olarak değiştirmek ve böylece work'e de bağlantı vermek.
İşte bu kendi başınıza yapabileceğiniz bir şey.
Yine, HTML ve CSS'e çok fazla odaklanmak istemiyoruz çünkü bu dersin kapsamı dışında.
Ancak gördüğünüz gibi, oldukça hızlı bir şekilde oldukça düzgün bir web sitemiz var.
Sadece birkaç dakikamızı aldı ve artık bir portföy Web sayfanız var.
Ancak eksik olan büyük bir parça var ve Python'un bu konuda bize gerçekten yardımcı olabileceği tek şey bu iletişim
formu.
İnsanlar sizinle iletişime geçemediği sürece gerçek bir portföy web sitesi olmaz, değil mi?
Belki işverenler veya işe ihtiyacı olan kişiler size bir mesaj gönderebilir.
Önümüzdeki birkaç videoda, aslında sunucumuza ve arka uca bilgi gönderebildiğimiz ve aslında onu yakalayıp
kaydedebildiğimiz ve bir yerde saklayabildiğimiz bu konuyu keşfedeceğiz.
Bir sonrakinde görüşürüz.
Güle güle.