Kaliteli Site Yapmak !!!!

zekico

Site Yapmak

Bu sayfada site yapımı için ihtiyacınız olan programlar ve bu programlar hakkında bilgi vereceğim.
Sitemizi yapmak için iki tür program kullanacağız. Bunlar site tasarımı ve sitemizin sayfaları yapmakta kullanacağımız html düzenleyici ve sitemizi sunucuya gönderirken kullanacağımız FTP programı. En bilinen html düzenleyiciler Dreamweaver(Dw) ve Office programı olan Frontpage(Fp)'dir. Fp, Office programları arasında kurulmuş olabilir. Başlat>Microsoft Office>Microsoft FrontPage yolunu izleyerek FP'yi çalıştırabilirsiniz. Eğer Fp kurulu değil ise Dreamweaver'in 30 günlük deneme versiyonunu veya tamamen ücretsiz bir html düzenleyici olan NVU'yu yükleyerek sitenizin yapımına başlayabilirsiniz.. Yukarıdaki linkleri kullanarak NVU veya Dreamweaver'i bilgisayarınıza indirebilirsiniz. Bu programlar sayesinde hiç html bilmeseniz bile kağıda resim çizer gibi sayfalarınızı düzenleyebilirsiniz.

Site yapmak isteyen çoğu kişi genellikle tasarım, sayfa yapısı, kullanacağı grafikler vs. konusunda sıkıntı yaşıyor. Siz de tasarım konusunda kendinize güvenmiyorsanız, veya tasarım için zaman harcamak istemiyorsanız hazır site kullanabilirsiniz. Hazır site şablonları, tasarım konusunda yetenekli kişilerin tasarladığı site örneğidir. Bu hazır siteleri kullanırsak site yapımı hem daha kolay olur hem daha kısa zaman alır.

Tavsiyeler...
Site yapımı için gereken programları aldıktan sonra projenizin planını bir kağıda çizin. Site tasarımı ve kullanacağınız materyaller hakkında beyin fırtınası yapın. Hazır site kullanacaksanız linkleri, yazıları, resimleri nereye koyacağınızı planlayın veya düşüncenize uygun bir hazır site şablonu seçin. Planlı çalışma, site açmak için harcayacağınız zamanı azaltır. Gerekli hazırlıkları yaptıktan sonra site açmak için çalışmalarınıza başlayabilirsiniz. Ne kadar güzel bir site hazırlayacağınız tamamen size ve hayal gücünüze bağlı. Site tasarımı ve içeriği ne kadar güzel olursa ziyaretçi sayınız da o kadar artar.

İnternetin uçsuz bucaksız bir çöplük gibi olduğunu, bu çöplüğün içinde iyi ve kötü şeylerin olduğunu söyleyen tanımları neredeyse hepimiz duymuşturuz. Çünkü site açmak için ehliyet veya belge almak gerekmiyor. Site açmak isteyen herkes site açabiliyor, doğru veya yanlış birşeyler yazabiliyor. Bu çöplüğe iyi şeyler bırakmak için çalışalım. En başta temiz bir Türkçe kullanmaya ve sitemizi, ziyaretçilerine faydalı olacak bilgilerle, araçlarla donatmaya özen gösterelim.

Dreamweaver ve Frontpage ile site yapımını ayrı ayrı anlatmaya çalıştım. Aşağıdaki bağlantıları kullanarak site yapımına başlayabilirsiniz.
Dreamweaver DOWNLOAD:

http://www.adobe.com/products/dreamweaver/

Dreamweaver ile site yapımı

Webmasterlerin çoğu, site yapımı için Dreamweaver'i tercih eder. Bunun sebebi çok özelliği olması, tek başına yapabileceği çok şey olması ve diğer html düzenleyicilerin coğunda bulunan eksikliklerin Dreamweaver'de olmamasıdır. Bu, Dreamweaver'in rakiplerine oranla daha çok tercih edilmesini sağlar ancak bu kadar çok özelliği ve yeteneği olan bir program bir çok ayar gerektirdiğinden ve araç içerdiğinden çoğu kullanıcıya göre kullanımı zor veya karmaşık gelmektedir. Ben de ilk başta frontpage ile başladığım site yapımına tavsiyeler üzerine Dreamweaver ile devam etmeye karar verdim ve öğrenmeye başladığım sıralardaki yaşadığım zorlukların artık hiç birini yaşamıyorum. Ben de size Dreamweaver kullanmanızı tavsiye ederim. Lafı uzatmadan Dreamweaver ile sitemizi nasıl oluşturacağız beraber bakalım. :)

