DREAMWEAVER MX DERS = NOTLARI

DREAM WEAVER MX

B=DDR WEB S=DDTES=DDNE BA=DELAMADAN =D6NCE

1- a ) Sitenin = ismini kontrol et http://www.oznic.com/ , http://www.directnic.com/,http://www.register.com/

com.tr Þ i=E7in ise http://dns.odtu.edu.tr/ http://dns.metu.edu.tr/

who is sorgulamas=FD = (Bunun i=E7in=20 Ticari sicil, vergi no olmal=FD )

b ) =DDsmi sat=FDn = al

2- Ka=E7 sayfa olaca=F0=FDna = karar ver

3- Rakip Siteleri incele

4- Statik mi, Dinamik mi

5- Dinamik ise hangi program ( = ASP, PHP,ISP=20 ) kullan=FDl=FDr

6- Site i=E7in bir ana renk bir = de yard=FDmc=FD=20 renk se=E7

7- Bulabildi=F0imiz kadar resim = topla

8- =DEirketin logosu = kullan=FDlacak

9- Photoshop=92ta resimlere efekt = vermek=20 gerekir

10- Anasayfa = tasarla

11- Yard=FDmc=FD = sayfalara link=20 ver

12- Ftp ile internete = g=F6nder

Resimlerin = =E7=F6z=FCn=FCrl=FC=F0=FC RGB renk=20 modelinde 72 dpi =20 ( jpg ,gif ,png = =91ye=20 =E7evir

Resmin boyutu 50 KB = =91y=FD=20 ge=E7mesin

Proje i=E7in Þ=20 Hasan Þ=20 Dosyalar ve Resimler diye farkl=FD klas=F6rler a=E7.

Deamweaver=92de = =F6ncelikle proje=20 tan=FDmlan=FDr.Dosyalar olu=FEturulup ,tasar=FDm yap=FDl=FDr.

Proje Tan=FDm =3D = Dosyalar olu=FEtur =3D=20 Tasar=FDm

S=DDTE TANIMLAMAK =DD=C7=DDN

=FC =20 Site=20 Men=FCs=FCnden =E8=20 New site =E8=DDsim=20 ver =E8=20 Next =E8=20 G=F6zat ( ) Sar=FD klas=F6r=FC = t=FDkla

Projenin=20 duraca=F0=FD alan=FD belirle = =E8=20 Next =E8=20 None =E8=20 Next =E8=20 Done

=FC =20 F8 : Klas=F6rleri gizler veya = g=F6sterir. Veya=20 Site Men=FCs=FCnden =E8=20 Site Files

=FC =20 Projenin =FCzerinde Sa=F0 Tu=FE =E8=20 New File =E8=20 index.htm =FEeklinde dosyalar tan=FDmlanabilir.

Proje=20 =FCzerinde =E8=20 Sa=F0 Tu=FE =E8New=20 File =E8=20 index.htm

Proje=20 =FCzerinde =E8=20 Sa=F0 Tu=FE =E8=20 New File =E8=20 tablo.htm

Proje=20 =FCzerinde =E8=20 Sa=F0 Tu=FE =E8=20 New File =E8=20 layer.htm

Proje=20 =FCzerinde =E8=20 Sa=F0 Tu=FE =E8 New File =E8=20 menu.htm

Proje=20 =FCzerinde =E8=20 Sa=F0 Tu=FE =E8=20 New File =E8=20 rollover.htm=20

js.htm , = egitim.htm , = head.htm , = karakter.htm gibi = )

Hangi sayfa=20 ile =E7al=FD=FE=FDlacaksa =E7ift t=FDkla

&n= bsp; &nb= sp; &nbs= p; = ; =20

HTML =20 Tasar=FDm +=20 HTML &n= bsp; =20 Normal =

=20

Format &n= bsp; &nb= sp; =20 A A= &n= bsp; &nb= sp; =20 Size &n= bsp; =20 Size &n= bsp; =20 &nbs= p; = ; =20

&n= bsp; =20 Ba=FEl=FDk &n= bsp; &nb= sp; =20 Tip =20 &n= bsp; &nb= sp; B=FCy=FCk= l=FCk =20

Yaz=FD=20 Rengi

=20 B

Link=20 Verilir

&nbs= p; = ; = &= nbsp; &n= bsp; =20 Link

=FC = ; =20 Sayfan=FDn ile ilgili ayarlar i=E7in = Modify=20 =E8=20 Page Properties (Ctrl + J ) men=FCs=FC veya Sayfa i=E7erisinde = =E8=20 Sa=F0 Tu=FE =E8=20 Page Properties men=FCs=FC kullan=FDl=FDr.

Title &nbs= p; = ; =20 : Sayfa Ba=FEl=FD=F0=FD

Baground=20 =DDmage =20 : Sayfa arka plan rengi

Background &nbs= p; =20 :

Text &nbs= p; = ; =20 :

Link &nbs= p; = ; =20 :

Left=20 Margin &nbs= p; =20 :

Top=20 Margin &nbs= p; =20 :

Visited=20 Link &nbs= p; =20 :

Active=20 Link &nbs= p; =20 :

Margin=20 Width &nbs= p; =20 :

Margin=20 Height :

=B7 =20 Sayfan=FDn Ba=FEl=FD=F0=FD Ara=E7 = =C7ubuklar=FDndaki Title=20 k=FDsm=FDndan da verilebilir

=FC = ; =20 F12: =DDnternet Explorer=92da = =F6nizleme yapmay=FD=20 sa=F0lar. Veya File =E8=20 Preview =DDn Browser =E8=20 =DDexplorer

DREAMWEAVER=91I T=DCRK=C7ELE=DET=DDRMEK =DD=C7=DDN

&n= bsp;=20

=20 1-) a) Edit =E8 Prefences =E8=20 Fonts =E8 Font Settings =E8=20 Other se=E7 alt b=F6l=FCmden hepsi T=FCrk=E7e olsun.

