Dreamweaver CS4 | CSS Menu Tasarımı

Web siteniz için profesyonel menüler yapmak için CSS kullanmaya ne dersiniz? Hiçbir resim yada kod kullanmadan CSS tabanlı menuler yapın.

Bu video da yer alan konular…

– CSS ile interaktif menu tasarımı
– Unordered List kullanımı
– Yeni stil tanımlama

“Dreamweaver CS4 | CSS Menu Tasarımı” üzerine 50 yorum

  1. hocam diğer siteye yazdım ama burayada yazayım

    yatay menü tasarlıcam ama bir türlü o database oluşturma videondaki gibi yapamıyorum yardımcı olursan sevinirim

  2. Tamam işte süper gidiyorsun, herşey doğru ;)
    Bu aşamadan sonra CSS Menu Tasarımı videosunu aynen izlemeye devam et. Yani a tagını seçim menüyü istediğin şekle sokabilirsin. Sonra da Margin’den istediğin yerine boşluk ver.

  3. hocam denedim hertürlü bişey eksik yapıyorum sanırım yada ayar eksikliği var herşey için çok çok saol 1 numarasın hocam

  4. Hocam kıbrısta programlama bölümünde okuyorum.fakat web tasarım hakkinda fazla biesey ogrettikleri yok.sizden daha cok sey ogreniyorum.Size bir sorum olacak.Css Menu tasarımı adlı videonuzdaki herseyi adım adim yapıyorum ama olmuyor.Hata ilk başta “new css rule” dedikten sonra sizin video da çıkan bi menu gibi bir menu gelmiyor bende.Gelen pencerede

    selector Type
    Class(can apply to any tag)
    Tag(redefines the look of a spesific tag)
    advanced(IDs,pseudo-class sectors)
    Name
    Define in
    new style shhet file
    This document only

    galiba dreamweaver 8 kullandıgım için olmuyor yoksa baska birseymi hocam.Tesekkur ederim..

  5. Aynen öyle Zekai,
    Dw 8 kullanıyorsan açılan ekran farklı olur ve oradaki bilgiler otomatik olarak gelmez elle girmen gerekir. CS3 ve CS4 versiyonlarında işler biraz daha kolay çünkü New CSS Rule ekranında herşey hazır geliyor.

  6. Merhaba Mehmet,
    Bu resimde gösterdiğini yapmak için biraz daha farklı bir yol izlemen gerekiyor.

    1. ilk olarak menü için bir DIV aç ve bu divin arkaplan rengi menudekilerle aynı olsun.
    2. Menü tekniğini uygula.
    3. A etiketindeki stillerde sağ tarafında 1 px çizgi oluşturmak için boşluk kullanıyorduk. Şimdi boşluk işe yaramaz onun yerine border kullan.

    Bunları yaptığın anda menu bittikten sonra DIV gözükecektir. DIV’in arkaplan rengi de menu ile aynı olduğundan istediğin sonuca ulaşabilirsin.

  7. Hocam çok sağol bu kez yaptım ve gayet güzel oldu :)

  8. Hakan bey merhaba,

    Çalışmalarınıza ve bunları bizim gibi kullanıcılrın yararına sunmanız son derece asil bir davranış bunun içn teşekkür ederim. Sizin bilgilerni bana yön veriyor ve bu sayede daha önceden Swish-max kullanarak yaptığım flash içerikli web sitemi Dreamwaver ile yapmaya başladım. Daha kolay ve daha başarılı oluyor.

    Paylaştığınız videoda Kullanıcı girişi nasıl yapılır bunu anlatmıştınız aynen uyguladım ve çalıştırdım ancak sorunum şu ben kullanıcı kaydı nasıl olşturulur bunu bilemiyorum. Atladığım bir konu mu var yoksa siz bana bu konuda br yol gösterebilirmisiniz ? TAbi ayrı bir sorunda divlei yanyana koymak ama ora ben hata yapıyorum sanırım.

    İlginize ve desteğinize teşekkür ederim.

  9. Merhaba Fatih Bey,
    Çok yakında bütün konuların detaylı video eğitimlerini başka bir site üzerinden paylaşıyor olacağım.

  10. merhaba . ben kübra tablosuz tasarım videonuzu isledim çok güzel olmuş.ben bilgisayar bölümü web programcılığı okuyorum.dönem ödevim tablosuz tasarım hiç birşey bilmeme rağmen yayınladığınız videoyla geyet iyi öğrendim. bu video yu okulda arkadaşlarıma da izletmek istiyorum ama bir indiremedim .nerden indirebileceğim konusunda bana bilgi verebilirmisiniz acaba :S:(

  11. Anlatımınız çok sade ve başarılı. Yaptığınız bu eğitim hizmeti için sizi kutlarım. Diğer tüm konuları paylaşacağınız siteyi merakla bekliyor olacam. İyi çalışmalar dilerim, hoş ve esen kalın…

  12. Hakan Kardeş Seni Taktır edıyorum gercekten benım gıbı sende sabırlısın arkadaslar ne yaptıysam olmuyor dıyor onlara bır sey soylemek ıstıyorum anlayacagını umuyorum :) bu sıteye yuzlerce kısı gırıyor herkez ogrenıp yapsa bızler nerden para kazanıcaz :)

  13. Hakan bey Allah sizden binlerce kez razı olsun. Sizin sayenizde bir çok şeyi yapabiliyorum, herkes bir artisti ya da bir futbolcuyu veya bir bilim adamını örnek alır bende sizin yolunuzda yürüyorum sizi sadece videolardan tanıyorum bu da bana yeterli. Akıcı anlatımınızla ilham veriyorsunuz. Sizden şunu öğrenmek isterim yeri mi bilmiyorum ama hiç kod yazmadan tamamen dinamik bir site hazırlayabiliyormuyuz çünkü ben sadece işin tasarımıyla ilgileniyorum eğer kod yazmadan dinamik site yapabiliyorsak kendimi o alanda da yetiştrimek isterim.
    Şimdi den Teşekkür Ederim
    Saygılarımla

  14. Merhaba Osman,
    Öncelikle teşekkür ederim güzel yorumların için. Kod yazmadan birçok şeyi yapmak mümkün ama herşey değil. Yani hazırını kullansanda temeli bilmek gerekir. Kod yazmadan birçok şey yapılabilir ama kod da mutlaka bilinmeli.

  15. Merhaba Hakan Hocam
    Ben kendi okulumda web tasarım kursu gördüm sertfitika aldım fakat tablo üzerinde öğretti hocamız. sizde tablodan yapmayın sitenizi demişiniz gerçektende kaba oluyordu.
    Divle daha yeniyim..
    div le tasarımı yaptım videonuzdaki gibi fakat ben menu mun yan tarafta olmasını istiyorum birtürlü yapamadım yani menu’m yanda içeriğim de onun yanında olucak şekilde.. sizden yardım istiyorum

  16. Yanyana getirmek ile ilgili hala bir çalışma yapmadınız hakan bey ?

    Ne zaman hazırlarsınız sabırsızlıkla bekliyorumda …

  17. Merhaba Hakan Abi
    Ben 16 Yaşındayım Html ,Xlm ,CSS,PHP,FTP Kullanabilir site yapabiliriyorum .tr.ggde Ve Sayende Dreamweaver & flahs Konusunda az Bişey Ögrendim

    abi sorunumu şöle anlatam oyun sitem için şöle bir tasarim yaptım fakat
    tasarımın ortasaına içerik ekleyemiyorum tasarımı siteye uyguluyorum ama herhangi bir sayfaya gittigi zaman içerik tasarim en altında çıkıyor tasarımın bittigi yer yani

    http://i1002.hizliresim.com/2010/2/8/6457.jpg

    tasarim bu ama ortada yerde çıkmıyor içerikler sorunumu nasıl halledebilirim sadece onu yapamdım menuler felan oluyor da sadece sitemin içerigi ortada açılmıyor sitem hw-oyun.tr.gg

    sayfanın üsteki resim ile altaki resim arasında çıkmasını istiyorum konuların açılan sayfaların yani

    birine sordum connect alanı vermemişsin dedi

    sana soruyorum abi nasıl olcak yardımlarını bekliyorum şimdiden saol

  18. hocam anlatımlar için çok teşekkürler.. benim gibi web pek anlamayan ama istekli birine:) çok yardımı oldu. Hakan hocam sizden istegimin div kullanarak site yapımında divlerin köşelerini nasil avalleştirilebilir.. biraz araştırdım ancak bulduğum kodlar internet expolerde çalışmıyor.. expolerde ovelleştirmeyi sağlayacak bir yöntemi bizimle paylaşırsanız çok memun olurum … şimdiden teşekküler..

  19. Super hocam emegin icin tesekkurler sayende daha güzel siteler tasarlayacagiz devamini dileriz

  20. Hocam sana ne kadar çok tşk etsem azdır.Videoları o kadar güzel ve detaylı anlatıosunuz ki öğrenmemek elde değil:)Kendi Kendime diorum acaba bende bigün o bilgi derecesine ulaşabilekmiyim? :) Yeni videolarınızı merakla bekliorum

  21. Bide bişey daha sormak istiyorum.Acaba Dreamweaver ile birlikte asp derslerinizde olacak mı? :)

  22. merhabalar hocam öncelikle bu dersleriniz için bir çok sanal takipçiniz gibi ben de size minnetdarım. yanlız yeni ayrıntılı ders videolarını başka bir sitede yayınlayacağınızı söylediniz. yeni sitenin ismini bizimle paylaşabilir misiniz?
    teşekkürler….

  23. Merhabalar hocam. Benim sorum css ile açılır menü yapabilir miyiz? Mesela menüyü yatay olarak hazırladığımızda üzerine geldiğimiz menü aşağı doğru açılacak şekilde.Şimdiden teşekkür ediyorum.

  24. mehaba hocam css zengarden sitesindeki 124 numaralı menüyü nasıl yapabilirm bu konuda yardımcı olabilirmisiniz

  25. hocam zaten cotlamadan bir şey yapmak için bu site ye giriliyor sizde biliyorsunuzki bu işi dısngilede dizip harekete geçeriz işi zorlaştırmayın bir zahmet

  26. merhaba hocam,
    şimdi biz bunu yapıyoruz daha doğrusu yapamıyoruz :D ustune gelınce renk degısmıyor :S

  27. ya hocam asp .net te site yapıyoruz
    çok zorlanıyoz hocalar bişey ögretmiyo bize yardım edermisiniz lütfen :))

  28. hocam gerçekten çok önemli konular anlatıyorsunuz ve gerçekten hepsinide 1 kerede anlıyorum ve sizin sayenizde kendime çok şey kattım gerçekten çok teşekkür ediyorum ve derslerin devamını diliyorum …

  29. hakan bey türkceniz anlatımınız harika benim sizden bir dileğim olucak
    yaptığım sitede divler gözüksün üstelik kenar cizgileri gözüksün ve kalınlık vermek gölgelendirmek derinlik vermek istiyorum css bu mümkünmü
    bunu ders olarak işlerseniz cok sevinirim

  30. merhaba hakan bey,
    tablosuz tasarım1,2 ve bu menü dersini uyguladım çok iyi oldu.yalnız ben istiyorum ki menüde herhangi bir butona bastığımda “içerik ” divinin içinde açılsın ama bunu yapamadım.iframe ile denedim olmadı. yardımcı olur musunuz? yani tek sayfada sayfa içeriği değişerek tüm işimi görmek istiyorum… divin içinde iframe koyduğum zaman renkleri de uyduramıyorum iframe içi beyaz oluyor değişmiyor.lütfen yardımcı olurmusunuz?

  31. merhaba hocam ben rengi değiştirdiğim halde yalnızca gri tonlar görünüyor kanal gri olmuş durumda bi türlü düzeltemedim cevabınızı mail olarak atarsanız çok sevinirim çünkü sürekli siteyi kontrol etme imkanı bulamıyorum çok teşekkür ederim şimdiden saolun

  32. HAKAN bey, Verdiğiniz bilgileri kullanıp gelişiyoruz.sisstemler değişir,dünya değişir,hatta insanlık değişiyor.siizi kutluyorum..tüm bu iyilikleri,güzellikleri paylaşmanız cömertlikten çok daha ötesi bişey.sadece bir kuru teşşekkürden çok daha fazlasını hakediyorsunuz.hakkınızı helal ediniz.ailenizle mutlu huzurlu sağlıklı
    bir yaşam sürmeniz için sizin için dua ediyorum.ii.çalışmalar..

  33. merhabalar. sizin tablosuz tasarım videonuzu izledikten sonra ilk sitem olan http://www.trendreklamajansi.com adlı siteyi çok rahat bi şekilde yaptım.çok anlaşılır ve akıcı anlattığınız için dersleri teşekkür ederim. menü kısmında butona tıklandıktan sonra o şekilde kalmasını istiyorum ki hangi sayfada olunduğu anlaşılsın.nasıl olacak bu iş ? :)

  34. Merhaba Hocam Yakından Takip Ediyorum…
    Bir sorum olacaktı o Yaptığınız dikey menünün yanında birde yatay anlatımlı olarak yapsanız olurmu acaba..
    şimdiden Teşekkür Ederim..

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir