:: Özel Karakterler Eklemek
Dreamweaver’da klavyemiz ile ekleyemeceğimiz bazı karakterler var. Bu karakterleri ise Insert menüsünden belgemize ekleyebiliriz. (Örn:Yen işareti, Ticari Marka ibaresi vb. gibi) Bu karakterleri belgemize Insert > HTML > Ekleyeceğimiz Karakter yolunu izleyerek ekleyebiliriz.
Örneğin bir tabloda satır satır bir metnin rengini değiştirmeniz gerekiyor. Rengini değiştireceğiniz tablonun ilk satırına gelin ve Commands > Start Recording yönergesini izleyerek kayıt işlemini başlatın. Sonra ise kaydedilmesini istediğimiz işlemi yapacağız; metnin rengini Properties panelinden değiştirelim. Yaptığımız işlem kaydedildi. Şimdi ise kayıt işlemini durduralım, bunun için Commands > Stop Recording yönergesini izleyeceğiz. Daha sonra ise bu kaydı uygulayacağımız metni seçelim ve Commands > Play Recorded Command yönergesini izleyelim. Bu yöntemle ard arda yapacağınız işlemleri sıkıcı olmaktan çıkarabilirsiniz.
:: HTML Kod Temizliği
:: Web Fotoğraf Albümü Oluşturmak
Photo album title: Albümün adını buraya yazacağız.
Subheading info: Albümün adının altına yazı ekler.
Other info: Buraya ek bilgileri girebilirsiniz.
Source images folder: Büyük resimlerin olduğu klasör.
Destination folder: Resimlerin taşınacağı klasör.
Thumbnail size: Küçük resimlerin boyutları.
Columns: Resimlerin gösterileceği sütun sayısı.
Thumbnail format: Küçük resimlerin biçimi.
Photo format: Büyük resimlerin biçimi.
Show filenames sekmesini işaretlediğimizde resimlerin adları altlarında yazacaktır, Create navigation page for each photo sekmesini işaretlediğimiz taktirde de her resim için ayrı bir gezinme çubuğu oluşturulacaktır.
Ok butonuna bastığımızda foto albüm hazır olacaktır. Vatana millete hayırlı olsun 🙂
:: Extension Manager ve Extension’lar
Örnek: Bir haber paneli yapmak istiyorsunuz. Bunun için JavaScript bilmeliyiz veya daha kolayı eklentilerden haberdar olmalısınız. Bu işlemi satırlarca kod yazmak yerine Macromedia.com ‘dan gerekli eklentiyi indirip iki tık ile yapmak daha kolay olacaktır.
Eklentilerle kolayca layer animasyonları, browser işlemleri, navigasyon işlemleri, metin efektleri, browser iletileri yapabilirsiniz. Extension örneklerine ve Extension’lar konusuna gelecek sayılarımızda genişçe yer vereceğiz.
Form Nesneleri ve İşlevleri
:: Text Field
Insert > Form > Text Field yönergesini izleyerek belgenize ekleyebilirsiniz. Web’de gördüğünüz formların ana unsurudur. Kullanıcı adı, parolası, yaş, adres vb. gibi bir çok veri bu yolla alınır. Text Field’i ekledikten sonra bir kez tıklayalım ve Properties panelinde özelliklerini belirleyelim.
Text Field: Formu Web üzerinden göndereceğimiz zaman mail programları bu kutucuğa yazılan isme göre veriyi adlandırırlar. Bu kutucuğa “email” yazdığınız taktirde bu kutucuktan girilen verinin başlığı ”email” olacaktır. Char width: Text kutusunun kaç karakter uzunluğunda olacağını belirtebilirsiniz.
Max chars: En fazla kaç karakter girileceğini belirleyebilirsiniz.
Type: Formun tipini seçmek için 2 seçenek var. Single ve Multi Line.
Single line: Tek satır veriler içindir. Örneğin yaş, isim, mail adresi vb. gibi.
Multi line: Uzun veriler içindir. Örn: kurumumuz hakkındaki düşünceleriniz. Bu konuyu insanlardan bir satırda anlatmasını bekleyemeyiz. Bunun için Multi Line seçeneğini seçeceğiz. Bu seçeneği seçtiğimiz Text Field’in Textarea’ya dönüştüğünü göreceksiniz.
Password: Eğer bu formdan alacağınız veri bir şifreyse bu seçeneği seçin. Bu seçeneği işaretlediğinizde metin kutusuna girdiğiniz veri noktalar şeklinde görünecektir.
Init val : Eğer formun varsayılan halinde içinde birşeyler yazmasını istiyorsak bu metin kutusunu kullanacağız.
Class: Form için bir CSS atadıysak buradan seçeceğiz veya Properties panelinden biçimlendireceğiz.
Label: Etiketi.
Action: Butonumuzun işlevi.
Submit form: Onay butonu. Ok, Gönder, Tamam tarzı olumlu işlevler yapcaksanız bu seçeneği işaretleyin.
Reset form: İptal, Reset, Sil gibi olumsuz işlevleri yapmak için Reset form seçeneğini işaretleyin. Bu butona tıkladığımızda formun içeriği silinecektir.
None: Bu işlevlerin haricinde butona script atayacaksanız, Behaviors panelinden yönlendirecekseniz None seçeneğini işaretleyin.
Class: Eğer bu formu biçimlendirmek için CSS hazırladıysanız bu menü yardımıyla belgeye ekleyebilirsiniz ve Properties panelinden biçimlendirebilirsiniz.
:: Check Box
Checked value: Formu Web üzerinden göndereceğimiz zaman mail programları bu kutucuğa yazılan isme seçeneği işaretler. Bu seçeneği haber listesine kişi eklemek için kullanacaksak adı haberdarEt olabilir.
Initial state: Formumuzun varsayılan halidir.
Checked: İşaretlenmiş haldir. Resimde 2 Güncellemelerden Haberdar Et.
Unchecked: İşaretlenmiş haldir. Resimde 1 Haber Listesine Ekle.
Class: Eğer bu formu biçimlendirmek için CSS hazırladıysanız bu menü yardımıyla belgeye ekleyebilirsiniz ve Properties panelinden biçimlendirebilirsiniz.
:: Radio Button
Checked value: Bu form online olarak gönderildiği zaman Checked value metin kutusuna gireceğiniz değer gönderide görünecektir. Örn C şıkkı ise bu alana C yazacağız ve giden gönderide C şıkkının işaretlendiği anlaşılacaktır.
Initial State: Formumuzun varsayılan halidir.
Checked: İşaretlenmiş haldir.
Unchecked: İşaretlenmiş haldir.
Class: Eğer bu formu biçimlendirmek için CSS hazırladıysanız bu menü yardımıyla belgeye ekleyebilirsiniz ve Properties panelinden biçimlendirebilirsiniz.
:: List / Menu
Type: Formumuzun tipi.
Menu: Menü biçiminde form.
List: Liste biçiminde form.
Height: List Menünün büyüklüğü.
Selection: Seçim.
Allow Multiple: Bu sekmeyi işaretlediğiniz taktirde menü bir kaydırma çubuğu ile yönlendirilecektir.
Initial selected: Formun varsayılan halinde hangi değerin en üstte olacağını buradan seçerek belirleyebilirsiniz.
List Values: Listemize ekleyeceğimiz değerleri bu butona tıkladıktan sonra gelen pencere yardımıyla ekleyeceğiz.
Class: Eğer bu formu biçimlendirmek için CSS hazırladıysanız bu menü yardımıyla belgeye ekleyebilirsiniz ve Properties panelinden biçimlendirebilirsiniz.
:: File Field
Char width: Text kutusunun kaç karakter uzunluğunda olacağını belirtebilirsiniz.
Max chars: En fazla kaç karakter girileceğini belirleyebilirsiniz.
Class: Eğer bu formu biçimlendirmek için CSS hazırladıysanız bu menü yardımıyla belgeye ekleyebilirsiniz ve Properties panelinden biçimlendirebilirsiniz.
:: Image Field
Görüntü alanı. Insert > Form > Image Field yönergesini izleyerek ekleyebilirsiniz. Özeliklerini Properties panelinden düzenleyebilirsiniz.
:: Radio Group
Name: Formun ismi.
Radio buttons: + butonu ile ekleyebilir – butonu ile de öğe silebiliriz.
Label: Şıkların Web sayfasında görünen metnini yazacağız.
Value: Seçeneğin gönderide(mail, text vs.gibi) görünecek olan hali.
Lay out using: Seçenekler nasıl dizilsin?
Line breaks: Aralarında boşluk bırakılarak.
Table: Tablonun içinde.
:: Jump Menu
Daha önceden yapmış olduğumuz List/Menu formunun javaScript ile işlenmiş biçimini bir başka ad altında göreceğiz. Insert > Form > Jump Menu yönergesini izleyerek belgemize ekleyebiliriz.
Menu items: Menüdeki öğeler. + butonu ile öğe ekleyebilir, – butonu ile de öğe silebilirsiniz.
Text: Menüdeki öğeleri yazacağımız metin kutusu.
When selected, go to URL: Öğelerin gideceği adresler.
Open URLs in: Linklerin açılacağı hedef.
Menu name: Menümüzün ismi.
Insert go button after menu: Menüye go butonu ekle.
Select first item after URL Change: İlk öğe seçildikten sonra adrese git.
– – –
Önceki Web Tasarımı Dersleri’ne ulaşmak için tıklayın. Tasarım derslerimiz devam edecek.
SDN Yorumları 12 Yorum
Yorum Yap
Fırsat Ürünleri
:cry ya nası anlatmışsa bişiy anlamadım
Ellerinize saglık bilgi dagarcıgımın biraz daha genişlemesini sagladınız. teş….
Teşekkürler.
List menü de bir labele nasıl link atayabiliriz?
Her şey tamam
Ok butonuna basınca “AN ERROR OCCURREND” diye bir hata veriyor?
Hi! Very nice site! Thanks you very much!
Guzel calisma
çohq süper
çok teşekür ler bilğiliernizi biizmle paylaştığınız için”Yazan: sabri_68 Tarih: 2006-09-04 16:17:28
——————————————————————————–
:cry ya nası anlatmışsa bişiy anlamadım” sanırım hiç bir şeyle uğraşmamsın emek vermemişsin en azından biraz saygılı ol ve başkalarının emeğine saygı göster
gönder diiynce form sayfası nasıl giidcek ne yapmak gerekıyo…
Nasıl bir anlatım ya.Ben de hiçbişey anlamadım.Anlatan da anlamamıştır bence kendi anlattığını
bir sorum olacaktı.. örn: adres kutusuna “adres bilgilerinizi giriniz…” yazmak ve kutu tıklandığında yazının otomatik olarak silinmesini istiyorum. bununla ilgili kodu bulamadım , doğrusu google’dan da doğru bir şekilde aratamadım. bu konuda yardımcı olabilirseniz sevinirim.