Html-Ders 9 : Numarasız Listeler-2

Html-Ders 9 : Numarasız Listeler-2 

Devamını Oku

Html-Ders 8 : Numarasız Listeler-1

Html-Ders 8 : Numarasız Listeler-1

Devamını Oku

Html-Ders 7 : Listeler-Sıralı Listeler

Html-Ders 7 : Listeler-Sıralı Listeler

Devamını Oku

Html-Ders 6 : Yazı Biçimleme

Html-Ders 6 : Yazı Biçimleme

Devamını Oku

Html-Ders 5 : Paragraf Başlıkları

Html-Ders 5 : Paragraf Başlıkları

Devamını Oku

Html-Ders 4 : Arkaplan Resimi

Html-Ders 4 : Arkaplan Resimi

Devamını Oku

Html-Ders 3 : Html Renk Kodları

Html-Ders 3 : Html Renk Kodları

Devamını Oku

Html-Ders 2 : Html sayfasının Genel Yapısı

Html-Ders 2 : Html sayfasının Genel Yapısı

Bu dersimizde Html sayfasının Genel Yapısını inceleyip detaylıca öğrenicez.

Devamını Oku

Html-Dersler 1 : Html - Giris

Html-Dersler 1 : Html - Giris

Merhaba arkadaşlar bu dersimizde Adobe Dreamweaver programına html bölümüne giris yapıcaz.Neler var,neler yapabiliriz onları öğrenicez.İhsallah faysasını görürsünüz kolay gelsin.

Devamını Oku

Adobe Dreamweaver menuler ve icerikler

Evet arkadaşlar Adobe Dreamweaverı tanıyalım önce.Menüler ve sayfalar ne ise yarar onları öğrenicez bu derte.Ders sonunda Adobe Dreamweaver menuler ve icerikleri öğrenmiş olucaksınız.

Devamını Oku

Adobe Dreamweaver nedir Ne ise yarar

İlk dersimizde adobe dreamviewer nedir? Ne işe yarar? onu öğrenicez...
Dreamweaver Nedir? Nasıl Kullanılır?
Web sayfaları HTML adındaki bir bilgisayar dili ile oluşturulur. Bir web sayfasına ait kodlara bakınca ilk görüşte anlayamayacağımız yazılar görürüz. Normalde bir metin editörü ile web sayfası yapılabilir. Ancak bunun için HTML dilini bilmemiz gerekir. Aslında web sayfası yapmak için bu dili öğrenmek gereksizdir çünkü bu işi tek başına yapan programlar mevcuttur. Bunların genel adı "Html Editörü" dür. Dreamweaver'de bunlardan biridir. Bu editörler bize görsel bir çalışma ortam sunarlar ve biz aynen bir web sayfası görünümü ile programda sayfalarımızı oluştururuz. Bu programlar bizim yaptığımız herşeyi arkaplanda HTML'ye çevirirler. Yaptığımız sayfayı explorer ile açınca programda yaptığımız sayfa aynen karşımıza çıkar. Bu sayfayı tekrar editör programda açıp değişiklikler yapabiliriz. Ençok kullanılan Html Editöleri Dreamweaver ve Frontpage'dir. Bunların dışında Namo, Visual Page gibi değişik proramlarda mevcuttur. Ancak biz burada bu programların en iyisi olarak kabul edilen Dreamweaver'i anlatacağız. Dreamweaver bugün en amatörden en profesyonele birçok webmasterin tercih ettiği bir programdır. Çünkü öğrenmesi ve kullanması basit bir program. Diğer Html Editörleri ile kıyaslandığında sayfa yaparken bize sunduğu özellikler gayet iyidir. Dreamweaver'i yapan Macromedia firması web'te bir standart haline gelen FLASH formatının yaratıcısı olduğu için birçok Macromedia uygulaması ile sorunsuz bir bütünlük sunmaktadır.
Programın temini ve kurulumu;
Dreamweaver lisanslı bir programdır. Sahip olmak için para ile satın almak zorundayız. Fakat internetten veya Macromedia.com dan 30 günlük deneme sürümünü indirebiliriz. Bu sürümde hiçbir kullanım kısıtlaması yok fakat programı sadece 30 gün kullanabilirsiniz.Programın kurulumu diğer programlar ile aynıdır.Programı istediğiniz bir dizine kurup çalışmaya başlayabiliriz.
Çalışma Ortamı;
Programı ilk çalıştırdığımızda karşımıza bir sürü palet (ufak pencereler) gelecektir. İlk bakışta bu biraz gözünüzü korkutabilir ancak bunların birçoğunu ileriki seviyelerde kullanacağımız için kapatabiliriz. Bu paletlerden sadece iki tanesinin açık kalması bize yetecektir. Bu paletler "Objects" ve "Property"'dir. Büyük olan ana pencere ise bizim sayfalarımızı yapacağımız "Document Window" dur. Objects paleti sayfalarda kullanacağımız nesneleri eklemek için kullanılır. Bu nesneler; tablo,resim,flash v.b. dir. Property ise seçili olan öğelerin özelliklerini değiştirmek için kullanılır. Bu özellikler;resimlerin boyutlarını değiştirmek,yazı ve resimlere link vermek gibi şeylerdir.
Menu Bar (Menüler);
Her programda olduğu gibi Dreamweaver'da da ust barda menüler vardır. Programda yapılabilecek herşey bu menulerde mevcuttur.
File Menüsü;
Dosya işlemlerinin yapıldığı menüdür. Yeni bir sayfa oluşturmak,kaydetmek,varolan dosyayı açmak gibi işlemler yapılır.
Edit Menüsü;
Döküman ile ilgili menüdür. Kopyala,yapıştır,tümünü seç,bul ve değiştir gibi işlemlerin yanısıra Dreamweaver'in genel özelliklerini değiştirmek için kullanabiliriz.
View Menüsü;
Çalışma sayfasının görünümünü düzenler. Sanal ızgara, cetvel, kenarlıklar gibi yardımcı öğelerin kullanılabilmesini sağlar.
Insert Menüsü;
Sayfaya nesne eklemek için kullanılır. Objects penceresinin menü şekline getirilmiş halidir.
Modify Menüsü;
Sayfalarda varolan elemanlar üzerinde değişiklik yapmak için kullanılır. Bu değişiklikler;kütüphane, çerçeve ayarları, katmanlar, sayfa özellikleri v.b.
Text Menüsü;
Sayfadaki karaktersel ifadelerin düzenlenmesini sağlayan menüdür. Bu düzenlemelerden bazıları;imla denetleyicisi (ingilizce), yazıya ait font, renk, stiller v.b. dir.
Commands Menüsü;
Sürekli tekrarlanan işlemlerin daha hızlı yapılmasını sağlamak için kullnılır. Bu menü ile bir emir listesi oluşturabilir, düzenleyebiliriz.
Site Menüsü;
Dreamweaver ile yapılan sayfalar birbirinden bağımsızdır. Bunları bir sihirbaz ile düzenleyip site haline getirebiliriz. Böylece sayfalar arası bağlantılar kontrol altına alınabilir.
Window Menüsü;
Programda varolan paletleri açıp gizlemek için kullanılır.
Help Menüsü;
Programa ait yardım menüsüdür. Ayrıca Dreamweaver ile ilgili internet bağlantıları yer almaktadır.