ŞABLONLAR:
http://www.bedavasiteyapmak.com/sablon/gr.rar
http://www.bedavasiteyapmak.com/sablon/37.rar
http://www.bedavasiteyapmak.com/sablon/15.rar
http://www.bedavasiteyapmak.com/sablon/6.rar

Bedava site açmak için bir tane hazır site şablonu seçtim. Şimdi bu şablonu kullanarak sitemi hazırlayacağım. (Yazının üstündeki şablonlar bağlantısını kullanarak yüzlerce şablon içerisinden seçtiğim hazır site şablonlarını indirebilir, beğendiğiniz bir tanesini kullanarak sitenizi oluşturabilirsiniz.) Şablonun içerisinde olduğu klasörü kopyalayıp C diskine yapıştırıyorum ve klasöre "Site" adını veriyorum. Bu klasör "kök klasör" olarak adlandırılır. Kök klasörün içinde index.html dosyası ve images klasörü bulunur. Sitemizi oluşturup yeni sayfalar oluşturdukça bu sayfaları kök klasöre, sitemizde kullanacağımız resimleri de images klasörüne koyacağız.

Şimdi Dreamweaver'in Türkçe karakterleri göstermesi için gereken ayarları yapmak için şu yolu izleyelim.

Edit>Preferences>New Document>Default Encoding>Türkçe(windows)

Sıra sitemizi Dreamweaver'e tanıtmaya geldi. Site>New Site>Advanced yolunu izleyelim ve aşağıdaki resimde gördüğünüz gibi ilk satıra sitenizin adını, ikinci satıra da sitenizin kök klasörünü, son olarak üçüncü satıra ise kök klasörünüzün içinde bulunan images klasörünü yazın ve Ok'a basın. Böylece sitemizi Dreamweaver'e tanıtmış olduk.

File>Open yolunu izleyelim ve index.html dosyasını açalım. index.html dosyasını anasayfanız olarak tasarlayın. Çünkü bir siteye girdiğinizde, tarayıcınız size o sitenin index.html sayfasını gösterir. Örneğin Internet Explorer'de www.siteadi.com yazarsanız tarayıcınız www.siteadi.com/index.html adresini açar. Daha sonra oluşturacağınız sayfalarınız için farklı isimler yazacaksınız örneğin: sayfaadi.html gibi... Oluşturduğunuz sayfalara isim verirken veya site içerisinde kullandığınız resimlerin adlarında Türkçe karakter veya boşluk kullanmamaya dikkat edin. Örneğin ödev.html isimli bir sayfa yaparsanız bu sayfa görüntülenemez.

Gerekli görmediğim bölümleri hazır site şablonundan cıkardım... Şimdi açmak istediğim siteye göre içeriğini oluşturacağım ve File>Save yolu ile çalışmamı kaydedeceğim... (Resmi orjinal boyutunda gormek için üzerine tıklayın)

Anasayfamızı oluşturduk... Şimdi farklı sayfalar oluşturarak bunları birbirine bağlayalım. Fıkralar, Resimler ve Animasyonlar ekleyeceğimiz sayfalar oluşturalım. index.html dosyası açıkken File>Save as.. yolunu izleyerek fikralar.html yazıp Save butonuna basalım. Şimdi görünümü index.html ile aynı ancak adı fikralar.html olan ikinci bir sayfa elde ettik. Şimdi fikralar.html sayfasını açalım ve anasayfamız için yazdıklarımızı silip yerine yayınlayacağımız fıkraları ekleyip kaydedelim. Böylece sayfayı baştan inşa etmek yerine index.html dosyasında birkaç değişiklik yaparak Fıkralar sayfasını oluşturmuş olduk. Aynı işlemi diğer sayfalar içinde uygulayarak sayfalarınızı oluşturabilirsiniz. Şimdi sayfalarımızı birbirine bağlayalım. index.html yi açıp soldaki link menüsüne sayfa isimlerimizi yazıp link ekleyelim.

1.Soldaki menüden link vermek istediğiniz sayfanın adını seçin
2.Kırmızı kutu içine aldığım klasör simgesine tıklayın.
3.Link vermek istediğiniz sayfayı seçin.
4.Ok'a basın ve çalışmanızı kaydedin. Bu işlemi diğer sayfalar için de gerçekleştirerek sayfalarınızı birbirine bağlayabilirsiniz.

Bunlara ek olarak Insert>Image yolunu kullanarak resim veya Insert>Media yolunu kullanarak flash veya videoları sitenize ekleyebilirsiniz. Tabiki Dreamweaver'in yapabilecekleri bunlarla sınırlı değil. Programın içinde yüzlerce sayfalık yardım kitabı var ancak tamamına burada veya başka bir sitede değinilmesi mümkün değil. Zamanla programların yeteneklerini keşfederek veya kullanmayı bilenlerden yardım alarak seviyenizi ilerletebilir daha iyi siteler kurabilirsiniz.

