Bu tag’da bulunduğu sayfanın “X” saniyede tarayıcı tarafından yenilenmesini sağlıyor. Eğer saniye ifadesinin yanında bir url verilirse bu kez tarayıcı belirtilen saniye sonunda sayfayı o url’ye yönlendiriyor. Örneğin;
Eğer url yönlendirmeyecekseniz ya da at yaırşı veya borsa bilgileri gibi içerik sunmayacaksanız blogunuzda buna ihtiyacınız olmayacaktır. Neticede 30 saniyede bir gönderi yollayacak değilsiniz
Tag oluşturmak için web’de çeşitli kaynaklar mevcut. Örneğin; PageRank.net sitesinin MetaTag Generator‘u bu konuda iyi bir alternatif. Bu adreste sizin için uygun olduğunu düşündüğünüz tag’leri (title, description, keywords tag’larını mutlaka oluşturun. İhtiyacınız olduğunu düşünüyorsanız robots tag’ına da yer verebilirsiniz) oluşturduktan sonra site kodunuz içinde şeklindeki ifadeyi arayın ve tag kodlarını altına yapıştırın. Tag kodları ve arasında olmalıdır. Eğer kodları etiketinin hemen altına eklerseniz bunu garantiye alabilirsiniz
Tarih 25 Temmuz 2008, 14:38. Yazan mekansız.
Etiket:
Temel Komutlar
HTML dökümanı hazırlamak için her hangi bir text dosya yazabilecek bir editör olması yeterlidir. Bütün yapılması gereken dökümanı HTML kurallarına uygun bir şekilde yazmak ve de dosyayı ".htm" ya da ".php3" olarak kaydetmektir. Ne derleme ne de ".exe" gibi dosyalara çevirme işlemi yoktur. HTML dosyası hazırdır. Artık tek yapılması gereken hazırlanan bu dosyanın bir internet tarayıcı programı tarafından çağrılmasıdır.
Herhangi bir internet erişim programından bir HTML dökümanının kodlarını görmek istiyorsanız o sayfa üzerinde farenin (mouse) sağ butonuna basınız. Özellikler menüsünden kodu göster (view source) seçeneğini seçiniz. (ya da internet erişim programının göster (view) menüsünden source (kod) seçeneğini seçiniz.)
HTML de program yazılırken her satır bir HTML komutu ile başlar ve de komutun geçerliliği biteceği zaman aynı komut isminin başına "/" konularak tekrar yazılır.
...
Bir HTML sayfası komutuyla başlar ve de sayfa sonunda komutuyla biter. Sayfayla ilgili bilgiler (Başlığı, hangi program kullanılarak yapıldığı...) komutu yazıldıktan sonra verilir ve de bilgiler bitince komutuyla kapatılır. Sayfada gösterilecek bilgiler <Body>...Body> komutları arasında yazılır.
Örnek :
<Body>
Html öğreniyorum, ilk deneme sayfası
Body>
Yukarıda verilen örnek her hangi bir editörde yazılıp, ".php3" ya da ".htm" uzantılı olarak kaydedilir ve herhangi bir internet programından çağrılırsa ekranda "Html öğreniyorum, ilk deneme sayfası" yazısı çıkacaktır. Çalıştırdığınız internet programının başlık kısmında da "Deneme Sayfası" başlığı gözükecektir.
HTML de açıklama satırı şeklinde kullanılır. Yazılan açıklama sadece program satırlarıyla gözükür. Sayfa çağrıldığında gözükmez. Yazdığınız program kodlarının ne anlama geldiğini anlamanız veya başka biri tarafından bakılan kodlarınızın anlaşılabilmesi bakımından bol bol açıklama satırı koyunuz.
<Body> komutu yardımıyla sayfanın arka rengini, arkaya konulacak resmi, bağlantıların (Hyperlinks) rengini, sayfanın yukarı ve sol tarafa göre konumları belirtilebilir.
<Body
Background = url
Bgcolor = color
Bgproperties = fixed
Leftmargin = n Link = color
Text = color
Topmargin = n
Alink = color
Vlink = color >
Bir komutun yanına eğer varsa parametreler komut kapatılmadan ">" önce verilir. Komut kapatılıncaya kadar bu parametreler geçerliliğini korur.
Background = url sayfanın arka planında bulunacak resmi tanımlamaya yarar. URL (Uniform Resource Locator) resmin adresini gösterir. Bgcolor = color sayfanın arka planının rengini gösterir. Color rengin hexadecimal karsılığı, RGB(RedGreenBlue) değeri ya da rengin ismi olabilir. Bgproperties = fixed sayfanın arka planındaki resmin internet tarayıcısının boyutlarından etkilenmemesini sağlar. Leftmargin = n sayfanın sol kenardan ne kadar uzakta olacağını belirler. Link = color sayfada bulunan bağlantıların (Hyperlinks) rengini belirler. Text = color sayfadaki yazıların rengini belirler. Topmargin = n sayfanın üst kenardan ne kadar uzakta olacağını belirler. Alink = color Aktif olan yani o an seçili olan bağlantının (Hyperlink) rengini belirler Vlink = color Ziyaret edilen bağlantıların (Hyperlinks) renklerini belirtir.
HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur.
HTML Diline Giriş
HTML (Hyper Text Markup Language) internet ortamında döküman yaratmak için geliştirilmiş bir programlama dilidir. HTML dökümanı bir text dosyadır ve tek başına bir yazı olmaktan öteye gidemez. Ancak her hangi bir internet tarayıcısı (internet explorer, netscape navigator gibi ) yardımıyla çalıştırıldığında içerdiği komutlara göre ve de tarayıcı programın desteklediği özelliklere göre, hazırlanan dökümanlar bir anlam kazanır.
HTML dili programlama mantığından biraz uzak, görsel yönü oldukça önemli olan bir dildir. HTML nin öğrenilmesi, diğer programlama dillerine göre daha kolay olup bazı temel kural ve komutların bilinmesi yeterlidir.
HTML nin temel mantığını kısaca "Ne görürseniz onu alırsınız" (What you see what you get) şeklinde açıklayabiliriz.
Günümüzde HTML sayfaları hazırlamak için bir çok görsel program vardır. (Microsoft FrontPage, HotDog gibi ) Bu tür programlarla HTML sayfaları hazırlamak çok kolay ve hızlı olmakla beraber HTML kodlarını da yine bu programlar üretmektedir.
"Madem ki hazır programlar var neden HTML öğrenelim?" şeklinde bir soru aklınıza gelebilir.
Hazır programların olması, kodların el değmeden programlar tarafından yazılması elbette daha güzel, daha kolay ve daha hızlıdır. Ancak hazırlanan sayfaların nasıl oluştuğunu, nasıl çalıştığını, arka planda nelerin olduğunu bilmeden, ezberci bir zihniyet kullanmak bir programcı mantığına terstir. Bu tür programları hemen her yerde bulamayabilirsiniz. Dökümanların değiştirilmesi gereken yerlerde eğer hazırladığınız program yoksa ve de HTML dilini biliyorsanız her hangi bir editörden dökümanınıza müdahale edebilirsiniz.
HTML dili çalışan örneklerle, ilginç ipuçlarıyla, sizlerden gelen soru, öneri ve dökümanlarla en iyi şekilde anlatılmaya çalışılacaktır.
Düzen ve Yerleşim
HTML dili için görsellik, dolayısıyla da ekran dizaynı çok önemlidir. Dökümanlarınızı en iyi ve en güzel şekilde sunmanız gerekir. Html de bu dizaynları yapabilmeniz için bazı temel komutlar bulunmaktadır. Yazı veya resimlerinizi kısaca dökümanlarınızda kullanacağınız nesneleri ekranın sağına, soluna ve ortasına koyabilmeniz için komutu kullanılır. Bu komutun kullanımını biraz detaylı olarak inceleyelim.
komutu arasında kalan tüm nesneler (yazı, resim, ...) paragraf gibi ayrılır. Paragrafın başında ve sonunda paragraf olduğunu belirtmek için boşluk bırakır.
HTML de tüm nesneler aksi belirtilmedikçe ekranın solundan itibaren gösterilir. Yani soldan başlayarak yazı yazmak için komutunu kullanmanıza gerek yoktur. Bazı internet tarayıcıları komutunu da kullanabilmektedir ama emin olmak için komutunu kullanmanızda yarar vardır.
Örnek :
<body>
Komutu
Aksi belirtilmedikçe yazılar ekranın sol tarafına yerleştirilir.
Yazınızı soldan başlayarak yazmak için
komutunu kullanmanıza gerek yoktur.
Komutu
Yazınızı ekranın sağına yerleştirir.
Komutu
Yazınızı ekranın ortasına yerleştirir.
body>
HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur.
Başlıklar Bir döküman hazırlanırken, mektup, dilekçe, kompozisyon, Web dökümanı, ... gibi mutlaka baş tarafında bir başlık bulunmalıdır. Başlık koymakla dökümanınızın içeriği hakkında bilgi vermiş olur ve dökümanınıza olan ilgiyi artırabilirsiniz. HTML de bu bakımdan başlık tanımlamaları için özel komutlar vardır. Yazdığınız yazının başlık olduğunun belli olması için ... komutları arasına yazılır. H harfleri İngilizce'deki "Header" kelimesinden gelmektedir. H harflerinin yanlarındaki nokta ise bir sayı değeri alır ve bu değerde yazının büyüklüğünü belirler. HTML de 6 tip başlık büyüklüğü vardır.
...
Büyük yazı, ana başlıklar
...
Orta yazı, alt başlıklar
...
Küçük yazı
...
...
En küçük yazı
Örnek
<body>
Programlama.com, HTML Sayfası, H1 formatında yazı örneği
Programlama.com, HTML Sayfası, H2 formatında yazı örneği
Programlama.com, HTML Sayfası, H3 formatında yazı örneği
Programlama.com, HTML Sayfası, H4 formatında yazı örneği
Programlama.com, HTML Sayfası, H5 formatında yazı örneği
Programlama.com, HTML Sayfası, H6 formatında yazı örneği
body>
komutu programda bulunduğu yerden itibaren alt satıra geçişi sağlar. Bu komutun
ifadesi yoktur.Uzun bir satır yazmak istiyorsunuz ve de bu satırın birkaç satıra bölünmesini istemiyorsunuz. Bunun için (NoBreak) komutunu kullanabilirsiniz.
Örnek :
<body>
Uzun bir yazınız var ve de yazınızın birkaç satıra bölünmesini istemiyorsanız komutunu kullanabilirsiniz. Eğer komutunu kullanmazsanız internet servis sağlayıcınızın boyutuna göre yazınız satırlara ayrılacaktır.
body>
HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur.
HTML dökümanlarında başlık yazmanız için sadece bu komutları kullanmanız gerekmez. Başlıklarınızı kendinizde oluşturabilirsiniz. Yazıların büyüklük, kalınlık ve de ekrandaki yerlerini ayarlayarakta kendi başlıklarınızı oluşturabilirsiniz. Yazıların ekranda eğik "italic", kalın "bold", altı çizgili "underline" , büyük "large" gibi değişik şekillerde olması için ekrana yazdırılacak yazının başına yazının ne şekilde olacağının belirtilmesi gerekir. Aşağıda verilen komutlar temel yazı komutlarıdır ve ileriki konularda yeri geldikçe değinilecektir.
... Kalın "Bold" ... Eğik "Italic" ... Altı çizgili "Underline"
... Büyük
... Küçük
Örnek :
<body> Kalın yazı
Eğik yazı
Altı çizgili yazı
Büyük yazı
Küçük yazı
body>
Çizgisiz Linkler
Eğer sayfamızdaki tüm linklerin altlarının çizgisiz görünmesini istiyorsak aşağıdaki kodu sayfamıza eklememiz yeterli olacaktır.
Eğer sadece bir linkin altının çizgisiz görünmesini istiyorsak linki aşağıdaki gibi tanımlamalıyız
Çalınacak müzik dosyası "mid" uzantılı olmak zorunda değildir,"au" veya"wav" uzantılı da olabilir. Fakat "wav" uzantılı bir müzik dosyasını indirmek sayfanıza giren kişinin çok zamanını alabilir. Ayrıca yukarıdaki örnekteki "music.mid" yerine müzik dosyasının ismi ile birlikte yerinin de yazılması gerektiğini unutmayın.(Öreneğin; "../sounds/music.mid" gibi.)
Html kodunda müzik dosyasını belirtirken, dosya ismindeki büyük-küçük harfe dikkat edilmelidir . Örneğin; "music.mid" ile "Music.mid" aynı şeyler değildir.
Background Music (Fon Müziği)
İkinci yol ise sayfa yüklendiğinde fon müziği olarak müzik çalmasıdır.
I.E ve Netscape' in geri planda müzik çalmayı sağlayan html tag'leri birbirinden farklıdır. Sayfanızın daha fazla kişi tarafından kullanılabilirliği açısından bunu göz önünde bulundurmanızda fayda var.
Netscape için
I.E için tag'i kullanılır.
Örnek : Sayfa yüklendiğinde, ebatlarını belirttiğimiz, üzerinde "play" ve "stop butonları" olan bir konsol çıkar. Sayfa yüklenir yüklenmez müzik başlamaz "play" butonuna basılarak müziğin başlatılması gerekir.
Yukarıdaki
Örnek : Sayfa yüklenir yüklenmez müzik başlar ve sayfa açık olduğu sürece çalmaya devam eder. Ayrıca sayfada, boyutları standart, küçük bir konsol çıkar.
Örnek : Ekranda herhangi bir konsol görünmesini istemiyorsanız, aşağıdaki kodu kullanmalısınız.
Fakat şunu da unutmayın !
Konsolu saklarsanız ve "loop = true" seçerseniz, sayfanızı ziyaret kişi, sayfada kaldığı süre boyunca aynı müziği tekrar tekrar dinlemek zorunda kalacaktır. Bu da sinir bozucu olabilir.
Özel Karakterler
HTML dilinde bazı karakterler kodun kendisini oluşturduğu için bir yazı içinde geçmesi gerektiğinde oldukları gibi kullanılamazlar. Bunların yazı içinde gösterilebilmesi için özel kısaltmalar kullanılır.
Tarih 23 Temmuz 2008, 20:42. Yazan mekansız.
Etiket:
Neden Web Siteniz Olmalı?
*Bir Web sayfası sadece onu incelemek isteyen “hedef kitleye” ulaşır.
*Web sayfaları oluşturmak için tek masrafınız telefon hat ücreti olacaktır.
*Web sayfaları hazırlarken hayal gücünüzü olabilidiğince kullanabilirsiniz.
*Web sayfaları kolayca düzeltilip tekrar yayınlanabilir.
*Sayfalarınız zamanında etkisiyle yeniliklere uğrayacaktır.
*Web sayfalarınız 24 saat boyunca tüm dünyaya açık olacak ve internet kullanıcılarına “etkileşimli” bir hizmet verecektir.
*Web sayfalarını kullanıcıların fikirlerini ve beklentilerini öğrenmek için derleyebilirsiniz.
*Web sayfalarının kaderi diğer medyalar gibi çöp kutusunda sonlanmaz. Web Editörleri ve İncelemeleri Herşeyden önce size gerekecek olan program, kullanıcıların izleyeceği Web sayfalarınızı hazırlayacağınız bir programdır. Bu tip programlar ile site içinde yer almasını istediğiniz resimleri, yazıları ve bağlantıları istediğiniz biçimde bir Web Browser'ı tarafından izlenecek şekilde tasarlayarak biraraya getirebilirsiniz. Bunun için önünüzde Allaire Homesite,Microsoft Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver, HotDog Pro gibi birçok program alternatifi bulunuyor.
Bir Düzenleyici Hangi Özellikleri Desteklemeli
Kolay Kullanım Site yönetimi ve dosyaların sunucuya kolayca aktarılması HTML dışında da farklı dosya tiplerini tanıyabilme Renkli kodlama İyi bir dokümantasyon Şablonlama ve proje desteği Özelleştirebilme CSS desteği Bazı Düzenleyicilerin İncelemeleri
Microsoft Frontpage 2000: Microsoft firmasının, kendi ürünü olan Word’e benzerliğiyle dikkat çeken, bu nedenlede birçok kullanıcıya kullanımı kolay gelen düzenleyicisidir.
Artıları: Frontpage en başta kullanması ve öğrenmesi kolay bir düzenleyicidir.Ayrıca Microsoft’un ISS Web sunucusuyla tümleşmesi çok iyidir.Frontpage görsel arabilimi (tam olmasada WYSIWYG denebilir) sayesinde hiçbir HTML kodu yazmadan Web siteleri oluşturabilmeyi sağlar.
Eksileri: Frontpage, önceden sizin düzenlemiş olabileceğiniz kodları, tekrardan düzenlemekte çok ısrarcıdır.Bu nedenle sayfa kodlarına elle müdahale etseniz bile, bir sonraki açışınızda bu ince ayarların silinme olasılığı yüksektir.
Allaire Homesite: Piyasadaki en iyi HTML kod düzenleyicisi.
Artıları: En gelişmiş özelleştirebilme seçenekleri.Bir kod düzenleyicisi olsa da, sistemde IE4+ yüklüyse, sınırlı miktarda görsel tasarıma izin vermektedir.Bütünleşik FTP istemcisi, şablonlama desteği, siteleri projeler altında gruplandırma sistemi, yazım kontrolü, Perl-PHP-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi dilleri otomatik tanıma, Dreamweaver’la bütünleşme, istenen şekilde kodu girintileyebilme, çok iyi bir dokümantasyon, Homesite’la tümleşik çalışan bir sürümüyle gelmesi. Eksileri: WYSIWYG düzenleyiler arayan kişiler için tam anlamıyla uygun olmaması, Windows 9x’de bellek kaçırması ve maalesef sadece Windows’ta çalışması.
Macromedia Dreamweaver: Homesite’ın HTML kodu alanındaki liderliğini, WYSIWYG düzenleyiciler alanında paylaşan program
Artıları: Dreamweaver’ın ilk göze çarpan özelliği, görsel düzenleyiciler arasında en iyi tablolama desteğini sunmasıdır.HTML koduna fazla müdahale etmemesi, blokların kolayca seçilebilmesi, seçilen etiketlerin nerdeyse tüm özelliklerinin kolayca ayarlanabilmesi, tümleşik FTP istemcisi ve site yönetimi,çok iyi DHTML ve Frame desteği, Internet üzerinden de yüklenebilen etiketlerle genişletilebilmesi, tabloları katmanlara, katmanları tablolara çevirebilmesi, rehber resim desteği, Homesite’la bütünleşme.
Eksileri: Homesite kadar iyi bir doğrudan HTML kodu yazımı olmaması ve maalesef sadece Windows ve MacOs’da çalışması.
HotDog Pro: Birkaç yıl öncesine kadar görsel olmayan düzenleyiciler piyasasında Homesite’la başabaş giden bu program, yeni sürümlerinin sık sık göçmesi, firmanın yanlış taktikler izlemesi gibi nedenlerle popülerliğini yitirmiştir.
Artıları: Birçok özelleştirebilme seçeneği, tablo ve frame’lerin yaratılmasında kullanılabilen sihirbazlar, tümleştirilebilentarayıcı desteği, site yönetimi, ftp istemcisi, renkli kodlama.
Eksileri: Sık sık göçmesi, zayıf dokümantasyon ve çalışmayı engelleyici ses efektleri Web Sayfalarının Tasarlanması Yukarıda incelemesini yaptığımız birçok web editörü size HTML dilini bilmeden, HTML kodlarını kullanarak web sitesi yapma imkanı veriyor
Bu tip editörler sitenizde yaptığınız her adımı, otomatikman HTML koduna çeviriyor. Peki o zaman neden HTML öğrenmelisiniz?HTML öğrenmelisiniz çünkü: En basit neden; eğer iyi bir webmaster olmak istiyorsanız, ve HTML bilmeden sadece bu tür programları kullanmayı düşünüyorsanız, muhtemelen programın verdiği, programdan kaynaklanan en küçük bir hatada eliniz kolunuz bağlı kalacaktır. Lisans gerektiren programlar: Birçok kaliteli "HTML çevirici" programını kullanmak için, o programın lisansına sahip olmanız gerekir. Ve bu da genelde büyük paralar gerektirir.
HTML Nedir?
HTML, Hyper Text Mark-up Language'ın kısaltılmışıdır. Türkçe karşılığı Hiper Metin İşaretleme Dili'dir. Browserlar tarafından tanınıp yorumlanabilen metin tabanlı bir dildir ve metnin browser tarafından yorumlanması sonucu da web sayfaları elde edilir. Yazdığınız kodların browser tarafından alınıp yorumlanabilmesi için, dosyalarınızın uzantısının ".htm" veya ".html" olması gerekir. HTML de her işaretleme dilindeki gibi komutlardan oluşur, bu komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farklı oldukları browser tarafından anlaşılabilsin diye "<" ve ">" işaretlerinin arasına yazılır. Her tag'in bir başlangıcı ve bitişi vardır. Bitiş tag'lerinde, "<" işaretinden sonra tag'in bitiş tag'i olduğunu belirtmek için "/" işareti kullanılır. Bir örnek ile göstermemiz gerekirse;
Kod:
Bu bir Paragraf tag'idir.
Kod:
Temel Komutlar:
Kod:
Tüm HTML dokümanını içine alan en temel tag'dir ve dokümanın HTML ile yazıldığını browser'a bildirir.
Kod:
Bu tag'in arasına yazılan her şey, sayfanın tanımını oluşturur. Buna sayfanın başlığı da dahildir.
Ayrıca meta takıları da bu tag'in arasına yazılır:
Kod:
: Sayfa başlığıdır. Bu tag'in arasına yazılan her şey sayfamızın ismi olacak ve başlık çubuğunda görüntülenecektir.
META Etiketi: Arama motorlarında iyi bir sıralama kapmak için meta etiketleri içerisine yazdığımız notlar çok önemlidir. Örneğin “Afyon Kocatepe Üniversitesi” sitesinin Meta etiketleri şöyle olabilir:
Kod:
Sayfanızda kullandığınız Türkçe karakterlerin başka bilgisayarda bozuk şekillerde görülmemesi için:
Kod:
Sayfanın browser tarafından ekrana basılacak tüm kısımları bu tag'in arasına yazılır. Ekrana basılacak kısmın içine metinler, resimler, formlar, tablolar vs. girer.
Kod:
İlk Sayfam
Web sayfama hoşgeldiniz Web sayfama hoşgeldiniz
Kod:
Web sayfama hoşgeldiniz
Web sayfama hoşgeldiniz Web sayfama hoşgeldiniz
Kod:
Web sayfama hoşgeldiniz
Sonuç: Web Grafiklerinin Hazırlanması Zor olan işlem, sayfaların içine içeriğin yerleştirilmesi değil, bu içeriğin hazırlanmasıdır. Tahmin edebileceğiniz gibi, sayfalarda yer alan grafikler metinlerden daha da zor hazırlanırlar. Çünkü sayfada yer alacak renkler ve grafik tasarımları sitenin genel çizgisini belirleyeceği için, özenle ve uyumlu bir şekilde hazırlanmalıdır. Bu tip programlar ile hazırlanacak site grafiklerinde görselliğin yanında dikkat edilecek bir başka unsur da grafik dosyalarının boyutlarının küçük olmasıdır. Çünkü ne kadar fazla grafik kullanılırsa, site o kadar yavaş açılacaktır ve bir site ne kadar görsel olursa olsun, eğer yavaş açılıyorsa pek de cazip olmayacaktır.
Bu tür çeşitli grafikleri tasarlamak için kullanabileceğiniz yegane program Photoshop'dur. Ancak ücretli ve profesyonel bir program olan Photoshop'un yerine buna çok yakın olan tamamen bedava olarak dağıtılan Paint Shop Pro adlı Shareware programı da kullanabilirsiniz. Bu ve buna benzer programlar ile rahatlıkla arka fonlar, Web tuşları, başlıklar ve Banner'lar gibi sabit Web grafiklerini oluşturabilirsiniz. Sayfaların Web Alanına Gönderilmesi Grafikleri tasarladınız ve metinleri hazırladınız. Bunları bir Web tasarım programı ile Web sayfası haline getirdikten sonra hazırlamış olduğunuz Web sayfalarını kullanıcılara ulaştırabilmeniz için bunları yerleştireceğiniz Internet üzerinde bir disk alanına yani Web alanına ihtiyacınız olacaktır. Bu işlem için en iyi çözüm yine Internet üzerinde size bedava sabitdisk alanı (host) sağlayan bir sunucu bulup sayfalarınızı oraya yerleştirmektir.
Eğer alacağımız alanın FTP desteği varsa, yaptığımız sayfaları CuteFTP gibi FTP programları ile sunucu üzerindeki alana gönderebilirsiniz. Sitenizin Barınacağı Sunucuyu Seçerken Dikkat Etmeniz Gereken Ayrıntılar Internet üzerinde yasal olmadığı kanıtlanmış MP3'ler, emülatör dosyaları, Crack, Hack, Warez, çalınmış şifreler ve benzeri içerikle Adult öğelere sitenizde yer vermekten kaçının. Seçtiğiniz sunucunun teknik özelliklerini mutlaka dikkate alın. Örneğin Frame yani çerçeveye izin vermeyen bazı sunucular, iki ya da daha fazla parçadan oluşmuş site tasarımınızı tam anlamıyla sunamayacaklardır. Bunun yanında her sunucu çok serbest bir şekilde CGI, Perl gibi dillerin kullanılmasına izin vermeyebilir. Unutulmaması gereken fazla disk alanı her zaman en iyi şey değildir. Sınırsız bir alanda hiçbir özellik desteklenmeyeceği gibi, 3MB'lık bir alan sağlayan sunucu, buna karşılık Frame'den CGI dilllerine kadar her şeyi destekleyebilir.
Web Tasarımını Destekleyici Programlar PHP ASP JAVA SCRIPT JAVA APPLET CSS FLASH PHP (Personal Home Page) Html 'nin geliştirilmesinin çok eski zamanlara dayanmasından mıdır? yoksa o zaman ki şartlarla düşünülmediği için midir? bilinmez ama html bazı yönden eksik bir dildir. İşte bu eksikliklerin anlaşıldığı dönemlerde, herkesin anlayabileceği ve kısa sürede öğrenilebileceği bir dil yaratma çabasında olan Rasmus Lerdorf tarafından düşünülmüş ve Perl dilinden esinlenilerek yapılmaya başlanmış bir dildir Php. Php 'nin yaptığını kısaca anlatmak gerekirse; Web sayfası isteminde bulunan kullanıcılara, istenilen dosya içerisinde Php ile ilgili satırları işleyerek dosya içeriğini kullanıcının Browser ' ının anlıyabileceği html formatında sunan bir programlama dilidir diyebiliriz. Bu genel anlamda Server-Side ( Server-Taraflı ) Dil olarak anılır. Php 'yi rakiplerinden ayıran özellikler? En yakın rakibi ASP ile performans ve fiyat açısından açık farklılar vardır. Fiyat konusu haricinde ( Php ücretsiz dağıtılmaktadır. ) ASP kullanıcılarının kabul etmedikleri şey hız faktörüdür. Belkide en çok tartışılan bu konu hakkında en basit karşılaştırma; PHP + MySql ve ASP + MSSQL oranlarında çıkmaktadır. Elde edilen verilere göre 5000 satırlık bir bilgiyi database’ e; aynı makina üzerinde Php ve MySql 3 ( Üç ) saniyede girerken, ASP + MSSQL 28 saniyede girmektedir. Php 'nin açık kaynak kodlu oluşu, hataların veya yeni özelliklerin güncellenmesi/eklenmesi gibi olaylarda büyük avantajlar sağlamaktadır. Kişisel kullanıcılar; Php ile web sayfalarında daha çok kullanıcı etkileşimli kodlar kullanmaktadır. Örnek olarak; Ziyaretçiler için oluşturulan, forum, sayaç, anket gibi kodlarda Php çok rağbet görmektedir. Peki bu dilin dezavantajları nelerdir? Günümüzde büyük şirketlerde internet ve intranet uygulamalarda , büyük paya sahip Microsoft firması, kendi ürünü olan ASP için büyük çabalar sarfetmektedir. Yeni teknolojiler ( Özellikle .Net ) ile ASP ye hergün yeni zeminler hazırlamakta ve iş istihdamı konusunda ASP yi bir adım öne taşımaktadır. Sunucu fiyatları olarak Php 'ye göre yerine göre üç kat daha fazla oranda olmasına rağmen, büyük şirketler tarafından tercih edilmektedir. ASP (Active Server Pages) Sunucu taraflı bir teknoloji olan ASP, (Active Server Pages/Aktif Sunucu Sayfaları) kullanıcı tarafına etkileşimli, dinamik Web sayfaları göndermek için kullanılır. ASP, Web programcılarına HTML, scripting ve kullanıcıdan bağımsız veritabanı uygulamalarını özgürce kullanma fırsatı verir. ASP programlama ortamının özgür olmasının sebebi tüm derleme işleminin sunucu tarafında bitmesi ve kullanıcının sadece sonuçta oluşan HTML sayfalarını görmesidir. ASP’nin Kullanım Amaçları ve Avantajları Çok geniş bir kullanım alanı olan ASP, scripting diye tabir edilen VBScript, JavaScript gibi her türlü ham kodu kullanabilir, sunduğu kolay anlaşılır doğal dili ile orta derece HTML bilen kimseler tarafından bile kolayca kavranabilir. ASP'nin Netscape Navigator / Internet Explorer /Opera gibi Web tarayıcılarından bağımsız olmasının yanısıra en büyük avantajlarından biri kullandığınız teknolojilerin, scriptlerin saklı kalmasıdır. ASP ile hazırlanan projeler kaynakların yönetimi, kontrolü ve uzaktan sistem yönetimine imkan verir. Şirketler arası bilgi paylaşımı için ideal bir ortam oluşturur.
JAVA SCRIPT Java Script Netscape tarafından geliştirilmiş bir script dilidir. Düz yazı formundadır. Browserlara bağlıdır ve yorumlanır. HTML'nin içine gömülür. Etiketi
Kod:
şeklindedir.Java Script; etkileşimli web sayfası yapımında HTML'nin yetersiz kalması nedeniyle C/C++ dilleri baz alınarak geliştirilen, "düz yazı" formunda bir script (komutlar dizisi) dilidir. Java Script kodları herhangi bir metin editörü (Win 95/98 Not defteri vb.) ile düz yazı formunda yazılabilir. Bu şekilde yazılmış Java Script kodları istemci tarafında, yani ziyaretçinin web tarayıcısı tarafından yorumlanır ve yaptırılmak istenen işlemler gerçekleşir. Ama bu işlemlerin gerçekleşmesi için mutlaka bir olay gereklidir. (Örneğin, sayfanın açılması-kapanması, ziyaretçinin sayfada herhangi bir yeri tıklaması veya klavyede herhangi bir tuşa basması gibi...) Java Script kodlarını web sayfası içerisinde 2 şekilde tanımlayabiliriz; 1. HTML kodları içerisinde
Kod:
etiketleri arasında yazarak,
Kod:
2. Düz yazı formunda ve .js uzantısı ile farklı bir dosya oluşturup, bu dosyaya HTML içerisinde link vererek.
Kod:
JAVA APPLET Java (yani Java Applet), Sun Microsystems tarafından geliştirilmiş nesneye yönelik programlama dilidir ve işletim sistemlerinden bağımsız olarak çalışır. HTML'nin bir parçası olamaz. Etiketi
Kod:
şeklindedir. Java Applet hazırlayabilmeniz için Sun firmasının ücretsiz olarak dağıttığı JDK (Java Development Kit – Java Geliştirme Ortamı) programını download etmeniz gerekmektedir.
Kod:
CSS CSS (Cascading Style Sheets), Bir HTML dökümanındaki HTML takılarının sitillerini belirleyen tekniktir. CSS kodlarını web sayfası içerisinde 3 şekilde tanımlayabiliriz; HTML takılarının sitillerini, takıların içinde(Local)
Kod:
CSS öğreniyorum
Sayfanın başında "" takıları arasında (Global)
Kod:
Link olarak başka bir dosyadan alarak
Kod:
CSS Öğrenmenin avantajları: CSS, HTML takılarına, HTML ile yapılamayacak fakat işinizi kolaylaştıracak bir çok özellik katabilir. Örneğin; hemen hemen tüm web sayfalarında gördüğünüz değişik link sitilleri, CSS kullanılarak yapılmıştır. CSS ile sayfalarınızı daha hızlı hale getirebilir ve dosyanın yükünü hafifletebilirsiniz. Sayfalarınız için hazırlayacağınız bir CSS dosyasını kullanarak tüm sayfalarınıza aynı özellikleri verebilir, dolayısıyla hız ve tutarlılık sağlamış olursunuz. Tabiki CSS'in yapabilecekleri bunlarla sınırlı değildir. CSS öğrenilmesindeki kolaylığın aksine kapasitesi büyük bir dildir.
Flash Flash, Macromedia tarafından geliştirilmiş Internet'te etkileşimli vektörel grafik ve animasyon hazırlanmasında kullanılan bir standarttır. Web tasarımcıları Flash'ı çekici, ölçümlendirilebilir, çok az yer kaplayan gezinilebilir yüzeyler, teknik canlandırmalar, uzun süreli animasyonlar ve diğer şaşırtıcı efektleri yapmak amacıyla kullanırlar.
Kullanım Alanları: Flash ile en küçük reklam pankartından (banner), en karmaşık animasyonun yapılması, hatta bütün bir web sitesinin oluşturulması mümkündür. Interaktif CD'lerin hazırlanması, oyunlar, veritabanı uygulamaları, PHP ve XML gibi birçok dil ile kullanılabilme, Flash'ın ileri düzey maharetleri arasında sayılabilir. Flash ile ses ile biteşlemler (bitmap) birleştirilebilir. Yani bir dosyanın içine müzik yada ses efekti rahatlıkla gömebiliriz. Bu bize etkileşim daha üst seviyelere çekebilme şansını verir. Flash içerisinde bulunan bütün görüntü, ses, text elemanları flash'a özgü bazı sıkıştırma teknikleri sayesinde çok küçük boyutlara sıkıştırılabilir. Bu sıkıştırma oranları program içerisinden kalitelerini değiştirmek suretiyle ayarlanabilir. Böylece örneğin 1 birim tutan bir ses/görüntü dosyası 0.1 ile 0.9 arasında boyutlarda son kullanıcıya ulaştırılabilir.
Püf Noktalar Tasarımın en önemli unsurlarından biri tablolardır. Tabloları amacınıza uygun şekilde sayfaya yerleştirdiğinizde sayfanız, görsel açıdan daha üstün bir tasarıma sahip olacaktır. Çünkü hizalama, uygun yere uygun resmi yerleştirme gibi şeyler kod yazarak çok uzun sürebilir. Ama tablolar ile bu problemi aşabilirsiniz. Dikkat edilmesi gereken en önemli şeylerden biri de resim kullanımı. Sayfalarınızda mümkün olduğunca az resim kullanın. Şayet resim kullanırsanız, boyutları minimum, kaliteyi optimum düzeyde tutmaya özen gösterin. Çünkü Türkiye de internetin hızı malum. Teorik hızı 44.000 kb 'ı geçmeyen ziyaretçi, sayfanızın açılmasını dakikalarca bekleyemeyebiliyor. Sayfaların da daha çabuk açılması için akla gelen ilk şey de resimler oluyor. Eğer ki resimden başka Java Applet vs. varsa önceliği bunlara verin. İnternet üzerinde en çok kullanılan browser'lar IE ve Netscape Navigator ve Firefox dur. Büyük çoğunlukla da IE kullanılır.
Sitenizin yapım aşamasında farklı browserlarda sitenizin nasıl göründüğünü test etmeniz gerekebilmektedir. Çünkü bazı tag'ler farklı browserlarda aynı etkiyi yaratamayabilmektedir. Bunun da çabuk fark edilmesi, sizi emek, zaman ve kaynak kaybından kurtarabilir. Sayfalarınızı, farklı ekran çözünürlüklerinde test edin. Optimum çözünürlükte karar kıldığınızda sayfaları bu ekran çözünürlüğünde tasarlayın. Bunu yapmanızdaki sebep şudur: Her kullanıcı sizinle aynı ekran çözünürlüğünü kullanmayabilir. Sizin 800*600 çözünürlükte yaptığınız site, browser'ınızda gayet güzel görünebilirken, 640*480 kullanan ziyaretçinin bilgisayarında dağınık ve biçimsiz görünebilir
Tarih 23 Temmuz 2008, 20:39. Yazan mekansız.
Etiket:
Web sitenizin konusu ne ise, bu konuya odaklanıp bu konu için özel içerik hazırlamak size çok şey kazandırır. Çünkü sadece bir konu üzerinde çeşitli bilgiler bulundurmanız, sitenize giren kişinin web sitenizi favoriler listesine almasını sağlar. Javascript ile “favorilerime ekle” yazısı koymanızdan daha iyi ve sağlam bir yöntemdir
Tarih 23 Temmuz 2008, 20:39. Yazan mekansız.
Etiket:
Kopyalanmış içerik, özensiz tasarım vs. Neden insanlar sizin sitenizi tercih etsin? Diğer yüzlerce site gibi aynı konuyu yazdıysanız, arama motorlarında üst sıralara da çıkamayacağınızı bilmelisiniz. Web sitelerinden topladığınız çok muhteşem bir arşiv ile site hazırlamak size bir şey kazandırmayacaktır, çünkü ziyaretçiler arama motorlarına ilgilendikleri konuyu yazdıklarında, sizin sayfalarınız ilk sıralarda çıkmayacaktır.
Tarih 23 Temmuz 2008, 20:39. Yazan mekansız.
Etiket:
Anahtar kelimeler web sitenize trafik sağlar, yani arama motorları ile reklama ihtiyaç duymadan ziyaretçi yönlendirir. Anahtar kelimeler, sitenizin genel konusuna bağlı olarak seçmeniz gereken sözcük veya kelime bütünleridir. Daha açık bir ifade ile şunu kendinize sorabilirsiniz: Benim web sitemin içerdiği konuyu arayan internet kullanıcısı, arama motoruna hangi kelimeleri yazar? Eğer doğru anahtar kelimeleri seçtiyseniz, ziyaretçiler sizi bulacaktır; fakat seçimleriniz yanlışsa hazırladığınız içerik boşa gidecektir. Fakat yeniden anahtar kelime düzenlemesi yapabilirsiniz. Anahtar kelimelerinizi site başlığına yazabilirsiniz (fazla uzun olmaması şartı ile örnek: lahuti.com), msn ve yahoo için metatag kodlarınızın arasına yazabilirsiniz; google için ise sayfa içinde konumlandırabilirsiniz. Arama Motorları için Web Tasarım Tavsiyeleri konulu makalemi gözden geçiriniz.
Tarih 23 Temmuz 2008, 20:39. Yazan mekansız.
Etiket:
İçerik bir web sitesinin en önemli yapıtaşıdır. İnsanlar aradıkları konuyu bulabilmek için siteleri gezerler, belki de o konu sizin sitenizde mevcuttur. Sitenizde bulunan dökümanlar özenle hazırlanmış olmalıdır. Benim tavsiyem, sitenizin içeriği ne hakkında olursa olsun, konuyu hem bilmeyenlerin hem de profesyonellerin anlayabileceği şekilde hazırlamanızda yarar var. Özensiz ve anlaşılması güç yazıları ziyaretçilerinizin sonuna kadar okumayacaklarını hatırlatırım. Bununla birlikte, konularınızı kendinizin yazması veya derlemesi çok önemlidir. Kopyala/Yapıştır yöntemi ile kolayca hazırlanmış bir site size kesinlikle bir şey kazandırmaz. Şunu unutmamalısınız! İnsanlar neden sizin sitenizi ziyaret etmelilerdir, ilgi çekici ne var? Kısacası, kaliteli bir içerik için iki şeye ihtiyacınız var, birincisi mükemmel sunuş, ikincisi ise orjinallik. Orijinal bir site kulaktan kulağa yayılarak da kısa sürede ziyaretçi çekebilir.
Alan adı seçimi yukarıdaki yedi maddenin içinde en önemlisidir. Sitenizin içeriğini, hiçbir ek çalışma yapmadan sadece alan adınızla sunabilirsiniz! Bu hem arama motorları için avantajdır, hem de içerik odaklanmasında pozitif etkendir. İçeriği Türkçe olan web sitesinin, ingilizce alan adı olmamalıdır, ya da tam tersi.
Tarih 23 Temmuz 2008, 20:38. Yazan mekansız.
Etiket:
Web sitelerinde kullanılan navigasyon menüleri webmaster’lar neden tercih ediyorlar anlamıyorum. Eğer menü sisteminiz karmaşıksa, hemen değiştirmenizi öneririm, çünkü kullanıcılarınızın içeriğinize kolay ulaşması için navigasyon menüler yerine, güzel düzenlenmiş menüler daha faydalı olacaktır. Karmaşık, içeriğe zor ulaşılan bir anasayfa ziyaretçinin sitenizi terk etmesini hızlandıracaktır, amacınız gelen ziyaretçinin sitenizi keşfetmesini kolaylaştırmak olmalıdır.
Tarih 23 Temmuz 2008, 20:38. Yazan mekansız.
Etiket:
Sanırım internette gezerken ziyaretçilerin en çok sinirlendiği şey, yavaş açılan web siteleridir. Bu sinir bozucu olay hosting hizmetinden de kaynaklanıyor olabilir fakat genelde webmaster hatasından dolayı olduğunu düşünüyorum. Günümüzde 256K ve üstü bağlantı hızına sahip olanlar günden güne artmasına rağmen, yine de 56K bağlantıya sahip küçümsenmeyecek çoğunluğu da unutmamak lazım. Bunun için web sitenizi oluştururken çok ağır veya büyük ebatlarda resimler kullanmamaya özen göstermelisiniz. Özellikle ticari sitelerde, ağır resimler, filmler, müzikler veya flash animasyonlar gereksizdir. Daha önce, Arama Motorları için Web Tasarım Tavsiyeleri konulu makalemde bu konu üzerinde durmuştum. İhtiyacınız olan, içeriğe kolayca ulaşılabilen, tasarımı hoş, abartıdan kaçınılmış bir web sitesi olmalıdır.