Tam o sırada, başka bir pillinetwork sitesi olan ucandaire.org'da: "200 yıl sonra; Sleeper (1973)"

web sitesi nasıl yapılır? nereden başlamalıyım? web sitesi yapmak istiyorum ayrıntılı kaynak yok mu?
bu soruların cevapları Birçok internet kullanıcısının merak ettiği bir konudur. herkes kendi dilince bir şeyler söylüyor çok az kişi bu söylenenleri anlayabiliyor. Şimdi sizlere web sitesi nasıl yapılır, hangi araçlar hangi programlar kullanılarak hazırlanır anlatmaya çalışacağım.

1-Web siteniz bir şablon üzerine giydirilmelidir yani web sitesinin bir tasarımı olmalıdır. internet dilinde buna template denmektedir. Template hazır tasarım anlamına gelmektedir. bazılarınız sorabilir; "özgün bir şeyler kullanmak istiyorum o zaman ne yapmalıyım?" Eğer tasarımınızı kendiniz yapmak isterseniz tasarım programlarından Adobe Dreamweaver veya Microsoft Frontpage programlarını kullanabilirsiniz. tasarımımız veya kullanmak istediğimiz template’i belirledik. ikinci aşamaya geçelim.

2- şimdi bu tasarıma metinler resimler eklememiz gerekecek. eskiden bu durum oldukça zordu, hani hepinizin bildiği html adında bir şey vardı. örneğin sitenizde neler olacak ana sayfa, hakkımızda, referanslar, projeler… listeyi uzatmak mümkün. buna göre tasarımımız veya kullandığımız template en az 4 sayfadan oluşacak. düşünecek olursak bir şirket veya şahıs referansını her gün artırmak isteyecek, dolayısıyla her defasında yeni bilgilerin olduğu referans sayfası eklemek gerektirecek (referans1.html, referans2.html… gibi). bu iş oldukça sıkıcı ve uzun bir yöntemdir. bu sıkıcı metodun yerini günümüzde asp.net, asp, php gibi web programlama dilleri almıştır.
asp.net ile sitenizi yapmak isterseniz microsoft visual studio programını (2003, 2005, 2008 ve 2010 sürümlerinden) kullanabilirsiniz.
asp ile programlamak isterseniz adobe dreamweaver, asp express gibi ( iss kurulu olması kayıdı ile: windows iis kurmak için işletim sisteminizin "denetim masası"ından "program ekle veya kaldır" seçilir. bu ekrandan "windows bileşenlerini ekle/kaldır" butonuna tıklanır. gelen ekrandan "internet information services (iis)" seçilir. daha sonra ileri butonu tıklanır.uyarı: bu işlem yapılırken windows kurulum cd sini hazır bulundurmalısınız. bu kurulum için windows kurulum cd'sini isteyecektir. iis’in sorunsuz kurulup kurulmadığını anlamak için bilgisayarım üzerinde sağa tıklayarak "yönet" seçeneğine tıklamalısınız. gelen ekranda "web siteleri" ne tıkladığınızda "çalışıyor" ifadesini görmelisiniz.) programlar ile asp kodlayabilirsiniz.
php’de yine dreamweaver veya not defteri gibi bir text editörü ile kodlanabilir.
bütün bu dillerin ortak noktası eklediğiniz bilgileri saklayacak bir veritabanı içermesidir. en çok kullanılan veri tabanları micosoft access, microsoft sql server, firebird, oracle veri tabanlarıdır. sitemizi kodladık veri tabanında sakladık şimdi ne yapacağız?

3- sitemizin kodlarının internette barınacağı bir evi ve bir de adresi olmalı. sitemizin barınacağı yerin adı host veya hosting’dir. evimizin adresi ise domain'dir.
yani www ile başlayan internet adresleri bizim domainimizdir.host ve domain’i internette satış yapan firmalardan temin edebilirsiniz. kredi kartı veya havale ile ödeme yapıp evimizi ve adresimizi alırız.

4- domain ve host hazır sitemizi artık yayına geçirelim. domain ve host’u farklı firmalardan aldıysanız, ev adresimizi evimize yönlendirmemiz gerekecek. host aldığımız firma bize dosya yükleme işlemleri için ftp şifresi ve kullanıcı adı verecek dosyaları filezilla veya ftp cute programıyla hotsumuza yüklüyoruz. sitemiz artık hazır.

5- adim@siteadi.com gibi bir mail adresi almak istersek ne yapacağız? host’u aldığımız firma bir de cpanel veya pleskpanel kullanıcı adı ve şifresi verecek, burada cpanel.siteadi.com’dan (pleskpanel.siteadi.com) giriş yapıp add new mail kısmından mail adresi oluşturacağız. mail girişleri için webmail.siteadi.com veya mail.siteadi.com’dan giriş yaparak işlemi tamamlıyoruz.

Neler Öğrendik
Artık web sitesi yaparken neler gerekli nereden başlayacağız, kullanılan programlar, hangi web programlama dili hangi programla kullanılır neler gerektirir biliyoruz. domain nedir host nedir nasıl dosya yükleriz hepsi hakkında artık bir fikrimiz var.

Yararlı olması dileğiyle.
iyi çalışmalar...

Spacer
Spacer
 | 35 yorum var 
 | 12 AÄŸustos 2009 15:07 

Yorumlar

sanırım farkında değilsiniz ama mySQL veritabanı da oldukça fazla kullanılıyor. şimdilik ücretsiz olduğu da söylenebilir..

ücretsiz kaliteli blogger temaları

lazaronnie  |  (0 puan) 12 AÄŸustos 2009 15:33

@lazaronnie

ağzını hayra aç... :)