b) =20 Modify =20 =E8 Page Properties =E8=20 Document Encoding =E8=20 Other =E8=20 Reload yap

=20 2-) http://www.bt-egitim/.com/hasan/html/e= ncoding.mxp

&nbs= p; = ; =20 COMMON (ARA=C7 =C7UBU=D0U)

=20

=20 Hyperlink:=20 Sayfaya Link verir

=20 = Email=20 Link: E- Mail adresine link

Named = Anchor:=20 Sayfa =DD=E7ine Link verir.

=FC = ; =20 CSS Kullanarak =E8=20 Linklerin alt=FDndaki =E7izgilerin kald=FDr=FDlmas=FD ve =FCzerine = gelince rengi, b=FCy=FCkl=FC=F0=FC=20 ve di=F0er =F6zellikleri de=F0i=FEen linkler olu=FEturma

1-) =D6nce bir yaz=FD = yaz ve Link=20 ver

2-) Window = Men=FCs=FCnden =E8=20 CSS Styles ( Shift + F11 ) ile CSS men=FCs=FCn=FC a=E7

3-) + (New CSS Style) = T=FDkla

4-) Make Custom Style = (class)=20 Se=E7

5-) Name: Link = (=FEeklinde =DDsim=20 ver)

6-) CSS dosyas=FD = i=E7in isim ver

7-) Type = k=FDsm=FDndan yaz=FDn=FDn=20 b=FCy=FCkl=FC=F0=FCn=FC, rengini ve none se=E7ene=F0i ile alt = =E7izgisini kald=FDr.

8-) Linkli yaz=FDy=FD = se=E7 ve CSS=20 b=F6l=FCm=FCnden tan=FDml=FD CSS=92ye t=FDkla =F6zellik aynen = uygulan=FDr.

9-) CSS = b=F6l=FCm=FCnden +=92ya t=FDkla Use=20 CSS Selector=92=FC se=E7 . =E8=20 Selector k=FDsm=FDndan =E8=20 a: hover se=E7

10-) Tekrar yaz=FD = b=FCy=FCkl=FC=F0=FC, rengi=20 se=E7 kaydet ve F12 ile Browser=92da g=F6r=FCnt=FCle.

Insert = Table :=20 Tablo Ekler

Cellspace=20 =20 : H=FCcreler aras=FD bo=FEluk

Cellpad =20 : Konulan resim veya yaz=FDn=FDn h=FCcre i=E7indeki konumu

Bgcolor =20 : Tablonun arkaplan rengi

Brdcolor =20 :D=FD=FE =E7izgi rengini belirler.

Align &nbs= p; =20 :Tabloyu hizalar.

Bgimage =20 :Tablo arkas=FDna resim ekler

=B7 =20 Tablo =D6zelliklerinin Properties Ara=E7 = =C7ubular=FDnda=20 g=F6z=FCkmesi i=E7in Tablonun D=FD=FE =E7izgisine t=FDklamak = gerekir.

=B7 =20 H=FCcre =F6zelliklerini de=F0i=FEtirmek = i=E7in de h=FCcre=20 i=E7erisine t=FDklamak gerekir.

=B7 =20 =DDki h=FCcre se=E7ilip Properties Ara=E7 = =E7ubu=F0undan simgesine veya=20 Sa=F0 Tu=FE =E8=20 Table=E8=20 Merge Cell komutuna t=FDklan=FDrsa iki h=FCcre birle=FEtirlir.

=B7 =20 H=FCcre i=E7erisinde iken simgesine veya=20 Sa=F0 Tu=FE =E8=20 Table =E8=20 Split Cell komutu verilirse h=FCcreler b=F6l=FCn=FCr.

Image : = Resim=20 Eklemek i=E7in kullan=FDl=FDr.

Common=20 ara=E7 =E7ubu=F0undan resim ekleme ara=E7 =E7ubu=F0u = kullan=FDld=FD=F0=FDnda sa=F0da image preview=20 b=F6l=FCm=FCnde dosyan=FDn pixel olarak b=FCy=FCkl=FC=F0=FC, dosya = kapasitesi ve ka=E7 sn.=92de=20 y=FCklenece=F0i g=F6sterilir.

=20 Resmi orant=FDl=FD b=FCy=FClt=FCp k=FC=E7=FCltmek i=E7in Shift = tu=FEu kullan=FDl=FDr.

=B7 =20 Resmin Farkl=FD noktalar=FDna linkler = vermek i=E7inara=E7 =E7ubuklar=FD kullan=FDl=FDr.

Alt : = Resmin=20 =FCzerine gelince =E7=FDkmas=FD istenen yaz=FD belirlenir.

Link : Resmin = =FCzerine link=20 verilebilir.

Image=20 Placeholder : Resim alan=FD a=E7ar. Resim i=E7in yer tutar. Daha sonra = silip yerine=20 ger=E7ek resim konulur.

Draw = Layer :=20 Layer =C7izer. Sayfa i=E7ine mouse ile dikd=F6rtgen =FEeklinde bir alan = =E7iz. Bu layer=20 i=E7ine t=FDkla =E8=20 Resim ekle ve layer=92=FDn =FCst k=FDsm=FDndan s=FCr=FCkleyip = istedi=F0in yere ta=FE=FD. Layer=92=FD=20 b=FCy=FCtmek i=E7in layer=92a t=FDkla o zaman Layer =F6zellikleri gelir. = Resim =F6zellikleri=20 i=E7in de resime t=FDklan=FDr. =20

=FC =20 F2 : Layer penceresini getirir = veya=20 gizler. Veya Window =E8=20 Other =E8=20 Layers

Onmouseover : =DCzerine gelince

Onmouseout : Mouse =FCzerinden = ayr=FDl=FDnca

