Şimdi Ara

Dreamweaver Ders Anlatımı : Kardeşlerime Nazaran...

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
25
Cevap
0
Favori
1.445
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 12
Sayfaya Git
Git
sonraki
Giriş
Mesaj
  • Kardeşlerim zamanında böle bi yazı dizisi yazmıştım(bana o zaman denmişti yunus devamını yazarmısın die ok diyip söz vermiştim)Şimdi ise o yazımın devamını burada sizinle paylaşmak istiyorm. Çok profesyonel bi yazı değil belki ama çok kişinin işine yarıyacağını düşünüyorum...[:o]

    Buyrun...

    <--Macromedia Dreamweaver Mx 2004 Dersleri-->

    Neden Dreamweaver? (Bu Soruyu Israrla soran arkadaslarimiza ISTE CEVAP)

    Dreamweaver; karmasik ve sayfa sayisi fazla web sitelerini yönetmek konusunda bizi üzmez.
    Aksine daha rahat çalisma ortami saglar.
    Frontpage ile tasarladigimiz bazi sayfalari browser'da tasarladigimiz gibi göremeyiz.
    Özellikle tablo kullandigimiz sayfalarda bu problemle daha sik karsilasiriz.
    Bazen sayfayi normal görünümünden farkli Frontpage içindeki Preview bölümünde ve browser'da farkli olarak görebiliriz.
    Bunun nedeni Frontpage'in biraz kendi basina göre hareket etmesidir.
    Ama ayni durum Dreamweaver'da söz konusu degildir.
    Frontpage'in kendi basina hareket etmesi sayfanin “HTML” kodlarini olusturmasinda da kendi gösterir.
    Sayfa içinde gereksiz oldugunu düsündügümüz kodlari yazmadan durmaz. Dreamweaver'da böyle bisey yoktur.
    Sayfaya dinamiklik kazandiran bazi uygulamalari (Java script, CSS, DHTML efektleri vb) Dreamweaver kullanarak sayfaya daha kolay ekleyebiliriz.


    --------------------------------------------------------------------------------

    Dreamweaver'in Özellikleri Nelerdir?

    Dreamweaver'de yapilan ve kullanilan çogu menünün bir özelligi vardir.
    Properties penceresi Dreamweaver'da en çok kullanilan penceredir. Sayfa içine yerlestirecegimiz tüm nesnelerin özelliklerini bu pencere sayesinde degistirebiliriz.
    Properties penceresi o anda hangi nesne seçiliyse o nesnenin özelliklerini gösterir. Genellikle metin özelliklerini gösterir.


    --------------------------------------------------------------------------------

    Dreamweaver Türkçe Konusabiliyormu?
    Dreamweaver Türkçe konusamiyor. Daha dogrusu sayfa içinde kullandigimiz Türkçe karakterler browser'da istedigimiz gibi görünmüyor. Bunun çözüm yolu var.
    Önce Prefences ekranina gidiyoruz. Ekrani açmak için Edit/Preferences yolunu izliyoruz.
    Ekran karsimiza gelince sag taraftaki Default Encoding'ten Other Front Settings'den de Other'i seçiyoruz.
    Proportional Font'u Times New Roman (Turkish), Fixed Font ve HTML Inspector'u Courier New (Turkish) yapiyoruz.
    OK tusuna basip Dreamweaver'i kapatip yeniden açinca sorunumuz çözülüyor.


    --------------------------------------------------------------------------------

    Bilgisayarimiza Yerel Bir Site Kuralim Ne Dersiniz?

    Dreamweaver'in bir özelligi de site tasarlamaya baslarken sitenin gerekli ayarlarini önceden yapmis olmamizdir.
    Sitenin harddisk üzerinde bulunacagi klasörü resimlerin hangi alt klasör içinde yer alacagi gibi temel sorunlari çözmemiz gerekir. Frontpage de siteyi “wwwroot” klasörünün içinde bulundurmamiz gerekiyordu.
    Dreamweaver ise herhangi bir klasörü “wwwroot” gibi kullanabiliyor.
    Hatta birden fazla klasörü yerel web sitesi gibi ayarlayip istedigimiz zaman bu klasörler arasinda geçis yapabiliriz.
    Yerel sitemizi kurmak ve yönetmek için “SITE” adinda bir pencere kullanalim.
    Site panelini açmak için 3 yol vardir.
    Birincisi F8 tusuna basarak, ikincisi Window/Site Files'i seçmek sonuncusuysa Site menüsünden Site Files'i seçmektir.
    Ilk açtigimizda karsimiza gelen dosyalar Dreamweaver'in HTML tabanli yardim dosyalaridir.
    Simdi kendimize ait bir klasör olusturalim.

    Web sitemizle ilgili tüm dosyalari ve klasörleri bu klasör içinde toplayalim. Yeni bir klasör olusturmak için “Site" menüsünden “New Site” diyip “Site Name” kismina sitemizin ismini yazalim.
    “Local Root Folder” dan da sitemizin harddisk üzerindeki yeri belirtelim. Harddisk üzerindeki bir klasörü Dreamweaver'a göstermek için “Local Root Folder” in sag tarafindaki küçük klasör ikonuna tiklayalim.
    Açilan pencere ile klasörümüzü bulup sag altta yer alan “OPEN” butonuna tiklayalim. Sonrada “SELECT” butonuna tikladigimizda yerel klasörümüzü Dreamweaver'a tanitmis oluruz.
    Yeni bir site kurmak için baska bir yol daha var. ”Site” menüsünden “Define Sites” seçin.
    Açilan pencerede Dreamweaver'in tanidigi yerel web sitelerinin listesini gösterir. Bu pencereden “NEW” butonuna tiklayarak yerel bir site olusturulabilir. Eger olusturdugunuz siteyi silmek istersek yine bu pencereyi kullanabiliriz. Bunu için silmek istedigimiz siteyi seçip “REMOVE” butonuna basarak silebiliriz


    --------------------------------------------------------------------------------

    Yeni Browser'imizi Dreamweaver'e Tanitalim

    Yeni yüklenen browser'i Dreamweaver'a tanitmak için “FILE” menüsünden “Preview” in Browser'i seçelim. Açilan pencereden “Edit Browser List” i seçelim. Karsimiza gelen pencerenin sag tarafinda tanimli olan browser'lar listelenir. Yeni bir tane browser eklemek için “+” butonuna tiklamaliyiz. Açilacak olan küçük penceredeki “Name” satirina yeni browser için bir isim yazalim. Alttaki browse dügmesine basarak yeni browser'in harddisk üzerindeki yerini bulmaliyiz. Bulacagimiz dosya browser'in “exe” uzantili olan dosyasidir. Dosyayi seçtikten sonra “OPEN” butonuna tiklayalim. ”Add browser” penceresinden de yeni browser'imizin birincil mi yoksa ikincil mi olacagini belirtip “OK” tusuna basalim. Bu sekilde yeni browser'imizi eklemis olduk. Artik “Preview” in browser bölümünde her iki browser'imizi görebiliriz.


    --------------------------------------------------------------------------------

    Dreamweaver'de Font Konusu

    Dreamweaverdaki fontlar Frontpage dekinden biraz faklidir. Fontlar gruplar halinde bulunur. Yazi için font degil de font grubunu seçmis oluruz. Fontlara Properties panelinden Default Font ile ulasabiliriz. Dreamweaverda istedigimiz bir fontu da ekleyebiliriz. Font gruplarini ayarlamak için Properties panelindeki Default Font'a tiklayarak listenin en sonundaki “Edit Font List” i seçerek istedigimiz fontu kullanabiliriz.
    Yazinin büyüklügünü “SIZE” bölümünden degistirebiliriz. Ancak size bölümünde “+” ve “– “ degerlere sahip fontlar da vardir. Arti degerde olanlar fontlarin daha büyük görünmesini eksi degerde olanlar da fontlarin daha küçük görünmesini saglar.


    --------------------------------------------------------------------------------

    Dreamwaver'in Güzel Bir Özelligi Daha (Özel Karakterler)

    Eger sitenizde herhangi bir sekilde özel karakter kullanmayi düsünüyorsaniz nesneler panelindeki “COMMON” yazan satirin sonundaki küçük ok isaretine tiklayarak “Characters” i seçmelisiniz.
    Karakterlerin bulundugu panel çok kullanilanlari içerir. ”Characters” ekranina ulasmanin bir diger yoluda “Insert/Special Characters” yolunu izleyerek “Other” butonuna tiklamaktir.


    --------------------------------------------------------------------------------

    Sayfa Ile Ilgili Özellikler

    Sayfanin özelliklerini degistirmek için sayfa içerisine sag tiklayarak “Page Properites” i seçebiliriz.

    Ne Zaman Sayfamizin Basligi Olacak?
    Sayfaya baslik eklemek için düzenleme yaptigimiz ekranin üzerindeki “Title” bölümünü kullanabiliriz. ”Untitled Document” ifadesini silip yerine istedigimiz basligi yazabiliriz. Sayfamiza baslik vermenin bir diger yoluda “Page Properties” deki “Title” bölümüne istedigimiz basligi yazarak ta gerçeklestirebiliriz.


    --------------------------------------------------------------------------------

    Yaptigimiz Sayfalari Birbirine Baglama( Link Ekleme)

    Link sayfalari birbirine baglamak için kullanilan bir özelliktir.Linkler birden fazla ise yararlar. Mesela e-mail atilmasi gibi.
    Iki Sayfayi Birbirine Nasil Baglarim?
    Sayfamizda “Magazalar” adinda bir metnimiz olsun. Bu metnimizi seçelim. “Magazalar” yazisina tiklandiginda magazalarin listelendigi sayfanin görünmesini isteyelim. Properties ekranindaki “Link” bölümüne “magazalarimiz.htm” yazalim. Yaziyi seçtikten sonra Properties ekranindaki Link'e dosyanin ismini yazalim. Enter'a basinca yazini altinin çizildigini görürüz. Buda yazimiza linkimizin eklendigini belirtir. Link eklemek için her seferinde Link satirina gerekli olan sayfa ismini yazmak gerekli degildir. Bunun yerine Properties ekraninda yer alan dosyaya tiklayarak link verilecek olan sayfayi seçebiliriz. Yaziyi seçtikten sonra sari renkli dosya isaretine tiklamaliyiz. Select File isimle bir ekran karsimiza gelecektir. Link ekleyecegimiz sayfayi seçmeliyiz. Select Files ekraninda “RELATIVE TO” isimli bir bölüm bulunmaktadir. Bu bölümde “Document” veya “Site Root” dan birini seçebiliriz. Bu su ise yariyor. Link verilirken link verecegimiz dosyanin yolu dosyanin bulundugu yere göre mi yoksa sitenin kök dizinine göre mi yazilsin seçimi yapiyor. Istediginizi seçtikten sonra “Select” butonuna tikladiktan sonra link verme islemi sona erer.


    --------------------------------------------------------------------------------

    Dreamweaver Ve Tablo Iliskisi

    Dreamweaver'in bir özelligide bu sürümle gelen “Layout View” dir.”Layot View” ile kastedilen sayfa düzeni görünümüdür. Bu özellik sayesinde tablolari sayfa içerisine istediginiz yere çizebiliriz. Sayfanin geri kalan bölümünü kullanmamiz için Dreamweaver sayfaya satirlar ve sütunlar çizer. Olusan hücreleri sayfanizi tasarlamak için de kullanabiliriz. Bu yönüyle Dreamweaver Frontpage'den ayrilir. Tablodaki hücrelerin birlestirilmesini veya bölünmesini de “Standart View” ile yapabiliriz.
    Standart View ile Layout View Arasindaki Farkliliklar Nelerdir?
    Standart Viewde yazi yazma resim ekleme gibi temel islemleri yapabiliriz. Sayfamiza normal bir tablo ekledigimiz görünümdür. Layout View bize sayfa tasariminda tablo kullanicaksak yardimci olur. ”Layout” görünümünde sayfamiza tablo ekleyemeyiz. ”Layout Table” ve “Layout Cells” eklemek için de “Layout” bölümünü kullanabiliriz.
    Görünümler Arasinda Nasil Geçis Yapabiliriz?
    Iki farkli yol izleyebiliriz. Birincisi; View menüsünden “Table View” e gelerek Layout'u seçmektir. Bu durumda Layout View'e geçmis oluruz. Geçis sirasinda karsimiza bir ekran gelir. ”Getting Started in Laoyut View” isimli bu ekran bize Layout görünümü ile neler yapacagimiz hakkinda ipuçlari verir.
    Ikincisi; “Objects” panelindeki View bölümünü kullanmaktir. Tek bir tiklama ile görünümler arasinda geçis yapabiliriz.


    --------------------------------------------------------------------------------

    Dreamweaver'de Form Bilesenleri Ve Rahat Olan Kullanimi

    List/Menü
    Form içinde ziyaretçilerden bir seçim yapmalarini istedigimiz zaman kullanabilecegimiz bir ögedir. Objects panelindeki “Insert List/Menü” butonuna tiklayarak formumuza dahil edebiliriz.
    Forma liste ögesini ekledikten sonra üzerine tiklarsak Properties ekranini görürüz. ”Type” kismi forma ekledigimiz öge hakkinda bazi degisiklikler yapmamizi saglar. Örnegin ögenin asagiya dogru açilan bir menü olmasini saglayabiliriz. Bunun için Menü nün tiklanmis olmasi gerekir. Liste seklinde görünmesini de saglayabiliriz. ”List” i tiklayarak istedigimiz isimlerin bir sekilde sayfada görünmesini saglayabiliriz. ”List Values” butonuna tikladigimiz zaman karsimiza gelecek olan pencereyle listede yer alicak ögeleri belirleyebiliriz.
    File Field
    Bilgisayarimizdaki herhangi bir dosyayi karsi bilgisayara aktarmak istedigimiz zaman kullanacagimiz elemandir. ”Insert File Field” ile forma ekleyecegimiz bu öge çogunlukla web servis ve e-mail hizmeti veren siteler tarafindan kullanilir.
    Jump Menü
    Açilabilen bir liste seklinde sayfada görüntülenir. Listedeki elemanlardan birine tiklandigi zaman tiklanan sayfaya veya web sitesine gider. ”Forms” panelindeki “Insert Jump Menü” ile forma eklenir.


    --------------------------------------------------------------------------------

    Dreamweaver'in Webmaster'lara Incelikleri

    Dreamweaver webmaster'lara birçok kolaylik saglar. Örnegin image map hazirlamak için birtakim freeware veya shareware programlar kullanabiliriz. Sadece image map degil daha baska kolayliklarda var. Java script kullanarak elde edecegimiz bir uygulama olan “Rollover Image” Dreamweaver'da birkaç tiklamayla yapilabilir. Yine Java scriptle yapilabilen “status bar” da bir mesajin görüntülenmesi kolaydir.
    ROLLOVER IMAGE
    Sayfa ilk yüklendigi zaman sayfada görünen butonlardan birinin üzerine fareyle gelindigi zaman resmin kayboldugunu ve yerine baska resmin geldigini görürüz. Iste bu uygulamaya “rollover image” deniyor.
    Bos bir sayfa açalim.”Insert/Interactive Images” yolunu izleyerek Rollover image'yi tiklayalim. Karsimiza “Insert Rollover Image” ekrani gelecek. “Image name” ile rollover image'e bir isim verelim. Hemen altta yer alan “Original Image” ile sayfa yüklendiginde hangi resmin görüntülenmesini istedigimize karar verelim. (boyutlari ayni herhangi 2 resim) Browse butonuna basarak resmimizi seçelim. Rollover Image de fare üstüne gelince hangi resim görünecekse bunu browse butonuyla seçelim. ”Preload” butonunun seçili olmasina özen gösterelim. Resmin üzerine tiklandiginda hangi sayfaya gidecegini en alttaki bölüm ile ayarlayabiliriz. ”OK” butonuna bastigimizda resim sayfamizda görüntülenecektir. Browser'da sayfayi görüntülersek rollover image'in sorunsuz çalistigini görebiliriz.
    IMAGE MAP
    Buton tasarlamak yada rollover image ile ugrasmak istemiyorsaniz “image map” sizin için bir alternatiftir. Bir tane resim tasarlayalim.Bu resmin üzerine sitede yer alan bölümleri yazalim. Sonra yaziya tiklayinca ilgili sayfanin görüntülenmesi için yaziyi tarayip link verelim. Simdi bu resmi sayfamiza ekleyelim ve yazilara linklerimizi verelim.

    Önce bos bir sayfa açalim.Bu sayfaya baska bir programla tasarladigimiz resmi ekleyelim (Photoshop vb). Properties panelinde sol altta Map bölümünde açik mavi renkli 3 tane buton var. Bunlardan kare seklinde olanina tiklayalim sayfa içindeki resimde yer alan yazilardan birini seçelim. Bu seçme islemi yazinin etrafina bir dikdörtgen çizme islemidir. Properties panelinin üst kisminda link bölümü yer almaktadir. Linkin yanindaki küçük dosya ikonuna tiklayip sayfamizi bulalim. Select butonuna tiklayarak link verme islemini tamamlayalim. Yazini etrafindaki dikdörtgen sürekli olarak görülür. Böylece resim üzerindeki haritalari birbirine karistirmayiz. Eger linkin farkli bir sayfada açilmasini istiyorsak “Target” dan “_blank” i seçmeliyiz. Her seçili alana bir link verelim. Sayfayi kaydedelim ve islemimiz sona erecektir.
    NAVIGATION BAR
    Navigation bar ile rollover image birbirlerine benzemektedir. Rollover image de bir tane butonu sayfaya ekleyebilirken navigation bar da birden fazla butonu sayfaya ekleyebiliriz.
    Navigation bar hazirlamak için rollover imagede oldugu gibi resimleri hazirlamamiz gerekir. Ama bu sefer sayisi fazladir.3 tane resim elimizde olsun. Bir tanesi sayfaya yüklenince, digeri fare ile üzerine gelince sonuncusu ise fareyle üzerine tiklaninca gösterilir. Navigation hazirlamak için “Insert/Interactive images” yolunu izleyerek “navigation bar” i tiklamamiz gerekir.
    “Element name” i kullanarak butona isim vermeliyiz. ”Up image” ile sayfa yüklenince görülecek resmi, “over” ile fare üzerine gelince görünecek olani, “down” ile de tikladigimiz zaman görülecek olan resmi belirleyebiliriz .”When Clicked”,“Go To URL “bölümünden de resme tiklandigi zaman gidilecek olan sayfayi seçebiliriz. Navigation bar'da yer alan ögelerin bir tablo içinde yer almasini istiyorsak ekrandaki “Use Tables” i seçmemiz gereklidir. Navigation bar'a yeni ögeler eklemek istersek ekranin sol üst kösesinde yer alan “+” isaretine tiklamamiz gerekir.”+” isaretine tikladiktan sonra ekledigimiz yeni öge için “up”, “over” veya “down” durumlarinda gösterilecek olan resimleri browse ile seçebiliriz. Link ekledigimiz zaman yeni butonumuz tamamlanir ve “OK” butonuna basarak islemimize son veririz.
    FLASH BUTON YAPALIM
    “Insert/Interactive Images” yolunu takip ettikten sonra “Flash Buton” a tiklayalim. Karsimiza çikan ekran bize yardimci olacaktir. Simdi Anasayfa adinda bir buton yapalim. Tiklayinca sitenin anasayfasina gitmesi için link'i verelim. Ekranin en üstünde yer alan “Sample” kisminda siteye eklenecek butonu görebiliriz. ”Style” ile de Dreamweaver'in bize sundugu seçenekleri inceleyebiliriz. Herhangi bir butonu seçelim. ”Button Text” satiri butonun üzerinde ne görünmesini istedigimizi yani anasayfa yazalim.
    “Font” ile yazinin fontunu, “Size” ile de yazinin büyüklügünü ayarlayabiliriz. Geldik link'e. Link'in yanindaki browse butonu ile klasör içindeki anasayfayi bulup “OK” butonuna basalim. ”Target” ile link'in nerede açilacagina karar verebiliriz. ”Save As” ile butonun hangi isimle kaydedilecegini belirleyebiliriz. ”OK” butonuna basarak Flash butonumuzu yapmis oluruz.


    --------------------------------------------------------------------------------

    Layer'lar Ve Dreamweaver'deki Kolay Kullanim Kilavuzu

    Layer'lar Dreamweaver'a ait olan bir özelliktir.Bunlari;
    Tablodaki bir hücre gibi düsünebiliriz.
    Sayfa içinde istedigimiz bir yerde layer olusturabiliriz. Layer'lar Explorer 4.0 ve üzeri sürümlerde Netscape'in ise son sürümlerinde görüntülenebilmektedir.
    Layer'lari çok rahat bir sekilde tablolara dönüstürebiliriz.

    Layer eklemek için” Insert/Layer” i seçmemiz yeterli olacaktir. Sayfa içinde bos bir dikdörtgen belirir. Bu dikdörtgenin içine yazi yazabilir yada resim ekleyebiliriz. Layer'i seçtigimiz zaman Properties de “Layer ID” ile sayfaya eklemis oldugumuz layer'a ad verebiliriz. ”L” ile layer'in soldan, “T” ile de üstten kaç pixel bosluk birakacagini belirleyebiliriz. ”W” genisligi, “H” ise yüksekligi ayarlamamiza yardimci olur. ”Z-index” ise “CSS” ile birlikte kullanilir. Anlamida aktif durumda olan layer'in “z” ekseninde kaçinci sirada olacagini belirtir. ”Bg Image layer” a zemin rengi vermeyi saglar. ”Overflow” bize layer'in degisik web nesneleri gibi görünmesini saglar. Bg Color layer'in zemin rengini belirlememize yarar. Layer'lar la animasyonda yapilabilir.


    --------------------------------------------------------------------------------

    POP UP PENCERE

    Yeni bir sayfaya girdigimizde bir link'e tiklayinca görüntülenen sayfalara “pop up” denir. Pop up pencere olusturmak için Java Script ile kod yazmak gerekir.
    Popup pencerenin görünmesi için görünecek olan bir pencereye sahip olmamiz gerekir. Yeni bir dosya olusturalim. Bu dosyaya biseyler yazip “popupacilicak.htm” olarak kaydedelim. Simdi bir tane daha dosya olusturalim. ”popuppencere.htm” adini verelim. ”popuppencere” dosyasi browser'da görüntülenince “popupacilacak.htm” isimli pencere de onunla birlikte açilacaktir.
    “Window” dan “Behaviour” a tiklayarak “Behaviour” penceresinin görünmesini saglayalim. Pencere açilinca sol taraftaki “+” isaretine tiklayalim. Bir menü açilacak.Bu menüden “Open Browser Window” u seçelim. Karsimiza çikacak olan pencereden “URL to Display”, “popuppencere.htm” sayfasi browser'da görüntülenirken kendisi ile birlikte hangi sayfanin da görüntülenecegini ayarlamamizi saglar. ”Window Width” ve “Window Height” ise sirayla açilacak olan pencerenin genisligini ve yüksekligini belirlememizi saglar. ”Attributes” bölümü ise yeni açilacak pencere ile ilgili bazi ayarlari yapmamizi saglar. ”Navigation Toolbar”, browser'da ileri-geri butonlarinin oldugu toolbar'in görünmesini saglar. ”Menü Bar”, browser menüsünü görüntüler. ”Status Bar”, linklerin üzerine gelince linklerin hedeflerini status barda görüntüler.


    STATUS BAR'DA MESAJ

    Status barda mesaj da java script ile yapilmaktadir. Status Barda mesaj görüntülemek için Behaviour'daki “+” isaretine tiklayalim. Açilan menüden “Set Text/Set Text For Bar” i seçelim. Karsimiza gelen pencereye status barda görüntülenmesini istedigimiz mesaji yazalim. ”OK” butonuna tikladigimizda islemimiz tamamlanir.


    Sayfamizi browser'da görüntüleyebiliriz. Status Bar'da mesajin görüntülenmesini sayfa yüklenince degil link'in üzerine fare gelince de yapabiliriz. Sayfaya bir yazi yazalim. Properties ekranindaki link bölümüne “#” isaretini koyalim. Behaviour'dan yine “+” isaretine tiklayarak açilan menüden “Set Text/Set Text Of Status Bar” i seçelim. Mesajimizi yazalim ve “OK” butonuna basalim. Sayfa browser'da yüklendigi zaman fare ile link'in üzerine gelince status barda bir mesaj görüntülenecektir.

    EXTENSION MI?

    Extensionlar Dreamweaver için bir nevi “Plug-in” dir. Javascript ile yapilabilen veya daha karmasik islemleri kolayca yapmamizi saglayan küçük eklentilere “Extension” deniyor. Dreamweaver'a extensionlar yüklemek için Dreamweaver kurulurken bilgisayarimiza kurulan Macromedia Extension Manager'i kullanabiliriz. Programs'in içinde görebilecegimiz Macromedia Extension Manager'i çalistiralim. Yeni bir extension eklemek için “File/Install Extension” yolunu izlemek gerekir.
    Yüklü Olan Bir Extension Nasil Çalistirilir?
    Extansionu yükledikten sonra alt tarafta extension ile ilgili bilgiler yer almaktadir. Bu bilgilerden bir tanesi extension'u nasil veya nereden çalistiracagimizdir. Bazi extensionlar “Objects” panelinden çalistirilir. Bazilari da “Commonds” menüsünden. Ama en kisa yolu Extension Manager'dan extension ile ilgili bilgilere göz atmaktir.


    İlgi artarsa burda sorunlara cevap yazabiliriz arkadaşlarla yada ne bileyim işte yaratıcılığımız ile doğru orantılı bişeyler çıkartabiliriz..Sağlıcakla kalın



    < Bu mesaj bu kişi tarafından değiştirildi tyunus -- 11 Temmuz 2005, 13:53:41 >







  • emeğine sağlık eyvallah



    < Bu mesaj bu kişi tarafından değiştirildi ALP3R -- 11 Temmuz 2005, 14:00:53 >
  • İşinize yarıyorsa ne mutlu bana yeri ve zamanı gelince daha güzel şeyleri de yazıcam nasipse...
  • ben de böyle birşey arıyordum uzun süredir daha önce de böyle bir topic acmiştım

    sagolasın...
  • çok iyi olmuş kardeş
  • eline sağlık.
  • Bi işe yaraması ne kadar güzel saolun dostlar...
    Daha iyisini de buraya koyucam merak etmeyin...
  • Eline sağlık resimli çalışma da eklersen yeni başlayanlar için biraz daha katkın olabilir.
  • saol kardeş.Yeni başlayanlar ve ileriye görtürmek isteyenlere yardımcı olaccaktır
  • Reisem saol kardeşim gerçekten ileriye gitmek isteyenlere yardımcı olcak...

    quote:

    Eline sağlık resimli çalışma da eklersen yeni başlayanlar için biraz daha katkın olabilir.
    bunuda zamanla beraber yaparız fenamı olr?
    Zamanım oldukça daha iyi şeyler yapıcam nasipse...
  • Resimli değilde videolu anlatım olabilir. Canlı Canlı
  • Yaparız da hangi programlaCanlı yayın yapalım hotbirdden istiyosan hee
    Şaka bi yana iyisini yaparım zamanım olunca
  • Turksat olsun :)

    Easy Video Capture var.
  • Çok Sağol
  • İstekler doğrultusun da az biraz xml frontpage filanda yazabilirim haberiniz olsun ama zman oldukça
  • quote:

    Orjinalden alıntı: tyunus

    Reisem saol kardeşim gerçekten ileriye gitmek isteyenlere yardımcı olcak...

    quote:

    Eline sağlık resimli çalışma da eklersen yeni başlayanlar için biraz daha katkın olabilir.
    bunuda zamanla beraber yaparız fenamı olr?
    Zamanım oldukça daha iyi şeyler yapıcam nasipse...
    Tabiki yaparız.
  • Video capture için camtasia 3.0 kullanın:)
  • Olabilir dogukan_karabay o program ile de yapılabilir ama bu işi yapabilceğimiz elamanlar lazım bize...Destek te verebilcek oke anladınmı?
  • Php öğrenmek isteyen kardeşlerimw php nin nasıl bir dil olduğunu ufak derlemelerimle size sunuyorm buyrun...

    PHP Tarihçesi?

    PHP 1994 yılında Rasmus Lerdorf tarafından web sunucusuna koyduğu özgeçmişinin kaç kişi tarafından okunduğunu izlemek
    için geliştirmeye başlanmıştır. İlk başta bu versyonlar halka açık olmamakla birlikte 1995 yılında
    Personal Home Page Tools adı altında diğer insanların kullanımına açık hale getirilmiştir. O yıllarda içerisinde çok
    basit bir iki makroyu anlayabilen ufak bir derleme motoru kişisel sayfalarda kullanılmaya alışık olunan bazi gereçleri
    bulunduran , misafir defteri , sayaç vb uygulamaları barındıran bir araçtı. 1995 yılında derleme motoru tekrar yazılarak
    adına PHP/FI V2 denildi ve bu sürüm Rasmus tarafından yazılan ve HTML form bilgilerini işleyebilen bir yapıya sahipti
    buna mySQL desteğinide ekleyince PHP/FI tam anlamıyla doğmuş oldu. Bir çok kişinin desteği ve kendi yazdıkları kodları
    paylaşmaları sonucu çok hızlı bir şekilde gelişti ve 1997 de Zeev Suraski ve Andi Gutmans tarafından tamamen yeniden yazılan
    derleme motoru PHP V3 için bir taban oluşturdu. Bundan yaklaşık bir iki ay önce PHP V4 çıktı ve bu sürümde PHP V3 gibi
    sıfırdan yeniden yazıldı.


    PHP Nedir?

    Platformdan bağımsız (Windows,Linux, Etc.) çalışabilen sunucu taraflı, Html gömülü betik dilidir.
    Perl, C/C++ tipinde script dilidir. Bu dillere aşina olanlar ve herhangi bir programlama dilini bilenler PHP yi
    fazla vakit kaybetmeden öğrenebilirler.
    Oracle, Adabas D, Sybase, FilePro, mSQL, Velocis, mySQL, Informix, Solid,dBase, ODBD Unix dbm ve PostgreSQL
    veritabanlarıyla güvenli iletişim kurabilir ve IMAP, SNMP, NNTP , POP3 , HTTP servislerine bağlantı kurabilmektedir.
    Platform olarak "Linux & Apache & mySQL" kullanılması en yaygın ve önerilendir. Siz kendi sisteminizde de sorunsuz kullanabilirsiniz.

    Windows için PHP kurulumu
    www.appservnetwork.com adresinden Appserv'in son sürümünü indirip kurmanız yeterli olur..

    --------------------------------------------------------------------------------

    <?php
    print ("Merhaba Yunus");
    ?>

    PHP komutları <? ile başlayıp ?> ile biter..
    C türevi bir dil olduğu için satır sonlarında noktalı virgül kullanıyoruz..
    Zaten diğer deyimler döngüler ve komutlar da C ye çok yakın ya da aynıdır...

    --------------------------------------------------------------------------------

    HTML gömülü betik dili

    PHP, HTML kodlarının arasında kullanılabilir. Bu şekliyle Asp yede benzer. PHP ve HTML nin birleşimi ile ilgili bir örnek yapalım;

    <html>
    <head>
    <title>HTML ile PHP</title>
    </head>
    <body>
    Nick?
    <br>
    <?php
    // bu araya php kodları,(açıklama satırı)
    /* burası çoklu
    açıklama satırı */
    echo "<b>Viper!</b>";
    ?>
    </body>
    </html>

    --------------------------------------------------------------------------------

    Değişkenler



    Php'de de her programlama dilinde olduğu gibi değişkenler var, fakat değişkenleri kullanmadan önce tanımlamamıza gerek yoktur.
    İstediğimiz değişkeni istediğimiz an kullanabiliriz. Ayrıca bütün değikenler $ işaretiyle başlar.


    --------------------------------------------------------------------------------

    <html>
    <head>
    <title>PHP</title>
    </head>
    <body>
    <?php
    $isim = "Adem";
    $yas = 20;
    ?>
    <br>
    <?php
    echo "merhaba $isim yaşınız $yas";
    ?>
    </body>
    </html>




    --------------------------------------------------------------------------------

    Diziler
    Dizilerin programlamadaki yeri olduğça büyük, normal değişkenlerde sadece değişken başına vir veri tutulurken
    dizilerde yüzlercesi tutulabilir. Php de çok boyutlu dizilerden tutunda kullanabileceğiniz birçok kolaylıklar vardır...


    <html>
    <?php
    $dizi1 = array("Ahmet","Mehmet","Hasan","Hüseyin","Ali");
    echo $dizi1[2];
    //Hasan değerini döndürür
    ?>
    <br>
    <?php
    $dizi2 = array(array(adi=>"Yavuz",soyadi=>"Düzgün"),
    array(adi=>"Ender",soyadi=>"Gündoğdu"),
    array(adi=>"Tülin",soyadi=>"Şahika"),
    );
    echo $dizi2[1][adi];
    //Ender değerini döndürür
    ?>
    <br>
    <?php
    $dizi3[] = "Veli";
    $dizi3[] = "Emine";
    $dizi3[] = "Salih";
    $dizi3[] = "Havva";
    echo $dizi3[1];
    //Emine değerini döndürür
    ?>
    <br>
    <?php
    $degisken1 = count($dizi3);
    echo $degisken1;
    //$dizi3 ün elemen sayısı =4 geri döndürür
    ?>
    <br>
    <?php
    $dizi4 = array_merge($dizi1,$dizi3);
    //$dizi1 ile $dizi3 ün elemenları $dizi4 te toplanır
    ?>
    </html>

    --------------------------------------------------------------------------------

    if Deyimi

    if karar yapısının kullanımını aşağıdaki örnekte görebilirsiniz ve yardımcı olablecek operatör ve anlamlarına bakabilirsiniz.


    --------------------------------------------------------------------------------

    <html>
    <?php
    $saat = date(H);
    //şu anki saat (0-24)
    $gunler = array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi");
    //günler dizisi
    $gun = $gunler[date(w)];
    //date(w) ile hangi gün olduğunu getirip günler dizisinden görüntülüyor
    if ($gun == "Cumartesi")
    {
    if ($saat == "12")
    {
    $yemek = "pasta";
    }
    }
    ?>
    <br>
    <?php
    if ($yemek == "pasta")
    {
    echo "yemekte pasta var";
    }
    else
    {
    echo "yemekte pasta yok";
    }
    ?>
    <br>
    <?php
    if (($saat <=9) && ($saat >=6))
    {
    echo "Günaydın";
    }
    elseif (($saat >=10) && ($saat <=16))
    {
    echo "Tünaydın";
    }
    elseif (($saat >=17) && ($saat <=20))
    {
    echo "İyi Akşamlar";
    }
    else
    {
    echo "İyi Geceler";
    }
    ?>
    <br>
    <?php
    //if deyiminin kullanılması ile ilgili diğer bir yol
    if ($saat == 0):
    echo "Gece Yarısı!";
    else:
    echo "Henüz Erken!";
    endif;

    ?>
    </html>





    --------------------------------------------------------------------------------

    İşlemci Örnek Örnek $a=6, $b =5 ise
    -------------------------------------------------------------------------
    == eşitse $a == $b False
    != eşit değilse $a != $b True
    > büyükse $a > $b True
    < küçükse $a < $b False
    >= büyükse veya eşitse $a >= $b True
    <= küçükse veya eşitse $a <= $b False

    --------------------------------------------------------------------------------


    İşlemci Adı Örnek Anlam $a = 12,
    $b = 12
    $c = 9
    ---------------------------------------------------------------------------------
    &&AND $a == $b && $a > $c $a eşit $b VE $a eşit $c True
    &&AND $a == $b && $a < $c $a eşit $b VE $a küçük $c False
    ||OR $a == $b || $a < $c $a eşit $b VEYA $a küçük $ True
    ||OR $a > $b || $a < $c $a büyük $b VEYA $a küçük $c False
    !NOT !$a $a mevcut değilse False

    --------------------------------------------------------------------------------

    Switch

    Switch-case karar yapısı, Php de C dilindeki kullanımın aynı her case blogundan sonra break komutu ile switch den çıkılır
    aksi halde bir sonraki case ile uyuşup uyuşmadığı kontrol edilir...



    --------------------------------------------------------------------------------

    <html>
    <?php
    $gunler = array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi");
    //günler dizisi
    $gun = $gunler[date(w)];
    //date(w) ile hangi gün olduğunu getirip günler dizisinden görüntülüyor
    // switch karar yapısını kullanalım
    switch ($day)
    {
    // birinci case
    case "Pazartesi":
    $merhaba = "Haftanın ilk resmi günü";
    break;

    // ikinci case
    case "Salı":
    $merhaba = "Haftanın ikinci resmi günü";
    break;

    case "Çarşamba":
    $merhaba = "Haftanın üçüncü resmi günü";
    break;

    case "Perşembe":
    $merhaba = "Haftanın Dördüncü resmi günü";
    break;

    case "Cuma":
    $merhaba = "Haftanın son resmi günü";
    break;

    // eğer $day hiçbir case değeriyle uyuşmuyorsa
    default:
    $merhaba = "Haftasonu tatili";
    break;

    }
    ?>
    <?echo$merhaba?>
    </html>

    While döngüsü

    Sıklıkla kullanılan döngülerden biri olmakla birlikte eşitlik sağlanana kadar döngü içinde yapılması gerektiği işler devam eder...


    --------------------------------------------------------------------------------

    <html>
    <?php
    $a = 11;
    $b = 3;
    while($a > $b) //koşul
    {
    //koşul doğru ile yapılacak işler
    $a = $a - 1;
    echo "$a, ";
    }
    //geri 10, 9, 8, 7, 6, 5, 4, 3, sonucu göner
    ?><br>
    <?php
    $deger = 13;
    while ($deger == 12)
    {
    echo "Merhaba!";
    break;
    //şart sağlanıyorsa break komutu ile while bloğu sonlandırılır
    }
    //ilk sorguda şart sağlanmadığından ekrana Merhaba! yazmaz
    ?>
    </html>


    --------------------------------------------------------------------------------


    do..while döngüsü

    While döngüsünden farklı olarak sınamayı döngü içindeki işlemleri yaptıktan sonra yapar...



    --------------------------------------------------------------------------------

    <html>
    <?php
    $deger = 13;
    do
    {
    echo "Merhaba!";
    break;
    //şart sağlanıyorsa break komutu ile while bloğu sonlandırılır
    }while($deger == 12);
    //önce sorguya bakmadan bloğu işletir ve ekrana Merhaba! yazar
    ?>
    </html>


    --------------------------------------------------------------------------------

    for döngüsü

    Değişkenin sayısı değerini tanımlayıp belli koşula uygun istediğimiz ölçüde artırıp işlemleri yapmak istiyorsak
    for döngüsü kullanılır...



    --------------------------------------------------------------------------------

    <html>
    <?php
    $sayi =3;
    for ($x=0; $x<=10; $x++)
    {
    echo "$sayi X $x = " . ($sayi*$x) . "<br>";
    }
    ?><br>
    <?php
    for ($x=0; $x<=10; $x++)
    {
    if ($x == 5)
    {
    continue;
    //if koşulu sağlandığında for döngüsü bir
    //üst kademeden devam eder
    }
    elseif ($x == 8)
    {
    break;
    //elseif koşulu sağlandığında for döngüsünden çıkılır
    }
    else
    {
    echo "$x <br>";
    }
    }
    ?>
    </html>


    --------------------------------------------------------------------------------

    foreach döngüsü

    Formlarla yapacağımız işlemlerde ve dizileri saydırmada işimize oldukça yarayacak...


    --------------------------------------------------------------------------------

    <html>
    <?php
    $dizi = array("Ali", "Veli", "Ahmet","Mehmet");
    foreach ($dizi as $degisken)
    {
    echo $degisken . ", ";
    }
    /*$dizi değişkeninin herbir elemenını $degisken e atar
    programın çıktısı : Ali, Veli, Ahmet, Mehmet, 'dir*/
    ?>
    </html>

    Form işlemleri

    PHP formlarda GET ve POST metoduyla gelen verileri $HTTP_POST_VARS ve $HTTP_GET_VARS çevre değişkenlerinde depolar. ayrıca formarda kullandığımız MULTIPLE şeçim paremetresi dışında gönderilen değerleri "<input type=text name=ali value="?">" örneğindeki gibi value değerini $ali değişkeninde tutup kullanıma hazır olarak sunar...


    --------------------------------------------------------------------------------

    <?
    //formdan gelen name ="submit" değeri $submit eğer boş ise
    if (!$submit)
    {
    ?>
    <html>
    <head>
    </head>
    <body>
    <h4>Lütfen aşağıdaki kutuları doldurun ve Go button'una tıklayın</h4>
    <form action="<?echo$PHP_SELF?>" method="POST">
    Adınız :
    <input type="text" name="ad" size="15" maxlength="15"><br>
    Soyadınız :
    <input type="text" name="soyad" size="15" maxlength="15"><br>
    <input type="submit" name ="submit" value="Go">
    </form>
    </body>
    </html>
    <?
    }
    else
    //$submit değeri dolu ise,form gönderildi ise $submit değeri Go gelir
    {
    ?>
    <html>
    <head>
    </head>
    <body>
    Merhaba <?echo $ad ." ".$soyad?>
    </body>
    </html>
    <?
    }
    ?>



    --------------------------------------------------------------------------------

    Multiple

    Select distinct ad.from customer gelen verileri nasıl listeleyebilirim? yada MULTIPLE parametresiyle gelen verileri nasıl listeleriz yada kullanabiliriz. Bununla ilgili bir örnek daha yapalım örnek formumuz şu şekilde olsun


    --------------------------------------------------------------------------------

    <form name="form1" method="post" action="">
    <select name="veri[]" size="3" multiple>
    <option value="1">istanbul</option>
    <option value="2">ankara</option>
    <option value="3">izmir</option>
    </select>
    <input type="submit" value="ok" name="submit">
    </form>


    --------------------------------------------------------------------------------

    formdan gelen veriyi php ile okutalım ;


    --------------------------------------------------------------------------------


    <?php
    foreach ( $HTTP_POST_VARS as $anahtar => $deger ) {
    if(gettype($deger)== "array"){
    print ("$anahtar =<br>\n");
    foreach($deger as $yenidegerler)
    print ("$yenidegerler<br>");
    }else{
    print ("$anahtar =$deger\n");
    }
    }
    ?>


    --------------------------------------------------------------------------------

    formdaki "veri[]" ifadasine dikkat etmek gerekir, çünkü php de veri[] içinde elemanları olan bir dizi olarak görür ve yukarıda gettype fonksiyonu ile gelen veri tipi array(dizi) ise içinde bulunan elemenlar listelenir.


    include, require(Harici Dosya)

    Php çalıştığız ana dosya dışında başka bir dosyayı da içine katarak çalıştırabilirsiniz bunun için include ve require komutları kullanılır bunlların birbirinden farkı include ile çağrılan dosya geri return değeri döndürür ama require de bu söz konusu değildir Ana programa dahil edilirler...


    --------------------------------------------------------------------------------

    [ilk.php]
    <br>
    <?echo"burası sayfanın en üstü"?>
    <br>

    [orta.php]
    <?php
    $sayi =15;
    return $sayi;
    ?>

    [son.php]
    <br>
    <?echo"burası sayfanın en alt kısmı"?>
    <br>

    [anasayfa.php]
    <html>
    <?php
    require("./ilk.php");
    ?>
    <?php
    $deger = include("orta.php");
    echo $deger;
    ?>
    <?php
    $deger = require("orta.php");
    echo $deger;
    ?>
    <?php
    $basari= @include("son.php");
    if (!$basari) { print "Sayfa bulunamadı"; }
    ?>
    </html>

    Fonksiyonlar

    Programlamanın temelini fonksiyonlar oluşturur. Ayrıca ana programın kendiside bir fonksiyondur denilebilir. En çok kullanılanlar print() ve echo() fonksiyonlarıdır. Bunun yanında kendimizde fonksiyon yazabiliriz ve istediğimiz an kullanabiliriz.


    --------------------------------------------------------------------------------

    <html>
    <?php
    $a = 1;
    $b = 2;
    //global $a ve $b değişkenlerimiz ve değerleri
    function toplam() {
    global $a, $b;
    /* global $a,$b; demekle ana programdaki
    $a ve $b değişkenlerin değerlerini kullan*/
    $c = $a + $b;
    echo $c;
    //ekrana $c nin değerini 3 yazar
    }
    toplam();
    //üsteki toplam fonksiyonunu kullanıyoruz
    ?>
    <br>
    <?
    /*fonksiyonlara paremetre gönderip
    geri değer döndürmesini isteyebiliriz*/
    function paremetre ($id1, $id2) {
    $id3=$id1 + $id2;
    return $id3;
    //$id3 değişkeninin değerini geri döndürür
    }
    echo paremetre(15,34);
    /*15'i $id1, 34'ü $id2 ye atar ve dönen return
    değerini echo ile ekrana yazar*/
    ?>
    <br>
    <%
    function statik() {
    static $a = 0;
    /*$a değişkenini static tanımlamakla fonksiyonu
    her çağırdığımızda $a nın son değerini alır*/
    echo $a;
    $a++;
    }
    statik();
    //ekrana 0 yazar
    statik();
    //ikinci çağrışımızda ekrana 1 yazar ve takip eder
    %>
    <br>
    <?php
    function islem ($a =5){/*fonksiyon paremetresiz çağrılırsa
    $a değişkeninin değeri varsayılan olarak 5 alınır*/
    return ($a+1);
    }
    echo islem();
    //ekrana 6 yazar
    print "<br>";
    echo islem(10);
    //ekrana 11 yazar
    ?>
    </html>


    --------------------------------------------------------------------------------

    Nesne Tabanlı Programlama (Object-Oriented Programming)

    Programlama dilleri nesneye dayalı olmakla birlikte kullanım açısından bir çok avantajlar getirdi. PHP de istediğimiz kadar sınıf oluşturup bunların içinde yine istediğimiz kadar fonksiyonlar kullanabiliriz.



    --------------------------------------------------------------------------------

    <?
    class stil
    {
    //özellikleri tanımlayalım
    var $font;
    var $renk;
    var $boyut;
    var $metin;
    //fonksiyonları tanımlayalım
    function arayuz($c,$d,$e,$f){
    $this->font = $c;
    $this->boyut = $d;
    $this->renk = $e;
    $this->metin = $f;
    }
    function yazdir(){
    echo "<font face=\"".$this->font." size=".$this->fontsize.
    "\" color=".$this->renk.">".$this->metin."</font>";
    }
    }

    ?>
    <html>
    <?
    $sinif = new stil;
    //stil nesnesini kullanıma açıyoruz (önyükleme)
    $sinif->arayuz("Trebuchet MS",2,"black", "Enigma");
    //arayuz fonksiyonuna font ile ilgili paremetreler gönderilir
    $sinif->yazdir();
    //nesnemizin yazdır fonksiyonu (metodu) çalışır
    echo "<br>";
    $sinif->renk ="blue";
    $sinif->metin ="Parçalarını";
    $sinif->yazdir();
    echo "<br>";
    $film = new stil;
    $film->arayuz("Times New Roman",3,"red", "Mutlaka Dinleyin");
    $film->yazdir();
    ?>
    </html>


    Php kodlama bu şekilde başlanır ve sonra daha karışık hal alır günümüzde bir çok haZIR script vardır fakat en iyisi kendimizin yazdığıdır...Php 'ye yeni başlamak isteyenler en azından bu dökümanı okuyarak kafalarında bişeyler canlandırabilirler...




  • Sağol artık Dreameaver kullanmak isteyenlerin için yararlı bir küçük bir kaynak
  • 
Sayfa: 12
Sayfaya Git
Git
sonraki
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.