Not: Yapmış ve yapacağınız ayarlardan dolayı oluşan arızalardan sorumlu değiliz.
Bu yazımızda Microsoft güncelleme servisi olan Windows update (Windows Güncelleme) servisini bilgisayarımızda tamamen kapatma senaryosunu anlatacagım.Aslında sorunumuzu bir kaç şekilde çözebiliyoruz size en yakın ve en mantıklı olanı tercih ederseniz işinize o şekilde yarayacağını tahmin ediyorum.
Öncelikle neden Windows update servisini neden istemeyiz ? Windows update bizlere herzaman güncel stabil yazılımı ulaştırmak istesede,bazı sorunları beraberinde getirdiği de doğrudur.Çeşitli nedenlerden dolayı bu güncellemeleri almak istemeyebiliriz.Bunun için bu servisten tamamen yada geçici yada belirli zaman aralığı doğrultusunda kurtulabiliriz.Evet şimdi başlayalım.
Öncelikle Windows+R tuş kombinasyonuyla Çalıştır penceresini açalım.
Services.msc yazalım Hizmetler penceresi açıldığını göreceksiniz.
“Windows Update” servisini bulup çift tıklayalım.
Başlangıç türüne “Devre Dışı” Yapalım.
Kurtarma menüsünden “Birinci hata,İkinci hata,Sonraki hatalar” ayarlarına eylet yürütme yapalım.
Tamam diyerek windows update olayından geçici yada belirli zaman aralığı doğrultusunda kurtulabiliriz
Bu şekilde windows update servisinden kurtulabiliriz.Ama burda şöyle bir riskimiz var bu servis bilgisayarımıza yüklediğimiz başka bir program tarafından yada başka nedenlerle bir şekilde yeniden başlayarak update servisine bağlanabilir.Şimdi anlatacağım windows update servisini tamamen bilgisayarımızda yok etme metodu.
Windows+R tuş kombinasyonuyla Çalıştır penceresini açalım.
Services.msc yazalım Hizmetler penceresi açıldığını göreceksiniz
“Windows Update” servisini bulup çift tıklayalım.
Hizmet adı “wuauserv” not defterine not edelim.
Bu hizmeti tamamen bilgisayarımızdan siliyoruz.
Komut İstemi’ni açarak Kullanacağınız komut sc delete hizmet_adı şeklinde olacak.
Komut istemini açmayı bilmiyorsanız: Başlat>Ara kısmına cmd yazın gelen yazılıma Vista / 7 kullanıcıları sağ tıklayarak yönetici olarak çalıştır demelidirler.XP üzerinde başlat>çalıştır>cmd yazıp enterlamak yeterlidir
sc delete wuauserv
Yazarak enter diyerek hizmeti tamamen siliyoruz.Ve bilgisayarımızda windows update servisini tamamen kaldırıyoruz..
NOT: Hizmeti tekrardan yükleyip aktif etmek isteyenler için aşağıdaki kod parçasını komut satırına yönetici olarak yazmanız gerekmektedir.Kod üzerinde dikkat etmeniz gereken tek şey pc adı yerine kendi pc adınızı yazmak olacaktır.
Yada daha basit aşağıdaki dosyayı indirip çift tıklayıp kayıt defterine eklemeniz yeterlidir.Sonrasında servisi tekrardan başlatabilir update sunucusuna bağlanabilirisniz.
chrome web tarayıcısı adres yerine chrome://flags/#enable-npapi yazıp aradınca sarı vurgu işaretli yerdeki NPAPI'yı etkinleştir yazısının altındaki etkinleştir e tıklayıp chrome yi yeniden açınız.
HTC, SAMSUNG, SONY, LG Android telefonlarda güvenli mod safe mod da açmak
1. Android 4.1 Jelly Bean ve öncesi sürümlerde güvenli moda girmek için cihazı kapatıyorsunuz.
Cihazı kapattıktan sonra güç butonuna basarak tekrar açıyoruz. Cihaz açılıp, ekran logosu görünce ses kapama ve açma butonuna aynı anda telefon açılıncaya kadar basılı tutuyoruz.
2. Cihazı kapatmak için uzun süre güç düğmesine basın. Karşınıza cihazı kapat, uçak modu açık ve yeniden başlat seçeneklerinin bulunduğu bir menü çıkacaktır. Bu menüdeki telefonu kapat butonuna uzun süre baslı tuttuğunuzda, cihazı güvenli modda yeniden aç diye bir bildirim çıkacaktır tamam dediğiniz zaman cihazınız güvenli modda açılacaktır.
ilk önce sol alt köşedeki windows simgesine sağ tıklayıp denetim masasına giriyoruz.
ardından programlara giriyoruz.
sol üst köşede bulunan windows özelliklerini aç veya kapat yazısına tıklıyoruz.
açılan pencerede ".Net Framework 3,5" yazısının yanındaki kutucuğu işaretleyip tamam diyoruz ve kuruluma başlıyoruz. windows kendiliğinden dotnet 3,5 bulup kuracaktır.
Kriptolanmış bilgisayarınızın üzerindeki disklerin Shadow Copies özelliği aktif ise alınan T zamanındaki dosyalarınıza geri dönebilirsiniz.
Bunun için http://www.shadowexplorer.com/uploads/ShadowExplorer-0.9-setup.exe adresinden indirip ilgili belgeleri kriptolanmış makineye yükledikten sonra arayüzde seçilen zamandaki dosyalara erişebilirsiniz.
1- Başlat Menüsü arama satırına regedit yazın ve Enter'a basın.
2- Açılan Kayıt Defteri'nde
HKCU\Software\Microsoft\Windows\CurrentVersion\Policies\System yolunu izleyin.
Eğer System anahtarı mevcut değilse Policies anahtarına sağ tıklayın ve Yeni ► Anahtar yolunu izleyip oluşan yeni anahtara System adını verin.
3- System anahtarı seçili iken sağ tarafta boş bir alana sağ tıklayın, Yeni ► Dize Değeri yolunu izleyin ve oluşanDize Değeri'ne Wallpaper adını verin.
4- Masaüstü arka planı olarak atamak istediğiniz resmin bulunduğu lokasyonun tam adresini girin.
Masaüstü arka planı olarak atamak istediğiniz resme Shift butonu basılı iken sağ tıklayıp açılan menüdeYol olarak kopyala seçeneği ile tam adresi kolayca elde edebilirsiniz.
Bu resmi kendi kullanıcı klasörünüzde barındırmak başka kullanıcıların ulaşamaması, dolayısıyla kullanamamaları anlamına geleceğinden Masaüstü arka planı olarak ayaralamak istediğiniz resmin herkesin ulaşabileceği C:\Kullanıcılar\Ortak gibi ya da Yerel Ağ üzerinde herkesin erişim yetkisinin olduğu bir klasör gibi bir lokasyonda olduğundan emin olun.
5- Tekrar sağ tarafta boş bir alana sağ tıklayın, Yeni ► Dize Değeri yolunu izleyin ve oluşan Dize Değeri'ne WallpaperStyle adını verin.
6- Oluşan WallpaperStyle anahtarına çift tıklayın ve 0, 1, 2, 3 veya 4 değerlerinden birini verin.
Ortala için 0,
Döşe için 1,
Genişlet için 2,
Sığdır için 3,
Doldur için 4
7- Kayıt Defteri'ni kapatın ve oturumu yeniden başlatın. Artık Masaüstü arka planını hiçbir şekilde değiştiremediğinizi göreceksiniz.
Geri dönüş,
8- Oluşturduğunuz Wallpaper ve WallpaperStyle anahtarlarını silin.
Windows 8 veya Windows 8.1 kurulumlarından sonra Windows da gözüken Secureboot doğru yapılandırılmadı hatasının çözümü içi aşağıdaki registery kaydını değiştirin. ve Bilgisayarınızı yeniden başlatın.
Secureboot doğru yapılandırılmadı
çalıştıra ( type regedit )
ve sırası ile klasörüne gidin HKEY_LOCAL_MACHINE/software/Microsoft/windows/currentversion/policies/system/
açın EnableLUA put 0 instead of 1 in Value Data
Bilgisayarınızı yeniden başlatın.
C:\Windows\System32\drivers\etc içerisinde hosts dosyasının bir kopyasını masaüstüne alın sonra etc klasörünün içerisindeki hosts dosyasını not defteri ile açıp içerisine aşağıdakillerini yazıp kaydetin
ve pc yi yeniden başlatın artık pc den facebook a girilemez geri almak için kopyaladığınız hosts belgesini eski yerine kopyalamanız yeterlidir.
Oyun sırasında "Enter" tuşuna basın ve aşağıdaki kodları girin:
x marks the spot - Savaş sisini kaldırır
medium rare please - 10,000 Yiyecek
give me liberty or give me coin - 10,000 Para
nova & orion - 10,000 Tecrübe puanı - 10,000 Odun
speed always wins - Bina yapımını ve kaynak toplamayı hızlandırır
this is too hard - Senaryoyu kazanırsınız
tuck tuck tuck - Monster Truck verir
ya gotta make do with what ya got - Osmanlı topçusu verir
Ananas yerde yetişir Enginarlar aslında böyle çiçeklerin dışında yetişir.. Çiçek!
Kivi, böyle asma bahçesi gibi gözüken yerlerde yetişir
Kuşkonmaz yerden çıkan bir dalda yetişir
Pırasanın böyle güzel mor çiçekleri vardır
Hurma böyle ağaçlarda yetişir
Çikolata yapımında kullanılan kakao böyle yetişir
Kereviz böyle yanarlı dönerli gözükür
Safran böyle gözüken bir çiğdem çiçeğinin ortasındaki turuncu bölgeden elde edilir
Yer fıstığı bu şekilde yerin altında yetişir Brokoli tarlada böyle gözükür Nohut tarlası
Brüksel Lahanası böyle garip, yerden çıkan bir odunun üstünde yetişir
Avokadolar da böyle ağaçlarda yetişir
Tahminlere göre yeryüzündeki milyonlarca ağaç sincapların gömerek sakladıkları, sonra da unuttukları kozalak türü ağaç tohumlarından kazara yetişmiştir.
Ernest Vincent Wright’ın yazdığı "Gadsby" adlı 50,000 den fazla kelimelik romandaki hiç bir kelimede E harfi bulunmamaktadır.
ABD de her 45 saniyede bir bir evde yangın çıkar.
Güneş Dünyadan 330,330 kat daha büyüktür.
Bir köstebek sadece bir gecede 90 m tünel kazabilir.
Eski Mısırlılar taştan yapılmış yastıklarda uyurlardı.
Bir hipopotam ağzını açarsa 120 cm boyunda bir insan onun içine rahatça sığabilir.
Dünyada her yıl 50,000 den fazla deprem olmaktadır.
Kedi ve köpekler de insanlar gibi solak ya da sağak olabilirler.
Bir zarın herhangi bir yüzü ile onun tam arka yüzündeki rakamların toplamı daima 7'dir.
İnsanlar parmak izinden, köpekler burun izinden tanınır. <
Boğalar renk körüdür, bundan dolayı matadorun elindeki beze saldırırlar, rengi ne olursa olsun.
Elmalar sabahları insanları uyanık tutmak için en verimli kafein kaynağıdır.
Sıkı çalışan bir erişkin günde 15 litreye yakın terler. Bu terin çoğu insan daha farketmeden buharlaşır.
Ortalama bir buzdağı 20,000,000 ton gelir.
Zehirli oklu kurbağada 2,200 insanı öldürebilecek kadar zehir bulunur.
Kibrit kutusu büyüklüğündeki altın külçesi yufka gibi açılarak bir tenis kortu büyüklüğüne kadar yırtılmadan uzatılabilir.
Güney Kore başkenti Seul, Kore dilinde "başkent" anlamına gelmektedir.
Günışığından daha fazla yararlanmak için saat uygulamasını Benjamin Franklin başlatmıştır.
Günümüzde, evlenenlerin yüzde ellisi boşanmaktadır.
Hamamböcekleri yaklaşık olarak 250 milyon yıldır yaşadıkları halde hiçbir değişime uğramamışlardır.
Hapşırdığınız zaman, kalbiniz de dâhil olmak üzere bütün vücut fonksiyonlarınız bir an için durur.
Hapşırırken Burnu ya da Ağzı Kapamak, Felce Neden Oluyor.
Havuca rengini karoten verir.
Hawaii alfabesinde sadece 12 harf bulunmaktadır.
Her 25 kişiden biri astım hastasıdır.
Her dört Amerikalıdan biri mutlaka televizyonda görünüyor.
Her iki taraf da kan bağışında bulunursa, Paraguay’da düello yapmak yasaldır.
Herhangi bir okyanusun en uzak olduğu nokta cin’dir.
Hindistan`da oyun kâğıtları yuvarlaktır.
Hindistan’daki yıllık doğum sayısı, Avustralya’nın toplam nüfusundan fazladır.
Hipopotamlar insandan daha hızlı koşarlar.
İleri doğru bir adim atıldığında, insan vücudundaki 54 kas çalışır.
İlk çamaşır makinesi 1907 yilinda Hurley Machine Co. Tarafından pazarlandı.
İnciler sirkede erir.
İnek sütünün pH değeri 6’dır.
İngilizcedeki Wendy ismi, Peter Pan hikâyesinde kullanılmak üzere uydurulmuştur.
İngiltere’deki bütün kuğular kraliçenin malidir.
İnsan beyninin % 80’i sudur.
İnsan beyninin ortalama ağırlığı 1.3kg’dır.
İnsan elinde, en yavaş uzayan tırnak başparmağınki, en hızlı uzayan tırnak ise orta parmağınkidir.
İnsan saçı, üç kilo ağırlık kaldırabilecek esnekliktedir.
İnsan vücudundaki en güçlü kas dildir.
İnsanlar beyinlerinin sadece %10’unu kullanırlar.
İnsanlar vücutlarında 300 adet kemikle doğuyorlar ama yetişkin olduklarında bu sayı 206 ya düşüyor.
İnsanlar yaşamları boyunca altı filin ağırlığına eşit miktarda yiyecek tüketiyorlar.
İnternetin yıllık büyüme yüzdesi 314.000’dir.
Kadınlar erkeklere oranla iki kat fazla göz kırpar.
Kanada, Kızılderili dilinde "büyük koy" anlamına gelmektedir.
Kangurular geri geri yürüyemezler.
Kaptan Cook, Antarktika hariç bütün kıtalara ayak basan ilk insandır.
Kaşları yukarı kaldırmak için 30 kaşı harekete geçirmek gerekiyor.
Kediler ultrason seslerini duyarlar.
Kedilerin beyninde 32 adet kas vardır.
Kelebekler ayaklarıyla tat alırlar.
Kereviz yerken harcanan kalori, kerevizin içindeki kaloriden daha fazladır.
Kış aylarında, Moskova’daki buz pateni pistleri 250 bin metrekarelik bir alanı kaplar.
Kıta isimlerinin hepsi ayni harfle başlayıp ayni harfle biter.
Kirli kar, temiz kardan daha kolay erir.
Kopeklerin ter bezleri ayaklarındadır.
Kutup ayıları solaktır.
Larry Hagman (JR.)Dallas dizisinin setinde hiç kimsenin sigara içmesine izin vermezdi.
Marilyn Monroe’nun altı ayak parmağı vardı.
Meşe ağaçları elli yaşına gelmeden meşe palamudu üretemezler.
Mexico City her sene 25 cm kadar batıyor.
Mickey Mouse’dan önce en meşhur çizgi film kahramanı Felix The Cat’di.
Monako’nun ulusal orkestrası ordusundan daha geniş bir kadroya sahiptir.
Mumyaların ayak parmakları tek tek sarılarak mumyalanmıştır.
New York bir zamanlar Amsterdam`dı.
Newton, yer çekimi kanununu fark ettiği zaman 23 yaşındaydı.
Norveç’in kuzeyinde, her yaz 14 hafta gece gündüz güneşli geçer.
Ortalama bir buzdağının ağırlığı 20 milyon ton.
Ortalama bir erkek, hayatinin 3350 saatini tıraş olmak için harcar.
Ortalama bir insan hayati boyunca iki yılını telefonda konuşarak harcıyor.
Ortalama bir pire, kendi büyüklüğünün 150 katı yüksekliğe zıplayabiliyor. Bu oranı tutturmak için bir insanin
yaklaşık 30 metre zıplaması gerekli.
Ortalama olarak, Amerika’da günde üç adet cinsiyet değiştirme operasyonu gerçekleşmektedir.
Ödemeli telefon konuşmalarının çoğu babalar gününde ediliyor.
Pablo Picasso, parasızlık çektiği gençlik günlerinde yaptığı resimleri yakarak ısınırdı.
Penguen yüzebilen ama uçamayan tek kustur.
Peru’da hiç umumi tuvalet yoktur.
Rodin’in unlu ‘Düşünen Adam’ heykeli aslında İtalyan şair Dante’nin portresidir.
Rusya’nın dörtte biri ormanlarla kaplıdır.
Rusya’da doğudan batıya doğru seyahat edilirse, yedi saat kuşağı geçilir.
Sadece bir tane kovboy filmi kadın yönetmen tarafından çekilmiştir
Sadece dişi kanaryalar ötebilir.
Sadece dişi sivrisinekler ısırır.
Sağ elini kullanan insanlar sol elini kullananlara göre ortalama dokuz yıl daha fazla yaşıyorlar.
Sahra çölündeki Tidikelt kasabasına on yıl boyunca hiç yağmur yağmamıştır.
Salatalığın yüzde 96’si sudur.
Sallanan sandalyede hiç durmadan sallanma rekoru 440 saattir.
Sarışınların esmerlere göre daha fazla saçı vardır.
Sığırların dört tane midesi vardır.
Sihirli sözcük‘Abrakadabra’ ilk olarak yüksek ateşli hastaların ateşlerini düşürmek için söylenmişti.
Sineklerin beş gözü vardır.
Suudi Arabistan’da hiç ırmak yoktur.
Sümüklüböceklerin dört tane burnu vardır.
Tarantulalar iki bucuk yıl yiyeceksiz yaşayabilirler.
Tarih boyunca yeryüzünde bulunan altın 200 kat daha fazlası okyanuslarda bulunmaktadır.
Timsahlar dillerini dışarı çıkaramazlar.
Timsahlar renk korudur.
Tom sawyer daktiloda yazılan ilk romandır.
Uranüs, çıplak gözle görülebilen bir gezegendir.
Uyurken, televizyon seyrederken yaktığımızdan daha fazla kalori harcıyoruz.
Ünlü çizgi film kahramanı Temel Reis, 1919 yılında Elzie Crisler Segar tarafından yaratıldı.
Üzerinde barkodu olan ilk ürün Wrigleys marka sakızdır.
Venus saat yönünde dönen tek gezegendir.
Virginia woolf kitaplarının çoğunu ayakta yazmıştır.
Yarım kilo bal yapabilmek için arılar iki milyondan fazla çiçekten bitki özü toplamak zorundadırlar.
Yataktan düşerek ölme olasılığı iki milyonda birdir.
Yazar Rudyard Kipling sadece siyah mürekkep kullanırdı.
Yeni Zelanda, dünyadaki her türlü iklimin yaşandığı tek ülkedir.
Yetişkin bir ayı, bir at kadar hızlı koşabilir.
Yetişkin bir insan günde ortalama olarak 23 bin kez nefes alır.
Yıllara göre ortalama alındığında, her sene eşekler tarafından öldürülen insan sayısı uçak kazalarında ölenlerin sayısından daha fazla.
Yunuslar bir gözleri açık uyurlar.
Zebralar beyaz üzerine siyah çizgilidir.
Zürafalar 35 cm uzunluğunda siyah bir dile sahiptirler.
Zürafalar yüzemez. Yüzse bile kesin boğulur
Zürafaların ses telleri yoktur.
Adaletiyle ün salmış II. İslam halifesi HZ. ÖME
Atlas okyanusunu Büyük okyanusa bağlayan kanal PANAMA.
İlk dünya haritasını çizen denizci PİRİ REİS,
Akdenizle Kızıldenizi birbirine bağlayan kanal SÜVEYŞ KANALI
Özbekistan’ın başkenti TAŞKENT,
Park'larda görülen atlı heykellerin ön iki ayağı havada ise, heykeldeki kişi, savaşda ölmüştür. Eğer bir ayağı
havada ise o kişi savaşta sadece yaralanmış demektir. Eğer dört ayakta yerdeyse, üstündeki kişi normal
nedenlerle ölmüştür.
Kurşun Geçirmez Yelek, Yangın Merdivenleri-çıkışları, Araba camı silecekleri ve lazer printerlerin ortak noktası nedir ? Hepsini keşfedenler Kadınlardı.
Uğur böcekleri sadece siyah ve kırmızı renkte değildirler, 5000 ayrı renkte olanı vardır.
Güneş ısı verdikçe küçülür.
Karınca deliklerinin girişi her zaman kuzey"e bakar
En zehirli hayvanın altın kurbağa olduğunu biliyor muydunuz?
Bir insanın damarları arka arkaya konulduğunda dünyanın çevresini 2 defa dönenecek kadar uzunluktadır.
Bir çift sineğin sadece nisan-mayıs aylarında bıraktıkları yumurtaların tamamından sinek çıksa idi, dünyayı 14 metre kalınlığında bir sinek tabakası kaplar
Tarihte en uzun hakimiyette kalmış sülale Osmanlı sülalesidir: 623 yıl
Fransa Kralı XIV.Ludvig zamanında yapılan Versay sarayında tuvalet yoktu.
Noel babanın kıyafetleri onu yıllar önce coca cola’nın yarattığı için kırmızıymış
Kargalar ortalama 120yıl yaşarlar
Bir insan 1'den 1 milyara kadar 12 senede sayabildiğini biliyor muydunuz...
yetişkin biri günde ortalama 25.000kez nefes alır
Bir bardak kolada yaklaşık 32 küp şeker bulunur.
Jackie chan dünyadaki bütün dövüş sporlarında dünya şampiyonudur
Bir insanın ortalama 3 yılının tuvalette geçirdiğini??
En büyük insan Koreli bir iş adamı boyu 3 .10
''Ünlü satranç ustası Kasparov saniyede 120 hamle düşünebilmektedir.'' ifadesi kesinlikle yalandır. Kasparov saniyede 2!! hamleden fazla hesaplayamadığını kendisi itiraf etmiştir
Hapşırdığımız zaman, kalbimiz de dahil olmak üzere bütün vücut fonksiyonlarımız bir an için durur...
Peru'da hiç umumi tuvalet yoktur..
Buckingham Sarayı'nda 602 oda bulunuyor
Newton, yer çekimi kanununu fark ettiği zaman, 23 yaşındaydı.
Sağ elini kullanan insanlar, sol elini kullananlara göre, ortalama dokuz yıl daha fazla yaşıyorlar.
Ödemeli telefon konuşmalarının çoğu, babalar gününde ediliyor.
Galatasaray’ın Ankaragücüne attığı bir golde topa değen son 6 kişi Ankaragücü’lü futbolculardı
Toprak solucanları dondurulduktan sonra, oda ısısında tekrar hayata döndürülebilir
Bizler yani beyaz insanlar nasıl zencileri ve de Çinlileri (Japon falan da olabilir) birbirlerine çok benzetiyorsak, onlarda bizim için aynı şeyleri düşünmektedirler.
Kutup ayıları daha az enerji harcamak için(vucut ısılarını korumak için) arka ayaklarını ön ayaklarının izine basarlar.
İnsanlar her hapşırdığında kalbinin 0,8sn. durduğunu biliyor muydunuz?
Başkan John F.Kennedy,20 dakikada 4 gazete okuyabiliyordu
Global ısınma yüzünden yükselen deniz seviyesi 2050 yılında Shangai ve deniz kıyısındaki diğer Çin şehirlerinde büyük sellere neden olacak.Bu sellerde 76 milyon kişi evsiz kalacak
Dünyada ilk defa bir Müslüman(Saadettin Teksoy) kutuplarda namaz kılmıştır.
Türkiye’de Mehmet adında 1milyon 229 bin kişi var
Ayı inlerinin girişleri her zaman kuzeye bakar.
Değerli taşların çoğu birkaç elementten oluşur, sadece pırlanta tamamen karbondan oluşur.
Kıta isimlerinin hepsi aynı harfle başlayıp aynı harfle biter
ABD'de, yaşları 20 ile 29 arasında olan zenci erkeklerin üçte biri ya hapiste ya da gözaltında tut
İnsan saçı, üç kilo ağırlık kaldırabilecek esnekliktedir.
Geçen 3500 yılın, sadece 230 yılı barış içinde yaşanmıştır
Bir cam kırıldığında, ufalanan parçalar saatte üç bin millik bir hızla etrafa saçılır.
Günışığından daha fazla yararlanmak için saat uygulamasını Benjamin Franklin başlatmıştır.
Bugüne kadar kaydedilmiş en büyük dalga, 1971 yılında Japonya'nın Ishigaki Adası'nda 85 metre yüksekliğine ulaşmıştır
Norveç'in kuzeyinde, her yaz 14 hafta gece gündüz güneşli geçer.
Sadece dişi sivrisinekler ısırır.
Tarih boyunca yeryüzünde bulunan altın 200 kat daha fazlası okyanuslarda bulunmaktadır
Salatalığın yüzde 96'sı sudur.
Sadece erkek kanaryalar ötebilir.
En fazla asfaltlı yola sahip ülke Fransa'dır
Yarım kilo bal yapabilmek için arılar iki milyondan fazla çiçekten bitki özü toplamak zorundadırlar
Ortalama bir erkek, hayatının 3350 saatini tıraş olmak için harcar
HTML kolay bir dildir. Bizim kullandığımız teknik ile öğrenmek daha da kolay olacak. Ancak her şeyden önce, sabredip bu bir sayfalık yazıyı okumalısınız. Yoksa ne bu sitede, ne de başka bir sitede pek bir şey anlayamayacaksınız.
İlk dersimizde klişeleşmiş konulara (HTML in açılımı, kimlerin bulduğu vs) değinmemize gerek yok. Bu sitede bulacağınız dersler internetteki sıkıcı derslere benzemeyecek. 1-HTML Nedir?
Html bir uzantıdır. tıpkı mp3'ün bir şarkı uzantısı olması gibi, Html de bir yazı dosyası uzantısıdır. Bu yazı dosyalarını açmak için de Microsoft Word gibi, bilgisayarınızın metin editörlerini kullanabilirsiniz.
Html uzantılı dosyalar, başka bir bilgisayardan, internet yoluyla ulaşılabilir. Microsoft Word gibi programlar interneti kullanamadığı için, Tarayıcı dediğimiz programlar oluşturulmuştur. Tarayıcılar, hem internete bağlanabilen, hem de html dosyalarını gösterebilen programlardır. En çok bilinen tarayıcılar ise şunlardır:
İnternet Explorer
Mozilla Firefox
Chrome
Çoğu internet sayfası aslında bir html dosyasıdır. Siz dosyanın adresini yazarsınız, tarayıcınız o dosyayı internetten bulup açar ve size gösterir.
Php, asp gibi farklı dosyalar da var, ama bu yazıyı html öğrenmeniz için hazırladık, html öğrenmenize yaramayacak şeylerden bahsetmiyoruz.
Tarayıcılar html dosyalarını yorumlayarak gösterir. Yani html kodlarıyla hazırlanmış dosyayı alır,inceler ve nasıl görünmesi gerektiğine karar verip size gösterir. 2-HTML Kodlarını Nasıl Görebilirim?
Bir html dosyasının yorumlanmamış haline o dosyanın Kaynağı denir. HTML sayfalarının(dosyalarının) kaynakları, html kodlarından oluşur ve tarayıcınızdaki bir sayfada bir yere sağ tıklayıp Kaynağı Göster yazısına tıklamanız gerekir.
4-Nasıl HTML Dosyası Oluşturabilirim?
Yeni bir metin belgesi oluşturup açın. Dosya -> Farklı kaydet seçeneğine tıklayın ve dosya adının sonundaki .txt yerine .html yazın.
HTML-Dersi 2: HTML Etiketlerine giriş
HTML her şeyden önce bir dildir. HTML'i bir ayda öğrenilebilecek kadar kolay yapan şey ise mantığının çok basit olmasıdır. Yabancı dillerde yüzlerce gramer kalıbı vardır. Html'de ise uymanız gereken tek bir kalıp vardır.
Kolay bir dil olmasına rağmen, internette göreceğiniz diğer html dersleri genelde ya karmaşık ya da sıkıcıdır. Biz ise size çok daha basit ve eğlenceli bir şekilde anlatmayı hedefliyoruz:
HTML sayfalar, aslında kümelerden (alanlardan) oluşur. Farklı özellikleri olan farklı kümeler vardır. Bunu anlamak için bir web sayfasını ele alalım:
Böyle bir sayfaya ilk baktığınızda farkedemeseniz de, 8 adet küme kullanılmıştır. Bunlardan 4ü resim kümesidir. Bunu görmek çok da zor değil çünkü zaten sayfada 4 adet resim var. Biri liste kümesi, diğeri ise yazı kümesidir. Geriye kalan iki küme ise alan oluşturma kümeleridir ve tek özellikleri, diğer kümelerin duracakları yerleri oluşturmaktır:
Aslında bu basit bir Yazı Kümesidir. Peki bu kümeyi nasıl oluşturduk:
Yazı kümesinin sembolü a dır. Bu bilgiyi unutmamak zorundasınız.
Küme oluşturmak için 3 adımı izleriz:
Kümeyi açarız.
İçine yerleştireceklerimizi yerleştiririz.
Kümeyi kapatırız.Yukarıda örnek gösterdiğimiz kodu tekrar incelersek:
Peki diğer kümeleri nasıl oluşturuyoruz?
Aslında bu gayet basit. Yazı kümesinin sembolü a dır ve içine yazı konulur. Eğer kümemizin sembolü a değil de fieldset olsaydı şöyle açıp kapayacaktık:
Peki içine ne koyacaktık? Aslında bu kümeden kümeye değişir. Yazı kümesi, yazı oluşturmaya yaradığı için, içine yazı konulur. Fieldset kümesi ise, çerçeveli bir alan oluşturur ve içine başka kümeler konulur:
Kod: Önizlemesi:
Merhaba
Gördüğünüz gibi bir fieldset kümesi açıp içine a kümesi yerleştirdik. bu şekilde çerçeveli bir alan yaratıp içine yazı yerleştirmiş olduk.
Örneğin center kümesini ele alalım. center kümesinin özelliği, içindeki tüm kümeleri yatay olarak ortalamasıdır:
Kod: Önizlemesi:
Merhaba
Bu örnekte görebileceğiniz gibi, bir önceki örnekte sol tarafa dayalı olan yazı kümesi, şimdi ortalanmış şekilde duruyor.
İleriki derslerimizde basit bir anlatımla resim kümesi dahil pek çok kümeyi inceleyeceğiz.
Son olarak, küme sembollerine kısaca etiket denilir. Her bir küme ise bir elementtir. a elementi, textarea elementi, fieldset elementi gibi...
HTML-Dersi3: Element Özellikleri
Önceki dersimizde size html'in kümelerden oluştuğunu, bu kümelere element dediğimizi söylemiştik. Ayrıca her kümenin(elementin) kendi özellikleri olduğunu da söylemiştik.
Peki bu özellikler nasıl kullanılır?
Hatırlarsanız bir element, bir açılış etiketi, bir içerik ve bir kapanış etiketi ile oluşturuluyordu.
Eğer sembolü div olan bir elemetin bir özelliğini kullanacak olsaydık, şöyle yapardık:
İçerik
Özellik ve değer?
Örneğin a kümesinin bir özelliği href dir. href özelliği link vermeye yarar. Bu özelliğin değeri ise adres tir
Kod: Önizlemesi: MerhabaMerhaba
Başka bir örnek yaparsak daha iyi anlarsınız. Şimdi bir body elementi oluşturalım. Body elementi, bulunduğu yeri kaplayan bir alan oluşturur ve içine başka elementler konulur. Biz de body elementimizin içine bir a elementi koyacağız:
Body elementinin bir özelliği bgcolor dır. bgcolor özelliği arkaplan rengini değiştirmeye yarar. Bu özelliğin değeri ise doğal olarak renk adıdır. özellik="değer" kalıbımızı kullanıyoruz:
Şimdi a elementinin title özelliğini kullanalım. Title özelliği, elementin üzerine mouse ile beklediğinizde küçük bir kutucukta açıklama oluşturmaktır. Title özelliğinin değeri yazıdır. yani herhangi bir yazı kullanabilirsiniz:
Kod: Önizlemesi:
Bu yazının üzerinde
farenizi bekletin.
Bu yazının üzerinde farenizi bekletin.
Burada bir başka şeye daha dikkat çekmek istiyorum. farkedeceğiniz gibi, Kodu yazarken arayaboşluklar ve boş satırlar koydum. Bunu yapmamın sebebi size bir şeyi göstermek:
HTML kodlarında bir veya daha fazla boşluk koyarsanız bu bir boşluk olarak görünür.
Satır atlamak ise gereksizdir çünkü html kodlarında istediğiniz kadar satır atlayın, tüm kodlarınızı aynı satıra yazmanızdan hiç bir farkı olmaz.
Yazılar arasında nasıl satır atlıyoruz?
Gayet makul bir soru. Satır atlamaya yarayan bir element var. Evet var. Sembolü br olan bu kümenin tek özelliği bir satırlık atlama oluşturması:
Dikkatinizi çekecek şey muhtemelen nin çok saçma görünmesi olacak.
Bu da ne??
Evet, bu elementin bir açılış ve kapanış etiketi yok. Çünkü Gerek Yok.
Diyelim ki br kümesi şöyle bir şey olsaydı:
İçine ne koyacaktık? Satır atlamanın içi olmaz. Bu nedenle bu element tek bir etiketle hem açılıp hem kapatılıyor:
Burada kafanız karışmaya başlamasın. İçine birşey konulamadığı için bu şekilde yazılan elementler sadece birkaç tane:
örneğin
elementi yatay bir çizgi yerleştirmeye yarar. HTML dili yaratılırken
şeklinde kararlaştırılmamasının sebebi, çizginin içine bir şey konulamayacak olmasıdır:
HTML-Ders4: A Elementinin Özelikleri
bu dersimizde bazı elementlerin özelliklerini ve kullanım örneklerini öğreneceğiz.
Bu yazıyı bitirince yapabilecekleriniz:
Yazılara link vermek
Linklerin yeni pencerede veya aynı pencerede açılmasını sağlamak
Bilgilendirici not eklemek
Yazılara class, id veya name atamak
Öyleyse lafı fazla uzatmayalım ve dersimize başlayalım:
A Elementinin Özellikleri
Geçtiğimiz derste, her bir elementin nasıl açıldığını, element özelliklerinin nasıl eklendiğini anlatmıştık. Şimdi içinde "merhaba" yazan bir a elementi oluşturalım:
Merhaba
A elementinin özelliklerini şu şekilde kullandığımızı söylemiştik:
Merhaba
Şimdi a elementinin en çok kullanılan özelliklerini ve alabilecekleri değerleri tablo halinde göstermek istiyorum:
Özellik Alabileceği Değerler Örnek
name herhangi bir kelime Merhaba
href link Merhaba
target _blank , _top , _self veya _parent Merhaba
class herhangi bir kelime Merhaba
style CSS kodları Merhaba
title Herhangi bir yazı Merhaba
Şimdi bu özellikleri tek tek ele alalım:
Name özelliğinin etkisi, web sayfasında doğrudan görünmez. Açıkçası name özelliğinin tek kullanım amacı, sayfadaki yazılara ve bazı başka elementlere kısa adlar koyarak daha sonra bunlara daha kolay ulaşmaktır. Daha sonra bahsedeceğim "sayfa içine köprü kurmak" yönteminde de kullanılırlar.
Ayrıca javascript dilinde de bazı elementlere ulaşmak için kullanılır. Bunu şöyle düşünün: javascript dilinde, sayfanızdaki bir paragrafa bir efekt vereceksiniz diyelim. Mesela o paragraf küçülerek kaybolsun istiyorsunuz. Bu durumda önce paragrafa bir name değeri verirsiniz. Örneğin adı "paragrafımm" olsun. Javascript komutlarını oluştururken, tarayıcıya şöyle dersiniz: "paragrafımm isimli elementi getir, sonra ona şu şu efektleri uygula". Bu kısmı okumak veya anlamak zorunda değilsiniz. Sadece meraklılar için ek bir bilgi bu.
href özelliği, tahmin edebileceğiniz gibi, elemente link vermeye yarar. Elbette her elemente link veremezsiniz. Örneğin bir tablonun kenarlığına tıklandığında bir adrese gitmesini sağlayamazsınız çünkü tablo elementinin href özelliği yoktur. Bunu daha sonra göreceğiz. Href özelliği kısaca,yazıya tıklandığında açılacak olan linki belirlemek için kullanılır. Eğer href özelliğini yazmazsanız, yazıya link vermemiş olursunuz.
Ancak burada bilmeniz gereken önemli bir şey var. Eğer href değerinin başına http:// koymazsanız, tarayıcı, yazdığınız değerin başına, o anki sitenin adresini ekler. Yani eğer kodun bulunduğu sayfanın adresi http://birsite.tr.ggise, ve kod Bir site gibiyse, yazıya tıklandığında http://birsite.tr.gg/anasayfa.htmladresine gidilir. Bu kısımla ilgili sorunuz varsa yorum olarak yazabilirsiniz.
target özelliği (ingilizce hedef demek) , linkin nasıl açılacağını belirler. target değeri _blank olan bir link, yeni, boş bir sayfa veya sekmede açılır. target özelliği _self olan link, tıklandığı sayfada açılır. _parent ve _top değerlerini ise başka bir dersimizde, iframe'den bahsederken açıklayacağız.
class özelliği yazılara sınıf atamanızı sağlar. Yani 4000 kişilik bir okul olduğunu düşünün. Eğer öğrencileri sınıflara ayırmazsanız büyük bir kargaşa olurdu değil mi? Sınıflar, css kodlarında, yazılan bir kodun hangi elemente uygulanacağını belirlemeye yarar.
Aslında henüz css öğrenmeyeceksiniz. Ama class özelliğini anlamanız için küçük bir örnek yapalım:
Genelde sitemizde iki dosya bulundururuz. Birinde CSS, diğerinde HTML kdolarımız bulunur. Css kodları, html kodlarındaki renkleri, arkaplanları, genişlikleri ve hatta saydamlıkları belirlememize yarar. Örneğin html kodumuz şöyleyse:
yukarıdaki css kodlarını anlamanıza gerek yok. Sadece, class özelliğinin, css kodlarının uygulanacağı elementleri seçmek için kullanıldığını anlayın.
style özelliği de yine css ile ilgilidir.Belli bir elemente css kodları uygulamak için, kodları direkt o elementin içine yerleştirebiliriz. Örnek:
gibi. Ancak bu da css konusuna girdiği için, bu özelliği şimdilik anlamanıza gerek yok.
title özelliği, kullanıcı elementin zerinde faresini beklettiği zaman görünecek olan bilgilendirici bir not eklememizi sağlar. Bu özeliği geçen dersimizde örneklemiştik:
id özelliği de class özelliği gibidir. Ancak id özelliği css dışında, javascriptte de çok işe yarar. Bu özelliği de şimdilik bilmenize gerek yok.
Bu dersimizi bunlarla sınırlı tutmamız daha iyi olacak. Biliyorum, bu yazıda öğrendikleriniz pek eğlenceli değil. Ancak bu ders mümkün olduğunca basit ve anlaşılır bir şekilde anlatıldığı için, sonraki derslerde daha yetenekli pek çok elementi, daha basit ve hızlı bir şekilde anlayabileceksiniz.
Bir sonraki dersimizde img, h1,h2,h3,h4,h5,h6 elementlerini inceleyeceğiz
HTML-Ders 5: Resim elementi ve başlık elementleri
Bu dersimizde html resim elementinin özelliklerini ve başlık elementlerini inceleyeceğiz.
Resim Elementi: img
Resim elementi olan img, tek bir etiketle açılır ve kapatılır:
Resmin adresi, boyutları ve kenarlıkları gibi bilgileri ise önceki dersimizde bahsettiğimiz özellik="değer" formatında ekleriz:
Elbette ki birden fazla özellik ve değere yer verebiliriz.
Şimdi img elementinde en çok kullanılan özellikleri ve değerlerinin cinslerini yazalım:
Özellik Alabileceği Değerler Örnek
src resim linki
alt yazı
width sayı veya oran veya
height sayı veya oran veya
border sayı
style CSS kodları
Yukarıdaki özellikler arasından, src mutlaka belirtilmelidir. Border değerini de kesinlikle belirtmenizi öneriyorum. Çünkü İnternet Explorer, border değerleri belirtilmemiş resimlere kendi kafasına göre kenarlık ekler. Bu yüzden kenarlık eklemeyecekseniz bile border="0" diye belirtmenizde fayda var.
Şimdi sırasıyla bu özellik ve değerleri gözden geçirelim:
src özelliği ve değeri kesinlikle belirtilmelidir. Zaten resmin adresi olmadan resmi gösteremeyiz değil mi? Resminizin adresini belirtmediğiniz sürece resminiz sayfada görünmez. Bu konuda dikkat etmeniz gereken şey, resmin adresini href ile değil src ile belirliyor olmamız. src aslında kaynak anlamına gelen source kelimesinden geliyor.
Eğer bir resminiz varsa ve bunu internete koyup linkini edinmek istiyorsanız en basitinden http://imageshack.us a kaydolabilirsiniz.
Kod Önizlemesi
alt özelliği resmin açıklamasını içerir. Eğer resim bir şekilde görüntülenemezse, resmin görünmesi gereken alanda alt değerinde yazanlar görünür. Bu değeri oluştururken belli bir kurala bağlı kalmanıza gerek yok. Resminizi açıklayan herhangi bir metin koyabilirsiniz. Ya da alt özelliğini eklemeye de bilirsiniz. Ancak alt değeri aynı zamanda arama motorlarının sayfanızı değerlendirirken kullandığı bir veri. Bu nedenle kullanmanızda fayda var.Alt kelimesini, "alternatif metin" anlamında düşünebilirsiniz.
Kod Önizlemesi
width özelliği, eklediğiniz resmin enini belirler. Piksel cinsinden bir değer yazmak için px kısaltmasını kullanabilirsiniz. Veya bulunduğu kısmın genişliğine göre oranlamak isterseniz sonuna % işaretini ekleyebilirsiniz. Örneğin bir hücrenin içine koyduğunuz resme width="100%" yazarsanız, resim hücrenin genişliğinde olur. Eğer hiç bir kısaltma eklemeden sayı yazarsanız, Tarayıcı bunu da piksel olarak düşünecektir. Eğer hiç bir width değeri vermezseniz, Resmin kendi genişliği kullanılır. Veya yükselik değerini belirtmişseniz, genişliği de ona göre ayarlar.
height özelliği için de yukarıdaki şeylerden sözedebiliriz. Ancak height resmin genişliğini değil yüksekliğini belirler:
Kod Önizlemesi
border değeri aslında çok basittir. 3, 5 gibi herhangi bir sayı yazarak kenarlığın, yani çerçevenin genişliğini belirlersiniz:
Kod Önizlemesi
style değeri olarak css kodları kullanılır. Ancak şu an için bundan bahsetmeye gerek yok. Html dersleri bitmeden css derslerine başlamayacağız.
Resimlere link vermek
HTML dilinde bildiğiniz gibi, elementler kullanırız. İlk dersimizde bu elementleri kümelere benzetmiştik ve bazı kümelerin diğerlerini kapsayabileceğini söylemiştik. İşte şimdi o özellikten bahsetme zamanı:
Resim kümesinin href özelliği yoktur. Bu nedenle resimlere link vermek istediğimizde, href özelliği olan bir elementin içine koyarız. Ve bu element çoğunlukla, yazı kümemiz olan "a" dır:
Kod Önizlemesi
Başlık Elementleri
Başlık elementleri, aslında son derece kısırlaştırılmış birer yazı elementidir. Başlık elementlerini şu şekilde gösterebiliriz:
Kod Önizlemesi
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
Merhaba
HTML-Ders 6: Tablolar
Bu dersimizde html tabloların nasıl oluşturulduklarıyla ilgili bazı şeyleri öğreneceksiniz! Üstelik olabilecek en kolay şekilde!
Aslında Tablo kodları kolaydır. Html tablolarının tek bir zor yanı vardır: "anlatmak" :D Evet, html tablolarını anlatmak zordur. Ama anlatabilirseniz, anlamak çocuk oyuncağı olur.
Hatırlatma: küme mantığıDaha önce HTML deki her bir elementin aslında bir küme gibi olduğundan bahsetmiştik. İç içe kümeler oluşturabiliyoruz mesela. yani bir yazı kümesi oluşturursak:
Sonra bunun içine bir resim kümesi koyarsak:
Eğer istesek, bir Div kümesine iki paragraf kümesi ve her birine ikişer yazı kümesi ekleyebiliriz:
Bunları alt alta da yazsanız, yan yana da yazsanız bir şey değişmez.
Tabloları oluştururken de, bu şekilde en az 3 farklı element kullanacağız. Şimdi istersen bir tablonun kümelenişini görelim:
Tablo Elementinin Kümelenmesi
Yukarıdaki gibi görünen bir tabloda, aslında iç içe konulmuş 7 tane element vardır.
1 adet tablo elementi. Bu tablo elementinin içine yerleştirilmiş 2 adet satır elementi ve her bir satır elementinin içine konulmuş iki tane hücre elementi.
Aslında anlaşılması gayet basit. Tablo elementimizin adı table dır.(teybıl diye okunur). satır elementi tr dir ve hücre elementi td dir.
Yukarıda soldaki tablonun kodları şunlardır:
Eğer tablonuzda sadece bir tek satır, ve o satırda da 3 adet hücre olsun isteseydiniz:
Bunu yapardınız. hücrelerin içine ise istediğinizi yazabilirsiniz.
merhaba
gibi.
HTML kodların önemli bir özelliği, satır atlayarak yazmanızın hiç bir anlamı olmamasıdır. yani yukarıda verdiğimiz kodu şu şekilde yazabiliriz:
Tüm bunların dışında, tabloların bir dezavantajı vardır:
Hücreleri hizalarlar! Yani bir satıra iki, diğer satıra üç hücre koyarsanız şöyle görünür:
Bunu aşmak ve hücrelerin genişliğini istediğimiz gibi ayarlayabilmek için hücre elementinin özelliklerini öğrenmemiz gerekir:
TD Elementinin Özellikleri
Özellik Değer Ne İşe Yarar? Örnek Kullanım
align left
right
center
justify hücre içindekilerin sağa sola ortaya veya her iki tarafa hizalanmasını sağlar.
merhaba
bgcolor rgb(x,x,x)
#xxxxxx hücrenin arkaplan rengini rgb veya hex renk kodlarıyla belirler.
merhaba
colspan sayı hücrenin yatay olarak kaç hücrelik yer kaplayacağını belirler.
merhaba
rowspan sayı hücrenin dikey olarak kaç hücrelik yer kaplayacağını belirler.
valign top
middle
bottom hücre içindekilerin hücrenin alt veya üst kenarına dayanmasını veya dikey olarak tam ortalanmasını sağlar.
merhaba
Bu derslik burada kesmek yararlı olacaktır. Bir daha ki derste tabloların tüm özelliklerini ve uygulamalarını öğreneceğiz.
HTML-Ders 7: Tablo Kodu Özellikleri
Bir önceki dersimizde,tablo elementlerine değinmiştik ve td elementinin özellik-değer listesini vermiştik. Aslında tablo elementleri webmasterlar için ağır birer yük. Css3'ün çıkışıyla birlikte, tablo elementleri tamamen gereksiz bir hal aldı. Yine de karşılaştığınız bir kodu anlayamazsanız kendimizi suçlu hissetmek istemiyoruz. Bu nedenle bu derste, tablo elementi özelliklerinin genel kullanımına örnekler göstereceğiz.
Hatırlatma: Tablolar
Önceki dersimizde öğrendiklerimizi kullanarak, 2 satır 2 sütundan oluşan bir tablo hazırlayalım:
1.adım: bir tablo alanı oluşturalım:
...
2.adım: tablo elementimizin içine, 2 adet satır ekleyelim:
...
...
3.adım: her satıra 2 adet hücre ekleyelim:
...
...
...
...
Elbette bunların hepsini tek satıra da yazsak bir şey değişmeyecek:
...
...
...
...
Daha önceden bildiğiniz gibi, her x elementinin, bazı özellik ve değerleri olabilir. Bu özellik ve değerleri kullanma yöntemimiz ise şudur:
Önceki dersimizi,tablo kodlarımız içerisindeki hücre elementi olan "td" için geçerli özellik ve değerleri örneklendirerek bitirmiştik:
Özellik Değer Ne İşe Yarar? Örnek Kullanım
align left
right
center
justify hücre içindekilerin sağa sola ortaya veya her iki tarafa hizalanmasını sağlar.
merhaba
bgcolor rgb(x,x,x)
#xxxxxx hücrenin arkaplan rengini rgb veya hex renk kodlarıyla belirler.
merhaba
colspan sayı hücrenin yatay olarak kaç hücrelik yer kaplayacağını belirler.
merhaba
rowspan sayı hücrenin dikey olarak kaç hücrelik yer kaplayacağını belirler.
valign top
middle
bottom hücre içindekilerin hücrenin alt veya üst kenarına dayanmasını veya dikey olarak tam ortalanmasını sağlar.
merhaba
Gelin şimdi biraz pratik yapalım:
Hücre özellikleri: align & valign
Kod Önizleme
Merhaba
Deneme Yazısı
Güle Güle
Görebileceğiniz gibi, İlk hücreye align="right" özellik ve değerlerini vererek sağa yasladık. İkincisini sola, üçüncüsünü ise merkeze hizaladık. Aslında basit bir ingilizce dil bilgisi yeterli tüm bu özellikleri anlamak için.Şöyle ki; Align hizalamak demek. Right ise sağ demek. Yani html türkçe olsaydı, şöyle olacaktı:
gibi.
valign ise aslında "düşey hizalama" anlamına gelen "vertical align" ın kısaltması. Yani şöyle bir hücrede:
Merhaba
içerik(Yani Merhaba kelimesi) hücrenin üst kenarına yapışacaktır.
valign="middle" içeriği ortalarken, valign="bottom" içeriği hücrenin dibine yapıştırır. Hücreyi bir oda gibi düşünün. valign="middle" ise, odaya koyduklarınız odanın ortasında,havada süzülüyor. valign="top" ise tavana bitişik duruyorlar.
Son derece basit değil mi? Yine de anlamadığınız kısımlar olursa lütfen yorum bölümünde belirtin.
Hücre özellikleri: height &width
Bunları aslında biliyorsunuz. height yükseklik, width ise genişlik demek. İster html, ister css, ister başka bir kod dili öğrenin, height ve width kelimelerinden asla kurtulamazsınız. Her yerde çıkarlar karşınıza. Şimdi gelin bir örnek yapalım.
Aşağıdaki örnekte, ilk hücreye 200 piksel genişlik,40 piksel yükseklik verirken,ikinci hücreye 80 piksel genişlik verelim:
Kod Önizleme
Deneme Yazısı
Deneme
Deneme
Başka bir hücre
Son Hücre
Burada dikkatinizi çekmesi gereken bir şey var. "Başka Bir Hücre" yazan hücreyi görüyorsunuz değil mi? Biz o hücrenin genişliğini 200 yapmadığımız halde, üstteki hücre ile birlikte o da 200 piksel genişliğe ulaştı. Neden?
Çünkü bir sütundaki her hücre aynı genişliğe, bir satırdaki her hücre aynı yüksekliğe sahiptir. Eğer "Deneme" ve "Son Hücre" adlı hücrelere bakarsanız görürsünüz. "Son Hücre" yazan hücremiz de otomatik olarak 80 piksel genişlikte kaldı. (Tablomuzdaki ilk satıra 3, ikinci satıra 2 hücre ekledik. O yüzden 2. satırda bir boşluk var.)
Peki ya biz "Son Hücre" yazan hücremizin, 2 hücre genişliğinde olmasını, ve tablonun sağ altındaki boşluğun böylece yok olmasını isteseydik?
Hücre özellikleri: rowspan & colspan
Standart olarak her hücre, bir hücrelik yer kaplar (E yani ne olacaktı?). Ama bir satırda üç, diğer satırda iki hücre koyduğumuzda şöyle çirkin bir görüntü oluşur:
Peki ya biz şöyle görünmesini istiyorsak:
İşte burada devreye giren hücre özellikleri colspan ve rowspan. colspan ile bir hücrenin kaç hücre genişliğinde olacağını, rowspan ile kaç hücre yüksekliğinde olacağını belirleyebiliyoruz:
Kod Önizleme
ilk
ikinci
üçüncü
bir
iki
Sadece tablo!
Tablolar hiç eğlenceli değildir ve sadece sıkıcı bir iki tablo yapmanıza olanak sağlar. Üstelik yan yana iki hücre koyacağız diye bir tablo elementi, bir de satır elementi koymamız gerekir. Tablo içerikleri tamamen yüklenmeden sayfada görüntülenmez. tablolar web sitenizi yavaşlatır. Tablolar sıradan çinko karbon piller gibidir. Makinenize zarar verir. Kim böyle bir şey kullanır ki?
Bu yüzden çok daha basit, kullanışlı ve eğlenceli olan "div"leri kullanırız. Ortalama bir CSS bilgisiyle(ki htmlden sonra css gayet kolay gelecek) divlere istediğimizi yaptırabiliriz. Uçururuz, kaçırırız, tablo yaparız, buton yaparız, galeri yaparız, yaparız da yaparız. Div elementi, html'in yapıtaşıdır. Evin tuğlası gibidir. Div elementi içermeyen bir web sitesi göremezsiniz.
Peki nedir bu div elementi?
Merak ettiniz değil mi?
Malesef bunun için gelecek dersi beklemeniz gerekecek.
En azından şuna sevinebilirsiniz: html'in en sıkıcı kısmını atlattınız!