Onmousedown:=20 Bas=FDl=FD tutuldu=F0u an

Onmouseup : =DCzerine = t=FDklay=FDp=20 b=FDrak=FDnca

Onclick =20 : T=FDklamak

Ondbclick = :=20 =C7ift t=FDklamak

Onunload =20 : Sayfay=FD kapatt=FD=F0=FD an

Onload =20 : Sayfa y=FCklendi=F0inde

Onstop =20 : Ara=E7 =E7ubuklar=FDndan stop=92a bas=FDld=FD=F0=FDnda

=D6rnek: = (=DCzerine gelince Ba=FEka=20 resim a=E7=FDlmas=FD)

1-) Layer =E7iz ve = i=E7ine resim=20 ekle =

2-) =DDkinci bir = Layer =E7iz ve=20 onunda i=E7ine resim ekle

3-) Layer2=92nin = g=F6z=FCn=FC Layer=20 penceresin (F2)=92den kapat. &n= bsp; =20

4-) Layer1=92i se=E7 = =E8=20 Window =E8=20 Behaviors ( Shift + F3 ) =E8=20 + T=FDkla =E8=20 Show Events For =E8=20 =DDnternet 6.0 Se=E7

5-) + T=FDkla =E8Show=20 Hide Layer =E8Layer2=20 se=E7 =E8Show=20 =E8=20 Tamam =E8Onmouse=20 Over se=E7

6-)Layer1 se=E7 =E8=20 Show Hide Layer =E8=20 Layer2 se=E7 =E8=20 Hide =E8=20 Tamam =E8=20 Onmouseout

&n= bsp; &nb= sp; =20

=D6rnek: = (A=E7=FDlan Menu Olu=FEturma)=20

1-) Layer1 =E7iz = i=E7ine 1=92e 1 tablo=20 =E7iz i=E7ine E=F0itimlerimiz yaz

2-) Layer2 =E7iz = i=E7ine 1 s=FCtun 5=20 sat=FDrl=FD tablo a=E7 Web Tasar=FDm, Grafikerlik, 3D Max, Autocad, = =DD=FEletmenlik Yaz

3-) Layer2 nin = g=F6z=FCn=FC kapa

4-) Layer1=92i se=E7 =

5-) + T=FDkla =E8Show=20 Hide Layer =E8Layer2=20 se=E7 =E8Show=20 =E8=20 Tamam =E8Onmouse=20 Over se=E7

6-)Layer1 se=E7 =E8=20 Show Hide Layer =E8=20 Layer2 se=E7 =E8=20 Hide =E8=20 Tamam =E8=20 Onmouseout

FRAME=20 (=C7ER=C7EVELER)

Frame=92ler Web Sayfalar=FDn=FD = istedi=F0imiz =FEekilde=20 par=E7alara ay=FDrma ve o = par=E7alara=20 ayr=FD ayr=FD h=FCkmetmemize imkan sa=F0layan yap=FDlard=FDr. = =C7er=E7eveli sayfalar iki ana=20 yap=FDdan olu=FEur. Birinci par=E7a =E7er=E7evelerin say=FDs=FDn=FD, = boyutunu ve yerle=FEimini=20 belirleyen ana =E7er=E7eve sayfas=FD, ikinci par=E7a ise tek tek = =E7er=E7evelerdir.=20 Anasayfaya Frameset denir.

=C7er=E7eveli sayfa olu=FEturmak i=E7in = bo=FE bir sayfa=20 olu=FEturduktan sonra Frames ara=E7 =E7ubuklar=FD aktif hale = getirilip oradan bir=20 =E7er=E7eve =FEekli belirlenir.

Borders: =20 YES veya NO se=E7ene=F0i ile frame =E7izgilerinin olup = olmayaca=F0=FD=20 belirlenir.

Border Width: Se=E7ene=F0i ile frame = =E7izgilerinin=20 kal=FDnl=FD=F0=FD

Border Color: Se=E7ene=F0i ile frame = =E7izgilerinin=20 rengi

Frame=92lerin = Di=F0er=20 =D6zelliklerini g=F6rmek i=E7in : Window Þ=20 Others Þ=20 Frames (Shift + F2) se=E7ene=F0i kullan=FDl=FDr. Bu se=E7enek ile = frame=92ler ayr=FD ayr=FD=20 se=E7ilip isimleri de=F0i=FEtirilebilir.

Frame=92ler = sayfay=FD ta=FE=FDnca=20 kayd=FDrma =E7ubuklar=FDn=FD i=E7in: Scroll se=E7ene=F0inden

=20 No: Sayfa ta=FEsa bile kayd=FDrma =E7ubu=F0u = =E7=FDkmaz.

=20 Yes: Sayfa ta=FEsada ta=FEmasa da kayd=FDrma =E7ubu=F0u = =E7=FDkar.

=20 Auto: Sayfa ta=FEarsa g=F6r=FCnt=FClenir. Ta=FEmaz ise = g=F6r=FCnt=FClenmez.

=20

=20 No Resize: =DD=FEaretli ise Frame=92lerin boyutlar=FD = =DDnternet =FCzerinden=20 de=F0i=FEtirilemez.

=20 Margin Width: =DD=E7eri=F0in soldan uzakl=FD=F0=FDn=FD

=20 Margin Height: Se=E7ene=F0i ile de i=E7eri=F0in =FCstten = uzakl=FD=F0=FDn=FD=20 belirleyebiliriz.

=FC =20 Herhangi bir =E7er=E7eveyi kald=FDrmak = i=E7in fare ile=20 s=FCr=FCkleyip =FCst veya sol kenara yaslamak yeterlidir.

=FC =20 Frame=92li sayfalar=FD kaydetmek i=E7in = F12 yap=FDnca=20 kaydedilecek alanlar=FD tek tek =E7er=E7eve =FEeklinde getirip = kaydetmemize imkan=20 tan=FDyor.

