30 Kasım 2012 Cuma

2- Adobe Dreamweaver - Site Tanımlama


Web Sitesi Tanımlama

Web sitesi hazırlarken herhangi bir sayfayı yapmaya başlamadan önce siteye ait her şeyi içinde barındıracak bir klasör oluşturulmalıdır. Bu, site tanımlama anlamına gelir. Oluşturduğumuz bu klasör internet ortamında çalışacak sitemizin temsilini ifade eder.

Site için oluşturulacak tüm dosya ve belgelerin bir klasör altında toplanması sitemize işlevsellik ve süreklilik kazandıracaktır.

Site Tanımlamak

Web tasarım editöründe site tanımlama işlemi birden fazla yöntemlerle yapılabilir.

1- Uygulama araç çubuğundaki site düğmesinden yeni site (new site) seçeneği ile yeni bir site tanımlanabilir.

2-   Ekranın üstündeki site menüsündeki yeni site seçeneği ile yeni bir site tanımlanabilir. 


3-   Bir diğer yöntem ise ekranın sağ tarafında bulunan Files(Dosyalar) panelinden masaüstü yazan açılır menüyü tıklayarak siteleri yönet (manage sites)seçeneğini tıklarız. Karşımıza yeni bir pencere açılacaktır (Şekil 1.7.4). Bu penceredeki yeni seçeneğinden yeni bir site tanımlayabiliriz. 


Düzenle(Edit) seçeneği ile tanımlanan site üzerinde düzenlemeler yapabiliriz.
Çoğalt (Duplicate)seçeneği ile sitemizin yedeğini alabiliriz. Bu şekilde sitemizin orijinal halini koruyarak değişiklikler yapabiliriz.
Kaldır(Remove) seçeneği ile oluşturduğumuz bir siteyi kalıcı olarak silebiliriz.
Dışa aktar (Export)seçeneği ile sitenin ilgili ayarlarını(oturum,şifre vs.) “.ste” uzantılı formatta kayıt altına alır.
İçe aktar(Import) önceden export edilmiş site ayarlarını Dreamweaver’a aktarır.

Şu ana kadar yeni site tanımlama yöntemlerini öğrendik. Şimdi de sitemizi oluşturmaya devam edelim. Yukarıdaki yöntemlerin biriyle yeni site seçeneğini tıkladığımız zaman karşımıza aşağıdaki gibi bir pencere gelecektir.


Burada Site Name(site adı) yazan kısma sitemize vereceğimiz ismi yazıyoruz. Local Site Folder (Yerel site klasörü) kısmında ise dosya simgesine tıklayarak sitemizi nereye kaydedeceğimizi belirtiyoruz. Daha sonra “Save(Kaydet)” düğmesine tıkladığımızda web sitemiz için site tanımlama işlemini gerçekleştirmiş oluyoruz. 


Bir sonraki dersimiz >> Yeni Bir Web Sayfası Oluşturmak










27 Kasım 2012 Salı

HTML Ders-7


BAĞLANTI (KÖPRÜ) OLUŞTURMA

Sayfa İçi Bağlantı Oluşturma

Html kodları kullanarak, sayfa içi bağlantılar oluşturabilirsiniz. Bir sayfadaki metne tıklayarak, aynı sayfanın başka bir bölümüne gidebilirsiniz. Bu işlem çapa olarak da adlandırılır.

Çapa oluşturma işlemi;
<a href="#...">...</a>, <a name="....">...</a> komutları kullanılarak yapılmaktadır.
<a href=”#...”> ile tıklanmasını istediğimiz metin; <a name=”...”> ile de karşımıza gelmesini istediğimiz bölüm belirlenir.

<a href="#ornek">Html Nedir?</a>                                                        Html Nedir?
<a name="ornek">Hyper Text Markup Language</a>              Hyper Text Markup Language

Örnek:


Yukarıdaki kodları yazıp çalıştırdığımız zaman karşımıza aşağıdaki görüntü gelecektir.


>> Bağlantı Oluşturma dersimizin devamı için bir sonraki konuyu inceleyiniz...



HTML Ders-6


<FONT>

<FONT> etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiştirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir.
Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır.).
Örnek:

<FONT SIZE ="1"> Merhaba</FONT>
<FONT SIZE ="4"> Merhaba</FONT>
<FONT SIZE ="7"> Merhaba</FONT>

Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Size parametresine -1, +2 gibi değerler verilerek de metnin büyüklüğü verilen değer kadar arttırılıp eksiltilebilir (Burada font büyüklüğü 1 eksiltilip, 2 arttırılmıştır.).

Color: Yazı tipi etiketi içerisinde metnin rengini değiştirmek için kullanılır. Kullanmak istediğiniz rengi, ismi veya kodu ile belirterek metin üzerinde renk değişikliği yapabilirsiniz.

Örnek:
<FONT size="5" COLOR="aqua"> Merhaba</FONT>
<FONT size="5" COLOR="#FF0000"> Merhaba</FONT>

Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.
Face: Yazı tipi karakter biçiminde değişiklik yapmak için kullanılır. Örneğin Face=" Times New Roman" parametresi kullanıldığında yazı tipi Times New Roman olacaktır.

<font face="Algerian" size="7" color="purple">Merhaba</font>

Burada yazı tipi olarak “Algerian” yazı tipi kullanılmıştır.
Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aşağıdaki gibi olacaktır.

Görünüm Düzenleme Etiketleri

 <HR>

          <HR> etiketi sayfaya yatay çizgi çizmek için kullanılan etikettir. Bu etiket diğer etiketlerden farklı olarak kapatılmaz. Size, width ve align parametreleri mevcuttur.

Size, çizilen çizginin kalınlığını belirlemek için kullanılır.
Width, çizginin sayfadaki uzunluğunu belirlemek için kullanılır.
Align, çizginin sayfada yer alacağı konumunu (sağa hizalı, sola hizalı, ortalanmış) belirlemek için kullanılır.

Örnek:
<hr size=“6” width=”200” align=“center”>


Şimdilik bu kadar, bir sonraki dersimizde görüşmek dileğiyle ;)