şimdilik ücretsiz olduğu da söylenebilir..
null
Yavzas  |  (0 puan) 12 AÄŸustos 2009 15:51

dw ve fp hiç bir zaman tasarım programları olmadı olamaz. İkisi de tamamen editördür. Onlarla tasarım yapılmaz. Görsel alanda destekleri sadece önizlemeden ileri gitmez. Eksik ve yanlış bilgi vermeyiniz öğrenmek isteyenler için.

Bahsettiğin template denilen tasarımlar da photoshop, fireworks, flash, gimp, illustrator v.b programlarda hazırlanır.

html yerine bahsettiğin o yazılım dillerini tek başına kullanabildiğine emin misin? Bence biraz aceleye getirip hemen geçiştirmişsin yazını :) editörler de okumadan onay vermişler.

web programlama dillerinin hangisi ile yazarsan yaz html kullanmak kodlamak zorundasın. 1999 senesinden beri xhtml olarak kullanılan bu dil geçen ay son olarak yerini html5 e bırakmıştır ve geliştirilmesi 2009 sonunda durdurulacaktır. Buna ek olarak tüm siteyi sadece imajlar ile oluşturamayacağın gibi css bilginin de olması gereklidir. Şu yazdığın makaleyi okuyan ve bu işe merak sarıp yeni başlayan insanların kafası karışacaktır emin ol :) bence biraz daha okuyup ve daha detaylı şekilde yazını yenileyebilirsin.

Kaldı ki ben bir front-end developer olarak çalışıyorum xhtml ve css kodlamaktan hiç sıkılmadım :)

kadirgunay  |  (4 puan) 12 AÄŸustos 2009 16:35

mysql nerede, apachi nerede, phpmyadmin nerede, photoshop, illustrator, fireworks nerede?
bu işe başlayacaksan önce gidip mynetten bir site açacak sonra html ile yavaş yavaş sindire sindire öğreneceksin.

ezoryak  |  (2 puan) 12 AÄŸustos 2009 16:40

hazır kodlarla işe girişilse bile en başta html bile bilmeden bu site işinin altından kalkmak bence de zor...

istisnayim cigerim  |  (2 puan) 12 AÄŸustos 2009 16:45

Web tasarım için ilk önce HTML olmaz sa olmazlardan biri. Html öğrenmeden istediğiniz kadar hazır template kullanın, boş. Ondan sonra CSS de artık olmazsa olmazlardan. Dinamik sayfa yapılacaksa Php, Asp veya java. (benim tavsiyem php hem öğrenmesi kolay hem de bol kaynak) Birde veritabanı eklerseniz süper olur. (mysql, mssql, access... ) Az da jquery veya javascript ile alın size bir web sayfası.

