HTML Site Nedir?

HTML SİTE NEDİR?

HTML, web sitesini oluşturmak için geliştirilen bir kodlama dilidir. İngilizce olarak açılımı Hyper Text Markup Language, türkçede ise anlamı Zengin Metin İşaret Dili olarak anlam kazanmıştır. HTML eskiden günümüze gelişerek gittikçe yaygınlaşan ve günümüzde popüler olan bir kodlama dilidir. HTML ile eskide popüler olan flash siteler, günümüzde kendini yitirmiştir. HTML’in sürümlerini aşağıda paylaşacağım.Bütün kodlama dilleri w3schools tarafından hazırlanmıştır. HTML kalıpları çoğunlukla ‘etiket’ adı verilen başlıklardan oluşur. Haydi gelin sizinle bir örnek yapalım ;

<html>
  <head>
    <title>isatezcan.com</title>
 
  </head>
  <body>
    <p style="font-size:10px"><a href="http://isatezcan.com">Kişisel eğlence blogu !</a>
    </p>
  </body>
</html>

Açıklaması :

<html></html> – Bu kod html’in başlangıç kodudur.Mutlaka eklenmesi gereken zorunlu bir etikettir.  (Eğer bir etiket ekliyorsak bu etiketi mutlaka kapamamız gerekir. (</html>) )
<head></head> – Bu kod sayfamız hakkında bilgilerin bulunduğu bir etikettir.Mutlaka konulmalıdır.
<title></title> – Bu kod tarayıcımızın üst yani sekme kısmında bulunan yazı kısmıdır.
<p>isatezcan.com</p> – Bu kod html’de paragraf oluşturmamıza yarar.İçindeki style kodu ile bu paragrafa fontun biçim özelliklerini değiştirebiliriz.

<a></a> – Bu kod örnek verirsek Google ismini google.com.tr adresine göndermemize yarar. Yani <a> etiketi ile bir yazıyı link haline dönüştürebiliriz.

Devamını oku...

Hostıng

HOSTING NEDİR?

Kendinize ait bir web sitesi kurmak istiyorsanız önce bir domain (alan adı) almalısınız daha sonra hazırlanmış olan yada hazırlanacak olan web sitenizin dosyalarının (html, php, asp, fotoğraf dosyaları vs...) çalışacaği bir alan ( disk alanı ) olması gerekir ki hazırlanan web sitesini o alana atmalısınız. Böylece internet kullanıcıları browserlarında (internet tarayıcılarında örn.:internet explorer, firefox, netscape gibi) sizin web adresinizi yazdıklarında siteniz açılabilsin.

Hosting hizmeti veren sistem aslında çok hızlı bir internete bağlı olan iyi bir bilgisayardan farklı birşey değildir. Aynı anda belki yüzlerce web sitesini yayınlayabilmesini en önemlisi kesintisiz çalışacağını düşünürsek elbette donanımı ona gore seçilmiştir ve daha da önemlisi çok hızlı bir bağlantı hızı ve yüksek bant genişliğine sahiptir.

Web sitenizi evinizdeki internete bağlı olan bilgisayarınızdan da yayına sokabilir herhangi bir hosting firmasına ihtiyaç duymadan web sitenizi pek tabii ki evinizdende çalıştırabilirsiniz. Fakat bunu yapabilmeniz için bu konuyla ilgili oldukca iyi bir teknik bilgiye sahip olmanız gerekir ki evinizdeki bilgisayarınızı tam donanımlı bir web sunucusu haline getirebilmeli, gerekli servisleri (Örn. : IIS yada Apache, DNS, PHP yada ASP, MySQL, Mail Server gibi) kurabilmelisiniz. Bunları yaptınız diyelim iyi bir bağlantı hızınızın olması gerekir ve bilgisayarınızın kapalı yada internetinizin kesik olduğu durumlarda web sitenizin çalışmayacağını web adresinizin e-mailine gelen e-mailleri alamacağinizi düşünürsek sisteminizi bu önlemleri alarak maliyetlerinizi bunun önemine göre belirleyip ona göre teknik donanımlarınızı satın almalısınız. Bunların oldukça karmaşık bir konu olduğu oldukça aşıkardır. Dolayısı ile bu hizmeti güvenilir, ekonomik ve hızlı olarak sunabilen bir hosting firmasından satın almanız sizin için çoğu zaman daha avantajlı olacaktır.

