Kodlamaya Başlamadan Önce Ön Hazırlık.

March 11, 2018 Berkay Gülyaz 0 Comments

Hepinize merhaba yakın zamanda kodlamaya başlayacağız. Bugünkü yazımda template indirip dosyalarımız oluşturacağız. Öncelikle PhotoTime adlı template’i indiriyoruz. Daha sonra masaüstümüze yeni bir klasör oluşturup klasöre istediğimiz adı veriyoruz(ben PhotoTime diye adlandırdım). Oluşturduğumuz ana klasörün içerisine assets adında yeni bir klasör oluşturup assets klasörümüzün içerisine de css ve img adında iki tane daha klasör oluşturuyoruz.Img klasörümüze buraya tıklayarak bu dosyada bulunan resimleri aktarıyoruz. Her derste yeni resimler eklenecek ve size link olarak verilecek.Şimdi Sublime Text programımızı açıyoruz. İlk açılışta boş siyah bir sayfa karşımıza çıkıyor. Siyah ekranın hemen üstünde gri bir panel var. Bu panele çift tıklayıp yeni bir sekme açıyoruz. Açılan sekmeyi ana klasörümüze index.html olarak kaydediyoruz. Ardından yine panele çift tıklıyoruz ve bu sefer css klasörümüze style.css olarak kaydediyoruz. Yine panele çift tıklayarak son kez bir sekme açıyoruz ve yine css klasörümüzün içerisine reset.css olarak kaydediyoruz. Hemen bu sekmeleri açıklayayım. İlk açtığımız sekme yani index.html bizim ana sayfamız yani html kodlarımızı yazacağımız sayfamız. Bu sekmeyi kaydettiğinizde o an ana tarayıcınız ne ise tarayıcınızın iconu gözükecektir. Css dosyalarımızda ise style.css dosyamız ise adı üstünde html sayfamızı stillendirmek için kullanacağız, reset.css dosyamızı ise sayfamızda boşluklar olmaması için kullancağız. Son olarak reset.css dosyamıza buradaki kayıtı ekleyip kaydetmemiz gerekiyor.

Leave a Reply:

Your email address will not be published. Required fields are marked *