Yeni başlayanlar için kesinlikle template tavsiye etmiyorum. Notepad ile basit tablo sayfalar yapın ama sakın hazır template kullanmayın. Kendinize en büyük kötülüğü yapmış olursunuz. Sürükle bırakçı olursunuz.....

murattikil  |  (3 puan) 12 AÄŸustos 2009 18:04

ya siz daha iyisinibiliyorsanız,siz yazın sizi de severek okur faydalanırız.teşekürler eksiğiylede olsa güzel bir yazı.

mhmtcvk01  |  (-5 puan) 12 AÄŸustos 2009 18:43

Konuya yardımcı olması açısından benim yazdığım bir makaleyide yorum olarak ekliyorum. Sıfırdan web sitesi yapımına yardımcı olur umarım.

http://www.webdakika.com/
herkezim  |  (1 puan) 12 AÄŸustos 2009 20:03

Klasik web tasarım kurs mantığında anlatım olmuş ve baştan aşağıya yanlış bir tavsiye.

İnternet bu birikim çizgisi üstüne inşa edilmiş çöplük çalışmalarla dolu.

Front Page gibi bir enkazı tavsiye edilmesi ölü bir html bilgisi üstüne adam yetiştirmektir.

Bunun yerine internet nedir ?
Web tbiyografisi nedir?
Kullanıcı deneyimi nedir?
EriÅŸebilirlik nedir?
Kullanılabilirlik nedir?

ve Web Standartları ne olduğu anlamadan proje tasarlanamaz! Bundan ötürü yeni başlayanlara bu sitedeki konuları hatmederek, hatmedmeden önce anladığınız hedeflerinizle uyuşmuyorsa başka bir iş yapınız.

Evet uyuşuyor ve ben bu yola girmek istiyorum diyorsanız DW, Front-Page vb. wizard editörleri silip bir adet notepad++ kurup aşağıda okula 1.sınıftan başlayınız.

www.w3schools.com

Taptuğun tapusunda Kul olduk kapusunda Yunus miskin çiğidik piştik elhamdulillah
thealico  |  (3 puan) 12 AÄŸustos 2009 21:10
ya siz daha iyisinibiliyorsanız,siz yazın sizi de severek okur faydalanırız.teşekürler eksiğiylede olsa güzel bir yazı.

Böyle bir cevaba da ancak bir puan sanırım yazı sahibinden gelir :) yanlışsam düzeltirsiniz.

Gidip araştırmayı denedin mi? Neden sürekli birilerinin yazılarından bir yere varılmaya çalışılıyor anlamış değilim.

Biz daha iyisini bildiğimiz için eleştiriyor olmayalım :) daha iyi bilmek demek yazı yazmak anlamına gelmez + eksik ve yanlış bilgi verilen yazıya eyvallah da denmez zaten ;)

kadirgunay  |  (2 puan) 12 AÄŸustos 2009 22:27

Arkadaşlar çoğunuz eleştiri yapmak veya eksik tamamlamadan ziyade kalp kırmaya çalışıyorsunuz. Üyesi olduğum forumlarda yada platformlarda en çok soru sorulan şeydir, web sitesi yapmak istiyorum ama hiç bir bilgim yok nereden başlamalıyım. ben de bu eksikliği görerek bildiklerimi paylaştım. bu soruyu soran arkadaşlara okumayı öğretmeden kitap yazdırmak olur mu olmaz.

Ayrıca makalenin sonuna eklediğim neler öğrendik kısmına dikkat çekmek istiyorum.
Esen kalın...

GokhanKARAKAS  |  (-1 puan) 12 AÄŸustos 2009 22:41

@gokhankarakas arkadaşım paylaşım yapmış olmanı takdirle karşılıyor herkes ama yazında o kadar çok eksik ve hata var ki buradaki uyarılar boş değil. Senden bunları düzeltmen isteniyor yanlış değil.
Örnek..

eskiden bu durum oldukça zordu, hani hepinizin bildiği html adında bir şey vardı.

Yani ÅŸimdi html yok mu?
bütün bu dillerin ortak noktası eklediğiniz bilgileri saklayacak bir veritabanı içermesidir.

Tamamen yanlış.

