• Follow us on dribbble
  • Follow us on Twitter
  • Join me on Google Plus
  • Add me on Linkedin
  • RSS

  • Blog
  • Portfolio
  • Contact

Dreamweaver İle Pop-up Yapımı

1 Comment/ in Web Dersleri / by orçun kılıç
05 Mart 2009

http://www.idano.net/images/Dreamweaver_cs3.pngMerhaba arkadaş bugün sizlerle bir Dreamweaver dersi paylaşmak istiyorum. Başlıktan anlayacağınız gibi günümüz web sitelerinde ben herne kadar onaylamasamda sık bir şekilde kullanılan Pop-Up ismi verilen pencereler.

Pop-Up mantığı

Evet arkdaşlar önce işin mantığını çözelim. Genelde bu tarz pencereler reklamlarda kullanılır. Ama siz isterseniz baska şeyler içinde kullanabilirsiniz. Örneğin sitenizde bir yarışma başlattınız ve bunu duyurmak istiyorsunuz bence gerekli bir eklenti bu noktada.

Pop-up pencereler mesela index.html sayfasına girdiğinizde kendiliğinden açılan pencerelere verilen isimdir. Günümüzde daha çok reklamlar için kullanıldığından dolayı tarayıcınızın engellemesi muhtemeldir.

Pop-up yapalım

Ön bilgi verdikten sonra yapmaya başlayalım.

  1. Üst menüden windows sekmesine tıkladıktan sonra behaviors’a tıklayalım. Ardından açılan sekmede (+) işaretine tıklayalım.
  2. Açılan menüde open browser windows seçeneğine tıkladıktan sonra gerekli ayarları yapmak için bir ekran gelicek.

Seçenekler ve ayarlar

  • Url to display: Sayfamıza ekleyeciğimiz pop-up pencerenin içeriğini belirler. Yani bir duyuru sayfası koyacaksanız buradan seçmeniz gerekmektedir.
  • Window width ve window height: Boyutlarınızı ayarlamanızı sağlar genişlik ve yükseklik.
  • Navigation Toolbar: İleri, geri, dur ve yenile imgelerini sayfanıza koymanızı sağlar.
  • Menü Bar: Dosya ve düzen sekmelerini koymanızı sağlar.
  • Status Bar: Sitenizde bir link varsa üzerine geldiğinizde tarayıcınızın en altında gideceği url’nin yazmasını sağlar.
  • Resize Handles: Açılacak olan pop-up’un boyutlarını ziyaretçinin değiştirmesine olanak verir.

Her hangi bir sorununuz olursa yorum bölümünden sorabilirsiniz.

Tags: açılır pencere yapımı, açılır pencere yapma, dreamweaver, pop-up, pop-up nasıl yapılır?
← Kısa Film Nasıl Çekilir? Kısa Film Çekme Teknikleri
WordPress Seo Teknikleri →
Comments

One Response to Dreamweaver İle Pop-up Yapımı

  1. eda says:
    18 Mayıs 2012, 16:39

    İyi günler benim dreamweaver okul bitirme projem var bu projemle ilgili soracağım.
    1.)Ben anasayfadaki üstteki butonlardan birini tıkladığımda anasayfa içindekiler sabit kalacak şekilde o sayfanın gelmesini istiyorum.

    2.)Flash belleğimde siteyi açtığımda resimler görünmüyor masaüstünde görünüyor proje tesliminde nasıl cdye çekeceğim resimler görünmezse. Sizce neden görünmüyor?

    İlginiz için tşkr ederim.

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Bir Cevap Yazın Cevabı iptal et

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

*

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Popular
  • Turkcell 3G Winn Modem FiyatlarıAğustos 5, 2009, 8:40 pm
  • Teknolojinin YararlarıKasım 1, 2008, 9:14 pm
  • Kısa Film Nasıl Çekilir? Kısa Film Çekme TeknikleriMart 2, 2009, 11:30 pm
  • 10 Muhteşem Modern Footer TasarımıEylül 4, 2009, 11:21 am
Recent
  • Sade ve Güzel Logo ÖrnekleriHaziran 10, 2013, 2:04 pm
  • Super Clean Web Tasarım ÖrnekleriAralık 12, 2012, 4:24 pm
  • Dikkat Çekici Ambalaj TasarımlarıAralık 10, 2012, 7:42 pm
  • Mobil Uygulama Web SiteleriAralık 10, 2012, 3:30 am
Comments
  • Sevgili arkadaslar, sanirim bir cogunuzda montaj icin program...Mart 2, 11:30 pm by ynsdnz
  • sihirli blog footer ı begendim. tasarımı çok hoşEylül 4, 11:21 am by bilgirehberim
  • videoyu izleyemedim çünkü açılmadı kısa çekmek istiyorum...Mart 2, 11:30 pm by isimsiz
  • Ben Ve 2 ,3 Arkadaşım Bu sektöre girmeye karar verdik....Mart 2, 11:30 pm by Mete
Tags
3d adsense ajax bedava font blog brush Css ders doku e-ticaret eklenti font fırça google gradient html icon ikon ikon setleri ilham alınası kartvizit Logo logo tasarım logo tasarımı menü photoshop plugin psd reklam rss tasarım tema textures tipografi Tutorial vector vektör web web 2.0 web design Web Tasarım Wordpress Yarışma yeni yıl çizim

Kategoriler

Portföy

  • Health Application DesignAralık 12, 2012, 10:43 am
  • Real Estate Logo DesignAralık 12, 2012, 10:42 am
  • Rexx CinemasAralık 11, 2012, 2:24 am

Latest Tweets

  • RT @CEMiLARAZ: güler misin ağlar mısın? http://t.co/4kn4dpgoYm
    11 Haziran 2013 - 21:47
  • RT @umitbektas: Bugun devletin tavrı çok net; bizi öldürmek istiyorlar! #geziparki
    11 Haziran 2013 - 21:47
  • Ayi yavrusunu severken öldürmüs
    11 Haziran 2013 - 21:42
© Copyright - ORCUN KILIC - Portfolio & Design Inspiration