Dreamweaver Asset Panelinin kullanımı ve bölümleri
Asset Panelinin kullanımı ve bölümleri
Assets paneli Files panel grubunda yer alır. Assets panelini Window > Assets komutunu seçerek de açabilirsiniz. Renk varlıklarına erişmek için Assets panelinin sol sütunundali Colors simgesine tıklayın. Assets panelinin üst tarafında yer alan radyo düğmeleri renkleri görmek için size iki seçenek sunar : Site ve Favorites. Stie radyo düğmesine tıkladığınızda proje sitesinde ya da o anda etkin durumda bulunan sitede kullanılan renkler görüntülenir. Sitenizde herhangi bir renk kullanmadıysanız listede renk göremezsiniz. Renkleri tanımladıysanız, fakat listelenmiş olarak görmüyorsanız, panelin sağ alt köşesindeli Refresh Site List düğmesine tıklayın. Bu listede henüz kullanmadığınız renkleri göreceksiniz. Çünkü proje sitsinin diğer ders klasörlerindeki belgelerde kullanılan başka renkler de vardır. Kullandığınız renklerin bütün sitede tutarlı olmasını sağlamak için çok kullanılan renkleri Assets panelinde Sık Kullanılanlar(Favorites) olarak kaydedebilirsiniz. Sık kullanılan bir rengi kaydet isterseniz, istediğiniz rengi Site listesinden seçin ve Assets panelinin sağ alt köşesindeki Add to Favorites düğmesine tıklayın. Dreamweaver, ilgili rengin Favorite(Sık Kullanılanlar) listenize eklendiğini bildiren bir iletişim kutusu görüntüleyecektir. Favorites listesini görmek için Assets panelinin üst kısmındaki Favorite radyo düğmesine tıklamanız gerekir.
Belgelerinizin içindeki sık kullandığınız nesnelerinizi aynı Internet Explorer'daki gibi Favorites bölümüne gönderebilirsiniz. Bu işlem için Dreamweaver'da Assets paneli kullanılır. Eğer nesnelerinizden birini bu panele göndermek istiyorsanız, nesnenin üzerinde sağ tıklayın ve (resim dosyası için geçerli) Add to Image Favorites komutunu tıklayın.
Assets Paneli Kullanarak Resim Eklemek
Assets paneli, sitenizin bileşenlerini Dreamweaver içinden düzünleme imkanı sağlar. Bu aracı, çeşitli medya ve sayfa elemanlarını görmek ve düzenlemek için kullanabilirsiniz. Örneğin bütün resimlerinizi düzenlemeniz zor olabilir; özellikle de büyük bir site üzerinde çalışıyorsanız. Assets paneli ile bu resimleri kolayca takip edebilirsiniz.
1-) Files panel grubunda Assets panelini seçin. Assets panelinin sol tarafında yer alan düğöe sütununun üst kısmında yer alan Images düğmesine tıklayın.
HATIRLATMA : Assets paneli ya da Fİles panlel grubu görünür durumda değilse, Files panel grubu içinde Assets panelini açmak için Window > Assets komutunu kullanabilirsiniz.
Assets panelinin sol tarafında yer alan diğer düğmeler sitenizde kullanabileceğiniz farklı varlık(asset) tiplerini temsil eder. Bunların içinde renkler de (Color) yer alır. Assets paneliyle iki şekide çalışabilirsiniz. Paneli Site listesiyle (sitenizdeki tüm resimlerin tam bir listeni içerir) ya da Favorites listesiyle (sadece sizin sık kullanılan olarak işaretlediğiniz resimleri gösterir) görüntüleyebilirsiniz. Her iki görünümde de seçtiğiniz bir resmi sayfanıza ekleyebilirsiniz.
2-) Eğer seçili durumda değilse (varsayılan durumda seçili olması gerekir) Assets panelinn üst tarafındaki Images:Site seçeneğine (Images düğmesinin sağında yer alır) tıklayın. NOT : Proje sitesinde, Assets panelinin Images bölümünde listelenen çoğı resmin birden fazla kopyasını göreceksiniz. Çünkü her ders klasöründe ve ilgili Completed klasöründe resimlerin farklı kopyaları bulunmakta ve dolayısıyla sitede her resmin çeşitli kopyaları kullanılmaktadır. Kendi sitelerinizde aynı resimlerden bazılarını içeren birden fazla resim klasörü kullanmadıkça bu durumla karşılaşmazsınız. Boşluk resmi (spacer) olarak GIF'lere ve gezinti sisteminde kullanılan resimlere bazen farklı resim klasörlerinde rastlarsınız. Bir resmin birden fazla kopyasını bulundurmak genellikle şart değildir. Çünkü sitenizde herhangi bir konumdaki resimleri kullanabilirsiniz. Aslında birden fazla resim kullanımı pek istenmez.Bir resmi güncellemeniz gerektiğinde aynı resmin birden fazla kopyası varsa bir sürü dosyada değişiklik yapmanız gerekebilir.
Assets penceresinin Site görünümde sitedeki bütün resimler gösterilir. Resimler, herhangi bir belgede ister kullanılsın, ister kullanılmasın, bu pencere otomatik olarak belirirler. Panelin sitenizdeki bütün resim varlıklarının bir kataloğu oluşturması birkaç saniye sürebilir.
NOT : Sitenizi ilk oluşturduğunuzda önbelleği etkinleştirmediyseniz, Dreamweaver önbelliği etkinleştirmek ve oluşturmak için Assets panelindeki Refresh Site Liste düğmesine tıklamanız gerektiğini bildirir. Önbellek varsayılan durumda etkindir ve siz sitenize ait Site Definition iletişim kutusundaki Enable Cache onay kutusunun işaretini kaldırmadığınız sürece otomatik olarak oluşturulur.
Sitenize yeni bir varlık eklediğinzde bu varlık Assets panelinde hemen görüntülenmeyebilir. Paneli, sitenizdeki tüm resimleri gösterecek şekilde güncellemek için site katoloğunu tazelemeniz gerekir. Bunun için Assets panelinin sağ alt köşesindeki Refresh Site List düğmesine tıklayın.
3-)
HATIRLATMA : Ayrıca Assets panelinde ilgili resmi seçebilir ve istediğiniz konuma sürükleyebilirsiniz.
Bir resim dosyasının komutunu bulmak için söz konusu dosyayı seçtikten sonra Cmd tuşuna basılı tutup tıklayarak veya sağ tıklayarak açılan bağlam menüsünden Locate In site komutunu seçebilirsiniz. Assets panelini yatay olarak genişlettiğinizde Full Path sütununu görürsünüz. Bu sütunu kullanarak resimlerin nereye konduğunu görebilirsiniz. Macintosh kullanıcıları paneli sağ alt köşesine tıklayıp sürükleyerek genişletebilir. Paneli genişletmenizi sağlayacak kadar yere sahip olmak için önce paneli ya da panel gruplarını sola taşımanız gerekebilir.
Windows'ta panelleri arabirimin geri kalan kısından ayıran düşey çubuğu üzüerine tıklayıp sola sürükleyebilirsiniz.
Resim belge penceresinde belirecektir.
Assets panelinde resim seçtiğinizde panelin üst kısmında resmin küçük bir önizleme görüntüsü belirir. Kullanılabilir önizleme alanını büyüterek (imleci görünüm alanının alttaki kenarlığının üzerine getirin ve sürükleyerek uemiden boyutlandırın) ve/veya tüm Assets panelini büyüterek bu küçük resmin boyutlarını büyütebilirsiniz. Assets panelinde bir resmi kolayca seçebilir ve Edit simgesine tıklayarak resmi varsayılan resim düzenleme programınızda açabilirsiniz. Sütun üst bilgilerine tıkladığınızda resim listesi yeniden sıralanacaktır. Örneğin Name sütununun üstbilgisine tıkladığınızda resimler alfabetik olarak küçükten büyüğe (yukarıya bakan bir okla gösterilir) ya da büyükten küçüğe(aşağıya bakan bir okla gösterilir) doğru kaydırmanız gerekebilir. Bir sütunda ya da sütun üstbilgisinde üç nokta(...) görürseniz, bu sütunun içeriğini görmeniz için paneli genişletmeniz gerekir. Assets paneli etkinleştirildiğinde (listedeki bir resme tıklayarak etkinleştirin) aradığınız dosyayı seçmek için dosyanın adının ilk harfini (ya da ilk birkaç harfini) yazabilirsiniz.
NOT : Bu fotoğraf bir JPEG olarak kaydedilmiştir. Aynı resmi bir GIF olarak kaydetseydiniz resim kaba degradelerle, renklerin etrafında kırıklı kenarlarla piksel piksel görüntülenirdi. Bunun sebebi, bu formatta(GIF) bütün renk tonlarının sadece birkaç renkle eşleştirilmesidir. Bu durumda en iyi seçenek JPEG'tir.
4-) Image Tag Accessibility Attiributes iletişim kutusundaki Alternate Text metin alanına "A Yoga Sangha Teacher" yazın ve OK düğmesine tıklayın. Belge penceresinde yeni eklediğiniz resmi seçin ve Properties denetçisindeki resim adı metin alanına silah yazın. Resme studioPhoto CSS sınıfı uygulayın.
Resimlerinize onları ekleme aşamasında isim ve alternatif metin ayarlarsanız zaman kazanırsınız. Ayrıca gerektiğinde Code görünümünde bunlarla çalışmanız daha kolay olur.
Bu aşamada belgenizin görünümü üstteki örneğe benzeyecektir.
Behaviors Drag Ap Elements Basic Ve Advanced Menüleri
Behaviors drag ap elements basic ve advanced menüleri
14,971
Dreamweaver ve CSS stiller (CSS Styles)
Panel All Rules bölümünde sayfam?z içerisinde ili?kili ve önceden tan?ml? stillerin bir listesini bar?nd?r?yor. Bu liste sayesinde stilleri seçili objelere uygulayabiliyor ve stillerimizi yönetebiliyoruz
18,179
CSS Filtreler
Günümüzde sayfa tasar?m? için sadece html bilgisi yeterli olmuyor. Tasar?m ba?l? ba??na görsel bir ?ölene dönü?tü. Flash, Photoshop gibi birçok görsel tasar?ma yönelik araçlar? da kullanmay? bilmek gerekiyor. Bununla birlikte CSS stiller sayfalara yepyeni bir yüz ve özgürlük getirdiler. Sayfalar daha canl? ve daha renkliydi art?k. Peki, bu ayn? ?eklide sayfa içinde kulland???m?z resimler için de geçerlimiydi, tabiî ki evet
16,319
Yeni Bir CSS Stil Yaratmak ve CSS Stil Türleri
Dreamweaver ile kendi CSS stillerimizi tan?mlamaya ba?l?yoruz. Öncelikle bir CSS stil tan?mlamak için neler yapmam?z gerekti?inden ve bunlara en iyi nas?l hükmedebilece?imizden bahsedip alternatif kullan?mlar? gözden geçirece?iz
16,307
Dreamweaver ve Metinler (Texts)
?lk önce HTML içerisindeki metin ve biçim kavramlar?na biraz deyinelim
18,710
Recordset ile verileri sayfaya yazdırmak
Kayıt dizisi (recordset) ile Dreamweaver içerisinden veritabanına erişim sağlayarak, kriterlere göre ve ya istediğimiz sayıda kaydı sayfaya yazdırmak mümkün. Bizde bu makale ile veritabanı kayıt erişimlerini yakından inceleyeceğiz
25,970
Dreamweaver Tasarım Düzenleri (Layout Mode) ve Serbest Çizim Teknikleri
Dreamweaver içerisinde nesneleri hizalamak sorun mu oluyor, bir objeyi istediğiniz yere taşımak her zaman işkence halini mi alıyor? O halde bir de serbest çizim tekniklerini deneyin
17,441
Rollover Text Linkler
Bir linkin üzerine gidiyoruz alt? çizgili oluyor rengi de?i?iyor, arka fon rengi de?i?iyor. ??te CSS’in evlere ?enlik bir özelli?i
16,177
Behaviors Drap Ap Elements Basic Ve Advanced Menüleri
Behaviors drap ap elements basic ve advanced menüleri
15,107
Behaviors Drag Ap Elements Basic Ve Advanced Menülerinin Anlatımı
Behaviors drag ap elements basic ve advanced menülerinin anlatımı
15,348
Dreamweaver Tasarım Düzenleri (Layout Mode) ve Serbest Çizim Teknikleri
Dreamweaver içerisinde nesneleri hizalamak sorun mu oluyor, bir objeyi istediğiniz yere taşımak her zaman işkence halini mi alıyor? O halde bir de serbest çizim tekniklerini deneyin
17,303
Div Çatılı sayfalar Oluşturmak
Çok değil birkaç yıl önce sayfa tasarımlarımızı yaparken ara yüz bileşenlerini tablolar kullanarak görünmez ızgaralar üzerine inşa ederdik. Bu durum; HTML yapı dilinin web tasarımcıları tarafından hatalı yorumlanmasının ve kullanılmasının bir sonucu idi. Tarayıcılar arası çekişmelerin ve tüm Internet alışkanlıklarımızı etkileyen tarayıcı savaşlarının bir sonucu olarak ortaya çıkmıştı. Fakat Web 2. 0 kavramının gündeme geldiği şu günlerde artık eski tasarım alışkanlıklarını bir kenara bırakıp modern tasarım ve web teknolojilerine cevap verecek web sayfaları tasarlamanın vakti geldi de geçiyor bile
31,599
Dreamweavera Giriş
Macromedia'nın diğer MX ürünlerinde kullandığı kolay kullanımlı menüleri ile dikkat çekiyor. Özellikle benim hoşuma giden özellik Insert, Properties gibi menülerin daha derli toplu durması. Böylece sayfada bütün menüler açık olsa bile kolaylıkla çalışma yapabiliyoruz. Fakat sistem ihtiyaçları biraz artmış. Bunun sebebi yeni programlama dillerini desteklemesi; ASP. Net, JSP gibi
17,279
Dreamweaver ve Resimler
Yaptığımız sayfalara görsellik kazandırma, ya da içerik oluşturabilmek için sıklıkla kullandığımız resimler HTML’in zengin içerik desteğinin başlangıç noktasını oluşturuyor aslında. Öyle ki tasarımın önemli bir bölümünü ve kilit noktasını oluşturan resimler, harici editörler ile (Photoshop, GIMP, Paint Shop Pro, Paint) oluşturulup düzenlenir ve daha sonra DW içine alınır. Bizim ilgileneceğimiz kısım ikinci basamak olan DW'ın içinde resimlerin sayfamız içerisinde nasıl kullanılacağı ve düzenlenmesi konusu
17,381
Dreamweaver ve Rollover resimler ile çalışmak
Sayfanıza resimler ekleyerek canlılık kazandırmayı anlatmıştık. Fakat bir süre sonra bu durağan resimler bizleri daha farklı alternatifler bulmaya itecektir. İşte burada rollover image diye bir kavram çıkar karşımıza. Peki, nedir bu rollover image?
18,181
Navigation Bar kullanımı
Sitenizde ziyaretçilerin kolayca dolaşabilmeleri ve aradıkları bölümü rahatça bulabilmeleri için bir navigasyon menüsü kullanmak en mantıklı çözümdür. Bu menüyü sadece tablo ve text-linkleri kullanarak yapabileceğiniz gibi göze daha hoş görünmesi adına resim ve/veya rollover resimler ile de yapabilirsiniz
19,291
Behaviors
Behaviors ile JavaScript uygulamarı yapabileciğinizi daha önce söylemiştik. Peki ne gibi uygulamalar yapabilirsiniz ve Behaviors nasıl kullanılır?
17,150
ASP sayfası hazırlama
Dreamweaver mx de ASP çalışmak için daha önceden ASP ile uğraşmış olmak gereklidir. Her nekadar Dreamweaver Mx işimizi kolaylaştırsa da ASP 'den anlamak bazı durumlarda faydalı olacaktır. ASP öğrenmek için Dr. Hakkı ÖCAL 'ın ASP kitaplarını tavsiye ederim
22,875
Templates
Templates ler ile benzer sayfaları tek bir sayfayla değiştirebiliriz. Örneğin bu sitenin ana taslağı; tüm sayfalarda ortak kullanılan alanlar yani soldaki menü, üstteki ve alttaki logolar, sol-üst köşedeki tarih scripti ve arkaplan ayarlarıdır. Sol menüye yeni bir link eklediğimiz zaman varolan tüm sayfalara da aynı linki eklemek işimizi çok zorlaştıracaktır. İşte Dreamweaver-mx de tek bir taslak hazırlayarak onun üstünde yapacağımız yenilikler bu taslağı kullanan diğer sayfalarada otomatikman yansıyacaktır
16,818
Timeline
Timeline özelliği Macromedia Flash 'tan bildiğimiz gibi animasyonların oynatıldığı zaman çizelgesinin adıdır. Dreamweaver mx ile timeline kullanarak her türlü nesneyi hareket ettirebiliriz. Sadece layerları ve resimleri hareket ettirebiliriz. Diğer nesneleri layer içine yerleştirip hareket verebiliriz
15,553
Extension Manager ve Extensionlar
Extension Manager, Macromedia’nın eklenti programıdır ve Dreamweaver’le birlikte bilgisayarınıza kurulur. Dreamweaver’in belki de işlevsellik konusunda sağ koludur. Web sitesi tasarlarken sıkıştığınızda başvurabileceğiniz en büyük kaynaktır. Örn: Bir haber paneli yapmak istiyorsunuz. Bunun için JavaScript bilmeliyiz veya daha kolayı Extensionlardan haberdar olmalısınız. Bu işlemi satırlarca kod yazmak yerine Macromedia. Com ‘dan gerekli Extensionu indirip iki tık ile yapmak daha kolay olacaktır. Extensionlarla kolayca layer animasyonları, browser işlemleri, navigasyon işlemleri, metin efektleri, browser iletileri yapabilirsiniz
15,205
Dreamweaver ve PHP ile dinamik sayfalar için MySQL veritabanı bağlantısı
Dreamweaver bir HTML editöründen fazlasını bizlere sunabilen bir ortam halini aldığı şu günlerde sunucu taraflı ihtiyaçlarınız için PHP ile neler yapabileceğimiz bu makalelerde anlatmaya çalışacağız
42,948
Dreamweaver ile Üyelik Sistemi - Üye bilgileri güncelleme sayfası
Bu makale dizisi ile Dreamweaver kullanarak sitemiz için bir üyelik sistemini nasıl yapacağımızı inceleyeceğiz.Üyelerimizin üye olurken verdiği bazı bilgileri değiştirebileceği ve profillerini güncelleyebilecekleri sayfaları nasıl yapacağımızı bu makalede göreceğiz
16,275 31/12/2015