HTML Web Sitesi Yapımı için Gerekenler, HTML web sayfası örneği v5,

Tekrardan merhabalar beyler, ben bozalabozbasliklipisporsuk, bu bölümde, bir web sitesi için gerekenler ve sonrası birde kendi yaptığım temel düzeyde bir web sayfası kodu paylaşıcam.

Bildiğiniz gibi, malasef ki bu ders HTML konusu üzerindeki son ders. Aklınıza takılan bir soru, problem varsa lütfen çekinmeyin, mesaj atarak bana sorun.

''Bu arada, bu bölümün dün gelmesi gerekiyordu, dün başlığı açtım fakat sonrasında bazı sıkıntılar yaşandı, silindi. Bir kopyası felan da yoktu. Aksam yazsam yetişmezdi cünkü baya baya uzun bir ders'ti, şimdi tamamen sıfırdan tekrar yazıyorum daha kısa bir ders olacak malesef. Ekgib yazdığım şeyler olabilir, mazur görün. Mesaj atarak bana belirtin.''

Bana bir çok mesaj geliyor,

"Kendi web sitemi yapmak için hangi dilleri bilmeliyim?"

"Web sitemi nasıl kuracağım?"

"Kodlama'mı yazdım, kendim görüntüledim, kontrollerini yaptım. Nasıl herkese açık hale getirecegim?

"Web sitemi Kurduktan sonra ne yapmam gerekiyor?"

Temel bir HTML Web Sayfası Örneği:
http://4gp.me/ba3s/1485886273292.htm

(Ders'i hazırlarken çok fazla vaktim olmadıgı icin ve aynı dersi yeniden yazdığım için, temel tagler'i içeren bir tane yazdım, daha detaylı ve çok daha gelişmis web site örnek'leri görmek isteyenler bana ulaşsın.)

Verdigim kodu siz kendinize göre editliyebilirsiniz. Sayfayı oluşturmak için, verdigim kodu, bir site ve ya program aracılığıyla hazırlıyoruz. Ben Windows Notepad aracılığı ile anlatıyorum.
Verdiğim kodu metin belgesi içerisine yaptıştırın.

Sol üstteki dosya bölümüne girip farklı kaydet 'e basın. Dosyanızı isimlendirip uzantısını .html olarak değiştirin. Dosyayı kaydedin ve kullandığınız web tarayıcı aracılığı ile açın.

Evet, web sayfanızı oluşturdunuz..

Çogunuz HTML ders'lerini sonucunda bir web sitesi elde etme amacıyla takip ettiniz, ne yapmanız gerekiyor onuda anlatıyorum.

"Sıfırdan kendi web sitemi yaratmak için, hangi dilleri bilmeliyim?"

ilk aşamada, HTML, CSS ve Ajax bilmek işinizi görecektir. Bu diller ile kendi üst düzey websitenizi tasarlayabilirsin. Tabiki kendini geliştirdikçe, ASP, Php, Javascript gibi dilleride öğrenmelisiniz.

Bir de benim size önerim, photoshop indirin, temel düzeyde tasarım yapmayı öğrenin. (Tabi, sitenin görsel tasarımını tamamen sıfırdan kendiniz yapmak istiyorsanız.) Biraz kurcayalarak bile Photoshop'ta temel düzeye gelebilirsiniz, görsel tasarım konusunda işinize yarayacaktır.

Bunun dısında öğrenebileceğiniz şeyler var, ama bu aşamada bu diller sizin işinizi gayet iyi görecektir.

"Gerekli kodlamayı yaptım, web sitemi hazırladım. Kendi bilgisayarım üzerinden görüntüleyip kontrol ettim, ya sonra?"

Hazırladığınız web sitesini herkese açık hale getirmek için bazı aşamalardan geçmeliyiz;

1- Kendinize bir hosting satın alın.

2- Kendinize bir domain satın alın.

3- Web sitenizde kullanacağınız panel'i belirleyin.

4- Panel'inizin açık kaynak kodları bölümüne (kodlama) hazırladığın sayfanın kodlarını yaptışırıp, kaydedin.

5- Eğer siteniz şuan herkese açık durumda değil, panel üzerinden aktif edin.

Evet, kendi web sitenizi oluşturdunuz..
(Bir websitesi oluşturmak, kurmak'la ilgilenen arkadaşlar mesaj atsın. Onlara çok daha detaylı olarak anlatırım. Her türlü de yardımcı olurum..)

Bu ders anlatıcaklarım bu kadar'dı malesef.

Yazılım konusu altında merak ettiğiniz, problem yaşadığınız her şeyi mesaj atarak bana sorabilirsiniz. Seve seve yardımcı olurum..

Bazılarınızın bildiği gibi bir çok dilde ortalamanın üzerinde bir bilgim ve deneyimim var.Bana konusu ne olursa olsun. Bundan sonraki süreçte hangi konunun ders'lerini verilmesini istersiniz yazın.Bir anket olarak düşünün. En çok istenen konuları sırayla (Eğer çıkan konuya ders anlatabilecek seviyenin üzerinde hakimsem) anlatıcam.Yazılım ile alakalı, konu ne olursa olsun, bu başlığın altında yazın. Kısa bir süre sonra bunları toparlayıp, başlayacağım yeni ders'leri belirliyicem. Mesaj atarak söylemezseniz daha iyi olur çünkü günde onlarca mesaj geliyor. Mesajlarınız kayboluyor, onları sayamıyorum malesef. Bir arada olması amacıyla bu başlık altında belirtin..

inci Yazılım Twitter Sayfası: https://twitter.com/Inci_Yazilim

Önceki Ders'ler:

Okumayanlar için ilk bölüm; (bkz: html giriş v1)
http://www.incisozluk.com.tr/w/html-giri%C5%9F-v1/

Okumayanlar için ikinci bölüm; (bkz: html temel tagler v2) http://www.incisozluk.com.tr/w/html-temel-tagler-v2/

Okumayanlar için üçüncü bölüm; (bkz: html genel tagler uygulamalı v3)
http://www.incisozluk.com ... agler-uygulamal%C4%B1-v3/

Okumayanlar için dörtüncü bölüm: (bkz: html tüm tag bileşenleri ve renk kodları v4)
http://www.incisozluk.com...-ve-renk-kodlar%C4%B1-v4/

ve bozalabozbasliklipisporsuk affınıza sığınarak HTML ders'lerine son verir.

SON