Payidar.NET - Bilgi ve Paylaşım Forumu
Go Back   Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası > Web Tasarım Dersleri

Duyurular

Cevapla
 
LinkBack Konu Seçenekleri Gösterim Modu
  #1 (Daim)  
Alt 07.11.06, 17:07
TroubleD - ait Kullanıcı Resmi (Avatar)
Forum Kurdu
 
Üyelik Tarihi: 20.07.06
Mesajlar: 1.199
Karizma Puanı: 206
TroubleD has a spectacular aura aboutTroubleD has a spectacular aura about
TroubleD - MSN üzeri Mesaj gönder
Arrow Dreamweaver Dersleri [ Resimli Anlatım ]

Dreamweaver: Kod yazmadan Web sayfası tasarımı yapabilen program.
Dreamweaver ‘da kodsuz web tasarımının yanı sıra yine kod yazmadan JavaScript eklentileri, özel butonlar, FTP olayını yapma olayları da mevcuttur.

Dreamweaver ekranını tanıyalım




Şekil 1 : Dreamweaver
Ana Görünüm


Dreamweaver da görünüm ayarları

Izgara ( GRID ) görmek için
VİEW > GRİD bölümünden
1- Izgaraların görünmesini
2- Izgaralara Kenetleme
3- Izgara ayarları yapılır
Cetvel ( RULERS ) çıkartmak için
Bu alanda Dreamweaver ın üstünde ve sol tarafında cetvel belirir.
VİEW > RULERS bölümünden
1- Görünmesini
2- Orjin noktasını sıfırlama
3- Birim değer ayarları yapılır.

Dreamweaver da HTML kod alanını görmek için F10 tuşuna veya Window menüsünden Code Inspector dan gösterilebilir.

Properties Paneli
Bu panel ayar paneli olduğunda her komutta özellikleri değişen bir paneldir. Bu paneli görmek için Ctrl+F3 veya Window menüsünden Properties kısmından çıkartabilirsiniz.


Şekil 2 : Properties Paneli

Sayfa Özelliklerinin Ayarları

1- Sayfa Başlığı
2- Taban’a resim koymak için
3- Taban’a sadece renk atamak için
4- Sayfadaki yazı ve link renkleri
5- Sayfa marj (boşluk) ayarları
6- Tabana tra transparan resim koymak istediğinizde kullanılır

YAZIYLA ÇALIŞMAK

Yazınızı Dreamweaver normal word de yazar gibi yazabilirsiniz. Fakat boyutlarını, renklerini, link vermeyi properties penceresinden veya üst menüde bulunan TEXT menüsünden yapabiliriz.
Kolay ve çabuk olması açısından properties penceresinden anlatacağız.

Yazı yazmaya başladığınızda properties paneli bu hale gelir.
Biçimlendirmek istediğiniz harfi veya kelimeyi seçiniz

ÖZEL KARAKTER EKLEMEK İÇİN
Klavyeden giremediğiniz özel karakterle eklemek için
INSERT > CHARACTERS kısmından ekleyebilirsiniz. Bunlarında boyut, renk gibi ayarlarını yapabilirsiniz.

MADDE İMLERİ YERLEŞTİRMEK
TEXT > LIST > ..... kısmından ekleyebilirsiniz.
Otomatik olarak yazdığımız yazının başına sırsı ile rakam veya madde imleri koyar.

BUL ve DEĞİŞTİR
Dreamweaver da bir kelimeyi başka kelimeye dönüştürmek istiyorsanız.
EDIT > FIND AND REPLACE kısmından yapabilirsiniz.

RESİMLERLE ÇALIŞMAK

Resim yerleştirmek
Dreamweaver da sayfamıza iki yerden image (resim) çağırabiliriz.
• INSERT > IMAGE
• Object panelinden

Çağırdığınız resme link atama gibi ayarları kolaylıkla yapabiliriz.
Çağırdığınız resmi seçin (üzerini 1 kez tıklayın ) ve properties panelinin değiştiğini göreceksiniz. Properties panelini inceleyelim.

Resim ismi > Objeye isim vermek içim kullanılır
Boyutları > Resmin Genişlik ( W ) ve Yükseklik ( H ) ayarları yapılır.
Resim Yeri > Çağırdığını resmin diskinizde bulunduğu yeri gösterir.
Link > Çağırdığınız resme link vermek
Hizalama > Resmi sayfanıza hizalamak için kullanılır.
Alt yazı > Mouse resmin üzerine geldiğinde çıkan yazı

Target > Target ayarını yapmak için kullanılır.
Border > Resim dış kalınlığı
Edit > Resmi düzenlemek için
Reset size > Boyutlarıyla oynadığınız resmin orijinal boyutuna getirir.
Resim kenar boşlukları > Üstten ( V ) ve Sol taraftan ( H ) boşluk ayarlarını yapar.
Image Map >
Bu özellik bir resim üzerinde 1 den fazla link vermek için kullanılır.

Linkleri verdikten sonra mavi alanlar tarayıcıda (ie & nn & opera ) görünmez.
Map olayını yaparken properties paneli değişecektir.

Link vermek
Target ayarı
Alt yazı ekleme yapılır.
JPEG & GIF : Farkı nedir?
Jpeg: sayısallaştırılmış renkli fotoğraflar için tasarlanmıştır. Milyonlarca renk desteği vardır.
Gif : Hızlı resim alışverişlerde kullanılır. 256 renk desteği vardır.
Not: Bir resimde ne kadar sıkıştırma olursa o kadar bozulur.

