reklam

GENEL

Site Aracları-1

Site Aracları-2

EĞLENCE

BEDAVA-SITEM

WEPMASTER

BILGISAYAR
SİTE YARIŞMALARI İÇİN HAZIRLIKLAR SON HIZIYLA SÜRÜYOR.Hazırlikların Ne Aşamada Oldugunu Görmek İçin DEVAMI Yazan Butona Tıklayınız | Devamı

En Kısa Sürede 2011-2012 Pop/Arebesk/Rap/Fantezi Gibi Müzikler Eklenecektir.| Devamı

En güncel videoları bulabileceğiniz bir sayfa hazırlamayı düşünüyordum sonunda oda oldu artık buradan sizler için internetteki ünlü sitelerden seçtiğim videoları buradan yayınlayacağım (youtube,izlesene,face...) komik,korku,hüzün...| Devamı

Google'nin en eski halinden bugünki haline kadar olan bütün her halini sizler için araştırdık bir arşivde topladık.Google'nin ne hallerden bugünlere geldiini bu yazıda görme imkanını bulacaksınız.| Devamı

140 Tane Arama Motoruna Sitenizi Eklemek İstemezmisiniz? O Zaman DEVAMI Yazan Yere Tıklayıp Sayfaya Gidelim.| Devamı



Sizler İciniz.Tr.Gg / 2012-2013 / Linklere Tıkladıktan Sonra Konular Aşşagıdadır/

Sizler İçin Varız/Türkiyenin En Güncel Yardım Sitesi

Dreamweaver

Dreamweaver Dersleri Resimli Anlatım

Dreamweaver web site tasarlama konusunda alanında en iyi programlardan bir tanesidir. Dreamweaver'la statik web siteleri yapıldığı gibi dinamik web siteleride yapılabilmektedir. Ben bu derslerde, size dreamweaver ı tanıtmayı, dreamweaver la neler yapabileceğinizi görmenizi amaçlıyorum. Bir yararım dokunabilirse ne mutlu bana...

Ders 1: Dreamweaver 'da Yeni Sayfa Açmak ve Sayfayı Kaydetmek

Dreamweaver 'ı açalım.



Sol üst Köşedeki File menüsünden New komutuna tıklayalım.





Sırasıyla Basic Page > HTML yi seçtikten sonra Kırmızı renk ile işaretli olan Create butonuna tıklayalım.





Dreamweaver' da sayfamızı açtık şimdi bu sayfayı kaydetmeyi göreceğiz.





Yine sol üst köşedeki File menüsünden Save komutuna tıklayalım.






Dosya adı yazan yere index.html yazdıktan sonra kaydet Butonuna tıklayalım.

Ve sayfa açma ve kaydetme işlemi bu kadar....


Ders 2: Dreamweaver da Sayfaya Başlık Yazmak:

Öncelikle Sayfanın Başlığını Nereden ayarlayacağımızı görelim.





Kırmızı ile işaretli yere yazacağınız başlık, sitenizin başlığı olacaktır.

Yazdıktan sonra kaydederek browser dan bakabilirsiniz.



Resimdeki gibi görünür.


Ders 3: Dreamweaver da Nasıl Çalışabilirim?

Dreamveaver size istediğiniz gibi bir çalışma ortamı hazırlar.

İsterseniz kod bölümünden , isterseniz design bölümünden sitenizi hazırlayabilirsiniz.

Biz design bölümünden çalışıyoruz. Diğer bölümleride aşagıdan öğrenebilirsiniz.



Kırmızı ile işaretli olan kısma tıklarsanız, yaptığınız sitenin kodlarla yazılmış hali karşınıza gelir, isterseniz buradan değişiklikler yapabilirsiniz.



Split bölümüne tıklarsanız, hem design, hemde kodlarla çalışabilirsiniz.


Ders 4: Sayfa Özelliklerini Ayarlamak:

Dreamweaver da sayfa özelliklerini ayarlamak için page Properties bölümü kullanılır.






Yukarıda kırmızı ile işaretlenmiş page properties butonuna tıklayalım.





Page properties kısmına tıkladıktan sonra karşımıza yukarıdaki gibi bir pencere gelir. Ben resimdeki sekmeleri numaralandırdım. Tek tek açıklayacağım.

1)Page Font: Sayfa Fontunu belirler.Bu kısma hangi font ismini yazarsanız sayfanızdaki yazılar o yazı tipi ile görünür.

2)Size: Yazı büyüklüğünü belirler.

3)Text Color: Yazı Rengini Belirler.