Artık site açmak için yapmamız gereken tek şey sitemizi internetteki bir sunucuya göndermek. Bedava hosting veren firmalardan birine üye olalım ve sitemizi yollayalım...

Bedava Hosting
Hosing nedir?
Şimdi hazırladığınız bedava site için bedava hosting alalım.

Hazırladığımız sitelerin internet kullanıcıları tarafından ziyaret edilebilmesi için, sitemizin 7/24 açık ve internet bağlantısı olan bir bilgisayarda depolanması gerekir. Bu depolama hizmetine hosting (barındırma, ev sahipliği) denir. Sitemizi yayınlamak için bedava hosting hizmeti veren sitelerden birine üye olacağız ve sitemizi yollayarak yayınlanmasını sağlayacağız.

Nelere dikkat etmeliyiz?
Bandwidth: Bandwidth belli bir süre boyunca sitenizden yapılan dosya transferidir. Mesela üye olduğunuz bedava hosting firması size aylık 200 mb bandwith limiti verdiğini düşünelim. Sitenizden yapılan indirme (download) hacmi 200 mb'yi geçerse bandwith kotanızı doldurmuş olursunuz ve artık sitenizi ziyaret etmek isteyen kişiler sitenize giremezler.

Alan: Bedava hosting sitelerinde en önemli kısıt, izin verdiği alandır. Hosting alanının hazırladığınız site boyutundan fazla olması gerekir.

Azami Dosya Boyutu: Çoğu bedava hosting hizmeti veren firma gönderdiğiniz dosya boyutuna limit koyar. Mesela sitenize 3 mb boyutunda video eklemek istediniz ve firmanın size verdiği hizmette dosya boyutu sınırlamasının 2 mb olduğunu düşünelim. Bu durumda site alanınız yeterli olsa dahi dosyayı gönderemezsiniz.

Bedava hosting hizmeti veren bir çok site var ancak bunlardan çok azı aradığımız özelliğe sahip. Aşağıdaki tabloda bulabildiğim en iyi bedava hosting hizmeti veren siteleri yazdım.

(Not: Sitenizi Microsoft Frontpage ile hazırladıysanız bazı uygulamaların düzgün çalışması için Frontpage Extensions sunucu desteği olan hosting paketlerini seçmelisiniz.)

Sitemizi nasıl göndereceğiz?
Web site dosyalarını sunucuya ftp protokolünden yollayacağız. Bunun için tamamen ücretsiz olan FireFTP programlarına ihtiyacımız olacak. FireFTP, Firefox tarayıcısının bir eklentisidir. O yüzden Firefox'un bilgisayarınıza kurulu olması gerekir. Nedir bu Firefox, neden Firefox kullanalım?

Eğer internette dolaşmak için hala Internet Explorer'i kullanıyorsanız Firefox'u keşfedin derim. Çünkü Firefox hem çok kullanışlı, hem daha güvenli. Ayrıca sitenizin arama motoru optimizasyonu için Firefox eklentisi olan Google Toolbar'ı da kullanacaksınız. Firefox'un artıları saymakla bitmez öyle ki Microsoft yeni Internet Explorer'ini sayfaları sekmelerde açacak şekilde geliştirerek Firefox' a benzetmeye çalışmış.Şİmdi öçnce firefox'u sonra da FireFtp bilgisayarınıza kurduktan sonra firefox çalıştırın.
Firefox DOWNLOAD:

http://www.mozilla-europe.org/tr/products/firefox/

FireFtp DOWNLOAD:

https://addons.mozilla.org/en-US/firefox/addon/684

Araçlar > FireFtp yolunu izleyin. Browserin sol üstünde Create an account(1) yazan yere tıklayarak sırasıyla hesap adını(2), websitenizin adresini(3), hosting kullanıcı adınızı(4) ve şifrenizi(5) yazın ve tamam butonuna basın.

Kullanıcı adınızın hemen sağında bulunan connect düğmesine(6) basın. Bağlantı kurulduktan sonra sol taraftaki klasörler bilgisayarınızdakileri, sağ taraftakiler ise sitemizin sunucusundaki dosyaları gösterir. Artık yapmanız gereken tek şey bilgisayarınızdaki site dosyalarını fare ile sürükleyerek, sunucunuzdaki site klasörüne bırakmak.