=FC =20 Link verdikten sonra sayfalar=FDn frame = i=E7inde=20 a=E7=FDlmas=FD i=E7in Target b=F6l=FCm=FCnden a=E7=FDlmas=FDn=FD = istedi=F0imiz alan=20 belirlenir.

=FC =20 =C7er=E7eve desteklemeyen Web = taray=FDc=FDlar=FD i=E7in=20 Modify Þ=20 Frameset Þ=20 Edit Noframes Content komutu=20 =E7al=FD=FEt=FDr=FDl=FDp g=F6r=FCnt=FClenmesini istedi=F0imiz mesaj = girilir.

=FC =20 Frame=92li sayfalarda verilen = linklerin=20 farkl=FD sayfalarda a=E7=FDlmas=FD i=E7in Target b=F6l=FCm=FCnde = _blank se=E7ene=F0i se=E7ilir.=20

=FC =20 Frame=92li sayfalarda verilen linklerin = frameli=20 sayfan=FDn yerinde yani aktif sayfada a=E7=FDlmas=FD i=E7in Target = b=F6l=FCm=FCnde _top=20 se=E7ene=F0i se=E7ilir.

=FC =20 Frame=92li sayfalarda t=FCm linkler = i=E7in Target=20 belirtmemek i=E7in =DDnsert Þ=20 Head Tags Þ=20 Base k=FDsm=FDnda Target k=FDsm=FDnda ana (a=E7=FDlmas=FD = istetenen alan)=20 belirlenir.

=FC =20 Frame=92li sayfa frame ilavesi yapmak i=E7in = =DDnsert=20 Þ=20 Frames se=E7ene=F0i kullan=FDl=FDr.

=DEABLONLAR (TEMPLATE)

=DDnternet sayfalar=FDnda temel tasar=FDm = =F6zelliklerinin birbirine=20 benzemesi ve sayfalar aras=FDnda bir b=FCt=FCnl=FCk olmas=FD = =FEartt=FDr. Bu nedenle =DEablonlar=20 kullan=FDl=FDr. =DEablon tasar=FDm=FD bo=FE bir sayfada yap=FDl=FDp

q =20 File Þ=20 Save As Template komutu kullan=FDl=FDr. Bu b=F6l=FCmde =F6nceden = tan=FDml=FD =FEablonlar=FDn=20 bir listesi g=F6r=FCnt=FClenir. Save As k=FDsm=FDndan =FEablona = bir isim verilip=20 kaydedilir.

q =20 =DEablon =FCzerinde bir de=F0i=FEiklik = yap=FDp=20 kaydetti=F0imiz anda t=FCm =FEablona ba=F0l=FD sayfalarda da ayn=FD = de=F0i=FEiklikler=20 kendili=F0inden yap=FDlacakt=FDr.

q =20 Bu =FEablon Assets panelinde = listelenir.

q =20 =DEablona d=FCzenlenebilir alan = eklemek i=E7in:=20 Templates sekmesinden =E8=20 Editable Region simgesine t=FDklan=FDr.

q =20 D=FCzenlenebilir alanlar=FD = kald=FDrmak i=E7in: Modify=20 =E8=20 Templates =E8=20 Remove Template Markup komutu verilir. =20

q =20 =DEablona ba=F0l=FD bir sayfay=FD = Template=92den=20 kurtarmak i=E7in: Modify Þ=20 Templates Þ=20 Detach From Template komutu kullan=FDl=FDr.

K=DCT=DCPHANE=20 (L=DDBRARY)

Bir k=FCt=FCphaneden bir eleman=FD bir = Macromedia=20 Dreamweaver belgesine ekledi=F0inizde HTML kodunda de=F0i=FEiklik = yaparak bu eleman=FDn=20 g=F6r=FCnt=FClendi=F0i yere =F6zel kodlar ekler. Bu kodlar i=E7erisinde = orijinal k=FCt=FCphaneye=20 bir referans yer al=FDr. B=F6ylece, k=FCt=FCphane eleman=FDn=FD = de=F0i=FEtirdi=F0inizde Macromedia=20 Dreamweaver dosyalar=FD teker teker a=E7=FDp referanslar=FDn=FD kontrol = ederek dosyalar=FD=20 yeni tasar=FDma g=F6re g=FCncelleyebilir.

K=FCt=FCphaneye bir =F6ge eklemek = i=E7in:

1-) Yeni=20 k=FCt=FCphane eleman=FD olu=FEturmak i=E7in k=FCt=FCphane elemanlar=FD = s=FCr=FCklenerek Assets=20 paneli i=E7ine ta=FE=FDn=FDr.

2-)=20 K=FCt=FCphaneye eklenecek nesne se=E7ili iken Assets paneli alt=FDndaki = + i=FEaretine=20 t=FDklan=FDr.

3-)=20 K=FCt=FCphaneye eklenecek nesne se=E7ili iken Modify Þ=20 Library Þ=20 Add Object to Library komutu verilir. Bu i=FElemin sonucunda sa=F0 = tarafta=20 k=FCt=FCphane penceresi a=E7=FDlacak ve se=E7ilen eleman k=FCt=FCphaneye = eklenecektir. =DDsmi=20 de=F0i=FEtirilip kullan=FDl=FDr. Bu k=FCt=FCphane eleman=FD File = Þ=20 Close komutu ile kapat=FDlabilir.

K=FCt=FCphane=20 eleman=FD se=E7ilip alttan =E7=F6p = kutusuna=20 t=FDklan=FDrsa silinebilir.

K=FCt=FCphanedeki bir nesneyi sayfaya = eklemek i=E7in:

1-)=20 K=FCt=FCphane =F6=F0esini s=FCr=FCkle b=FDrak y=F6ntemi ile

