Sıfırdan Web Tasarım Yapmak (Bölüm 1)

Sıfırdan web tasarımı nasıl yapılır? Öğrenmek istiyorsanız videolu anlatımıyla bu dersimizde :)

Merhabalar, ikinci dersimle tekrar karşınızdayım. Aslında bu tam olarak yazı olmayacak. Sıfırdan web tasarım yapma videosu hazırladım. Videoda kullandığım programlar Notepad+ (Metin Editörü) ve Photoshop (Grafik) programıdır. HTML - CSS uyumunu anlamanıza yarayacak bu videoyu HTML - CSS öğrenmek isteyen herkesin izlemesini isterim. Bu videoda görselliğe dikkat etmedim, iskeleti (mantığı) kapmanız açısından hızlı bir şekilde çektim. 

Tayfun Erbilen
Hakkında bilgi yakında zamanda eklenecektir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Evet, iyi bir ders olmuş, eline sağlık.
Alternatif link için teşekkürler :)
Eline sağlık hoş ve güzel bir ders olmuş
Kardeş Ellerine Sağlık Çok GüseL bir Blog Olmuş :) Derslerinin Devamını Beklerim xD Rica Etsem BnmLe İletişim Kuarmısın:D
Rapidshare link ölmüş ama diğeri çalışıyor. İndiriyorum. Emeklerin için teşekkürler.
Bu dersi birde programlama ile birleştir (php ile zenginleştir ) daha bir güzel olur , ordaki başlık yorumlar , görüntüleme vs. gerçeği yansıtmalı diye düşünüyorum
Rapidshare linki de çalışıyor, sorun yok.
Ben iskeleti anlattım güzelleştirmek, geliştirmek size kalmış :)
Geliştirip, güzelleştirmek size kalmış :) Bu videoda mantığı anlatmaya çalıştım.
süper bi video olmuş, elinize sağlık, teşekkürler.
çok faydalı bir kaynak oluşturmuşsunuz... emeğinize sağlık.
çok güzel ama çok hızlı be kardeş teşekkrüler helall:kirp:
Arkadaşım tasarımı yapıp bırakmışsın , geliştir bu tasarımı bilmeyenlerde öğrensin benim öyle söylemem deki amaç bu
ben videoyu indirdim fakat sadece ses var görüntü yok doğru mudur?? :S
konunun altında videoyu izleyemeyenler için codec indirme adresi verilmiş, oradan codeci yükleyip görüntüyü izleyebilirsin. (.avi) formatında olduğu için codecsiz açmıyor.
Eline sağlık kardeşim.Sen nasıl anlatıp yazdığın gibi zevk alıyorsan bende izleyip,öğrenip ve uygulamak için büyük bir zevk aldım.Gerçekten iskelet amacı olsada güzel bir tasarım olmuş.Sayende benimde aklıma daha farklı tasarımlar geliyor.Baya bir ilham kaynağım oldun.Tekrardan teşekkürler :))
merhabalar hemen indiriyorum umarım gerçekten yararlı bir ders olur
mükemmel kardes ellerine sağlık . Hakkını HElal et..
http://mnuyanik.meb.k12.tr/ geliiştirmişmiyim biraz seinin sayende tesekkurler:)
Güzel çalışma olmuş :)
Teşekkür ederim yorumun için :)
Çok güzel bir anlatım eline sağlık
Uyguladım ve çok güzel oldu .. Anlatımın da bir o kadar güzel :) Ellerine sağlık ..
hangısını ındrcez :( ben yenıyım
çok teşekur ederim ama bır türlü ınemedi kardeşim ya nasıl olcak herkes super dıyo bende bakmak ıstertım çunku yenı ogrenmek ısterım valla bana farklı yollarda yollasan çok ıyı olurrr
İlk link rapidshare linkidir. Uzun ömürlü linktir. İkinci link alternatif rapid indirmesi kalmayanlar için. Her ikiside aynı videodur. Dilediğiniz yerden indirebilirsiniz.
Medid, ikisinden birini indirebilisin. İkisi de aynı dosya, sadece alternatif olsun diye konulmuş.
ACILMIYOKI:(
Dersin online videosu da eklendi.
tayfun bey bi sorum olucaktı: ilk baştaki seçeneklerin hepsini birebir yapıyorum ancak videonuzun 4.15 kısmında html dosyasını açtığımda (ki firefox, internet explorer, google chrome hepsini denedim) logom tarayıcıda belirmiyor. Acaba nerde hata yapmış olabilirim?
Kaynak dosyalarınızı görmeden birşey diyemem ancak çağırırken bir hata yapmış olabilirsiniz.
TAYFUN BEY PHOTOSHOP ÇOK YAPAMADIM
Denemekle olacak şeyler aslında. Sanalkurs'tada bir çok ders anlatılıyor ps ile ilgili.
Allah aşkına biri msn adresime gönderebilirmi . her seferinde hakkım dolmuş oluyor bi türlü indiremedim. xcawresx@hotmail.com teşekkürler şimdiden.
Yeni bir siteye alternatif olarak ekliyorum. Rapid premiumu olmayanlar buradan indirebilirler. Alternatif link: http://www.filebox.com/3xlzeuqggnsh
tşkkrler
yeni bir alternatif daha eklerseniz sevinirim.en son alternatif te ne yaptıysam inmedi :S
By Necdet son verdiğin linkten indirmek oldukça basit. Linke tıkladığınızda zaten sağ üstte bir kod kutucuğu var orada yazanları yan tarafındaki kutucuğa yazıp download file diyeceksiniz. Daha sonra açılan sayfada Regular Download seçili olacaktır. 6sn geri saydıktan sonra Download File'a tıklayarak indirebilirsiniz.
bu güzel video için çok teşekkür ederim sağolun:D
eline saglık iyi olmuş
eline saglık iyi olmuş
Ellerinize sağlık çok güzel olmuş da ben şu ilk baştaki olayı tam anlayamadım bir tane not defteri açıp uzantısını html olarak değiştirdik still dosyasının uzantısı ne olacak ve onları ortak bir sayfada nasıl açıyoruz biri yardım edebilirse çok sevinirim...
ELinE sAGLIK GÜZEL VİDEO BİRAZ HIZLI AMA :) ANLASIO GENEDE
ya çok hızlı anlatmışsınız sanki öle bir anlatmışsın herkez wep tasarımdan anlatmış gibi hızlı anlatmışsın bir şey anlamadım bikere ilk başta o sayfayı bile nasıl acacağımı bilmiyorum tam anlamıyla hiç bir şey anlamadım:(
Teşekkürler emeğiniz için. birşey aklıma takıldı , mümkünse cevapalrsanız sevinirim. PS de oluşturduğunuz dosyayı notepad+ ya nasıl gösterdiniz ? Masaüstündeki dosyaları otomatik algılıyor mu ? Buarları anlayamadım. Teşekkürler.
Cok Saol Kardes Hic Bİr Sey YapMadim İzLedim Ama Yinede Güzel AnLatimm..!
video anlatım sıfır arkadaşlar bence pek bilgisi olmayan insan ufak detayları kaçırabilir.eğerki bir video anlatmak istiyorsanız ve bu videoda birşeyler öğretmek düşüncesi içerisindeyseniz bu şekilde hızlı ve açıklama yapmadan bir anlatım olamaz.anlatan kardeşim alaında kendine göre iyi fakat öğreticilik açısından "0"
Anlatan arkadaş yani ben kendime göre iyiyim fakat öğreticilik açısından 0'ım.. Anlamayan arkadaş yani siz alanınızda bilmem iyimisiniz fakat öğrenme açısından 0'sınız.
Tayfun eline sağlık arkadaşım sayende kendime olan güvenim geliyor yavaş yavaş çözüyorum bu işleri
Emeğine sağlık Tayfun güzel bir video olmuş..Senden bir blog yazma scriptinin 10. videosunu bekliyoruz :)) Özellikle seolama mantığını.. Sayın k.c.c Bu video zaten az buçuk bilgisi olanlar için anlatılmış..Hiç bir şey bilmeyen biri için,dediğiniz şekilde aynı video tek seferde değil,7-8 videoda ancak anlatılabilirdi.Pek bilgisi olmayan arkadaşlar biraz daha basit örneklerle kendilerini geliştirsinler..
Arkadaşlar benim işime en çok bu video yarayacak 10.sınıf bilgisayar bölümünde okuyorum lise 3 te web programcılığını seçecem indirme linkini verirseniz sevinirim tayfun...
Selam kardeşim. Emeğine sağlık. Güzel bir calışma yapmışsınız.. Çok yardımcı oldu.. Calışmalarınızın devamını isteriz.. Esselamu Aleykum..
linkler nerde ya
flashın son versiyonu yuklu ama video acılmıyor!!
video silinmis yeniden yukleyebilirmisiniz ??
Problem muhtemelen codec'le ilgili değil, DNS ayarları ile ilgilidir. Videoları izlemek için bir codec gerekmez. Sitemizin orta kısmında yer alan "videolarınızı izleyemiyorsanız..." resmine tıklayın ve gerekli işlemleri yapınız.
ya tebrik ediyorum iyi niyetlisiniz de şöyle videoları sırf "biliyorum" demek için, kod ezberinizi sergilemek için çekip koymayın. gene de elinize sağlık. yalnız bu video ders değil örnek gösterimi. neyse ben de yeni yeni web tasarımına merak saldım. şu ana kadar meb'in sitesinden başka adam gibi anlatan videolar göremedim; tavsiye ettiğiniz varsa yararlı olur. bu videoyu koyan arkadaşa da eyvallah; bu sektörde ilerledikçe kasılmamayı ve ders içerikli video hazırlamayı öğrenecektir umarım. herkese başarılar

Yukarı Git