Aynı işlemi şu şekilde de yapabilirsiniz: Sağ taraftaki site klasörüne çift tıklayın ve dosyayı açın. Sol taraftan göndermek istediğiniz dosyaya sağ tıklayın ve Upload seçeneğine tıklayın veya ortadaki sağ oka tıklayın. Siteniz artık sunucunuzda :)

İşte bedava hosting hizmeti veren sitelerden en iyileri. Çoğu bedava hosting hizmeti veren site 50 mb'nin altında ve içeriğinde reklam bulunduran alanlar sunarken aşağıdaki bedava hosting siteleri reklam yayınlamıyor, reklamlarınıza izin veriyor ve izin verdikleri hosting alanı diğerlerine göre çok çok iyi. Yalnız bu hostingleri diğer sitelerden araştırarak buldum. Sitenizi sunucuya gönderdikten sonra bedava domain alarak sitenizin adresini kısaltabilir veya daha kolay hatırlanacak domainler alabilirsiniz.

BEDAVA HOSTİNG:
http://freehostia.com/free_hosting.html
http://www.awardspace.com/web_hosting.html
http://www.110mb.com/
http://www.byethost.com/

VEEE BENCE EN İYİSİ ÇÜNKÜ SINIRSIZ:
http://www.xm.com/
_________________

Resmin büyük halini görmek için lütfen üzerine tıklayınız.
Resmin orjinal boyutunu görmek için üzerine tıklayın.

Red_Bull

Dostum eLine sağLık dökümanLar için te$ekkürLer .

Not:Konu yanLı$ yere açıLdığından tarafımdan Web Masterler İçin Herşey böLümüne ta$ınmı$tır.
_________________
[b]===>Yönetim KuruLu Üyesi

muroz

eyvallah sağol çok önemli bilgiler ,herkese lazım...
_________________
***Akıbetinden korkan insan emniyette demektir.

**Bir Milletin Islahı Kötülerin İmhası İle Değil, Neslin Eğitim ve Terbiyesi İle Mümkündür.

**Bir kahvenin 40 yıl hatırı varsa,Allahın bizim üzerimizdeki hakkı ne kadardır acaba!!!!!

RoYcHeM

www.mjturkiye.net

forumda aradıgınızdan fazlasını bulabilirsiniz...

meganet

RoYcHeM demiş ki:

www.mjturkiye.net

forumda aradıgınızdan fazlasını bulabilirsiniz...

evet mjturkiye joomla tabanlı türkçe kaynak sitesi olarak özellikle yeni başlayanlar için tercih edilebilir..
Php portalları içerisinde en şık görünümü olanıdır.
Ancak maalesef her yeni yazılım gibi joomla da açıklarla savaş vermektedir..
Eğer hiç bir kod dili bilmiyor ve ya sadece html biliyorsanız php geneline hiç bulaşmayın derim.
Çünkü php özellikle de php portallar henüz gelişim aşamasındadır ve ciddi güvenlik zaafları mevcuttur.
Asp tercih etmek 0 dan başlayanlara daha oturmuş bir sistemi öğrenmek açısından faydalıdır.
Ancak derseniz:
yönetim kolay olsun
kullancıılar sayfalar arasında gezerken zorlanmasın.
görünüm basit ama etkili olsun
sağlam bir forumu ve haber sistemi olsun
php-nuke tercih etmelisiniz.
nuke nin güvenlik açıkları kaynak sitelerde tespiti ile anında kapatılmaya gayret edilse de asıl sorunu veritabanıdır.
İleride veritabanınızdaki gereğinden onlarca kat fazla şişme ve servera getireceği yük tahmin edemeyeceğiniz ölçülerde yüksek bir maliyete yol açacaktır...

Ayrıca zekico'nun paylaştığı programlar ve anlatımlar hazır sistemlerden öte sizin yaratıcılığınızı ve kabiliyetinizi sınayacak türden doğru ancak bir o kadar zordur...
Tek ve kati tavsiyem site yapmadan önce html+asp+php+sql(veritabanı) bilgilerine en azından kurslar aracılığı ile hakim olun..
Yoksa hazır sistemlede kursanız sıfırdan kendinizde hazırlasanız siteniz asla belirli ölçülerden daha öteye gidemez, büyüyemez.
Allah Kolaylık Versin..
Aklınız varsa bulaşmayın bu işe...
Emeği geçen herkese teşekkürler
_________________
Uzağa Gitti

irembilisim

emeğine sağlık, güzel paylaşımlar...
_________________
www.CANSUYU.biz

noname45

teşşekürler
_________________
Devletle ortak olanın vereceği çok olur, Allahla ortak olanın alacağı çok olur.