asp ile programlamak isterseniz adobe dreamweaver, asp express gibi (

5-6 sene geride kalmış artık ms in bile desteklemediği bir dili tavsiye ediyorsun.

yani liste uzayıp gider. Arkadaşların uyarılarını ciddiye almak senin bileceğin iş tabi.

bbayer  |  (2 puan) 12 AÄŸustos 2009 23:14

Bilgisizlik her zaman yanlış bilgiden iyidir bence. Faydalı olmaya çalışırken insanları yanlış yönlendiriren aslında zarar verirsin..

erhanaslan  |  (0 puan) 12 AÄŸustos 2009 23:45

@erhanaslan burada yanlış bilgi yok, fikir edinme var.

@bbayer, ben orada sitelere veri girişinin html şablonları ile olduğunu anlatmak istedim tabiki html olmadan site yapmak imkansız. asp yi dreamweaverde kodlayanlar var asp expreste de...

GokhanKARAKAS  |  (0 puan) 13 AÄŸustos 2009 00:14

herkes biliyor bu işi, maşallah. herkes doğuştan webci, tasarımcı...

niye yok lan o zaman bi tane siteniz thefwa'da, newwebpick'de, coolhomepages'de ve vb. topluluk sitelerinde!

lafa geldi mi gırla!

yapabilenler yapar, yapamayanlar nasıl yapılacağını anlatır!

google'a girerim, "web tasarımı bizim işimiz" cümlesini aratırım, milyon sonuç çıkar, o çıkan sonuçlardaki sitelere ve işlere bakarım, sonra fwa'ya bakarım, utanırım, sıkılırım, iç geçiririm!

ülkedeki sitelerin yarısı template, çalıntı, aşırma, diğer çeyrektekiler klon portallar forumlar, saçma bloglar, kırkyama, kaneviçe, iğne oyası, patchwork, yemek tarifleri blogu, geri kalan çeyrek 1996 model siteler, aptal kamu ve kurum siteleri, çakma fikirler, berbat tasarımlar...

utanırım, sıkılırım!

shoot'em all
antitemplate  |  (5 puan) 13 AÄŸustos 2009 00:43

Artık yorumlara cevap vermeyeceğim. Konu başlığını google'da aratarak ne kadar gerekli bir konu olduğunu görebilirsiniz. Ayıca size kendimi ispatlamak gibi bir amacım yok. Şunuda belirtseymişsiniz daha güzel olurmuş demek yerine kırıcı aşağılayıcı sözler söylemekten vaktiniz kalmadı.

GokhanKARAKAS  |  (-3 puan) 13 AÄŸustos 2009 01:02

Kendi tasarımımızı yapmak için photoshop ve firework bilmek çok önemlidir ek olarak belirteyim dedim.

nixis  |  (-1 puan) 13 AÄŸustos 2009 09:09

@antitemplate dizayn ile kodu birbirine karıştırma. birşeyin nasıl doğru yapılacağını bilmek ayrı, dizayn tasarım ayrı şeyler.

bbayer  |  (0 puan) 13 AÄŸustos 2009 09:54
Artık yorumlara cevap vermeyeceğim. Konu başlığını google'da aratarak ne kadar gerekli bir konu olduğunu görebilirsiniz. Ayıca size kendimi ispatlamak gibi bir amacım yok. Şunuda belirtseymişsiniz daha güzel olurmuş demek yerine kırıcı aşağılayıcı sözler söylemekten vaktiniz kalmadı.

E bunları dedik alındın küstün gittin baksana. Bir yazı yazdıysan kendi inancına, bilgine göre değil genel yazmalısın. Sana eksiğin var düzelt diyoruz yanına iki yandaş alıp abidik gubidik ilk okul 3. sınıf yorumları yapıp gidiyorsun.

Arkadaşım bak burası her bilgiden insanın olduğu bir yer, .net bilen de var php nin dibine inen de, mysqlden nefret eden de var mssqle aşık olan da. Yazdığın yazıda elbette insanlar kendi alanlarına göre eksik bulacaklardır. Senin işin kendi alanına göre yazmak. Başka alanlara göre yazacaksan onların eleştirilerini, kalp kırmalarını göze alacaksın :)

Bu kadar takılmayın böyle şeylere yahu! Sen şimdi biraz daha araştır bence ona göre yazını düzenle.

Not : yazı başlığına bakıp aratın demişsin ama o bildirgec.org' un güzelliği olmasın :)