2-)=20 K=FCt=FCphane ara=E7 =E7ubu=F0undan =F6=F0e se=E7ili iken alt = k=FDs=FDmdan insert komutu=20 kullan=FDlarak o nesneyi sayfaya eklemek m=FCmk=FCnd=FCr.

K=FCt=FCphane=20 eleman=FDn=FD de=F0i=FEtirmek i=E7in File Þ=20 Open komutu ile Library klas=F6r=FCnden eleman se=E7ilip = de=F0i=FEtirilip=20 yerine ba=FEka bir =FEekil tan=FDmlanabilir. Kaydedildikten sonra bu = eleman=FDn=20 kullan=FDld=FD=F0=FD yerlerin g=FCncellenebilmesi i=E7in Modify = Þ=20 Library Þ=20 Update Pages komutu kullan=FDl=FDr.

K=FCt=FCphane=20 =F6=F0esi se=E7ili iken properties penceresinden Detact From = Original: Orijinal=20 k=FCt=FCphane eleman=FD ile se=E7ili eleman aras=FDndaki = ba=F0lant=FDy=FD keser. =DD=E7eri=F0i=20 d=FCzenlenebilir hale gelir. Fakat k=FCt=FCphane g=FCncellemeleri pasif = olur.

Recreate:Yeniden=20 olu=FEturma.

K=FCt=FCphane eleman=FDn=FD = k=FCt=FCphaneden eklerken k=FCt=FCphane=20 ile olan ba=F0lant=FDs=FDn=FD kopartmak i=E7in bu i=FElem Ctrl ile = yap=FDlmal=FDd=FDr.As=FDl=20 k=FCt=FCphanede yap=FDlan de=F0i=FEiklikler bu sayfay=FD etkilemez.

JUMP MEN=DC ( A=DEA=D0I A=C7ILAN = MEN=DC)

A=FEa=F0=FD do=F0ru=20 a=E7=FDlan men=FCler olu=FEturmak i=E7in normalde JavaScript kullanmak = gerekli, ancak onun=20 yerine Dreamweaver i=E7erisinde bu i=FElemi yerine getiren Jump = Men=FC komutu=20 var.

=DDnsert=20 Þ=20 Form Object Þ=20 Jump Men=FC komutu =E7al=FD=FEt=FDr=FDl=FDr.

Text:=20 Sayfalar=FDn isimleri ve t=FDklanmas=FD istenen yaz=FD yaz=FDl=FDr. = =D6rn: Web Tasar=FDm=FD,=20 Grafikerlik

When=20 Selected Go to URL: Link bu b=F6l=FCme yaz=FDl=FDr. + i=FEaretine = t=FDklan=FDr.

Open URLs=20 In: Frame=92li sayfalarda Link=92in nerede a=E7=FDlmas=FD = isteniyorsa buradan=20 belirlenir.

Options:=20 =DDnsert Go Button After Menu se=E7ene=F0i ile Link=92in sol = taraf=FDnda Go=20 (Git) yaz=FDs=FD eklenebilir. T=FDklay=FDnca da gider.

Men=FClerde=20 Ekleme/=C7=FDkarma yapmak i=E7in Tasar=FDm ekran=FDnda iken = Men=FC=92n=FCn =FCzerine t=FDkla List=20 Values k=FDsm=FDndan se=E7mek sureti ile Yaz=FDlar=FD ve = T=FDklay=FDnca gitmesini=20 istedi=F0imiz alan=FD belirleyebiliriz. + ile ekleme =96 ile de = =E7=FDkarma=20 yapabiliriz.

=DCZER=DDNE GEL=DDNCE DE=D0=DD=DEEN RES=DDM VE = BUTTONLAR(ROLLOVER IMAGE )

Rollover kullan=FDc=FD i=FEaret=E7iyi = hareket ettirdi=F0inde=20 de=F0i=FEen bir resimdir.

=D6ncelikle iki farkl=FD button = Photosop=92ta tasarlan=FDr.=20 Bu buttonlar renk olarak birbirinden farkl=FD olur. =

1-) Common = Ara=E7=20 =C7ubuklar=FDndan Þ=20 Rollover =DDmage

2-) = =DDnsert Þ=20 =DDnteractive =DDmages Þ=20 Rollover =DDmage komutu = kullan=FDl=FDr.=20

3-) Rollover resim i=E7in di=F0er bir = y=F6ntem de=20 Behaviors panelidir. =D6nce = birinci resim=20 sayfaya eklenir. Behaviors k=FDsm=FDndan =20 (+) =E8 Swap =DDmage se=E7ilir. De=F0i=FEecek = resim=20 belirlenir.

=DDmage Name: = D=FC=F0meye isim = verilir.

Original = =DDmage: Sayfa ilk a=E7=FDld=FD=F0=FDnda ekrana = gelecek resim veya=20 button =FEekli

Rollover = =DDmage: Buradan da resmin =FCzerine gelince = almas=FD istenen=20 =FEekil belirlenir.

Preload = Rollover =DDmage:=20 Se=E7ene=F0i i=FEaretli olmalidir. = =C7=FCnk=FC bu se=E7enek=20 sayfa y=FCklenince resmin ikinci =FEeklini de y=FCkler ve =FCzerine = gelince beklemeden=20 ikinci resmi g=F6sterir.

Go To Url: = Link verilnmek istenen alan buraya = girilir.=20

Alternate = Text: =DCzerine=20 gelince =E7=FDkmas=FD istenen yaz=FD belirlenir.

=D6rnek1: = Photoshop=92ta=20 Button olu=FEtur. Normal hali ve =FCzerine gelince de=F0i=FEmesi istenen = =FEekilleri=20 belirle ve kaydet. Common Ara=E7 =C7ubu=F0undan Rollover =DDmage = k=FDsm=FDnda Orijinal ve=20 Rollover i=E7in tan=FDmlamalar yap.

=D6rnek2: = Common Ara=E7=20 =E7ubu=F0undan Rollover =DDmage k=FDsm=FDnda Orijinal ve Rollover b=F6l=FCmleri i=E7in farkl=FD = iki resim belirle=20 =FCzerine gelince di=F0er resim g=F6r=FCnt=FClenecektir.

ZAMAN =C7=DDZELGES=DD = (T=DDMEL=DDNES)

Timeline=92da=20 annimasyon olu=FEturmk i=E7in Layerlar kullan=FDl=FDr. T=FCm = =E7al=FD=FEmalar Layerlar=20 i=E7erisinde yap=FDl=FDr. Timeline=92daki her bir s=FCtuna kare denir. = Anahtar karelere=20 keyframe denir.

=FC = ; =20 Window =E8=20 Others =E8=20 Timeline ( Alt + F9 ) ile Flas animasyonu yap=FDlabilir.

Ba=FEtaki=20 animasyonu ba=FEa sarmak i=E7in, onun yan=FDndaki bir kare geri almak = i=E7in.

Animasyonu bir=20 kare ileri almak i=E7in kullan=FDl=FDr.

FPS:=20 Saniyede g=F6nderilecek olan kare say=FDs=FDn=FD ayarlayabilirsiniz. = Buradaki say=FD=20 ne kadar y=FCksekse animasyon o kadar h=FDzl=FD cereyan eder.

Autoplay:=20 Bu se=E7enek i=FEaretli ise sayfa y=FCklendi=F0i anda animasyon = =E7al=FD=FEmaya ba=FElar.

Loop:=20 =DD=FEaretli olursa da animasyon s=FCrekli oynat=FDl=FDr.

Layer=92lar=FD=20 timeline=92a koymak i=E7in Modify =E8=20 Timeline =E8=20 Add Object To Timeline se=E7ilir veya Layer=92=FD timeline =FCzerine = s=FCr=FCkleyip=20 herhangi bir kareye de=20 b=FDrakabiliriz.

Timeline ile = animasyon=20 olu=FEtururken Layer =E7izilip yap=FDlacak animasyon =E7al=FD=FEmas=FD o = layer i=E7erisinde=20 tan=FDmlan=FDr.

=D6rnek:=20

1-) Bir=20 layer =E7iz

2-) Layer=20 i=E7erisine t=FDkla resm ekle ve resmi k=FC=E7=FClt

3-)=20 Layer=92=FD s=FCr=FCkleyip a=FEa=F0=FD timeline=92a s=FCr=FCkle

3-) Resmi=20 Layer=92=FDn =FCst k=FDsm=FDndan s=FCr=FCkleyip gelmesini istedi=F0imiz = kareye ta=FE=FDr=FDz.

4-)=20 Autoplay se=E7ene=F0ini yukar=FDdan i=FEartleyip F12=92ye = bas=FDl=FDr.

=FC =20 Layer=92=FDn hareket noktalar=FDn=FD = biz kendimiz mouse ile hareket = etmek sureti=20 ile de belirleyebiliriz. Bu s=FDradaki hareketlerin kay=FDt olmas=FD = i=E7in de Modify=20 Þ=20 Timeline Þ=20 Record Path Of Layer komutu =E7al=FD=FEt=FDr=FDl=FE=FDr. Yap=FDlan = her hareket kayda al=FDn=FDr.=20

=FC =20 Animasyonun yumu=FEak olmas=FD i=E7in = Timeline=92daki=20 s=FCrenin uzun olmas=FD gerekir. =

=D6rnek:

1-) Layer =E7iz

2-) =DD=E7ine bir = yaz=FD yaz ve=20 Timeline =FCzerine s=FCr=FCkle ve b=FDrak

3-) Belirli bir alan = ilerlet ve=20 sonra da Gelmesi gereken alana Layer i=E7indeki yaz=FDy=FD getir

4-) Orta bir nokta = t=FDkla ve Sa=F0=20 tu=FE =E8=20 Add Keyframe t=FDkla

5-) Layer,=92l=FD = yaz=FDy=FD se=E7 ve=20 k=FDvr=FDm ver (a=FEag=FD do=F0ru)

6-) Timeline=92da = Autoplay=20 se=E7ene=F0ini i=FEaretle ve =E7al=FD=FEt=FDr.

7-) Ayn=FD y=F6ntemle = birka=E7 tane=20 layerl=FD yaz=FDy=FD Timeline=92da hareket ettir. G=FCzel bir men=FC = olur.

=FC = ; =20 (OPEN BROWSER W=DDNDOW) Sayfa Y=FCklenince = K=FC=E7=FCk Bir Pencere=20 A=E7=FDlmas=FD i=E7in Window =E8=20 Behaviors (Shift+F3) =E8=20 + T=FDkla =E8=20 Open Browser Window =E8=20 K=FDsm=FDnda sayfa y=FCklenince yeni pencerelerin a=E7=FDlmas=FD hatta = a=E7=FDlacak pencerenin=20 boyutlar=FD belirlebilir.

=FC = ; =20 (OPEN BROWSER W=DDNDOW) = Herhangi bir=20 sayfa i=E7erisindeki bir link=92in =FCzerine t=FDklay=FDnca o konu ile = ilgili k=FC=E7=FCk bir=20 a=E7=FDklama penceresi =E7=FDkartmak i=E7in =20 =F6nce normal sayfa tasar=FDm=FDn=FD yap ve sayfa = i=E7erisindeki herhangi bir=20 kelimeyi se=E7 ve a=E7=FDklaman=FDn kay=FDtl=FD oldu=F0u sayfaya link = ver. Linkli kelimenin=20 i=E7erisine t=FDklay=FDp Behaviors =E8=20 + T=FDkla =E8=20 Open Browser Window komutunu ver

URL to Display: = T=FDklay=FDnca=20 a=E7=FDlacak sayfan=FDn ismi

