Download
1 / 100
1k likes | 1.23k Vues
E N D
1. FORM EKLEMEK
Ziyaretiler formlari kullanarak sayfa zerinden veri gnderebilirler.
Uygulama:
1. Sayfa zerinde form eklenecek yeri tiklayin.
2. 2.Dokman ubugu zerinde form ubugunu etkinlestirin.
3.ubugun en basindaki form olusturma dgmesine tiklayin.
3.
Kirmizi izgilerle isaretli form alani olusturulur.
4. zellikler penceresinden
Bu formun ID degeri
degistirililir.
4. Veri Gnderme tipi Method blmnden degistirilir.
Veri yollanirken adres ubugundan yollanan veri takip edileblirken,
Seildiginde veriler grnmeyecek sekilde gnderilir.
Kayit islemi basari ile tamamlandiginda,ziyaretileri karsilayacak sayfanin adiniysa
5. Action blmne girilir.
Ziyaretilerin dolduracagi form alanlarini yerlestirirken bu kirmizi kesikli izgiler arasinda olmasina dikkat edilmelidir.
Bu alan disindaki formlara girilen veriler gnderilmez.
6. FORM ALANLARINI GRUPLANDIRMAK
Form alanlarini gruplandirip adlandirarak ziyaretilere daha anlasilir alanlar olusturulur.
Uygulama:
1.Form ubugundan Fieldset dgmesine tiklayin.
2.Iletisim kutusu belirdiginde ernek olarak hesap bilgileri metnini girin ve ok dgmesi tiklayin.
7. 3.Simdi ikinci bir baslik olusturmak iin tekrar Fieldset dgmesini tiklayin.
4.Burayada rnek olarak kisisel bilgiler metnini girin ve ok tiklayin.
8. 5.Simdi degisiklileri kaydedin ve sayfayi n izleyin.
9. 6.Basliklarin sekmeler seklinde farkli bir grnmde oldugu grlecektir.
10. METIN KUTULARI EKLEMEK
Form islemlerinde kullanicidan bilgi almak iin kullanilir.
Uygulama:
1.Metin kutusunu eklemek istenilen yere tiklayin.
2.Form ubugundaki Text Field dgmesini tiklayin.
13. 3.Asagidaki gibi metin kutulari ekledikten sonra sayfayi ngrnmde izleyin.
14. AILIR MEN OLUSTURMAK
Kullanicilara form islemlerinde bir listeden tekli veya oklu seim yapmasi saglanabilir.
Uygulama:
1.Liste gesini eklemek istenilen yere tiklayin.
2.Form ubugundaki list men dgmesini tiklayin.
16.
3.Id,label ve Index alanlari uygun sekilde girilir.
4.Form alanlarinin altina bir ailir men eklenecektir.
17. 5.Simdi bu listeye geler eklemek iin, setikten sonra zellikler penceresinden List Values dgmesine tiklayin.
18. 6.Men gesi ve karsilik gelen degerleri girin ve ardindan tab tusuna basarak siradaki elemana gein.
7.Bu adimlari izleyerek listeye birden fazla ge ekleyin.
8.Liste sirasini dgmeyi tiklayarak degistirebilirsiniz.
Ok diyerek kaydedip ve ikin.
19. SEIM KUTULARI EKLEMEK
Uygulama:
1.Seim kutularini eklemek istenilen yere tiklayin.Seim iin bir aiklama metni girin.
2.Daha sonra form ubugundan Radio Button dgmesine tiklayin.
21. 3.Iletisim dgmesi belirdiginde bu dgme iin bir isim girin ve ardinda etiket alanini tiklayin.
22. 4.Daha sonra seim listesinde grnmesini istediginiz metni bu alana girin.
23. 5.Value alanrini girin ve yeni deger iin Artiya basin.
24. 6.Bu yeni gelere index degerleri atanmalidir.
25. 7.Bunun iin ilk seenek seilir daha sonra Ctrl+T
Tuslarina basilir.
8.Etiket degistirme penceresi grntlendinde ilgili alandan tabindex degerini girin.
26. 9.Daha sonra diger iki seenek iin de bu degerler girip sayfayi kaydettikten sonra n izlemede grn.
27. 10.Sayfa alistiginda kutucuklara tiklayarak alismasini bakin.
28. ONAY KUTUSU EKLEMEK
Ziyaretilere birden fazla seim yapabilecekleri seenekler sunmak iin onay kutulari kullanilir.
Uygulama:
1.Onay kutusu iin rnek bir aiklama girdikten sonra Form ubugundaki Checkbox dgmesini tiklayin.
30. 2. Id,Etiket ve Tabindex degerlerini girin ve Ok tiklayin.
31. 3.Onay kutusu form alaninin en altina eklenecektir.
32. 4.Ikinci bir seenek eklemek iin form ubugundan checkbox tiklayin.
5. Id,Etiket ve Tabindex degerlerini girin ve Ok tiklayin.
33. 6.Bu adimlari izleyerek iki onay kutusu daha ekleyin.
35. 7.Daha sonra degisiklikleri kaydedip sayfayi n izleyin.Sayfa grntlendiginde seeneklerin alismasini denetleyin.
36. METIN KUTUSU EKLEMEK
Ziyaretilerin birden fazla satirdan olusan yorum ve aiklamalarini girebilecegi form alanlarini olusturmak iin kullanilir.
Uygulama:
1.Bunun iin form ubugundaki Textarea dgmesine tiklayin.
37. 2.Iletisim penceresi grntlendiginde; Id,Etiket ve Tabindex degerlerini girin ve Ok tiklayin.
38. 3.Metin kutusunu zerinde grntlenmesi gereken baslik solda grnecektir.Bu sorunu gidermek iin karekter genisligi yeniden ayarlanir.Bunun iin;
4.Metin kutusunu sein ve zellikler penceresinden degistirin.
39. 5.Bu tercihlerle baslik ve metin alani ayni alana sigmadigi iin alt alta grnr.Bu durum sayfa alaninin daha verimli kullanilmasini saglayacaktir.
6.Ziyaretiler bu alana metin girisi yaparken ayni anda daha fazla satiri grmesini saglayablirsiniz.
7.Bunun iin zellikler penceresinden Num lines degerini uygun bir sekilde degistirin.
40. 8.Form alanlarinin tarayici pencerelerinde grnmleri farkli oldugundan alismanin son durumunu n izlemede grn.
41. FLASH DOSYALARININ EKLENMESI
Uygulama:
1.Bunun iin Assets panelini etkinlestirin.
42. 2.Assets panelinde alisma dosyalarinizin bir listesi grntlenecektir.
3.Sadece Flash dosyalarinin listelenmesi iin sol taraftan flash seenegini tiklayin.
43. 4.Simdi listeden bir dosyayi web sayfasinin zerine srkleyip birakin.
44. 5.Bu alan iin bir etiket belirledikten sonra Ok tiklayin.degisiklikleri kaydedin.
45. 6.n grnmde falash dosyasini alistirmak iin zellikler penceresinden Play tusuna basin.
46. FLASH ZELLIKLERININ BELIRLENMESI
Web sayfasina eklediginiz flash nesnelerinin kalite,boyut,saydamlik gibi zellikleri degistirilebilir.
Uygulama:
1.Bunun iin ilgili flash nesnesini sein ve zellikler penceresindeki play dgmesini tiklayin.
2.Simdi rnegin flash nesnesinin genisligini degistirelim.
3.Bunun iin zellikler penceresindeki W degerine uygun bir deger girin.
47. 4.Flash nesnesi vektr yapisinda oldugundan kalitesinde herhangi bir dss olmayacaktir.
48. 5.Flash nesnesinin srekli tekrar etmesini istemiyorsaniz Loop seenegi etkisizlestirilir.
6.Flash nesnesinin kalite ayarini yapmak iin pencereden istenilen deger seilir.
49. 7.Flash animasyon pencere boyutu varsayilan olaraksabittir.Flash nesnesinin tarayici boyutu ile orantili boyutlandirilmasini iin Exact Fit seilir.
8.Flash nesnesinin sabit boyutlu kalmasi iin Default seenegi seilir.
50. 9.Flash nesnesini saydamlastirmak iin zellikler penceresindeki Wmode ailir penceresini tiklayin ve transparent seenegini sein.
51. 10.Degisiklikleri kaydedin ve tarayici penceresinde sayfayi n izleyin.
52. FLASH DREAMWEAVER ENTEGRASYONU
Flash nesnelerini kolayca flash ile aip gncelleneblir.
Uygulama:
1.Ilgili flash dosyasi seilir.
2.zellikler penceresindeki Edit dgmesi tiklanir.
3.Flash dosyasi alistirilip ilgili dosya grntlenir.
54. 4.Baslik ubugunda Dreamweaver ile entegrasyonu saglayan simge grnr.
5.Bu rnek iin arka plan rengini degistirelim.
55. 6.Degisikleri kaydetmek iin Done tiklayin.
7.Flash uygulamasini etkinlestirmek iin zellikler penceresindeki play dgmesini tiklayin.Yapilan degisikliker animasyonda grntlenecektir.
56. ACCORDION MEN OLUSTURMA
Uygulama:
File / New/ Html diyerek yeni bir sayfa olusturun.
Layout penceresinden Table seenegi seilir.
3.Rows:1 Column: 1 degerlerinde tablo olusturulur.
57. 4.Tablonun iine tiklanir ve Layout penceresinden accordion menu seenegi tiklanir.
5.Nereye kaydedilecegini soran bir iletisim penceresi ailir.Tamam denir.
58. 6.Masastne menu klasr ailir ve ierisine menu ismiyle kaydedilir.
59. 7.Asagidaki grnt olusmaktadir.
60. 8.Gz dgmesini tiklayarak men ierigine geilir.
9.Panels kisminda + tiklayarak yeni men eklenir. Eklendikten sonra label1 seilip istenilen men ismi yazilir.
61. 10.Daha sonra anasayfa.html adinda yeni bir dosya olusturun.
11.Men kismindan Ana Sayfa Yazisina bu dosyayi link verin.
62. 12.Daha sonra diger menlerin dosyalarini da tek tek olusturup buradan link verin.
13.Degisiklikleri kaydedip mennzn alismasini n izlemede grn.
63. 14.Olusturdugumuz bu meny dosya klasr ile birlikte istenilen web sayfasinda kullanabilirsiniz.
64. FRAMES EKLEMEK
Dreamweaver da pencereler ekleyerek birbirinden bagimsiz sayfalari ayni anda pencerelerde grlebilir.
Uygulama:
1.Masastne frames klasr olusturun.
2.Dreamweaverda eski sayfalariniz aiksa kapatin ve File/New ile yeni bir Html sayfasi olusturun.
Sayfayi index.html olarak kaydedin.
3.Table olusturun.
65. 4.Table degerleri su sekilde olmalidir.
66. 5.Table zelliklerini ayarliyoruz. Sayfa ana sayfa oldugu iin genel tasarimini dzenliyoruz.
67. 7.Seenekleri seili ile hcreleri birlestiriyoruz.
68. 8.Seenekleri seili ile hcreleri birlestiriyoruz.
69. 9.Seenekleri seili ile hcreleri birlestiriyoruz.
70. 10.Table disindan seerek zellikler penceresinden sayfaya ortaliyoruz.
71. 11.Table kenarlarindan tutarak biraz genisletiyoruz. Ve kayit edip n izlemede gryoruz.
73. 12.Table seilir ve border degeri 0 yapilir bu sekilde table nun kenar izgileri grnmez.
74. 13.Table da istenilen yere iframe eklenerek diger sayfalarin bu frame de grntlenmesi saglanir.
14.Bunun iin table nun ortasina tiklayin. burada iken
75. 15.Layout aralarindan iframe dgmesine tiklayin.
16.Iframe standart olarak orta tabloya eklendi.
76. 17.Iframe in degisik ayarlari dzenlenmelidir.
18.Iframe i sein ve Code grnmne gein.
77. 19. Code grnmnde iframe in with ve height degerlerini 100% olarak ayarlayin.ve table in iini kaplamasini saglayin.
Genislik ayari. with
Ykseklik ayari.height
78. 20. Design kismina bakarak iframe in orta table i kapladigini grebilirsiniz.
21.Yeni olusturacagimiz sayfalari bu iframe de grntleyecegiz.Bunun iin iframe bir isim verelim.
Name zelligine isim iframe_orta ismi verelim.
79. 22.File/New diyerek yeni bir sayfa olusturlim.
Anasayfa.html
Bolum_hak.html
Vizyon.html
Iletisim.html
Isiml.html
Isimlerinde dosyalari olusturun.
80. 23. Daha sonra nceki uygulamdada yapmis oldugumuz accordion meny soldaki table in iine olusturun.
81. 25.Daha sonra sayfalari menden tiklayinca iframe de amasini istedigimiz iin iframe e vermis oldugumuz name ismini target alanina giriyoruz.
Bu sekilde sayfalar artik iframe de grntlenmis oldu.
82. 24.Daha sonra men dosyalarini tek tek burada olusturdugumuz dosyalari gsteriyoruz.
83. 26. Sol taraftan Accordion men nn listesinden ana sayfaya tiklayinca sag daki iframe ierisinde anasayfa.html sayfasi grntlenmektedir.Bu sekilde diger sayfalarinda grntlenmesini saglayin.
84. 27. iframe in ereve grnmn kapanmasi iin frmborder degeri 0 girilir.
28. Iframe web sayfasi ilk alisinca ierisinde sayfa grnm olmasi isteniyorsa src degerine sayfa gsterilir.
85. 29.Bu sekilde iframe in erevesi gizlenmis oldu.
86. Frames(ereveler)
Uygulama:
1.File/New ile yeni bir alisma ain.
2.Dosyayi yeni bir klasr ierisine index adinda kaydedin.
87. 3. Daha sonra Layout aralarinda frames dgmesi ile ailan pencereden Top Frame seenegini sein.
88. 4. ikan pencerede frame ismi verilir ve kaydedilir.
5.Daha sonra alttaki frame seeneginin iinde iken tekrar frames araci ile yine bu alani bln.
89. 6.Daha sonra lefet frames seenegi ile sol tarafa bir frame daha ekleyin