Kısaca web sitenize ait dosyaları saklayan ve internet kullanıcılarının erişimine sunan bu bilgisayarlara web sunucusu (web server), bu veri saklama ve yayınlama işlemine de web hosting denir.

Bir web hosting alan kiralanması ile başka hizmetleride aynı zamanda genellikle almış olursunuz. Mesela en önemlisi E-mail hesap oluşturup yönetebilme ve e-mail alabilme ve gönderebilme imkanı. Hosting alanınız olmadan alan adınıza ait e-maillerinizi yönetemezsiniz e-mail alıp gönderemezsiniz. Yani e-mail hesabınızı oluşturup yönetebilmeniz için mutlaka bir hosting alanı edinmeniz gerekir.

Bazı servis sağlayıcıları daha gelişmiş profesyonel taleplere yönelik çözümler için sizin adınıza sunucu barındırma (co-location) yada sanal sunucu (vps ya da virtual server) hizmetleri de sunmaktadır.

Devamını oku...

Responsive Tasarım

Responsive Tasarım Nedir

Bilgisayar, tablet, akıllı telefonlar gibi cihazlarla web sitemize girildiğinde tümüne uyumlu halde kodlanan, ekran ölçülerine göre ayarlanmasına Responsive denir.

Tasarımımızı Responsive Uyumlu Yapmak

Bu anlatımımızı temel css ve html bilgisine sahip olduğunuzu varsayarak yapıyoruz. Teknik terimler ile anlatım yapacağız.

• Öncelikle Head tagları arasına şu kodu yerleştirin

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

• Daha sonra sitede kullandığınız herhangi bir css dosyasına kodlarımızı eklemeye başlıyoruz

@media only screenand(min-width: 480px)and(max-width: 767px) { }

• Bu eklediğimiz css kodu 480px-767px den küçük ekranlar için geçerli olacak. Bunu dilediğimiz class’lara atıyarak sadece belirttiğimiz kodlarada uyarlıyabiliriz yani;

<div class=”mumya”></div> gibi bir sınıfımızın olduğunu varsayarak şöyle bir kod eklediğimizde

@media only screenand(min-width: 480px)and(max-width: 767px) {

.mumya{background:#333;color:#fff;width:100%;}

}

• Şu an mumya class’ımız 480×767 çözünürlükten düşük bir cihazda açıldığında eklediğimiz kod sayesinde bozulma olmayacaktır. Peki istediğimiz çözünürlüğe göre o class’ın görünmemesini nasıl sağlarız. Şöyle bir kod yazarsak;

@media only screenand(min-width: 480px)and(max-width: 767px) {

.mumya{display:none;}

}



Devamını oku...

Dreamweawer Nedir?

Dreamweaver Nedir ?

Dreamweaver; İlk olarak Macromedia şirketinin ürettiği, daha sonra Adobe şirketinin Macromedia'yı satın almasından dolayı adı Adobe Dreamweaver olarak değişen bir web sayfası geliştirme, kodlama yazılımıdır.

Dreamweaver Ne İşe Yarar ?

Dreamweaver yukarıda da bahsettiğimiz gibi, bir web sayfası tasarlanması ve kodlanmasına yarayan bir programdır.

Dreamweaver ile ;

• Web Sayfaları
• Web Uygulamaları
• Çeşitli Hakkında (Program Hakkında) dosyaları v.b. birçok uygulama düzenleyebilirsiniz.

Dremweaver; şu anda çoğu web tasarımcının kullandığı bir programdır... Bunların yanı sıra çeşitli programlarda var.. Fakat en popüler program Dreamweaver'dır.

Dreamweaver ile yaratılabilecek dosya türleri ; PHP , ASP VBScript , CSS , CouldFusion , HTML , JavaScript , XML

Devamını oku...

Web Site Programları

Web sitesi yapmak için bilmemiz gereken programlar 

• Photoshop
• Html , css 
• Dreamweaver
• Php

Bunları kesinlikle bilmemiz gerekiyor.

Devamını oku...

Dreamweawer Class

DreamWeawer'da Class (Sınıf) tanımlama örneği.

Devamını oku...