Window Width: = A=E7=FDlacak=20 sayfan=FDn pixel cinsinden geni=FEli=F0i

Window Height: = A=E7=FDlacak=20 sayfan=FDn pixel cinsinden y=FCksekli=F0i

Navigation = Toolbar:=20 Taray=FDc=FDn=FDn ileri, geri, durdur gibi d=FC=F0meleri = g=F6r=FCnt=FClenecek mi?

Location Toolbar:=20 Pencerenin web adresi g=F6r=FCnt=FClenecek mi?

Status Bar: = Pencerenin=20 alt=FDndaki durum =E7ubu=F0u g=F6r=FCnt=FClenecek mi?

Menu Bar: Web=20 taray=FDc=FDs=FDn=FDn men=FC =E7ubu=F0u g=F6r=FCnt=FClenecek mi?

Scrollbars as = Needed:=20 Kayd=FDrma =E7ubu=F0u gerekli durumlarda =E7=FDkacak m=FD?

Resize Handles: = Kullan=FDc=FD=20 pencere boyutler=FDn=FD de=F0i=FEtirebilecek mi?

Window = Name:Pencerenin ad=FD=20 buradan belirlenir.

=FC = ; =20 (PLAY SOUND) Sayfa Y=FCklenince = M=FCzik =C7almas=FD=20 i=E7in Window =E8=20 Behaviors =E8=20 + T=FDkla =E8=20 Play Sound =E8=20 K=FDsm=FDnda sayfa y=FCklenince =E7almas=FD istenen m=FCzik = belirlenebilir.

=FC = ; =20 (POP-UP MESSAGE) Sayfa Y=FCklenince = Bir Mesaj=20 Ekran=FD Gelmesi i=E7in Window=20 =E8=20 Behaviors =E8=20 + T=FDkla =E8=20 Popup Message =E8=20 K=FDsm=FDnda sayfa y=FCklenince =E7=FDkmas=FD istenen mesaj yaz=FDl=FDr. = Daha sonra bu eylemin=20 hangi durumda devreye girece=F0i belirlenir. (onmouseover veya di=F0er = durumlar)=20

=FC = ; =20 (SET TEXT OF STATUS BAR) Durum = =C7ubu=F0unda Mesaj=20 =C7=FDkmas=FD i=E7in Window =E8=20 Behaviors (Shift+F3) =E8=20 + T=FDkla =E8=20 Show Text =E8=20 Set Text Of Status Bar =E8 K=FDsm=FDnda sayfa = y=FCklenince durum=20 =E7ubu=F0unda =E7=FDkmas=FD istenen mesaj belirlenebilir.

=FC = ; =20 (SWAP =DDMAGE) =DCzerine = gelince resmin=20 ba=FEka bir resim ile de=F0i=FEmesi i=E7in : =20 Window =E8=20 Behaviors =E8=20 + T=FDkla =E8=20 Swap =DDmage =E8=20 Resim Se=E7 Þ=20 Set Source To k=FDsm=FDna da yeni resmi se=E7erek = belirle

Proload Images: = Sayfa=20 y=FCklenince di=F0er resimleri de y=FCklemeyi sa=F0lar.

Restore =DDmages = onMouseOut:=20 Mouse geri =E7ekilince resmin eski =FEeklini y=FCkler.

=FC = ; =20 (SHOW POP-UP MENU) Link =DCzerine = Gelince Popup=20 Men=FC A=E7=FDlmas=FD =DD=E7in =D6nce bir resim olarak =FCst = =FEeridi tasarla, link isimlerini=20 belirle ve resmi kaydet. Dreamweaver i=E7erisinde resim = =E7a=F0r=FDl=FDr. Link olacak=20 yerler Map (Hotspot: Yani resmin de=F0i=FEik yerlerine link vermek = i=E7in kullan=FDlan=20 ara=E7) arac=FD ile belirlenir.

Resim=20 haritas=FD se=E7ilip = =E8Window=20 =E8=20 Behaviors =E8=20 + T=FDkla =E8=20 Show Pop-up Menu se=E7ene=F0i kullan=FDl=FDr.

Content: Bu = b=F6l=FCmde link=20 isimleri ve linkler verilir.

Apparence: = Men=FCn=FCn =FEekli=20 (yatay, dikey) font, yaz=FD tipi ve renkler ayarlan=FDr.

Advanced: = Men=FCn=FCn h=FCcre=20 geni=FEli=F0i, y=FCksekli=F0i, zemin rengi ayarlan=FDr.

Position: = Men=FCn=FCn konumunu=20 belirlemek i=E7in kullan=FDl=FDr.

=FC = ; =20 Site i=E7erisinde kullan=FDlan = renkleri g=F6rmek=20 i=E7in: Window =E8=20 Assets (F11) kullan=FDl=FDr. Buradaki renkle istenirse bu b=F6l=FCm = kullan=FDlarak di=F0er=20 yaz=FDlara uygulanabilir.Yaz=FD se=E7ilip Assets panelinden rengi = se=E7ip Apply komutu=20 verilirse renk de=F0i=FEir.

=FC = ; =20 Flash Text Eklemek i=E7in: = =DDnsert =E8=20 Flash Text kullan=FDl=FDr. Font, Size, Color, Rollever Color, Text, = Link, Target,=20 Bgcolor belirlenip Save As ile *.swf olarak kaydedilir. Daha sonra = istenilen=20 ebatta b=FCy=FClt=FCl=FCp k=FC=E7=FClt=FClebilir.

FORM

Form Eklemek i=E7in = =DDnsert=20 Þ=20 Form se=E7ene=F0i kullan=FDl=FDr. Eklenen formlar=FDn = =F6zelliklerini de=F0i=FEtirmek i=E7in=20 formun k=FDrm=FDz=FD d=FD=FE =E7er=E7evesine t=FDklan=FDr. Action ve = method se=E7imi=20 yap=FDlabilir.