4)Background Color: Arkaplan Rengini belirler.

5)Background İmage: Arkaplan Resmini Belirler.

6)Repeat: Arkaplan ın tekrar ayarıdır.

7) Sayfanın sağında, solunda , altında ve üstündeki boşlukları ayarlamamıza yardımcı olur.


Ders 5 : Dreamweaver da Siteye Yazı Eklemek:





Ok işaretiyle gösterilen yer sitemizi tasarlayacağımız yerdir . Yazımızı Buraya yazacağız.





Yazımızı bu kısıma yazdık, kaydet dedikten sonra browser dan bakabilirsiniz.


Ders 6: Yazdığımız Yazıya Renk Vermek:

Yazdığımız yazıya renk vermek için , öncelikle yazıyı seçelim.





Seçtikten sonra ok ile işaretli yere tıklayalım.

Tıkladıktan sonra resimdeki gibi renkler gelir.

İstediğiniz Bir rengi seçebilirsiniz.





Ve sonunda yazımıza renk verdik.


Ders 7: Arkaplan' a renk Vermek:

Arka plana renk vermek için Page Properties butonuna tıklayalım.





Page Properties penceresi açıldıktan sonra ok ile işaretli kısma tıklayalım.

İstediğimiz Rengin üstüne tıklayalım.

Sonra Kare içine Alınmış "OK" Butonuna tıklayalım..





Ve arkaplan rengini vermiş olduk.

İşlemimiz Bu kadar...


Ders 8: Dreamweaver da Arkaplana Resim Koymak:

Dreamveaver da arkaplan a resim koymak için Page Properties Butonuna tıklıyoruz.





Kare içine alınmış Browse butonuna tıklıyoruz.





Arkaplan a koyacağımız resmi seçiyoruz ve kare ile işaretlenmiş OK butonuna tıklıyoruz.





Resimde de görüldüğü gibi seçtiğimiz resim o kutuya yazıldı.

Sonra OK butonuna Tıklıyoruz.






Ve arkaplan resmini vermiş bulunuyoruz...

Not:Resmin arkaplanda görünmesi için index.html ile resmimizin aynı klasörde bulunması gerekir . Bu nota dikkat ediniz.


Ders 9: Sayfaya Resim Eklemek:

Sayfaya resim eklemek için resim ve index.html nin aynı klasörde bulunması gerekir. Aksi taktirde görünmez.

Öncelikle bir klasör açalım.

İçine sayfaya Koyacağımız resmi atalım.

Bir index.html açalım.

İndex.html yi açtıktan sonra,





İnsert Menüsünden İmage Sekmesine tıklayalım.





Açtığımız klasörün içine gelerek resmimizi seçelim.

Sonra kırmızı ile işaretli olan "OK" butonuna tıklayalım.





Kırmızı ile işaretli yere resmin açıklamasını yapabilirsiniz. Eğer yapmak istemiyorsanız "CANCEL" butonuna tıklayabilirsiniz.





Resmimizi Ekledik.

Resmi yeniden boyutlandırmak için resmin üstüne bir kez tıklayarak resmimizi seçelim.





Seçtikten Sonra yukarıda resimdeki gibi " W " ve "H" bölümleri görünür.

W:Width(Genişlik)

H:Height(Yükseklik)

tir.





Bu değerlerlerle istediğiniz gibi oynayarak resminizi yeniden boyutlandırabilirsiniz.

Not: İşlemler bittikten sonra File>Save menüsünden kayıt etmeyi unutmayınız.


Ders 10: Yazıya Link Vermek:

Yazıya link vermek için index.html nin yanında yeni bir sayfa açalım.

Ben dreamweaver.html diye bir dosya açtım.

Siz istediğiniz gibi bir dosya açabilirsiniz.




index.html nin içine dreamweaver sayfası yazalım ve bu yazıyı seçelim.

Kare içine alınmış link bölümü var.

Ordaki dosya işaretine tıklayalım.





Dreamweaver.html yi seçelim ve ok butonuna basalım.





Gördüğünüz gibi link vermiş bulunuyoruz.

Link verdikten sonra dosyayı kaydedelim.





Kaydettikten sonra Browser a dönerek linkin çalışıp çalışmadığını kontrol edelim.





Linke Tıklayalım:





Dreamweaver.html dosyası geldi.

Link çalışıyor.

 

 

 

 

 

 

 

 



 

 
 
sizlericiniz.tr.gg
toplist |Mirc indir| Mirc| Sohbet| Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol