Tamam.
Bunu nereden bulabilirsin?
Eğer değilse, endişelenmeyin.
Profilimizdeki her şeyin çalışmasını sağlamak için ne yapmamız gerektiğinin üzerinden geçelim.
Açıkçası bir HTML hakkında sayfamız var, bu yüzden şu anda olduğu gibi kalabilir.
Buna yaklaşık diyebiliriz ve buraya kopyalayıp yapıştırırsak, başka bir tane yapalım, diyelim ki, başka neyimiz var?
İş html'imiz var, o yüzden iş yapalım.
HTML olacak ve bunun çalışıp çalışmadığını kontrol edelim.
Eski rotayı kaldıracağım, böylece ev hakkında ve iş html'sine sahip olacağız.
Eğer geri dönersem.
Ve eve gidelim.
Görünüşe göre bir hata var.
Ve buradaki işlevi değiştirmedim.
Gördüğünüz gibi ikisine de sahibim.
Geri dönüp yenilediğimde bu iş tamamlanmış olacak.
Pekala, işe gidelim.
İşe yarıyor.
TML Neden işe yaramıyor?
Çünkü bunun işe yaraması gerekir.
HTML.
Ne aptalım.
Pekala, geri dönelim.
Yenileyelim.
Çalışıyor.
Tamam.
Çalışıyor.
Ancak bir kez daha, CSS uygulanmıyor.
Eğer geri dönersem ve hakkımda bölümüne gidersem, hakkımda bölümü de çalışıyor.
Ancak CSIS uygulanmıyor ve bunun nedenini biliyoruz.
Bir kez daha, eğer işe gidersek.
Bunu statik klasörü içerecek şekilde güncellememiz gerekiyor.
Harika.
Ve sonra CSS sayfasını da güncelleriz.
JavaScript sayfasının yanı sıra.
Yani bu çok fazla tekrar ama ben sadece düşünce sürecinin ne olduğunu ve bunu neden tekrar yapmamız gerektiğini
anlamanız için gösteriyorum.
Bunları da düzelteceğiz.
Ve bu da.
Bunu yaparken arka planda bir şarkı olması gerektiğini hissediyorum, böylece bunu tekrar tekrar
yapmamdan sıkılmazsınız.
Ama tekrar iyidir, değil mi?
Pekala, sonuncusu.
O.
JavaScript dosyası.
Hadi kurtaralım.
Sunucumuza geri dön.
Yenileyelim.
Pekala, hadi eve gidelim.
İndekse benziyor. html çalışmıyor, bu yüzden onu da düzeltmemiz gerekiyor.
Çalışıyor'a tıkladığımda çalışan bir kök dizinimiz var.
Hmm.
Görünüşe göre CSS benim hakkımda daha az işe yaramadı.
Hakkımda çalışıyor.
Yani bir şeyi kaçırdık ve geri dönersek çalışacağız.
Bunun nedeni de iş ve çalışma HTML'sine sahip olmamız.
Bu nedenle, iş yerine HTML çalışmalarını dahil ettiğimizden emin olmalıyız.
Bu sayfanın ne işe yaradığından emin değilim, ancak bunun bir parçası olduğuna eminim.
Yani yine html çalışmalarımıza giriyoruz.
Yaptığımız şeyin aynısını yapıyoruz, statik ekliyoruz.
Bu şekilde.
Ve JavaScript dosyası için de en altta.
Geri dönelim.
İşlere git ve.
Yaşasın!
Şuna bak.
Tüm çalışmalarımız sergileniyor.
Ancak bazı resimler görüntülenmiyor gibi.
Şimdi.
Bunun nedenini tahmin edebilir misiniz?
Peki, eğer geri dönersek.
İşimiz HTML.
Ve görüntülere bakıyoruz.
Burada statik değerlerin de eklenmesi gerektiğini görüyoruz.
Bu yüzden tekrar, bunları resimlere ekleyeceğim.
Bunu daha hızlı yapmak için bunu kopyalayacağım ve tüm resim örneklerini aramak ve varlıkları buraya eklediğimizden
emin olmak için command F veya control F yapacağım.
Bunu yapmanın kolay bir yolu vardır ve bir kimlik size bu konuda yardımcı olabilir.
Ya da Sublime text gibi bir metin editörü.
Tüm şeyi bu şekilde seçebilir ve komut kontrolü g yapabilirim.
Ve bu aslında tüm örnekleri seçer ve artık birden fazla imlecim var.
Şimdi yapabileceğim tek şey.
Burada da altta ve üstte görebileceğiniz gibi, kendimi tekrar etmek zorunda kalmamak için tüm örneklere
statik ekleyin.
Şimdi geri dönelim.
Yenile ve şuna bak.
Projelerimizi sergiliyoruz.
Bu gerçekten çok güzel.
Ve bu şekilde, artık şablonlarımız var.
Hâlâ onarmamız gereken parçalar ve temas noktamız var.
Şimdi bileşenlere aslında ihtiyacımız yok, çünkü burada önizlemeye giderseniz, bileşenler sadece ihtiyacınız
olan bileşenlere göre kopyalayıp yapıştırabileceğiniz bir HTML şablonudur.
Ancak gerçek portföyümüzde buna ihtiyacımız yok.
İhtiyacımız olan diğer tek sayfa iletişim sayfası, ki bu gerçekten çok önemli çünkü
bunu Python sunucumuz için kullanacağız.
O zaman buraya geri dönelim.
Html bileşenlerini kaldıralım.
Ya da şimdilik orada tutabiliriz.
Ancak dizin html dosyasında.
Sonuna kadar gidebiliriz.
Gezinti çubuğu bölümünde nokta html bileşenlerine nasıl sahip olduğumuzu görüyorsunuz.
Bunu kaldırabiliriz.
Aynen böyle.
Bu yüzden kullanmıyoruz.
Şimdi, benim yaptığımı görmüş olabileceğiniz bir şey de kodu kopyalayıp yapıştırmak.
Şimdi bunu yapmak zorundayız.
Temas yazan başka bir rota ve sonra bir kez daha temas kurun.
Ancak bu, öğrendiklerimize dayanarak kodu tekrarlamamızdır.
Bunu daha dinamik hale getirebilir miyiz, böylece bu profile yeni bir HTML dosyası eklediğimizde sürekli olarak
aynı kodu kopyalayıp yapıştırmak zorunda kalmayız.
Şunu bir dene.
Bir sonraki videoda size bunu nasıl yapabileceğimizi göstereceğim.