kadirgunay  |  (0 puan) 13 AÄŸustos 2009 10:06

Diğer arkadaşlarım hazır template kullanmayın diyorlar haklılarda ilk önce html den başlayın yavaş yavaş css sonra javascript (javascript kullanmasınızda olur) bunları iyice öğrendikten sonra internetten hazır psd templatesi kullanın çünkü site tasarlamak sandığınız kadar kolay değildir ileride photoshop flash gibi programlarıda öğrenirsiniz. Eğer bunlar size zor geliyorsa artık blogger wordpress gibi şeylerle merakınızı giderbilirsiniz...

bayraak  |  (1 puan) 13 AÄŸustos 2009 12:00

Bence web tasarımı bir sayfalık bilgilerle yapılacak bir iş değil. 5 dakikada html öğrenin, 5 dakikada ajax öğrenin gibi şeyleri geçin kardeşim. minumum 5 aylık süreç gerektiren konuları 5 dakikaya sığdırmak ne saçmalıktır. html, java, css, asp php, sql, ado, photoshop, tasarım bilgisi vs. vs. uzun bir yol gerektiriyor. Avrupada web tasarımı ayrı bir üniversiteyken ortaöğretimde bile bilgisayar dersi adı altında web tasarım konuları gösteriliyorya uyuz oluyorum. Türkiye'de kaç tane web tasarımcı var? Parmakla gösterilecek kadar az. Tabi iki tane tablo atıp sayfa yaptım diyenlere web tasarımcısı derseniz sayı değişir. 5 dakika diyene gülerim.

thefeti  |  (2 puan) 13 AÄŸustos 2009 13:05

bayrak çok güzel bir konuya değişmiş bence. Tasarım, arayüz kodlama (frontend), yazılım(backend). Hangi alanda olmak istediğinizi seçmelisiniz. Hepsini yapamazsınız gibi bir şey diyemem, sonuçta freelance çalışanların çoğu bu adımların hepsini kendileri yapıyor. Fakat bana göre bir adım seçip yavaş yavaş benimsedikten sonra diğer alanlara kaymak.

@thefeti inan bana o kadar çok insan var ki söylediğin gibi olan :)

kadirgunay  |  (0 puan) 13 AÄŸustos 2009 14:27

konu o kadar eksik ve hatalı olarak aktarılmış ki.. eski bir bilgisayar eğitmeni olarak ağzım açık vaziyette okudum. bildirgec editörleri bu yazıya nasıl onay verdi inanmak mümkün değil.

ndb  |  (-1 puan) 13 AÄŸustos 2009 17:06

:)

hobilerimizz  |  (-1 puan) 14 AÄŸustos 2009 00:37

Bi kere yeni başlayan adam bunları yapmaz!!!
Hemen ufak bi rehber hazırlayayım:

  • Geocities vb benzeri siteden beleÅŸ host alınır
  • En begendiÄŸiniz site save as.. diyip bilgisayara indirilir
  • İncelenir.... Tabiki biz daha iyi tasarımcı olduÄŸumuz için sıkıcı resimlerin yerine, hareketli gif'ler konur. ( Dönen Kurukafa, Alev vs.. bu iÅŸ için idealdir )
  • Ve ilk bebeginizi hosta atarsınız.
Hangimiz yapmadı ki?
Codename47  |  (0 puan) 14 AÄŸustos 2009 11:49

Daha uzun yazmıştım ama 503 verdi. Burdan başlamalısın.

Burada kendi yazılarıma linkler yok. Ama yine de tavsiye ediyorum.
farkob  |  (0 puan) 14 AÄŸustos 2009 13:50
Bi kere yeni başlayan adam bunları yapmaz!!!
Hemen ufak bi rehber hazırlayayım: * Geocities vb benzeri siteden beleş host alınır * En begendiğiniz site save as.. diyip bilgisayara indirilir * İncelenir.... Tabiki biz daha iyi tasarımcı olduğumuz için sıkıcı resimlerin yerine, hareketli gif'ler konur. ( Dönen Kurukafa, Alev vs.. bu iş için idealdir ) * Ve ilk bebeginizi hosta atarsınız.

Bu kafa ile başlamıştım halen de duruyor sanırım :) süper bir basamaktır.

