HTML & CSS için yeni başlayanlar için

HTML ve CSS'ye Giriş (Bölüm 48): Web sitesi yayına girdi.

Eğitimdeki tüm videolar HTML ve CSS için başlangıç kılavuzu

Genellikle web sitenizi yerel olarak geliştirirsiniz. Bunun için – zaten açıkça gösterildiği gibi – ilgili bir dizin yapısı oluşturursunuz.

HTML ve CSS'ye Giriş (Bölüm 48): Web sitesi yayına giriyor


Bu yapı en sonunda çevrimiçi yayınladığınız yapıdır. (Burada statik bir HTML web sitesinden bahsediyorum. Ancak PHP ve MySQL gibi dinamik web siteleri geliştiriyorsanız bile, bunu önce yerel olarak yapabilirsiniz. Bu durumda sihirli kelime örneğin XAMPP olacaktır). Bu nedenle, dizin ve dosya adlarınızda boşluk veya özel karakterlerin bulunmadığından mutlaka emin olun. Bu adlarda tutarlı bir küçük harf kullanımını da öneririm.

Web sitenizi yerel olarak detaylı bir şekilde test edin. Gerçekten hata olmaması gerekiyor.


Uygun Sağlayıcı

Web sitenizi çevrimiçi yayınlamak için uygun bir barındırma alanına ihtiyacınız olacak. (Burada, kendi sunucunuzu çalıştırmadığınızı varsayıyorum, ancak bir sağlayıcıdan barındırma alanı kiralamak istediğiniz varsayımını yapıyorum).

Öncelikle bir sağlayıcıdan depolama alanı edinmeniz gerekiyor. Benzer şekilde, sonunda web sitesinin çağrılacağı adres olan bir alan adı (domain) için de aynı durum geçerli. Artık sayısız sağlayıcı var, buradan uygun fiyatlı barındırma alanı kiralayabilirsiniz. Sağlayıcı ve barındırma alanı paketi seçerken aşağıdaki konulara dikkat etmelisiniz:

• En az 1.5 gigabayt depolama alanı

• 1 adet DE-Domain dahil

• Genellikle en az PHP desteğinin olması gerekiyor.

• Bir MySQL veritabanına sahip olmalısınız.

• Kesinlikle sınırsız trafiği kontrol edin.

Özellikle son madde önemlidir, çünkü trafikte genellikle gerçek maliyet tuzakları gizlidir.

Bahsedilen konular sadece küçük web siteleri için gerçekten temel gereksinimlerdir. Eğer yoğun trafiğe sahip bir site işletiyorsanız, tabii ki burada yükseltme yapmanız gerekecektir. Ancak küçük bir barındırma alanından daha büyük bir pakete geçmek genellikle sorunsuz bir şekilde mümkündür. Şüphe durumunda önceden sağlayıcıdan bilgi alın.

Size uygun sağlayıcıyı belirlemek için http://www.webhostlist.de/webhosting/vergleich/ sitesinde arama yapabilirsiniz.

HTML & CSS için yeni başlayanlar (Bölüm 48): Websitesi yayına girdi



Sağlayıcı seçimi tamamen farklı kriterlere göre başlatılabilir.

Bir sağlayıcı seçtiğinizde ve paketi seçtiğinizde ve istediğiniz alan adı kaydedildiğinde, işlem başlayabilir. Sağlayıcıdan, FTP erişim bilgileri vb. gibi tüm ilgili bilgileri e-posta ile alacaksınız.

Verileri Aktarma

Gerekli verilere sahip olduğunuzda, yerel dosyalarınızı web sitesine aktarabilirsiniz. Ancak önce dosyalarınızı ve içerdikleri sözdizimini tekrar kontrol edin. Özellikle aşağıdaki konular önemlidir:

• Tüm bağlantılar ve resim yollarının doğru olup olmadığını kontrol edin. (Özellikle HTML sayfalarını WYSIWYG düzenleyici ile oluşturduysanız, burada çevrimiçi doğru olmayan yerel yollar kullandığınız olabilir).