Text = Field(Metin=20 Alanlar=FD): Kullan=FDc=FDn=FDn bilgi girmesini sa=F0lamak i=E7in = kullan=FDl=FDr.

Char Width: = Metin=20 kutusunun geni=FEli=F0i buradan ayarlan=FDr.

Max Chars: = Metin kutusunun=20 i=E7erisinde ka=E7 tane harf yaz=FDlaca=F0=FD buradan = s=FDn=FDrland=FDr=FDl=FDr.

Type: Single Line: Tek = sat=FDrl=FDk metin=20 kutusu i=E7in; Multi = Line:=20 Birden fazla sat=FDrdan olu=FEan metin kutusu i=E7in; Password: =DEifreli = metinler girmek=20 i=E7in kullan=FDl=FDr.

Wrap: = E=F0er birden=20 fazla sat=FDrdan olu=FEan bir metin kutusu kullan=FDyorsan=FDz kutunun = i=E7erisine girilen=20 metinlerin geni=FEli=F0i kutuyu a=FEarsa yeni yaz=FDlan yaz=FDlar=FDn = alt sat=FDra kaymas=FD=20 sa=F0lar.

=DDnit Val: = Sayfa=20 a=E7=FDld=FD=F0=FDnda metin alan=FDn=FDn i=E7inde yaz=FDlm=FD=FE = yaz=FDlar gelmesi i=E7in kullan=FDl=FDr.

Button ( = D=FC=F0meler): Formu=20 g=F6ndermek i=E7in veya =F6zel bir i=FElem yap=FDlmas=FD i=E7in = kullan=FDlacak olan d=FC=F0meyi=20 buradan belirleyebilirsiniz.

Label: = D=FC=F0menin =FCzerinde=20 yaz=FDlmas=FD istenen yaz=FD buradan belirlenir.

Action: = D=FC=F0meye bas=FDl=FDnca=20 ne yap=FDlacak? Submit = Form:=20 Form g=F6nderilecek. Reset Form: Form orijinal de=F0erlerine = geri=20 d=F6nd=FCr=FClecek. = None: Form=20 hi=E7bir =FEey yapmayacak. ( Genelde Javascriptleri =E7al=FD=FEt=FDrmak = i=E7in=20 kullan=FDl=FDr.)

Radio = Button:(=C7oktan se=E7meli=20 d=FC=F0meler) Bu t=FCr d=FC=F0melerde b=FCt=FCn d=FC=F0melerin = isimleri ayn=FD olur Sadece bu=20 d=FC=F0melerden biri se=E7ilebilir.

Radiobutton:D=FC=F0me grubunun=20 ismi buradan verilir.

Checked Value: = D=FC=F0me=20 se=E7ilip form g=F6nderildi=F0inde i=E7erik olarak gitmesi istenen = de=F0er girilir.

=DDnitial State: = Sayfa=20 y=FCklenince Checked: D=FC=F0menin se=E7ili gelmesi i=E7in = Unchecked: Se=E7ili=20 olmamas=FD i=E7in de bu se=E7enek se=E7ilir.

Checkbox = (Se=E7enek Kutular=FD):=20 Birden fazla eleman=FD aktif yapmak i=E7in bu se=E7enek = kullan=FDl=FDr.

List/Menu = (Listeler /=20 Men=FCler): A=FEa=F0=FD do=F0ru a=E7=FDlan men=FCler veya = se=E7enekleri dizili listeler=20 olu=FEturulabilir. De=F0erler List Values k=FDsm=FDndan = girilebilir.

File Field (Dosya = Se=E7imi)=20 : Form kullanarak dosya g=F6ndertmek i=E7in bu se=E7enek = kullan=FDl=FDr.

Filefield Name: = Dosya=20 se=E7im alan=FDn=FD ismi

Char Width: = Metin kutusu=20 i=E7erisinde g=F6sterilecek harf say=FDs=FD

Max Chars: = Metin kutusu=20 i=E7erisine yaz=FDlabilecek max. Harf say=FDs=FD

Formlarda Bilgi=20 Kontrol=FC:

Formlarda bilgi = kontrol=FC i=E7in=20 Behaviors =E8=20 + =E8=20 T=FDkla =E8Validate=20 Form email alan=FD = se=E7

Value =9A=20 Reguired (zorunlu): Bu durumda kullan=FDc=FD bu alan=FD = doldurmadan ge=E7emez

Accept: Bu = b=F6l=FCmden email=20 adress se=E7ene=F0i se=E7ilir. Bu alana girilen bilgilere @ eklenip = eklenmedi=F0ini=20 kontrol eder.

Number: = Alan=FDn sadece=20 numaralar=FD i=E7erdi=F0ini tan=FDmlar. Number frombelirli bir say=FD = aral=FD=F0=FD tan=FDmlamay=FD=20 sa=F0lar.

Anything: = Zorunlu fakat=20 =F6zel verinin gerekli olmad=FD=F0=FDn=FD belirtir.

Formun d=FD=FE = =E7er=E7evesine t=FDkla

Action:=20 mailto:durmazhasan@mynet.com

Forma konu sat=FDr=FD = eklemek i=E7in de=20 action: mailto:durmazhasan@mynet.com?subject=3DBuraya Konuyu = Yaz.?subject=3D

Sayfalar Ka=E7 = Saniyede A=E7=FDl=FDr=20 ve Ne kadar Bir alan Kaplar?

G=F6rmek i=E7in = Properties=20 penceresinin =FCst k=FDsm=FDna bak=FDl=FDr. Bu = ayar=FDn 56K=20 modeme g=F6re olmas=FD i=E7in Edit =E8=20 Prefences =E8=20 Status Bar =E8=20 Connection Speed de=F0eri ayarlan=FDr. =20