kadirgunay  |  (1 puan) 14 AÄŸustos 2009 13:57

Arkadaşlar bu kadar abartmaya gerek yok, eksik veya yanlışlar olabilir ki zaten hepimiz bu işe başlarken asla doğru kaynaktan başlayamayız :) ve yanlışlarımızı zamanla kendimiz farkeder ve düzeltiriz.. bence yorumlarla arkadaşa destek olmak lazım..

onuryilmaz  |  (-1 puan) 14 AÄŸustos 2009 14:08

eksiklerimi tamamlayan arkadaşlara değerli yorumları için teşekkür ediyorum.

GokhanKARAKAS  |  (-1 puan) 14 AÄŸustos 2009 21:11

merhaba,

filezilla ile ftp işlemleri sırasında panel sizin şifrenizi kaydedip sitenizin içeriğine iframe içinde trojan sokmaktadır. li.hu:8080 portuna giden bir web sayfası iframe icinde acılıyor.

sonuc olarak ÅŸifrenizi deÄŸiÅŸtirseniz bile girisler devam ediyor.

cute ftp ile index değiştirip cuteftp nin acılısına şifre koyarak tekrar index atabilirsiniz.

s3lcuk  |  (1 puan) 16 AÄŸustos 2009 18:02

baştan sona yalan yanlış bilgilerle dolu bir yazıyı onaylayan bildirgeç yönetimini selamlıyorum...

Mein herz brennt!
Rawkon  |  (-1 puan) 17 AÄŸustos 2009 18:39

Buradaki gibi tartışmalar hemen her yerde yapılıyor ve kesinlikle faydalı. Ama ben bir müddet sonra artık kim ne diyor anlamakta zorlanıyorum ve okumayı bırakıyorum. Bence en temel soru şudur: Web tasarımı, video edit, resim işleme gibi bir alanda ne işin var? Bu alanlardan birisinden veya bir kaçından para kazanmak mı istiyorsun yoksa sadece kendi ihtiyaçların doğrultusunda birşeyler mi yapmak istiyorsun? Benim amacım yapabildiğim kadarıyla kendi ihtiyaçlarımı kendim karşılamak. Evet her şeyini kendimizin(sevgilim ve benim) yaptığı bir web sitemiz(http://www.kurmalisalyangoz.com/) var. Mükemmel mi değil tabiki. Güncel ihtiyacımıza göre yeni şeyler ekleyip/çıkarıp duruyoruz. Ne istiyorsak sadece istediğimiz kadarını öğrenip ihtiyacımızı gideriyoruz. Aradan zaman geçince elbet unutuyoruz ama herşey o kadar hızlı değişiyor ki akılda kalanlar da işe yaramıyor. Son kullanıcıyız nihayetinde. Ama ben bu işten para kazanacağım diyorsan yukarıdaki birçok insanın dediği gibi temelden başlamalısın. Sözün kısası: Ne yapmak istiyorsun?

asibonzai  |  (1 puan) 17 AÄŸustos 2009 23:05

abartılan yorumlar had safada, birşeyler öğrenmek isteyenler için güzel kaynak olmuş
teşekkür ederiz.

digitaldeli  |  (0 puan) 18 AÄŸustos 2009 22:50

@s3lcuk filezilla'yı resmi sitesinden download ederseniz sorunsuz çalışır.

GokhanKARAKAS  |  (0 puan) 22 AÄŸustos 2009 13:54

paylaşım için teşekkürler...
c programlama, c sharp, seo teknikleri, hack

bolubeyi gazi  |  (-1 puan) 24 Ekim 2010 14:51

üye olunpillinetwork sitelerine yorum ekleyebilmek ve daha fazlası için, üye olun ya da giriş yapın.

Bu Yazıyı Tutanlar

Beğendiğiniz bir yazıya "tuttum" demek için başlığın yanındaki yıldıza tıklayabilirsiniz.

Bu yazıyı rapor et. Kural dışı içeriğe rastladığınızda editörlerimize rapor ederek müdahale edilmesini sağlayabilirsiniz. (Hangi durumlarda rapor edebilirim?)
bildirgec.org bölümleri
pillinetwork hesabınızla giriş yapın.

son yorumlar

bildirgecinfo

bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.

network siteleri

RSS Dosyası
pillikutu