• Dosya ve dizin adlarını boşluk ve özel karakterler açısından kontrol edin.

Hepsi doğru mu? O zaman sayfalarınızı çevrimiçi yayınlayabilirsiniz. Bunun için barındırma alanınıza bir FTP bağlantısı kurmanız gerekiyor. Bu herhangi bir FTP aracıyla yapılabilir. Bu tür araçların en iyi ve aynı zamanda ücretsiz olanlarından biri FileZilla'dır, bu da http://www.filezilla.de/ sitesinden indirilebilir.

HTML & CSS adresindeki konaklama.

FileZilla'yı kurduktan ve başlattıktan sonra, Dosya> Sunucu Yöneticisi'ni açın. Açılan iletişim kutusunda Yeni Sunucu'na tıklayın.

HTML ve CSS'ye Yeni Başlayanlar için (Bölüm 48): Web sitesi yayında

Sağdaki pencere bölgesine, sağlayıcınızdan aldığınız FTP bilgilerini girmeniz gerekecek. Bu bilgiler şu şekilde olabilir:

Sunucu = www.kullanıcı-adınız.de

Sunucu Türü = FTP-File Transfer Protocol

Bağlantı Türü = Normal

Kullanıcı = ftp_sdfsdfsfd@kullanıcı-adınız.de

Şifre = Şifreniz

Buraya FTP bilgilerini girmeniz gerekiyor. Gerekirse sağlayıcıdan tekrar bilgi alın.

Bağlan düğmesine basarak FTP sunucusuna bağlantı kurulur.

Bu noktada, web sitenizi doğrudan web sitesinin kök dizinine kopyaladığınızı varsayacağım. Kök dizini, önce gelen eğik çizgi ile tanımlanır.

HTML ve CSS'ye Yeni Başlayanlar için (Bölüm 48): Web sitesi yayına giriyor.

Bu doğrudan yöntemin avantajı: Herhangi bir yönlendirme vb. ayar yapmadan web sitenize http://www.kullanıcı-adınız.de/ adresinden ulaşılabilir. Yani başka bir işlem yapmanıza gerek yoktur.

Birçok sağlayıcıda kök dizinde zaten normalde cgi-data ve cgi-bin adında iki dizin bulunur. Ve tam olarak bu düzeye, tüm dosyaları ve dizinleri yerel ortamdan kopyalarız. Bunun için FileZilla'nın sol üst penceresinde yerel dosyalarda arama yapın.

Yerel dosyaların olduğu dizinlere ve dosyalara tıklayın.

Şimdi yapmanız gereken, alt pencerede gösterilen dosyaları ve dizinleri işaretlemek ve ardından işaretlenmiş dizinleri/dosyaları sağ tıklayarak seçerek Yükle'yi seçmek.

HTML ve CSS'ye yeni başlayanlar için (Bölüm 48): Web sitesi yayına giriyor.

Veriler şimdi sunucuya yükleniyor. Tüm dosyaların gerçekten aktarıldığından emin olun. Tek tek dosyaların yüklenmesinde sorun yaşarsanız, bunu FileZilla'nın alt penceresinde görebilirsiniz.

Tüm içerikler sunucuda olduğunda, web sitesini test etmeye başlayabilirsiniz. Özellikle tüm resimlerin mevcut olduğunu ve bağlantıların doğru olduğunu kontrol edin.

Son ve Sonuç

Böylelikle HTML-CSS serisinin sonuna geldik. Yanınızda götürmeniz gereken temel adımlar, web sitelerinin HTML ve CSS temelinde nasıl oluşturulup ardından gerçekten halka sunulabileceğidir. Özellikle şunun açık olması gerekiyor: Bir web sitesi oluşturmak uzun bir süreçtir. Bu süreç tasarımla başlar, gerçek web geliştirmenin ötesine geçer ve web sitesinin yüklenmesi ve kontrolü ile sona erer. Şimdi size yeni web sitenizle bol şanslar diliyorum!