Diğer resim ve hareket uzantı karşılaştırması
( * ) Diğerlerini bu uzantılara karşılaştırarak alınacaktır
Yani : 1 mb BMP uzantı --- 70 kb GIF e eşittir.
__________________
-Ey gençliğini benim için harcayan, şehvetini benim için terk eden genç! Sen yanımda bazı meleklerim gibisin

Ehl-i diller babını kitler girer kitler çıkar
Kitlemezse babını itler girer itler çıkar

İntifada
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #2 (Daim)  
Alt 12.12.06, 14:13
ProcycN - ait Kullanıcı Resmi (Avatar)
Süper Paylaşımcı
 
Üyelik Tarihi: 02.12.06
Yaş: 24
Mesajlar: 310
Karizma Puanı: 104
ProcycN has a spectacular aura aboutProcycN has a spectacular aura about
Ce: Dreamweaver Dersleri [ Resimli Anlatım ]

devamı gelir umarım..emege saygıı
__________________
ATAK SONUÇLANDI ...ARTIK HELİKOPTER ÜRETİMİ DE BAŞLADI...AZ KALDI TOZU DUMANA KATACAZ...TÜRK MALI PİYADE TÜFEGİ DE YOLDA...AZ KALDI MİLGEM 2007 DE TÜRK DENİZLERİN DE..YUNAN OĞULU SEN TAK EGE ADALARINA YERLEŞTİR FÜZELERİNİ.TÜRK TANKI DA OTOKAR A DEVREDİLDİ..EMİNİM ATILGAN ZIPKIN GİBİ BUNUNLADA KENDİNİ GÖSTERECEK ASELSAN VE TAİ...TÜRK ÜRETİMİ OLACAK AZ KALDI AZ...

OĞUL TÜRK GİR VE ŞEHİDİNE SAHİP ÇIK..LÜTFEN ALLTAKİ LİNKİ TIKLAYINIZ.

Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #3 (Daim)  
Alt 25.02.07, 15:58
Yeni Üye
 
Üyelik Tarihi: 25.02.07
Yaş: 24
Mesajlar: 18
Karizma Puanı: 66
atememikrop is on a distinguished road
Ce: Dreamweaver Dersleri [ Resimli Anlatım ]

teşekkür ederim.......... emeğine sağlık.. dewamını bekliyoruzz...
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #4 (Daim)  
Alt 26.02.07, 22:09
Paylaşımcı
 
Üyelik Tarihi: 14.07.06
Yaş: 21
Mesajlar: 64
Karizma Puanı: 94
Alkın is a splendid one to behold
Ce: Dreamweaver Dersleri [ Resimli Anlatım ]

devam devam...saol bu arada
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #5 (Daim)  
Alt 04.04.07, 10:31
Yeni Üye
 
Üyelik Tarihi: 04.04.07
Yaş: 38
Mesajlar: 2
Karizma Puanı: 0
ibranmurat is on a distinguished road
Ce: Dreamweaver Dersleri [ Resimli Anlatım ]

teşekkürler ama çok az anlaşılmadı
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #6 (Daim)  
Alt 19.06.07, 22:37
k.bulentdemirel - ait Kullanıcı Resmi (Avatar)
Tam Paylaşımcı
 
Üyelik Tarihi: 02.08.06
Şehir: ANKARA
Yaş: 39
Mesajlar: 196
Karizma Puanı: 105
k.bulentdemirel is on a distinguished road
Ce: Dreamweaver Dersleri [ Resimli Anlatım ]

BİRAZ DAHA AYRINTILI OLSAYDI DAHA GÜZEL OLACAKTI. YİNEDE TEŞEKKÜRLER.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
  #7 (Daim)  
Alt 18.07.07, 18:14
MirLiwA - ait Kullanıcı Resmi (Avatar)
Kıdemli Üye

 
Üyelik Tarihi: 16.05.07
Şehir: Giresun
Yaş: 18
Mesajlar: 1.134
Blog Başlıkları: 34
Karizma Puanı: 175
MirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond reputeMirLiwA has a reputation beyond repute
MirLiwA - İCQ üzeri Mesaj gönder MirLiwA - MSN üzeri Mesaj gönder MirLiwA isimli Üyeye Skype üzeri Mesaj gönder
Ce: Dreamweaver Dersleri [ Resimli Anlatım ]

ileride inşallah daha iyi olacak.saolasın
__________________
*ÜÇ KURUŞLUK ADAMA BEŞ KURUŞLUK DEĞER VERİRSEN ARADAKİ İKİ KURUŞA SENİ SATAR*
*PARANIN DEĞERİ OLSAYDI KENDİNİ HİÇ HARCATMAZDI*
''...ηαмαz кıℓмαуαη кαƒιя σℓмαz αмα кαƒιяℓєя ηαмαz кıℓмαz...'' _ιмαм gαzαℓι_

Oyun bitince "şah" ta "piyon" da aynı kutuya girer... hesap baslar..
* * * * **ÖNEMLİ LİNKLER* * * * * *
WB TASARIMI DERSLERİ
Ücretsiz Site yapımı
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Alıntı ile Cevapla
Cevapla

Go Back   Payidar.NET - Bilgi ve Paylaşım Forumu > Internet > Web Master Dünyası > Web Tasarım Dersleri


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Konu Seçenekleri
Gösterim Modu

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık

Hizli Erisim

Benzer Konular
Konu Yazar Forum Cevaplar Son Mesaj
Macromedia Dreamweaver Dersleri Esc_SeB@Sti@N Web Tasarım Dersleri 4 25.09.06 01:18
Streetball Crossover Dersleri(resimli anlatım) Karizma_Aykut Basketbol 1 02.09.06 23:25


Tüm Zaman GMT +2 Olarak ayarlı. Saat: 17:25.


Powered by vBulletin® Version 3.8.0 Beta 4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0