Devamını Oku

Tablo nasıl eklenir,Tablo

Bu dersde tablo eklemeyi öğrenicez...Sakın korkmayın aslında çok kolaydır :)


<body>
<table> //Bu kodun anlamı ise tablomuz basladı demektir.
<tr> //Bu kodun anlamı satır demektir.
<td>yazı</td> //Bu kodun anlamı sütun demektir.
</tr>
</table>//Bu kodun anlamı ise tablomuz bitti demektir.


</body>



Örnek gösterecek olursak;

tablo

Bu örnekde en kolay tablo 1 satır ve 1 sutundan olusur.Bu örnekde yapmış olduğum tablo 200x200 ve border kalınlığı 3 şeklindedir.Nasıl yapılır diyorsanız işte açıklaması;
<table border=" border="3" height="200" width="200"> aralarda tr ve tdler vardır.</table> şeklinde olur.

NOT:Kırmızı ile yazdıklarım komut-Turuncu ile yazdıklarım ise değişkenlerdir(yani uygulayacağınız şeyler)

Devamını Oku

sayfaya resim nasıl eklenir

Bu dersde sayfamıza resim eklemeyi öğrenecez...


<body> // Her zamanki gibi body tagları arasına olucak kodlar

<img src="resim adı.uzantısı">

</body>





yada resmin boyutlarıda değiştirmek istersek yine aynı komuta


<img src="resim adı.uzantısı" width="yükseklik boyutu yaz" height="genislik boyutu yaz">
şeklinde olur.


NOT:Kırmızı ile yazdıklarım komut-Turuncu ile yazdıklarım ise değişkenlerdir(yani uygulayacağınız şeyler)

Devamını Oku

kayan yazi nasıl yapılır?(komutları)

evet arkadaşlar bu derste kayan yazi kodlarını öğrenecez.

Sağdan Sola Kayan Yazı için kod:
<marquee direction="right">YAZINIZ BURAYA</marquee>

Soldan Sağa Kayan Yazı için kod:
<marquee>YAZINIZ BURAYA</marquee>

Sağdan Sola ve Soldan Sağa Kayan Yazı için kod:
<marquee behavior="alternate">YAZINIZ BURAYA</marquee>


Yukarıdan Aşağıya Kayan Yazı için kod:
<marquee direction="down">YAZINIZ BURAYA</marquee>


Aşağıdan Yukarıya Kayan Yazı için kod:
<marquee direction="up">YAZINIZ BURAYA</marquee>

Devamını Oku