YoRuMSuZ
Biz işimize bakalım...
Unutmayalım: Html kodları ile oluşturduğumuz *.htm veya *.html uzantılı dosyalarımızı internette denemek zorunda değiliz. Tarayıcımız local olarak bu kodları çalıştırır.
Aşamalarımız:
1- Adres (domain) almak.
2- Html kullanarak basit bir sayfa hazırlamak
3- Hazırladığımız sayfayı upload etmek.
4- Sayfa adresimizi yazarak gösterimini sağlamak.
Bu zamana kadar kendimize ait internet üzerinde hiçbir sayfamız olmadıysa bu yazıda anlatılanlar uygulandığında artık size ait bir sayfanız olacak.
Bunun için ücretsiz hosting hizmeti veren Türkçe içerikli mynet.com adresini kullanacağız. (Daha sonra başka ücretsiz veren asp, php destekli sitelere de örnekler verilecektir)
Ancak unutmamak gerekir ki ücretsiz barındırma hizmeti veren sitelerin hepsi kısıtlı özelliklere sahiptir. Ancak merak etmeyin tümü html kodlarını çalıştırır.
1- Adres (domain) almak.
Hemen
Üye olduktan sonra ister mail adresiniz:rumuzumuz[at]mynet.com
Web site adresimiz iserumuzumuz.sitemynet.com şeklinde olacaktır.
Artık üyelik işlemlerini tamamladığımızı varsayarak işlemlere başlıyoruz.
2- Html kullanarak basit bir sayfa hazırlamak
Önce kendi bilgisayarımızda çok basit bir içeriğe sahip bir html sayfası yapacağız ve bunu upload edip, adres satırına rumuzumuz.sitemynet.com yazdığımızda görünmesini sağlayacağız.
Html kodları kullanarak ilk sayfamızı hazırlıyoruz.
Not defterini açıp içerisine şunları yazıyoruz. (Buradan kopyalayıp yapıştırabilirsiniz)
Faklı kaydet deyip index.html adı ile kaydediyoruz.
Not: html uzantısı yerime htm uzantısı ile de kayıt yapabilirsiniz. Hiç fark etmez. Sayfamıza index.html adını verme nedenimiz, server ilk olarak bu isimdeki dosyayı arayacaktır. Böylece sitemizin adresini yazdıktan sonra bir de index.html eklememize gerek kalmıyor.
Sayfamızda Merhaba Dünya. Bu benim ilk sayfam… metni görünecek. Explorerin en üstünde ise İlk Sayfam (title bölümünde belirtmiştik) metni görünecektir.
Dikkat ederseniz html kodlarında kullanılan tagların tümü kapatılmıştır. <xxx> diye başlayan tag işlem sonrasında </xxx> şeklinde kapatılıyor.
Bu kodları sürekli nasıl yazarız diye endişelenmeyin. Html editörleri sizin yerinize halledecek siz ise sanki Microsoft Word ile belge düzenliyormuşçasına dokümanlarınızı hazırlayacaksınız. Eğer bilgisayarınızda Office programının Xp sürümü ya da öncesi yüklüyse muhtemelen Office'ni bir eklentisi olan Front Page yüklüdür. Ve sayfalarımızın tümünü bu program ile hazırlayabiliriz. Hatta Word ile hazırladığınız belgeleri bile farklı kaydet komutu ile html sayfası olarak kaydedebilirsiniz. Ancak Word, gereksiz birçok kod eklediği için sayfamızın boyutunu yükselteceği için tavsiye edilmez.
3- Hazırladığımız sayfayı upload etmek.
Sıra geldi hazırladığımı index.html dosyasını upload edip internette yayınlamaya. Daha önce üyelik işlemlerimizi tamamlamıştık.
Buraya tıklayarakmysite.mynet.com adresine gidiyoruz. Buradan "Dosya Yönetimi" yazan bölüme giriyoruz. Burada üye olurken belirlediğimiz Üye Adı ve Şifre'mizi yazıp giriş yapıyoruz.
İlk girişimiz olduğu için site konumuzu belirten "Ana Kategori" ve "Alt Kategori" yi seçim alanlarından belirtip "İleri" butonuna tıklıyoruz. Artık dosyalarımızı barındırabileceğimiz alana ulaşmış olduk.
Bu bölümde "siteyapimhalinde.htm" dosyanın var olduğunu göreceksiniz. Ama bizim buna ihtiyacımız olmadığı için solundaki onay kutusunu seçip "Sil" butonuna basarak silebiliriz. İsterseniz kalabilir. Zaten biz serverin ilk göreceği index.html dosyamızı upload edeceğiz. Aşağıdaki resimde upload önceki dosyayı silmeden upload edilmiş index.html dosyası görünüyor.
Dosya Upload Etmek:
Yukardaki resimde kırmızı çerçeve içine alınmış "Dosya Yükle" linkine tıklıyoruz. Dosyalarımızı yükleyebilmemiz için beş adet seçimlik alan gelecek. Biz sadece index.html dosyamızı yükleyeceğimiz için üstteki alanın ağındaki "Gözat" butonuna tıklayıp index.html dosyamızı gösteriyoruz ve "Yükle" butonuna basıyoruz. Dosyamız upload edildiğinde yine dosya yönetim bölümüne dönecektir. Bu dosyamızın upload edildiği anlamına gelir. Zaten index.html dosyasını artık görebiliyor olmamız gerekir. Örnek için aşağıdaki resme bakınız.
4- Sayfa adresimizi yazarak gösterimini sağlamak.
Yukarıdaki (iki üstteki) resimde olduğu gibi index.html sayfasını görüyorsanız artık tarayıcının adres satırına
rumuzumuz.sitemynet.com adresini yazdığınızda internette ilk sayfanız aşağıdaki şekilde görünecektir. Ben 1x2x3x kullanıcı adı aldığım için site adresim 1x2x3x.sitemynet.com şeklinde oldu.
Tebrikler artık nettesiniz.
Sayfamızı renklendirmek, yazı tipi, boyutu, rengi, tablolar eklemek, vs ekleyebilirsiniz.
Front Page kullanarak detaylı sayfalar yapabilirsiniz. M. Office programının eklentisi olan programla tıpkı Word'de olduğu gibi sayfalar düzenleyip kaydedebilirsiniz. Kaydettiğiniz sayfaları da upload ederek hoş görünümlü bir sayfa veya sayfalar elde edebilirsiniz. Birden çok sayfa hazırladığınızda sayfaların birbiri ile iletişimini link vererek sağlamalısınız.
Not: Html kodlarının temellerini öğrenmeniz sizin için iyi olacaktır. Gerçi html editörleri çoğu işlemi sizin yerinize yapacak ancak birkaç düzenleme yapalım.
Hazırladığımız sayfada birkaç değişiklik yapalım.
Yazıyı kalın yapmak için bold (kalın) anlamına gelen <b> tag'ını kullanalım.
<b>Merhaba Dünya. Bu benim ilk sayfam… </b>
Yazımızı kırmızı ve kalın yapalım.
<b><font color="#FF0000">Merhaba Dünya. Bu benim ilk sayfam…</font> </b>
Arka plan rengini sarı yapalım.
Bunun için <body> tag'ını <body bgcolor="#FFFF00"> olarak değiştirmemiz yeterli.
Bu durumda sayfamızdaki yazı kırmızı ve kalın, sayfa arka fonu ise sarı oldu. Kodlarınızda şu şekilde değişmiş oldu:
Sayfamız şu şekilde görünecek:
-----------
Sayfayı oluştururken kullandığımız etiketlere(tag'lara)bir göz atalım :
<html></html> tagları tarayıcımıza bu belgenin bir html dökümanı olduğunu söyler.HTML dökümanları bu tagla başlar ve biter.
<head></head> tagları arasında kalan kısım sayfanın başlık kısmını oluşturur. Tarayıcının sayfayı tanımasına ve sayfaya değişik özellikler eklenmesini sağlar. Bu özelliklere ilerleyen konularda değineceğiz.
<title></title> tagları arasındaki yazı tarayıcınızın sol üst tarafında gözüken sayfanızın, başlığıdır.
<body></body> tagları arasındaki herşey tarayıcınızın penceresinde gözükecektir.
<b></b> tagları arasında kalan kısım ise kalın yazı karakteri ile gözükecektir.
Hazırladığımız dökümanı .htm veya .html şeklinde kaydedebiliriz. Her iki şekildede tarayıcımız dökümanı açacaktır.
Aşamalarımız:
1- Adres (domain) almak.
2- Html kullanarak basit bir sayfa hazırlamak
3- Hazırladığımız sayfayı upload etmek.
4- Sayfa adresimizi yazarak gösterimini sağlamak.
Bu zamana kadar kendimize ait internet üzerinde hiçbir sayfamız olmadıysa bu yazıda anlatılanlar uygulandığında artık size ait bir sayfanız olacak.
Bunun için ücretsiz hosting hizmeti veren Türkçe içerikli mynet.com adresini kullanacağız. (Daha sonra başka ücretsiz veren asp, php destekli sitelere de örnekler verilecektir)
Ancak unutmamak gerekir ki ücretsiz barındırma hizmeti veren sitelerin hepsi kısıtlı özelliklere sahiptir. Ancak merak etmeyin tümü html kodlarını çalıştırır.
1- Adres (domain) almak.
Hemen
Bağlantıyı görüntüleme izniniz yok, görüntülemek için:
Giriş yapın veya üye olun.
adresine gidip üye girişinin altındaki ÜYE OLMAK İSTİYORUM bölümüne tıklıyoruz. Gerekli alanları doldurup alttaki güvenlik kodunu da aynen girdiğimizde üyelik işlemini gerçekleştiriyoruz. "Mynet Üye Adınız" bölümüne yazdığımız rumuz hem mail hem de web sitemizin adresini belirleyecektir. Bu durumda üye olduğunuz rumuz'a ait bir mail adresiniz ve 1 MB büyüklüğünde sayfalarımızı / dosyalarımızı yayınlayacağımız bir alan sahibi oluyoruz.Üye olduktan sonra ister mail adresiniz:
Web site adresimiz ise
Artık üyelik işlemlerini tamamladığımızı varsayarak işlemlere başlıyoruz.
2- Html kullanarak basit bir sayfa hazırlamak
Önce kendi bilgisayarımızda çok basit bir içeriğe sahip bir html sayfası yapacağız ve bunu upload edip, adres satırına rumuzumuz.sitemynet.com yazdığımızda görünmesini sağlayacağız.
Html kodları kullanarak ilk sayfamızı hazırlıyoruz.
Not defterini açıp içerisine şunları yazıyoruz. (Buradan kopyalayıp yapıştırabilirsiniz)
Kod:
<html>
<head>
<title>İlk Sayfam</title>
</head>
<body>
Merhaba Dünya. Bu benim ilk sayfam…
</body>
</html>Not: html uzantısı yerime htm uzantısı ile de kayıt yapabilirsiniz. Hiç fark etmez. Sayfamıza index.html adını verme nedenimiz, server ilk olarak bu isimdeki dosyayı arayacaktır. Böylece sitemizin adresini yazdıktan sonra bir de index.html eklememize gerek kalmıyor.
Sayfamızda Merhaba Dünya. Bu benim ilk sayfam… metni görünecek. Explorerin en üstünde ise İlk Sayfam (title bölümünde belirtmiştik) metni görünecektir.
Dikkat ederseniz html kodlarında kullanılan tagların tümü kapatılmıştır. <xxx> diye başlayan tag işlem sonrasında </xxx> şeklinde kapatılıyor.
Bu kodları sürekli nasıl yazarız diye endişelenmeyin. Html editörleri sizin yerinize halledecek siz ise sanki Microsoft Word ile belge düzenliyormuşçasına dokümanlarınızı hazırlayacaksınız. Eğer bilgisayarınızda Office programının Xp sürümü ya da öncesi yüklüyse muhtemelen Office'ni bir eklentisi olan Front Page yüklüdür. Ve sayfalarımızın tümünü bu program ile hazırlayabiliriz. Hatta Word ile hazırladığınız belgeleri bile farklı kaydet komutu ile html sayfası olarak kaydedebilirsiniz. Ancak Word, gereksiz birçok kod eklediği için sayfamızın boyutunu yükselteceği için tavsiye edilmez.
3- Hazırladığımız sayfayı upload etmek.
Sıra geldi hazırladığımı index.html dosyasını upload edip internette yayınlamaya. Daha önce üyelik işlemlerimizi tamamlamıştık.
Buraya tıklayarak
İlk girişimiz olduğu için site konumuzu belirten "Ana Kategori" ve "Alt Kategori" yi seçim alanlarından belirtip "İleri" butonuna tıklıyoruz. Artık dosyalarımızı barındırabileceğimiz alana ulaşmış olduk.
Bu bölümde "siteyapimhalinde.htm" dosyanın var olduğunu göreceksiniz. Ama bizim buna ihtiyacımız olmadığı için solundaki onay kutusunu seçip "Sil" butonuna basarak silebiliriz. İsterseniz kalabilir. Zaten biz serverin ilk göreceği index.html dosyamızı upload edeceğiz. Aşağıdaki resimde upload önceki dosyayı silmeden upload edilmiş index.html dosyası görünüyor.
Dosya Upload Etmek:
Yukardaki resimde kırmızı çerçeve içine alınmış "Dosya Yükle" linkine tıklıyoruz. Dosyalarımızı yükleyebilmemiz için beş adet seçimlik alan gelecek. Biz sadece index.html dosyamızı yükleyeceğimiz için üstteki alanın ağındaki "Gözat" butonuna tıklayıp index.html dosyamızı gösteriyoruz ve "Yükle" butonuna basıyoruz. Dosyamız upload edildiğinde yine dosya yönetim bölümüne dönecektir. Bu dosyamızın upload edildiği anlamına gelir. Zaten index.html dosyasını artık görebiliyor olmamız gerekir. Örnek için aşağıdaki resme bakınız.
4- Sayfa adresimizi yazarak gösterimini sağlamak.
Yukarıdaki (iki üstteki) resimde olduğu gibi index.html sayfasını görüyorsanız artık tarayıcının adres satırına
Tebrikler artık nettesiniz.
Sayfamızı renklendirmek, yazı tipi, boyutu, rengi, tablolar eklemek, vs ekleyebilirsiniz.
Front Page kullanarak detaylı sayfalar yapabilirsiniz. M. Office programının eklentisi olan programla tıpkı Word'de olduğu gibi sayfalar düzenleyip kaydedebilirsiniz. Kaydettiğiniz sayfaları da upload ederek hoş görünümlü bir sayfa veya sayfalar elde edebilirsiniz. Birden çok sayfa hazırladığınızda sayfaların birbiri ile iletişimini link vererek sağlamalısınız.
Not: Html kodlarının temellerini öğrenmeniz sizin için iyi olacaktır. Gerçi html editörleri çoğu işlemi sizin yerinize yapacak ancak birkaç düzenleme yapalım.
Hazırladığımız sayfada birkaç değişiklik yapalım.
Yazıyı kalın yapmak için bold (kalın) anlamına gelen <b> tag'ını kullanalım.
<b>Merhaba Dünya. Bu benim ilk sayfam… </b>
Yazımızı kırmızı ve kalın yapalım.
<b><font color="#FF0000">Merhaba Dünya. Bu benim ilk sayfam…</font> </b>
Arka plan rengini sarı yapalım.
Bunun için <body> tag'ını <body bgcolor="#FFFF00"> olarak değiştirmemiz yeterli.
Bu durumda sayfamızdaki yazı kırmızı ve kalın, sayfa arka fonu ise sarı oldu. Kodlarınızda şu şekilde değişmiş oldu:
Kod:
<html>
<head>
<title>İlk Sayfam</title>
</head>
<body bgcolor="#FFFF00">
<b><font color="#FF0000">Merhaba Dünya. Bu benim ilk sayfam…</font> </b>
</body>
</html>-----------
Sayfayı oluştururken kullandığımız etiketlere(tag'lara)bir göz atalım :
<html></html> tagları tarayıcımıza bu belgenin bir html dökümanı olduğunu söyler.HTML dökümanları bu tagla başlar ve biter.
<head></head> tagları arasında kalan kısım sayfanın başlık kısmını oluşturur. Tarayıcının sayfayı tanımasına ve sayfaya değişik özellikler eklenmesini sağlar. Bu özelliklere ilerleyen konularda değineceğiz.
<title></title> tagları arasındaki yazı tarayıcınızın sol üst tarafında gözüken sayfanızın, başlığıdır.
<body></body> tagları arasındaki herşey tarayıcınızın penceresinde gözükecektir.
<b></b> tagları arasında kalan kısım ise kalın yazı karakteri ile gözükecektir.
Hazırladığımız dökümanı .htm veya .html şeklinde kaydedebiliriz. Her iki şekildede tarayıcımız dökümanı açacaktır.
< Kaynak göstermeden yayınlaması yasaktır. >
