- Katılım
- 17 Mar 2010
- Konular
- 13
- Mesajlar
- 36
- Reaksiyon Skoru
- 5
- Altın Konu
- 0
- Başarım Puanı
- 57
- TM Yaşı
- 16 Yıl 1 Ay 7 Gün
- MmoLira
- 0
- DevLira
- 0
Metin2 EP, Valorant VP dahil tüm oyun ürünlerini en uygun fiyatlarla bulabilir, Item ve Karakterlerinizi hızlıca satabilirsiniz. HEMEN TIKLA!
İLK önce arkadalar size pvp serveriniz için profesyonel bir site oluşturalım.
burda ilk önce ne yapıcağımızı anlatıcağım.eğer burdan anlamassanız size abimin ücretli hostingle vaptığı sitenin linkini vericeğim orda daha ayrıntılı bir şekilde öğrenirsiniz sorularınızda o sitede paylaşırsanız sevinirim.
ilk önce bu yaptığım şeyler sapına kadar bana aittir. biryerden alıntı değildir. çünkü bende bu yolla kendi sitemi kurdum ama sizin kurcağınız site benimkinden farkı sizinksi ücretsiz hosting olucak yani para vermeden site kuracaksınız.
şimdi site kurabilmek için 4 tane farklı yol var ben size en kolay onanını anlatacağım kurması biraz uzun sürebilir.ama inanın sitenizde bir hata çıkarsa çok cabuk düzeltebilirsiniz.diğer anlatacağım programlar la kurarsanız ve bir hata çıkarsa siz değil bilgisayar mühendisleri bile hatnızı çözemez. o yüzden size en kolay yolu anlatacağım.
1)Dreamweaver ile site yapmak
Dreamweaver ile açılan sitelere üyelik sistemi, anket veya yorum bölümü ekleyemezsiniz. Dreamweaver ile yapacağınız siteler statik, interaktif olmayan sitelerdir.
Dreamweaver ile her sayfa tek tek oluşturulur. Her sayfa birbirinden bağımsızdır ve her sayfaya farklı tasarım uygulayabilir veya sayfanın herhangi bir yerinde istediğiniz değişikliği yapabilirsiniz. Aşağıdaki resimde şu anda okuduğunuz sayfayı Dreamweaver ile hazırlarken aldığım ekran görüntüsünü görebilirsiniz.
Dreamweaver ile site yapımı derslerini hazırlarken Dreamweaver CS4 kullandım. Dreamweaver CS3 ve CS5 versiyonları bazı küçük farklılıklar dışında aynı fonksiyon ve özelliklere sahiptir. Bu versiyonları kullanarak da web sitenizi hazırlayabilirsiniz.
Dreamweaver'i İndirin
virus total sonuçları
evet eğer hepiniz hazırsanız site kurma derslerine başlıyoruz.
1)şablon hazırlama
Dreamweaver ile boş bir sayfadan başlayarak kendi web sitenizin tasarımını yapabilir veya hazır site şablonlarını kullanarak sitenizi inşa edebilirsiniz. Ben tasarım konusunda yetenekli olmadığım için hazır website şablonu kullanıyorum. Dreamweaver ile site yapımını anlatırken de hazır bir web sitesi şablonu kullanacağım. Profesyonel web tasarımcıların yeteneklerinden yararlanabilmeniz için hazır web sitesi şablonları kullanmanızı tavsiye ederim.
Bu sayfada bir web sitesi şablonunun site yapımı için nasıl hazırlanacağını, web siteleri ve site dosyaları hakkında genel bilgileri paylaşacağım. Anlatımı hazırlamak için aşağıdaki şablonu kullanacağım. (konunun sonunda size birkaç şablon yükliyeceğim isterseniz hazır şablon kullana bilirsiniz)
şablon dosyalarını hazırlamak için dosyayı indirdim, rar dosyası içerisinden çıkardım ve çıkan dosyaları Websitem isimli bir klasör içerisine kopyaladım. Aşağıdaki resimlerde kullanacağım şablonun nasıl göründüğünü ve şablon dosyalarının nasıl olması gerektiğini görebilirsiniz.
Yukarıdaki şablon site yapımının anlatılacağı bir site için uygun değil ama bazı küçük değişikliklerle uygun hale getirilebiliyor. Ben yukarıdaki şablonun logosunu değiştirerek ve sol tarafa menü ekleyerek kendi sitemi oluşturdum. Şimdi kısaca kök klasör ve içindekilerin ne olduğunu ve ne işe yaradığını açıklayayım.
Kök Klasör: Site dosyalarının tamamını içinde barındıran klasöre kök klasör denir. Sitede kullanılacak tüm resim, fotoğraf, video ve diğer dökümanların tamamının bu klasör içinde olması gerekir. Örneğin sitenize bir resim ekleyecekseniz önce resmi kök klasör içine kopyalamalı, sonra sayfanıza eklemelisiniz. Aksi halde sayfalara eklenen resimler ve diğer dökümanlar, sitenizi yayınladıktan sonra gösterilmez. Yukarıdaki resimde gösterilen Websitem klasörü hazırlayacağım sitenin kök klasörüdür.
index.html: Bu dosya bir web sayfasıdır ve anasayfa olarak kullanılır. Web tarayıcınıza bir adres yazdığınızda size index.html sayfası gösterilir. Örneğin bedavasiteyapmak.com sayfasına girdiğinizde tarayıcınız size index.html sayfasını gösterir. Bu nedenle bu dosyanın adını ve konumunu değiştirmememiz gerekiyor.
images klasörü: Bu klasör şablonumuzun kullandığı varsayılan resimler dosyasıdır. Site dosyalarının daha düzenli olması için bu klasör resimler klasörü olarak kullanılır. Bazı şablonlarda bu klasörün adı farklı olabilir.
Css klasörü: Bu klasör sayfa görünümünü ve yazı ayarlarını düzenleyen dosyaları içerir. Bu klasörü kullanmayacağız ancak sayfa tasarımında, düzeninde bir probleme neden olmaması için silmeyeceğiz.
templatemo_style dosyası: Bu dosya da bazı css kodları içerir. Bu dosyayı da kullanmayacağız ve silmeyeceğiz.
Dreamweaver programı ile site yapımına başlamamız için ilk yapmamız gereken şey, kullanacağımız şablonu Dreamweaver'e tanıtmaktır. Bu işlemi yapmadan site yapımına başlarsak sayfalara eklenecek kodlarda hata oluşur ve siteniz çalışmaz. Bu nedenle site tanımlama işlemini yapmadan önce kesinlikle site dosyalarında bir değişiklik yapmamalı ve dosyaların yerlerini değiştirmemelisiniz.
Dreamweaver'de Site Nasıl Tanımlanır
Adım 1. Üstteki menüden Site>New Site... butonlarına tıklayın. Açılan pencereden siteniz için herhangi bir isim yazın, sitenizin kök klasörünü ve varsayılan resimler klasörünü seçin.
Adım 2. OK butonuna tıkladıktan sonra siteniz tanımlanacak ve sitenizin dosya ve klasörleri dosya panelinde gösterilecektir. Bu aşamadan sonra Dreamweaver kullanarak site dosya ve klasörlerinin ad ve konumlarını değiştirebilirsiniz.
Eğer site şablonu kullanmayıp, sıfırdan kendi web sitenizi tasarlamak istiyorsanız, herhangi bir yere boş bir klasör açın ve içerisine resimler adında boş bir klasör ekleyerek yukarıdaki iki adımı uygulayın.
Dreamweaver'de site tanımlamasının nasıl yapılacağını gösteren video dersi izlemek için aşağıdaki video ikonuna tıklayın.
Dreamweaver ile site yapmak istiyorsanız tabloları nasıl kullanacağınızı öğrenmeniz gerekir. Tabloları kullanmak çok kolay olmasına rağmen başta biraz zor gelebilir. Birkaç dakika tablolarla uğraşırsanız nasıl kullanmanız gerektiğini öğrenebilirsiniz. Bu sayfada tabloların temel olarak nasıl kullanıldığını anlatıp birkaç örnek göstereceğim.
Günümüzde Dreamweaver gibi HTML düzenleyici programlarla hazırlanan sitelerde, tabloların yerini CSS dili ile düzenlenen div'ler almıştır. CSS basit ve öğrenmesi kolay bir dildir ama kafanızın karışmaması için CSS konusuna girmiyorum. Site yapımını öğrendikten sonra kendinizi geliştirmek isterseniz CSS konusunuda araştırmanızı tavsiye ederim.
Yatay Hizayı Ayarlamak
Dreamweaver'de bir metin resim veya videoyu sayfa ortasına veya yatay olarak istediğiniz hizaya getirmek için tabloları kullanmanız gerekir. Aşağıdaki örnekte text yazısı yatay olarak farklı hizalara tablo kullanılarak getirilmiştir. İlk örnekte tablo kullanılmıştır ancak köşe kalınlığı sıfır olarak ayarlandığından görülememektedir.
Daha İyi Tasarım
Tablo ve hücre arkaplan renklerini değiştirerek tasarımı daha iyi yapabilir ve içeriğin daha anlaşılabilir olmasını sağlayabilirsiniz.
İçeriği Düzenleme
Tablolar farklı içerikleri beraber kullanabilmemizi sağlar. Aşağıdaki örnekte tablonun bir hücresine resim diğer hücresine ise yazı yerleştirilmiştir. Diğer örnekte ise tablo kullanılmadığında ne olduğu gösterilmiştir.
Tablo Kullanımı
Aşağıdaki video ikonuna tıklayarak tablolar ile ilgili video derse ulaşabilirsiniz. Video derste tabloların nasıl eklendiği ve özelliklerinin nasıl değiştirildiği gösterilmiştir.
Dreamweaver'de Taslak Uygulaması
Dreamweaver'de bulunan taslak uygulaması site yapımını son derece kolaylaştırmaktadır. Taslak uygulaması sayesinde aynı anda sitenizin yüzlerce sayfasında değişiklik yapabilir, diğer sayfalarla aynı tasarıma sahip bir sayfayı birkaç saniyede oluşturabilirsiniz. Kısaca taslak uygulamasının çalışma mantığına ve nasıl kullanacağınıza değinelim.
Taslak Uygulaması Nasıl Çalışır?
Taslak uygulamasını kullanabilmeniz için tasarımı yapılmış ancak içerik (yazı, resim, video vb) eklenmemiş boş bir sayfa gerekir. Bu sayfa Dreamweaver ile taslak olarak tanımlanır ve bu taslakla yeni sayfalar oluşturulur. Taslak kullanılarak oluşturulan sayfalarda değişiklik yapmak için sadece taslakta bir defa değişiklik yapmak yeterli olur. Taslakta yapılan değişiklikler diğer sayfalarda otomatik olarak yapılır. Örneğin sitemin menüsüne Reklam adında bir buton eklemem gerektiğinde, tüm sayfalarda tek tek buton eklemek yerine sadece taslak dosyasında bağlantı eklemek yeterli olacaktır ki bu da hem daha az zaman harcamamı hem daha kolayca işlem yapmamı sağlayacaktır.
Taslak olarak tanımlanan sayfaların sadece seçtiğiniz bölümlerinde değişiklik yapabilirsiniz. Bu sayede farkında olmadan site tasarımını değiştiremezsiniz ve tüm sayfalar birebir aynı olur.
Aşağıdaki videoda bir sayfayı nasıl taslak olarak tanımlayabileceğiniz, taslaktan nasıl çıkarılabileceğiniz ve taslağa nasıl değiştirebilir bölge ekleyeceğiniz gösterilmiştir. Videoyu izleyip taslağı kullanmaya başladığınızda işinizi ne kadar kolaylaştırdığını daha iyi anlayacaksınız.
Sayfaya Resim Flash ve Video Ekleme
Bu sayfada web sayfalarına Dreamweaver ile nasıl resim, flash dosyası ve video eklendiğini açıklayacağım.
Öncelikle sayfaya ekleyeceğiniz tüm resim video ve diğer dökümanların tamamını kök klasör içine kopyalamalısınız. Bu tür dosyaları genellikle resimler klasörü oluşturup oraya kopyalamayı tercih ederim.
Resimleri sitenize eklemeden önce resim ekleyeceğiniz yere uyacak şekilde düzenlemeniz daha iyi olur. Resimlerin boyutlarını, ölçülerini düzenlemek için Paint, Fireworks veya PhotoShop kullanabilirsiniz. Ben kullanım kolaylığı nedeniyle Adobe Fireworks'u kullanıyorum, size de tavsiye ederim.
Sayfaya Resim Eklemek
Resim eklemek istediğiniz yere bir kere tıklayın. Üstteki menüden Insert>Image... butonlarına tıklayın ve açılan pencereden eklemek istediğiniz resmi seçin. Eklemek istediğiniz resmi dosyalar panelinden resim eklemek istediğiniz yere sürükleme metoduyla da resim ekleyebilirsiniz. Resim ekledikten sonra açılan pencereyi boş bırakabilir veya resme uygun kısa bir metin yazabilirsiniz.
Sayfaya Flash Eklemek
Sayfaya flash dosyası eklemek resim ekleme yöntemiyle aynıdır ancak Insert butonuna tıkladıktan sonra Image yerine Media>SWF butonlarına tıklamanız gerekir.
Sayfaya Video Eklemek
Sayfanıza video eklemek için önce videoyu flash dosyasına dönüştürmelisiniz. Flash dosyasına çevirdikten sonra yukarıda anlatıldığı gibi sitenize ekleyebilirsiniz. Videoları önce Youtube'ye yükleyip Youtube kodunu yardımıylada web sayfalarına video ekleyebilirsiniz. Ben Youtube aracılığıyla sitenize video eklemenizi tavsiye ederim ancak bunu nasıl yapacağınızı sayfaya kod ekleme sayfasında anlatacağım.
Sayfaya Link Ekleme
Linkler (bağlantılar) site ziyaretçilerinin bir sayfadan diğerine gitmelerine imkan sağlar. Bir sayfa üzerinde link olmazsa, ziyaretçiler sitenin diğer sayfalarına gidemezler. Bu nedenle web sayfalarından diğer sayfalara gitmeye yarayacak linkler veya menüler olmalıdır.
Aşağıdaki videoda nasıl link ekleneceği gösterilmiştir. Videoyu izleyerek site içindeki ve dışındaki sayfalara, mail adreslerine ve menüdeki butonlara nasıl link ekleneceği gösterilmiştir.
Sayfaya Kod Ekleme
Web sayfalarına link, reklam, sayaç kodu gibi kodlar eklemeniz gerekebilir. Bu sayfada bir web sayfasına Dreamweaver kullanarak nasıl kod ekleyeceğinizi göstereceğim.
Sayfaya kod eklemek için kod eklemek istediğiniz yere bir kez sağ tıklayın ve menuden Insert HTML butonuna tıklayın. Küçük bir pencere açılacaktır. Pencerenin içindeki parantez işaretlerini sildikten sonra kodu bu bölüme kopyalayıp enter tuşuna basın.
Kod eklemek için kullanacağınız diğer metod ise şudur: Kod ekleyeceğiniz yere herhangi birşey yazın ve fare ile bu yazıyı fosforlayıp sayfayı kod görünümünde gösterin. Kod görünümünde fosforladığınız yazıyı silip eklemek istediğiniz kodu yapıştırın.
Aşağıdaki videoda Youtube'deki bir videonun, kod kullanarak nasıl sayfaya eklendiği gösterilmiştir.
Site Yayınlama
Dreamweaver ile yaptığınız siteyi yayınlamak için veya Joomla, SMF, phpBB gibi scriptlerle site veya forum yapımına başlamak için web sunucusu almamız gerekir. Sitemizin bu bölümünde web sunucusunu nereden alıp nasıl kullanacağımıza ve web sunucular hakkında genel bilgilere yer vereceğiz.
Siteler nasıl yayınlanır?
Siteleri internette yayınlamak için iki ürün/hizmet kullanılır. Bunlardan biri, sitelere girmemizi sağlayan google.com, youtube.com gibi adreslerdir. Bu adreslere domain veya alan adı denir. Alan adını kullanarak siteye girmeye çalıştığımızda, site dosyalarının depolandığı sunucuya bağlanırız ve site sayfalarını ziyaret edebiliriz. Site dosyalarını barındıran sunuculara ise web alanı, web hosting veya hosting paketi denir. Sitemizin diğer internet kullanıcıları tarafından ziyaret edilebilmesi için öncelikle bir web hosting paketi alarak sitemizi buraya göndermeli ve siteye ulaşılabilmesi için bir alan adı alarak sunucuya yönlendirmemiz gerekmektedir. İlerleyen sayfalarda domain ve hosting paketleri hakkında daha detaylı bilgileri paylaşacağım.
Ücretli vs Bedava Hosting
İnternette ücretsiz hizmet veren siteleri kullanarak bir kuruş bile ödemeden sitenizi yayınlayabilirsiniz ancak, uzun süre yayında kalacak bir site yapmak istiyorsanız ve sitenizin hızlı, kesintisiz ve problemsiz bir şekilde yayınlanmasını istiyorsanız ücretli domain ve hosting kullanmanızı tavsiye ediyorum. Bedava site yapımını anlattığım bedavasiteyapmak.com'u ücretli domain ve hosting hizmetlerini kullanarak yayınlıyorum.
Ücretli ve ücretsiz hizmetleri kullanarak site yayınlama süreci biraz farklıdır. Daha kolay anlaşılması için ücretli ve ücretsiz hizmetlerle site yayınlamayı ayrı ayrı açıkladım. Aşağıdaki linkleri sırasıyla ziyaret edip anlatılanları uygularsanız site yayınlamakla ilgili çoğu şeyi öğrenmiş ve site yayınlamak için gerekli tüm hizmetleri temin etmiş olacaksınız.
şimdi size bedava hosting almayı anlatacağım:
Bu sayfada ücretli web hosting paketleri, diğer adıyla web alanları hakkında bilgileri paylaşıp nereden ücretli web hosting paketi alabileceğinizi açıklayacağım. Öncelikle hosting paketi nedir kısaca anlatayım.
Hosting Nedir?
İnternet kullanıcılarının sitemizi ziyaret edebilmesi için sitemizin sürekli açık ve internet bağlantısı olan bir bilgisayarda depolanması gerekir. Sitemizi kendi bilgisayarımızdan yayınlayabiliriz ancak bilgisayarımızı kapattığımız zaman sitemiz açılmaz. Ayrıca sürekli açık kalan bilgisayar nedeniyle hem elektrik faturamız yüksek gelir hem bağlantı hızı yetersiz olduğu için sitemiz yavaş açılır. Bu sorunu aşmak için hosting şirketleri kullanılır. Hosting şirketleri makul ücretler karşılığında sürekli açık duran, yüksek hızlı internet bağlantısı olan sunucularında binlerce siteyle birlikte sitemizi de depolarlar. Böylece hem biz ucuz maliyetle sitemizi yayınlamış oluruz, hem internet kullanıcıları sitemizi rahatça dolaşabilir. Bu sayfada tamamen bedava hosting hizmeti veren firmalara ve bu firmalardan nasıl hosting paketi alınacağını anlatacağız.
Hosting Paketlerindeki Kısıtlamalar
Her hosting paketi aynı özelliklerde olmaz. Bazı firmaların verdiği hosting paketleri daha büyüktür ve uyguladığı limitler ve kotalar daha yüksektir. Hosting paketine uygulanan kotaları merak ediyorsanız veya sitenizi yaptıktan sonra bir sürprizle karşılaşmak istemiyorsanız limit kurallarını öğrenmenizi tavsiye ederim.
Hosting Hesabı Açalım
Bedava hosting hizmeti veren yüzlerce site var ancak bunlardan çok azı aradığımız özelliklere sahip. Aşağıdaki tabloda bulabildiğim en iyi bedava hosting hizmeti veren siteleri yazdım. Bunlardan bir tanesine veya sizin bildiğiniz daha iyi özelliklere sahip bedava hosting veren site varsa oraya üye olarak hosting hesabı açın. Ben sitemde Award Space'nin verdiği ücretsiz hosting ile site yayınlamayı anlatacağım. Award Space'den nasıl ücretsiz hosting paketi alacağınızı bilmiyorsanız buradaki sayfayı ziyaret ederek öğrenebilirsiniz.
Bedava hosting ile site açtıktan sonra sitemizin adresi
şimdi size birkaç tane hosting adı vericem
HostEd 300mb 10 gb
Award Space 200 mb 5 gb 500 kb
110 mb 5 gb 300 gb 8 mb
ByetHost 250 mb Yok 10 mb
Host Free Web 100 mb 1 gb 1 mb
gibi...
Siteyi Sunucuya Gönderme
Bu sayfada web sitesi dosyalarının web hosting paketine nasıl gönderileceğini anlatacağım. Site dosyalarını göndermek için ücretsizr FTP programı olan FileZilla'yı kullanacağım. Filezilla programını indirmek için n
Daha önce kök klasörün ne olduğundan bahsetmiştim ancak burada tekrar hatırlatayım. Kök klasör site dosyalarının tamamını kapsayan klasördür. Site dosyalarının tamamının kök klasör içinde olması gerekir. Sunucuya kök klasör içindeki dosyaların tamamının gönderilmesi gerekmektedir.
Aşağıdaki videoda FTP programı kullanılarak site dosyalarının web sunucusuna nasıl gönderildiği gösterilmiştir. Videoyu izleyerek sitenizi nasıl web sunucusuna göndereceğinizi öğrenebilirsiniz.
Veritabanı Oluşturma
bu sadece dreamwear haricinde yaılan siteler için geçerlidir.
Bedava Domain
Ücretsiz hosting siteleri size subdomain yani abc.xyz.com şeklinde site adresleri verir. Bu adresi
Ücretsiz domain tam olarak ücretli domain gibi çalışmaz. com, net, org, info gibi ücretli domain, hosting hesapları ile doğrudan bağlantılıdır ancak ücretsiz domain sadece ziyaretçileri hosting paketinin adresine yönlendirir. Ücretli domain sitenizi barındırırken bedava domain sadece kısayol gibi çalışır. Örneğin ücretli domain kullanırsanız site adresinin sonuna /sayfaadi.html yazarak diğer sayfaları açabilirsiniz. Ancak bedava domain ile sadece sitenizin anasayfası açılabildiğinden bu şekilde bağlantılar kullanmanız mümkün olmaz. Aşağıdaki tablodan bedava domain hizmeti veren sitelere ulaşabilirsiniz.
Ücretsiz domainler genellikle bıktırıcı derecede reklam eklemesi ve site adresini kısaltmak dışında bir işe yaramadığı için çoğu kişi bu tür adresleri kullanmamayı tercih eder. Ben de size bedava domain kullanmanızı tavsite etmem ancak böyle bir alternatifinizin olduğunu bilin diye bu sayfayı hazırladım. Kullanıp kullanmamak size kalmış.
sitenizi arama motoruna eklemek
Arama Motoru Optimizasyonu - SEO
Arama motoru optimizasyonu (Search Engine Optimization - SEO), sitenizin arama motorlarında üst sıralarda çıkması için yaptığınız çalışmaların geneline denir. Bu sayfada çeşitli teknikleri kullanarak sitemizi arama motorlarına nasıl ekleyeceğimizi ve sitemizin arama sonuçlarındaki sırasını nasıl yükselteceğimizi öğreneceğiz.
Neden SEO?
Web sitelerine en çok ziyaretçi gönderen siteler arama motorlarıdır. Standart bir web sitesinin ziyaretçilerinin neredeyse %90'ını arama motorları sağlar. Bu nedenle sitenizin ziyaretçi sayısını artırmanın en önemli ve en kolay yolu sitenizi optimize ederek arama motorlarına eklemektir. Siteniz arama motorlarına eklenmiş olabilir ancak arama sonuçlarının ilk sayfalarında çıkmıyorsa, sitenizin ziyaretçi sayısını fazla etkilemez. Özetlemek gerekirse, arama motorlarında yapılan aramalarda ilk sıralarda çıkmayan bir web sitesi internette hiç yayınlanmamış gibidir. O nedenle sitemizi optimize etmek en az site yapmak kadar önemli ve üzerinde durulması gereken bir konudur.
Arama motoru optimizasyonu, hakkında kitaplar yazılan oldukça geniş bir konudur. Ben sadece seo ile ilgili temel bilgileri vereceğim. O nedenle buradaki bilgilerle yetinmemenizi, farklı kaynaklardan yararlanarak seo konusunu daha iyi öğrenmenizi tavsiye ediyorum.
Meta Taglar
Meta taglar (meta etiketler), arama motorlarına web sayfaları hakkında bilgi vermek için kullanılır. Sayfanın başlığı, tanımı, hangi bilgileri içerdiği, hangi anahtar kelimeleri içerdiği ve benzeri bilgiler meta taglar aracılığı ile arama motorlarına bildirilir. Arama motorlarının örümcekleri web sayfalarını kategorilere ayırarak kaydetmek için ziyaret ettiğinde, bilgi toplamak için önce meta taglara bakar. Eğer web sayfasına meta tag eklenmişse, örümcekler sayfa hakkında bilgileri daha kolay toplayıp, sayfayı daha kısa sürede ilgili kategoriye ekleyebilir. Böylece ilgili kategoride arama yapıldığında, kaydedilen sayfalar arama sonuçlarında yer alır. Şimdi kısaca meta tagların neler olduğuna göz atıp, kendi sayfalarımız için meta taglar oluşturacağız.
Title Etiketi
<title>Meta Taglar</title>
Title etiketi, web sayfasının başlığını belirlemek için kullanılır. <title> ve </title> etiketleri arasına yazılır. Tarayıcının en üstündeki yazı ve arama sonuçlarında listelenen sayfaların başlığı bu etikete göre oluşturulur. Title etiketini oluştururken sitenizin içeriği ile ilgili kelimeler kullanın ve 80 harften uzun başlıklar kullanmamaya çalışın.
Description Etiketi
<meta name="description" content="Sayfanın tanımı">
Description etiketi, web sayfalarını tanımlamak için kullanılır. Description etiketi ile sayfa içeriği bir veya iki cümle ile kısaca açıklanır. Ayrıca arama sonuçlarındaki sayfa açıklamaları description etiketine göre oluşturulur. Web sayfanız için tanım yazarken 200'den fazla karakter kullanmamaya ve tanım içerisinde başlıkta kullandığınız kelimeleri kullanmaya dikkat edin.
Keywords Etiketi
<meta name="keywords" content="meta tag, meta taglar, meta etiketler, meta tag oluşturma">
Keyword etiketi, web sayfası ile alakalı olan anahtar kelimeleri belirlemede kullanılır. Sitenizin içeriği hakkında ipucu veren kelimeleri belirleyip keywords etiketine yazın. Çoğu kişi keywords etiketine çok sayıda kelime yazmanın daha iyi olacağını düşünür ama gerçekte öyle değildir. Mümkün olduğu kadar az sayıda kelime kullanarak ama en iyi şekilde sitenizin içeriği hakkına bilgi veren kelimeleri kullanın. Bu kelimelerin sayfa içerisinde bir kaç defa yazıldığından emin olun.
Robots Etiketi
<meta name="robots" content="index, follow">
Robots etiketi, web sayfasını ziyaret eden arama motoru örümceklerinin ne yapması gerektiğini belirler. Yukarıdaki örnekte robot etiketinde belirtilen index ve follow komutları, örümceklere sayfayı kaydetmesini ve sayfadan diğer sayfalara olan bağlantıları takip etmelerini söylüyor. Bu etiketi gören örümcek önce sayfayı kaydedecek ve bu sayfadan başka bir sayfaya link verilmişse oraya gidecektir. Eğer komut aşağıdaki gibi olsaydı, örümcekler siteyi kaydetmeyecek ve bu sayfa üzerindeki linkleri takip etmeyecekti.
<meta name="robots" content="noindex,nofollow">
Web sayfaları için kullanılan meta etiketler sadece bunlar değil ancak web sitenizin sıralamasını etkileyen en önemli meta etiketlere değinmiş olduk. Şimdi kendi sayfalarımız için meta etiketler oluşturalım. Bunun için aşağıdaki meta etiketleri kendi web sayfalarınıza göre değiştirebilirsiniz veya meta tag oluşturma araçlarını kullanabilirsiniz.
arama motorlarına kayıt.
Bu sayfada sitenizi arama motorlarına nasıl ekleyeceğinizi anlatacağım. Her arama motoru aynı yöntemi kullanmadığından sadece sitenizi Goolge'ye nasıl ekleyeceğinizi uygulamalı olarak göstereceğim. Diğer arama motorlarına benzer şekilde veya sadece site adresini yazarak ekleyebileceksiniz. Ayrıca bu sayfada anlatılanları uyguladığınız anda siteniz Google'ye eklenmez. Google'nin sitenizi tanıması, hangi arama sonuçlarında çıkacağına karar vermesi için biraz zaman alabilir.
Yapacağımız işlem özetlemek gerekirse sitemizin adresini Google örümceklerinin (crawler) tarama listesine ekleyeceğiz. Daha sonra örümceklerin sitemizdeki tüm sayfaları ziyaret ettiğinden emin olmak için sitemizin tüm sayfalarını içeren bir site haritası oluşturup bu haritayı Google örümceğine tanıtacağız. Zamanla Google örümceği sitemize gelecek ve site haritasını görerek sitemizdeki tüm sayfaları görebilecek. Böylece tüm sayfalar Google'ye kaydedilmiş olacak.
Sitemizi Google örümceğinin tarama listesine eklemekle başlayalım.
linkine tıklayalım ve sırayla sitenizin tam adresini, yorumunuzu ve dogrulama kodunu yazın. Daha sonra
adresinden giriş yapmalısınız. Yani Google üyeliğiniz olması lazım (Gmail üyeliği gibi...) Açılan sayfaya sitemizin adresini yazıyoruz ve ekle butonuna
Şimdi bu sitenin bize ait olduğunu Google'ye ispatlamamız gerekiyor. Bunu sitemize bir meta etiket ekleyerek veya sitemize bir sayfa ekleyerek yapabiliriz.
Sitenizi doğrulayın linkine tıklıyoruz ve hangi yöntemle sitemizi tanıtacağımızı seçiyoruz. Ben yeni sayfa oluşturma yöntemini tercih ediyorum. Şimdi aşağıda görülen Google'nin belirlediği bir sayfayı siteme eklemek için Bir HTML dosyasını karşıya yükle seçeneğine tıklıyorum ve aynı isimdeki sayfayı hazırlayıp sunucudaki kök dizine (yani index.html veya index.php sayfasının yanına) gönderiyorum.
Gönderdikten sonra Doğrula butonuna tıklıyorum. Yaptığımız son işlemle sitemizi Google Web yöneticisi araçları sayfasına eklemiş olduk. Şimdi sitemizdeki tüm sayfaların Google'ye kaydedilmesi için bir site haritası oluşturalım.
Bunları indirdikten sonra sitemap.xml ve urllist.txt dosyalarını sitenizin kök klasörüne yerleştirin. Şimdi Google site yöneticisi araçları sayfasına geri dönüp Site Haritaları sekmesine tıklayalım ve haritalarımızı Google'ye tanıtalım. Açılan sayfadan Site haritası ekle linkine tıklıyoruz.
Aynı işlemi tekrarlayarak ama sitemap.xml yerine urllist.txt yazarak sitemizin diğer haritasını da ekleyebiliriz.
Son yapdığımız işlemle sitemap.xml dosyasının sitemizin haritası olduğunu Google'ye bildirmiş olduk. Google örümcekleri sitemizi ziyaret ettiğinde bu dosyalara bakarak sitemizin bütün sayfalarını görebilecek ve bu sayfaları dolaşarak kaydedecektir.
Artık siteniz Google'de.. ancak sitenizin Google içeriğine eklenmesi zaman alabilir. Bu süre içerisinde sitenizi diğer arama motorlarına da ekleyebilirsiniz. Diğerlerine eklemenin bu kadar uzun ve karmaşık olmayacağından emin olabilirsiniz.
başka sitelerde daha çok güzellerini arayarak bulabilirsiniz.
bir sorununuz olursa abimin sitesi olan
forumu ziyaret ederek sorularınızı burda sorabilirsiniz dediğim gibi bu anlatımın aynısını o forumda da anlattım.
rkadaşlar bu kendi eserim.burda yapması tam 3 saatimi aldı burdan kopyala yapıştır yapsanız bile en az 1 saatinizi alır. bu yüzden insaf edin bir yorumu küçük görmeyin.eğer bir hata varsa şimdiden özür dilerim ben bunu siz hemen şip şak sitenizi oluşturun diye anlatmadım elbette anlamadığınız yer olmuştur. bunu sadece site oluşturmak için birazdaha bilinçlenmeniz için yaptım şimdiden yorumlar için teşekürler.
burda ilk önce ne yapıcağımızı anlatıcağım.eğer burdan anlamassanız size abimin ücretli hostingle vaptığı sitenin linkini vericeğim orda daha ayrıntılı bir şekilde öğrenirsiniz sorularınızda o sitede paylaşırsanız sevinirim.
ilk önce bu yaptığım şeyler sapına kadar bana aittir. biryerden alıntı değildir. çünkü bende bu yolla kendi sitemi kurdum ama sizin kurcağınız site benimkinden farkı sizinksi ücretsiz hosting olucak yani para vermeden site kuracaksınız.
şimdi site kurabilmek için 4 tane farklı yol var ben size en kolay onanını anlatacağım kurması biraz uzun sürebilir.ama inanın sitenizde bir hata çıkarsa çok cabuk düzeltebilirsiniz.diğer anlatacağım programlar la kurarsanız ve bir hata çıkarsa siz değil bilgisayar mühendisleri bile hatnızı çözemez. o yüzden size en kolay yolu anlatacağım.
1)Dreamweaver ile site yapmak
Dreamweaver ile açılan sitelere üyelik sistemi, anket veya yorum bölümü ekleyemezsiniz. Dreamweaver ile yapacağınız siteler statik, interaktif olmayan sitelerdir.
Dreamweaver ile her sayfa tek tek oluşturulur. Her sayfa birbirinden bağımsızdır ve her sayfaya farklı tasarım uygulayabilir veya sayfanın herhangi bir yerinde istediğiniz değişikliği yapabilirsiniz. Aşağıdaki resimde şu anda okuduğunuz sayfayı Dreamweaver ile hazırlarken aldığım ekran görüntüsünü görebilirsiniz.
Dreamweaver ile site yapımı derslerini hazırlarken Dreamweaver CS4 kullandım. Dreamweaver CS3 ve CS5 versiyonları bazı küçük farklılıklar dışında aynı fonksiyon ve özelliklere sahiptir. Bu versiyonları kullanarak da web sitenizi hazırlayabilirsiniz.
Dreamweaver'i İndirin
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
virus total sonuçları
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
evet eğer hepiniz hazırsanız site kurma derslerine başlıyoruz.
1)şablon hazırlama
Dreamweaver ile boş bir sayfadan başlayarak kendi web sitenizin tasarımını yapabilir veya hazır site şablonlarını kullanarak sitenizi inşa edebilirsiniz. Ben tasarım konusunda yetenekli olmadığım için hazır website şablonu kullanıyorum. Dreamweaver ile site yapımını anlatırken de hazır bir web sitesi şablonu kullanacağım. Profesyonel web tasarımcıların yeteneklerinden yararlanabilmeniz için hazır web sitesi şablonları kullanmanızı tavsiye ederim.
Bu sayfada bir web sitesi şablonunun site yapımı için nasıl hazırlanacağını, web siteleri ve site dosyaları hakkında genel bilgileri paylaşacağım. Anlatımı hazırlamak için aşağıdaki şablonu kullanacağım. (konunun sonunda size birkaç şablon yükliyeceğim isterseniz hazır şablon kullana bilirsiniz)
şablon dosyalarını hazırlamak için dosyayı indirdim, rar dosyası içerisinden çıkardım ve çıkan dosyaları Websitem isimli bir klasör içerisine kopyaladım. Aşağıdaki resimlerde kullanacağım şablonun nasıl göründüğünü ve şablon dosyalarının nasıl olması gerektiğini görebilirsiniz.
Yukarıdaki şablon site yapımının anlatılacağı bir site için uygun değil ama bazı küçük değişikliklerle uygun hale getirilebiliyor. Ben yukarıdaki şablonun logosunu değiştirerek ve sol tarafa menü ekleyerek kendi sitemi oluşturdum. Şimdi kısaca kök klasör ve içindekilerin ne olduğunu ve ne işe yaradığını açıklayayım.
Kök Klasör: Site dosyalarının tamamını içinde barındıran klasöre kök klasör denir. Sitede kullanılacak tüm resim, fotoğraf, video ve diğer dökümanların tamamının bu klasör içinde olması gerekir. Örneğin sitenize bir resim ekleyecekseniz önce resmi kök klasör içine kopyalamalı, sonra sayfanıza eklemelisiniz. Aksi halde sayfalara eklenen resimler ve diğer dökümanlar, sitenizi yayınladıktan sonra gösterilmez. Yukarıdaki resimde gösterilen Websitem klasörü hazırlayacağım sitenin kök klasörüdür.
index.html: Bu dosya bir web sayfasıdır ve anasayfa olarak kullanılır. Web tarayıcınıza bir adres yazdığınızda size index.html sayfası gösterilir. Örneğin bedavasiteyapmak.com sayfasına girdiğinizde tarayıcınız size index.html sayfasını gösterir. Bu nedenle bu dosyanın adını ve konumunu değiştirmememiz gerekiyor.
images klasörü: Bu klasör şablonumuzun kullandığı varsayılan resimler dosyasıdır. Site dosyalarının daha düzenli olması için bu klasör resimler klasörü olarak kullanılır. Bazı şablonlarda bu klasörün adı farklı olabilir.
Css klasörü: Bu klasör sayfa görünümünü ve yazı ayarlarını düzenleyen dosyaları içerir. Bu klasörü kullanmayacağız ancak sayfa tasarımında, düzeninde bir probleme neden olmaması için silmeyeceğiz.
templatemo_style dosyası: Bu dosya da bazı css kodları içerir. Bu dosyayı da kullanmayacağız ve silmeyeceğiz.
Dreamweaver programı ile site yapımına başlamamız için ilk yapmamız gereken şey, kullanacağımız şablonu Dreamweaver'e tanıtmaktır. Bu işlemi yapmadan site yapımına başlarsak sayfalara eklenecek kodlarda hata oluşur ve siteniz çalışmaz. Bu nedenle site tanımlama işlemini yapmadan önce kesinlikle site dosyalarında bir değişiklik yapmamalı ve dosyaların yerlerini değiştirmemelisiniz.
Dreamweaver'de Site Nasıl Tanımlanır
Adım 1. Üstteki menüden Site>New Site... butonlarına tıklayın. Açılan pencereden siteniz için herhangi bir isim yazın, sitenizin kök klasörünü ve varsayılan resimler klasörünü seçin.
Adım 2. OK butonuna tıkladıktan sonra siteniz tanımlanacak ve sitenizin dosya ve klasörleri dosya panelinde gösterilecektir. Bu aşamadan sonra Dreamweaver kullanarak site dosya ve klasörlerinin ad ve konumlarını değiştirebilirsiniz.
Eğer site şablonu kullanmayıp, sıfırdan kendi web sitenizi tasarlamak istiyorsanız, herhangi bir yere boş bir klasör açın ve içerisine resimler adında boş bir klasör ekleyerek yukarıdaki iki adımı uygulayın.
Dreamweaver'de site tanımlamasının nasıl yapılacağını gösteren video dersi izlemek için aşağıdaki video ikonuna tıklayın.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Dreamweaver ile site yapmak istiyorsanız tabloları nasıl kullanacağınızı öğrenmeniz gerekir. Tabloları kullanmak çok kolay olmasına rağmen başta biraz zor gelebilir. Birkaç dakika tablolarla uğraşırsanız nasıl kullanmanız gerektiğini öğrenebilirsiniz. Bu sayfada tabloların temel olarak nasıl kullanıldığını anlatıp birkaç örnek göstereceğim.
Günümüzde Dreamweaver gibi HTML düzenleyici programlarla hazırlanan sitelerde, tabloların yerini CSS dili ile düzenlenen div'ler almıştır. CSS basit ve öğrenmesi kolay bir dildir ama kafanızın karışmaması için CSS konusuna girmiyorum. Site yapımını öğrendikten sonra kendinizi geliştirmek isterseniz CSS konusunuda araştırmanızı tavsiye ederim.
Yatay Hizayı Ayarlamak
Dreamweaver'de bir metin resim veya videoyu sayfa ortasına veya yatay olarak istediğiniz hizaya getirmek için tabloları kullanmanız gerekir. Aşağıdaki örnekte text yazısı yatay olarak farklı hizalara tablo kullanılarak getirilmiştir. İlk örnekte tablo kullanılmıştır ancak köşe kalınlığı sıfır olarak ayarlandığından görülememektedir.
Daha İyi Tasarım
Tablo ve hücre arkaplan renklerini değiştirerek tasarımı daha iyi yapabilir ve içeriğin daha anlaşılabilir olmasını sağlayabilirsiniz.
İçeriği Düzenleme
Tablolar farklı içerikleri beraber kullanabilmemizi sağlar. Aşağıdaki örnekte tablonun bir hücresine resim diğer hücresine ise yazı yerleştirilmiştir. Diğer örnekte ise tablo kullanılmadığında ne olduğu gösterilmiştir.
Tablo Kullanımı
Aşağıdaki video ikonuna tıklayarak tablolar ile ilgili video derse ulaşabilirsiniz. Video derste tabloların nasıl eklendiği ve özelliklerinin nasıl değiştirildiği gösterilmiştir.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Dreamweaver'de Taslak Uygulaması
Dreamweaver'de bulunan taslak uygulaması site yapımını son derece kolaylaştırmaktadır. Taslak uygulaması sayesinde aynı anda sitenizin yüzlerce sayfasında değişiklik yapabilir, diğer sayfalarla aynı tasarıma sahip bir sayfayı birkaç saniyede oluşturabilirsiniz. Kısaca taslak uygulamasının çalışma mantığına ve nasıl kullanacağınıza değinelim.
Taslak Uygulaması Nasıl Çalışır?
Taslak uygulamasını kullanabilmeniz için tasarımı yapılmış ancak içerik (yazı, resim, video vb) eklenmemiş boş bir sayfa gerekir. Bu sayfa Dreamweaver ile taslak olarak tanımlanır ve bu taslakla yeni sayfalar oluşturulur. Taslak kullanılarak oluşturulan sayfalarda değişiklik yapmak için sadece taslakta bir defa değişiklik yapmak yeterli olur. Taslakta yapılan değişiklikler diğer sayfalarda otomatik olarak yapılır. Örneğin sitemin menüsüne Reklam adında bir buton eklemem gerektiğinde, tüm sayfalarda tek tek buton eklemek yerine sadece taslak dosyasında bağlantı eklemek yeterli olacaktır ki bu da hem daha az zaman harcamamı hem daha kolayca işlem yapmamı sağlayacaktır.
Taslak olarak tanımlanan sayfaların sadece seçtiğiniz bölümlerinde değişiklik yapabilirsiniz. Bu sayede farkında olmadan site tasarımını değiştiremezsiniz ve tüm sayfalar birebir aynı olur.
Aşağıdaki videoda bir sayfayı nasıl taslak olarak tanımlayabileceğiniz, taslaktan nasıl çıkarılabileceğiniz ve taslağa nasıl değiştirebilir bölge ekleyeceğiniz gösterilmiştir. Videoyu izleyip taslağı kullanmaya başladığınızda işinizi ne kadar kolaylaştırdığını daha iyi anlayacaksınız.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Sayfaya Resim Flash ve Video Ekleme
Bu sayfada web sayfalarına Dreamweaver ile nasıl resim, flash dosyası ve video eklendiğini açıklayacağım.
Öncelikle sayfaya ekleyeceğiniz tüm resim video ve diğer dökümanların tamamını kök klasör içine kopyalamalısınız. Bu tür dosyaları genellikle resimler klasörü oluşturup oraya kopyalamayı tercih ederim.
Resimleri sitenize eklemeden önce resim ekleyeceğiniz yere uyacak şekilde düzenlemeniz daha iyi olur. Resimlerin boyutlarını, ölçülerini düzenlemek için Paint, Fireworks veya PhotoShop kullanabilirsiniz. Ben kullanım kolaylığı nedeniyle Adobe Fireworks'u kullanıyorum, size de tavsiye ederim.
Sayfaya Resim Eklemek
Resim eklemek istediğiniz yere bir kere tıklayın. Üstteki menüden Insert>Image... butonlarına tıklayın ve açılan pencereden eklemek istediğiniz resmi seçin. Eklemek istediğiniz resmi dosyalar panelinden resim eklemek istediğiniz yere sürükleme metoduyla da resim ekleyebilirsiniz. Resim ekledikten sonra açılan pencereyi boş bırakabilir veya resme uygun kısa bir metin yazabilirsiniz.
Sayfaya Flash Eklemek
Sayfaya flash dosyası eklemek resim ekleme yöntemiyle aynıdır ancak Insert butonuna tıkladıktan sonra Image yerine Media>SWF butonlarına tıklamanız gerekir.
Sayfaya Video Eklemek
Sayfanıza video eklemek için önce videoyu flash dosyasına dönüştürmelisiniz. Flash dosyasına çevirdikten sonra yukarıda anlatıldığı gibi sitenize ekleyebilirsiniz. Videoları önce Youtube'ye yükleyip Youtube kodunu yardımıylada web sayfalarına video ekleyebilirsiniz. Ben Youtube aracılığıyla sitenize video eklemenizi tavsiye ederim ancak bunu nasıl yapacağınızı sayfaya kod ekleme sayfasında anlatacağım.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Yukarıda anlatılanları video ders olarak izlemek isterseniz aşağıdaki video simgesine tıklayın.Sayfaya Link Ekleme
Linkler (bağlantılar) site ziyaretçilerinin bir sayfadan diğerine gitmelerine imkan sağlar. Bir sayfa üzerinde link olmazsa, ziyaretçiler sitenin diğer sayfalarına gidemezler. Bu nedenle web sayfalarından diğer sayfalara gitmeye yarayacak linkler veya menüler olmalıdır.
Aşağıdaki videoda nasıl link ekleneceği gösterilmiştir. Videoyu izleyerek site içindeki ve dışındaki sayfalara, mail adreslerine ve menüdeki butonlara nasıl link ekleneceği gösterilmiştir.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Sayfaya Kod Ekleme
Web sayfalarına link, reklam, sayaç kodu gibi kodlar eklemeniz gerekebilir. Bu sayfada bir web sayfasına Dreamweaver kullanarak nasıl kod ekleyeceğinizi göstereceğim.
Sayfaya kod eklemek için kod eklemek istediğiniz yere bir kez sağ tıklayın ve menuden Insert HTML butonuna tıklayın. Küçük bir pencere açılacaktır. Pencerenin içindeki parantez işaretlerini sildikten sonra kodu bu bölüme kopyalayıp enter tuşuna basın.
Kod eklemek için kullanacağınız diğer metod ise şudur: Kod ekleyeceğiniz yere herhangi birşey yazın ve fare ile bu yazıyı fosforlayıp sayfayı kod görünümünde gösterin. Kod görünümünde fosforladığınız yazıyı silip eklemek istediğiniz kodu yapıştırın.
Aşağıdaki videoda Youtube'deki bir videonun, kod kullanarak nasıl sayfaya eklendiği gösterilmiştir.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Site Yayınlama
Dreamweaver ile yaptığınız siteyi yayınlamak için veya Joomla, SMF, phpBB gibi scriptlerle site veya forum yapımına başlamak için web sunucusu almamız gerekir. Sitemizin bu bölümünde web sunucusunu nereden alıp nasıl kullanacağımıza ve web sunucular hakkında genel bilgilere yer vereceğiz.
Siteler nasıl yayınlanır?
Siteleri internette yayınlamak için iki ürün/hizmet kullanılır. Bunlardan biri, sitelere girmemizi sağlayan google.com, youtube.com gibi adreslerdir. Bu adreslere domain veya alan adı denir. Alan adını kullanarak siteye girmeye çalıştığımızda, site dosyalarının depolandığı sunucuya bağlanırız ve site sayfalarını ziyaret edebiliriz. Site dosyalarını barındıran sunuculara ise web alanı, web hosting veya hosting paketi denir. Sitemizin diğer internet kullanıcıları tarafından ziyaret edilebilmesi için öncelikle bir web hosting paketi alarak sitemizi buraya göndermeli ve siteye ulaşılabilmesi için bir alan adı alarak sunucuya yönlendirmemiz gerekmektedir. İlerleyen sayfalarda domain ve hosting paketleri hakkında daha detaylı bilgileri paylaşacağım.
Ücretli vs Bedava Hosting
İnternette ücretsiz hizmet veren siteleri kullanarak bir kuruş bile ödemeden sitenizi yayınlayabilirsiniz ancak, uzun süre yayında kalacak bir site yapmak istiyorsanız ve sitenizin hızlı, kesintisiz ve problemsiz bir şekilde yayınlanmasını istiyorsanız ücretli domain ve hosting kullanmanızı tavsiye ediyorum. Bedava site yapımını anlattığım bedavasiteyapmak.com'u ücretli domain ve hosting hizmetlerini kullanarak yayınlıyorum.
Ücretli ve ücretsiz hizmetleri kullanarak site yayınlama süreci biraz farklıdır. Daha kolay anlaşılması için ücretli ve ücretsiz hizmetlerle site yayınlamayı ayrı ayrı açıkladım. Aşağıdaki linkleri sırasıyla ziyaret edip anlatılanları uygularsanız site yayınlamakla ilgili çoğu şeyi öğrenmiş ve site yayınlamak için gerekli tüm hizmetleri temin etmiş olacaksınız.
şimdi size bedava hosting almayı anlatacağım:
Bu sayfada ücretli web hosting paketleri, diğer adıyla web alanları hakkında bilgileri paylaşıp nereden ücretli web hosting paketi alabileceğinizi açıklayacağım. Öncelikle hosting paketi nedir kısaca anlatayım.
Hosting Nedir?
İnternet kullanıcılarının sitemizi ziyaret edebilmesi için sitemizin sürekli açık ve internet bağlantısı olan bir bilgisayarda depolanması gerekir. Sitemizi kendi bilgisayarımızdan yayınlayabiliriz ancak bilgisayarımızı kapattığımız zaman sitemiz açılmaz. Ayrıca sürekli açık kalan bilgisayar nedeniyle hem elektrik faturamız yüksek gelir hem bağlantı hızı yetersiz olduğu için sitemiz yavaş açılır. Bu sorunu aşmak için hosting şirketleri kullanılır. Hosting şirketleri makul ücretler karşılığında sürekli açık duran, yüksek hızlı internet bağlantısı olan sunucularında binlerce siteyle birlikte sitemizi de depolarlar. Böylece hem biz ucuz maliyetle sitemizi yayınlamış oluruz, hem internet kullanıcıları sitemizi rahatça dolaşabilir. Bu sayfada tamamen bedava hosting hizmeti veren firmalara ve bu firmalardan nasıl hosting paketi alınacağını anlatacağız.
Hosting Paketlerindeki Kısıtlamalar
Her hosting paketi aynı özelliklerde olmaz. Bazı firmaların verdiği hosting paketleri daha büyüktür ve uyguladığı limitler ve kotalar daha yüksektir. Hosting paketine uygulanan kotaları merak ediyorsanız veya sitenizi yaptıktan sonra bir sürprizle karşılaşmak istemiyorsanız limit kurallarını öğrenmenizi tavsiye ederim.
Hosting Hesabı Açalım
Bedava hosting hizmeti veren yüzlerce site var ancak bunlardan çok azı aradığımız özelliklere sahip. Aşağıdaki tabloda bulabildiğim en iyi bedava hosting hizmeti veren siteleri yazdım. Bunlardan bir tanesine veya sizin bildiğiniz daha iyi özelliklere sahip bedava hosting veren site varsa oraya üye olarak hosting hesabı açın. Ben sitemde Award Space'nin verdiği ücretsiz hosting ile site yayınlamayı anlatacağım. Award Space'den nasıl ücretsiz hosting paketi alacağınızı bilmiyorsanız buradaki sayfayı ziyaret ederek öğrenebilirsiniz.
Bedava hosting ile site açtıktan sonra sitemizin adresi
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
şeklinde olacak. Örneğin siteforum.awardspace.com veya
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
gibi.şimdi size birkaç tane hosting adı vericem
HostEd 300mb 10 gb
Award Space 200 mb 5 gb 500 kb
110 mb 5 gb 300 gb 8 mb
ByetHost 250 mb Yok 10 mb
Host Free Web 100 mb 1 gb 1 mb
gibi...
Siteyi Sunucuya Gönderme
Bu sayfada web sitesi dosyalarının web hosting paketine nasıl gönderileceğini anlatacağım. Site dosyalarını göndermek için ücretsizr FTP programı olan FileZilla'yı kullanacağım. Filezilla programını indirmek için n
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
ve bilgisayarınıza yükleyin.Daha önce kök klasörün ne olduğundan bahsetmiştim ancak burada tekrar hatırlatayım. Kök klasör site dosyalarının tamamını kapsayan klasördür. Site dosyalarının tamamının kök klasör içinde olması gerekir. Sunucuya kök klasör içindeki dosyaların tamamının gönderilmesi gerekmektedir.
Aşağıdaki videoda FTP programı kullanılarak site dosyalarının web sunucusuna nasıl gönderildiği gösterilmiştir. Videoyu izleyerek sitenizi nasıl web sunucusuna göndereceğinizi öğrenebilirsiniz.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Veritabanı Oluşturma
bu sadece dreamwear haricinde yaılan siteler için geçerlidir.
Bedava Domain
Ücretsiz hosting siteleri size subdomain yani abc.xyz.com şeklinde site adresleri verir. Bu adresi
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
veya
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
olarak kullanmak istiyorsanız ücretsiz domain kullanabilirsiniz. com, net, org gibi uzantılara sahip domaini ücretsiz kullanmanız mümkün değildir.Ücretsiz domain tam olarak ücretli domain gibi çalışmaz. com, net, org, info gibi ücretli domain, hosting hesapları ile doğrudan bağlantılıdır ancak ücretsiz domain sadece ziyaretçileri hosting paketinin adresine yönlendirir. Ücretli domain sitenizi barındırırken bedava domain sadece kısayol gibi çalışır. Örneğin ücretli domain kullanırsanız site adresinin sonuna /sayfaadi.html yazarak diğer sayfaları açabilirsiniz. Ancak bedava domain ile sadece sitenizin anasayfası açılabildiğinden bu şekilde bağlantılar kullanmanız mümkün olmaz. Aşağıdaki tablodan bedava domain hizmeti veren sitelere ulaşabilirsiniz.
Ücretsiz domainler genellikle bıktırıcı derecede reklam eklemesi ve site adresini kısaltmak dışında bir işe yaramadığı için çoğu kişi bu tür adresleri kullanmamayı tercih eder. Ben de size bedava domain kullanmanızı tavsite etmem ancak böyle bir alternatifinizin olduğunu bilin diye bu sayfayı hazırladım. Kullanıp kullanmamak size kalmış.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
[/URL]
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
sitenizi arama motoruna eklemek
Arama Motoru Optimizasyonu - SEO
Arama motoru optimizasyonu (Search Engine Optimization - SEO), sitenizin arama motorlarında üst sıralarda çıkması için yaptığınız çalışmaların geneline denir. Bu sayfada çeşitli teknikleri kullanarak sitemizi arama motorlarına nasıl ekleyeceğimizi ve sitemizin arama sonuçlarındaki sırasını nasıl yükselteceğimizi öğreneceğiz.
Neden SEO?
Web sitelerine en çok ziyaretçi gönderen siteler arama motorlarıdır. Standart bir web sitesinin ziyaretçilerinin neredeyse %90'ını arama motorları sağlar. Bu nedenle sitenizin ziyaretçi sayısını artırmanın en önemli ve en kolay yolu sitenizi optimize ederek arama motorlarına eklemektir. Siteniz arama motorlarına eklenmiş olabilir ancak arama sonuçlarının ilk sayfalarında çıkmıyorsa, sitenizin ziyaretçi sayısını fazla etkilemez. Özetlemek gerekirse, arama motorlarında yapılan aramalarda ilk sıralarda çıkmayan bir web sitesi internette hiç yayınlanmamış gibidir. O nedenle sitemizi optimize etmek en az site yapmak kadar önemli ve üzerinde durulması gereken bir konudur.
Arama motoru optimizasyonu, hakkında kitaplar yazılan oldukça geniş bir konudur. Ben sadece seo ile ilgili temel bilgileri vereceğim. O nedenle buradaki bilgilerle yetinmemenizi, farklı kaynaklardan yararlanarak seo konusunu daha iyi öğrenmenizi tavsiye ediyorum.
Meta Taglar
Meta taglar (meta etiketler), arama motorlarına web sayfaları hakkında bilgi vermek için kullanılır. Sayfanın başlığı, tanımı, hangi bilgileri içerdiği, hangi anahtar kelimeleri içerdiği ve benzeri bilgiler meta taglar aracılığı ile arama motorlarına bildirilir. Arama motorlarının örümcekleri web sayfalarını kategorilere ayırarak kaydetmek için ziyaret ettiğinde, bilgi toplamak için önce meta taglara bakar. Eğer web sayfasına meta tag eklenmişse, örümcekler sayfa hakkında bilgileri daha kolay toplayıp, sayfayı daha kısa sürede ilgili kategoriye ekleyebilir. Böylece ilgili kategoride arama yapıldığında, kaydedilen sayfalar arama sonuçlarında yer alır. Şimdi kısaca meta tagların neler olduğuna göz atıp, kendi sayfalarımız için meta taglar oluşturacağız.
Title Etiketi
<title>Meta Taglar</title>
Title etiketi, web sayfasının başlığını belirlemek için kullanılır. <title> ve </title> etiketleri arasına yazılır. Tarayıcının en üstündeki yazı ve arama sonuçlarında listelenen sayfaların başlığı bu etikete göre oluşturulur. Title etiketini oluştururken sitenizin içeriği ile ilgili kelimeler kullanın ve 80 harften uzun başlıklar kullanmamaya çalışın.
Description Etiketi
<meta name="description" content="Sayfanın tanımı">
Description etiketi, web sayfalarını tanımlamak için kullanılır. Description etiketi ile sayfa içeriği bir veya iki cümle ile kısaca açıklanır. Ayrıca arama sonuçlarındaki sayfa açıklamaları description etiketine göre oluşturulur. Web sayfanız için tanım yazarken 200'den fazla karakter kullanmamaya ve tanım içerisinde başlıkta kullandığınız kelimeleri kullanmaya dikkat edin.
Keywords Etiketi
<meta name="keywords" content="meta tag, meta taglar, meta etiketler, meta tag oluşturma">
Keyword etiketi, web sayfası ile alakalı olan anahtar kelimeleri belirlemede kullanılır. Sitenizin içeriği hakkında ipucu veren kelimeleri belirleyip keywords etiketine yazın. Çoğu kişi keywords etiketine çok sayıda kelime yazmanın daha iyi olacağını düşünür ama gerçekte öyle değildir. Mümkün olduğu kadar az sayıda kelime kullanarak ama en iyi şekilde sitenizin içeriği hakkına bilgi veren kelimeleri kullanın. Bu kelimelerin sayfa içerisinde bir kaç defa yazıldığından emin olun.
Robots Etiketi
<meta name="robots" content="index, follow">
Robots etiketi, web sayfasını ziyaret eden arama motoru örümceklerinin ne yapması gerektiğini belirler. Yukarıdaki örnekte robot etiketinde belirtilen index ve follow komutları, örümceklere sayfayı kaydetmesini ve sayfadan diğer sayfalara olan bağlantıları takip etmelerini söylüyor. Bu etiketi gören örümcek önce sayfayı kaydedecek ve bu sayfadan başka bir sayfaya link verilmişse oraya gidecektir. Eğer komut aşağıdaki gibi olsaydı, örümcekler siteyi kaydetmeyecek ve bu sayfa üzerindeki linkleri takip etmeyecekti.
<meta name="robots" content="noindex,nofollow">
Web sayfaları için kullanılan meta etiketler sadece bunlar değil ancak web sitenizin sıralamasını etkileyen en önemli meta etiketlere değinmiş olduk. Şimdi kendi sayfalarımız için meta etiketler oluşturalım. Bunun için aşağıdaki meta etiketleri kendi web sayfalarınıza göre değiştirebilirsiniz veya meta tag oluşturma araçlarını kullanabilirsiniz.
arama motorlarına kayıt.
Bu sayfada sitenizi arama motorlarına nasıl ekleyeceğinizi anlatacağım. Her arama motoru aynı yöntemi kullanmadığından sadece sitenizi Goolge'ye nasıl ekleyeceğinizi uygulamalı olarak göstereceğim. Diğer arama motorlarına benzer şekilde veya sadece site adresini yazarak ekleyebileceksiniz. Ayrıca bu sayfada anlatılanları uyguladığınız anda siteniz Google'ye eklenmez. Google'nin sitenizi tanıması, hangi arama sonuçlarında çıkacağına karar vermesi için biraz zaman alabilir.
Yapacağımız işlem özetlemek gerekirse sitemizin adresini Google örümceklerinin (crawler) tarama listesine ekleyeceğiz. Daha sonra örümceklerin sitemizdeki tüm sayfaları ziyaret ettiğinden emin olmak için sitemizin tüm sayfalarını içeren bir site haritası oluşturup bu haritayı Google örümceğine tanıtacağız. Zamanla Google örümceği sitemize gelecek ve site haritasını görerek sitemizdeki tüm sayfaları görebilecek. Böylece tüm sayfalar Google'ye kaydedilmiş olacak.
Sitemizi Google örümceğinin tarama listesine eklemekle başlayalım.
linkine tıklayalım ve sırayla sitenizin tam adresini, yorumunuzu ve dogrulama kodunu yazın. Daha sonra
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
adresinden giriş yapmalısınız. Yani Google üyeliğiniz olması lazım (Gmail üyeliği gibi...) Açılan sayfaya sitemizin adresini yazıyoruz ve ekle butonuna
Şimdi bu sitenin bize ait olduğunu Google'ye ispatlamamız gerekiyor. Bunu sitemize bir meta etiket ekleyerek veya sitemize bir sayfa ekleyerek yapabiliriz.
Sitenizi doğrulayın linkine tıklıyoruz ve hangi yöntemle sitemizi tanıtacağımızı seçiyoruz. Ben yeni sayfa oluşturma yöntemini tercih ediyorum. Şimdi aşağıda görülen Google'nin belirlediği bir sayfayı siteme eklemek için Bir HTML dosyasını karşıya yükle seçeneğine tıklıyorum ve aynı isimdeki sayfayı hazırlayıp sunucudaki kök dizine (yani index.html veya index.php sayfasının yanına) gönderiyorum.
Gönderdikten sonra Doğrula butonuna tıklıyorum. Yaptığımız son işlemle sitemizi Google Web yöneticisi araçları sayfasına eklemiş olduk. Şimdi sitemizdeki tüm sayfaların Google'ye kaydedilmesi için bir site haritası oluşturalım.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
adresine girip sitemizin adresini yazalım ve sayfa altındaki Start butonuna tıklayalım. Sitenizin büyüklüğüne göre sitemap oluşturma işlemi biraz zaman alabilir. Sitemap oluşturulduktan sonra yeni bir sayfa açılıyor ve buradan sitemapları indirebiliyoruz. Ben sitemap.xml ve urllist.rxt dosyalarını indirdim.Bunları indirdikten sonra sitemap.xml ve urllist.txt dosyalarını sitenizin kök klasörüne yerleştirin. Şimdi Google site yöneticisi araçları sayfasına geri dönüp Site Haritaları sekmesine tıklayalım ve haritalarımızı Google'ye tanıtalım. Açılan sayfadan Site haritası ekle linkine tıklıyoruz.
Aynı işlemi tekrarlayarak ama sitemap.xml yerine urllist.txt yazarak sitemizin diğer haritasını da ekleyebiliriz.
Son yapdığımız işlemle sitemap.xml dosyasının sitemizin haritası olduğunu Google'ye bildirmiş olduk. Google örümcekleri sitemizi ziyaret ettiğinde bu dosyalara bakarak sitemizin bütün sayfalarını görebilecek ve bu sayfaları dolaşarak kaydedecektir.
Artık siteniz Google'de.. ancak sitenizin Google içeriğine eklenmesi zaman alabilir. Bu süre içerisinde sitenizi diğer arama motorlarına da ekleyebilirsiniz. Diğerlerine eklemenin bu kadar uzun ve karmaşık olmayacağından emin olabilirsiniz.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
başka sitelerde daha çok güzellerini arayarak bulabilirsiniz.
bir sorununuz olursa abimin sitesi olan
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
forumu ziyaret ederek sorularınızı burda sorabilirsiniz dediğim gibi bu anlatımın aynısını o forumda da anlattım.
rkadaşlar bu kendi eserim.burda yapması tam 3 saatimi aldı burdan kopyala yapıştır yapsanız bile en az 1 saatinizi alır. bu yüzden insaf edin bir yorumu küçük görmeyin.eğer bir hata varsa şimdiden özür dilerim ben bunu siz hemen şip şak sitenizi oluşturun diye anlatmadım elbette anlamadığınız yer olmuştur. bunu sadece site oluşturmak için birazdaha bilinçlenmeniz için yaptım şimdiden yorumlar için teşekürler.
Son düzenleme:
- Katılım
- 17 Eki 2010
- Konular
- 156
- Mesajlar
- 1,167
- Reaksiyon Skoru
- 143
- Altın Konu
- 0
- Başarım Puanı
- 127
- TM Yaşı
- 15 Yıl 6 Ay 8 Gün
- MmoLira
- 2
- DevLira
- 0
Teşekkürler
- Katılım
- 17 Mar 2010
- Konular
- 13
- Mesajlar
- 36
- Reaksiyon Skoru
- 5
- Altın Konu
- 0
- Başarım Puanı
- 57
- TM Yaşı
- 16 Yıl 1 Ay 7 Gün
- MmoLira
- 0
- DevLira
- 0
Teşekkürler
ben teşekkür ederim
Şu an konuyu görüntüleyenler (Toplam : 1, Üye: 0, Misafir: 1)
Benzer konular
- Cevaplar
- 22
- Görüntüleme
- 1K
- Cevaplar
- 2
- Görüntüleme
- 25
- Cevaplar
- 3
- Görüntüleme
- 175
- Cevaplar
- 2
- Görüntüleme
- 68
- Cevaplar
- 4
- Görüntüleme
- 116