Dreamweaver ve Metinler (Texts)
?lk önce HTML içerisindeki metin ve biçim kavramlar?na biraz deyinelim
HTML de kullan?lan ba?l?ca metin biçimleri ?unlard?r.
- Paragraph: Paragraflar?m?z olu?turan <P> ....</P> taglar? aras?nda yer alan biçimdir.
- Heading: Ba?l?k anlam?na gelir 6 farkl? heading türü vard?r. (Heading 1, Heading 2.... Heading 6) Türüne göre <H1>...</H1> yada <Hx>....</Hx> biçiminde kullan?l?r. Heading 1 en büyük, Heading 6 en küçük ba?l?kt?r.
- Preformated: <PRE>....</PRE> tag?na kar??l?k gelen biçimlendirme türüdür. Bu biçimde metin ç?kt?s? oldu?u gibi verilir. Yani fazladan bo?luklar do?rudan ekrana yans?t?l?r, Enter'a bas?lan yerler (n) alt sat?ra kayd?r?l?r, tablar, sekme biçiminde görüntülenir vs.
Bunlar en temel HTML metin etiketleri idi. Birde HTML stil olarak isimlendirilen ve HTML içinde standart olarak tan?ml? gelen ve her Taray?c? taraf?ndan tan?nan standart stiller mevcuttur. DW içinde bu stillere Text / Style menüsü ile ula?abilirsiniz.
Text menüsü ve metin biçimleri
Ziyaretçileri etkilemenin birçok yolu var biz ilk önce metinler ile neler yapabiliyoruz bir bakal?m.
Biçimlendirme i?lemini Property Inspector (Properties) panelinden yapaca??z. Bu paneldeki tüm ayarlar? Text menüsü alt?nda yer alan alt menüler ile de yapabilece?inizi söylemeden geçmeyelim. Bu paneldeki ba?l?ca ö?eler;
- Format: HTML biçimleri olarak anlatt???m?z Heading, Paragraph.... K?sm?. .(Text / Paragraph Format)
- Link: Bu ise seçili durumdaki metin veya metin grubuna bir link atamaya yarar. Buraya direk adres veya dosya ismi yazarak yada yan?ndaki klasör simgesine t?klayarak (Browse/Gözat) link ile ba?lanacak dosyay? seçebilirsiniz. Bu k?sm? doldurduktan sonra yan?ndaki Target alan? da aktif hale gelecektir. Target ise Frameler ile çal??an tasar?mc?lar için ba?lanan linkin hangi frame içinde aç?laca??n? belirtmeye yarayan "hedef" k?sm?d?r. (Insert / Hyperlink)
- Font: Bu drop down menü ile HTML içinde en uyumlu yaz? tiplerinin tan?ml? oldu?u bir menüye ula?abilirsiniz. Buradan Sayfam?za ekledi?imiz metinin yaz? tipini belirliyoruz. (Text / Font)
- Size: Metnimizin yaz? tipi büyüklü?ünü belirtir. 1 ile 7 aras?nda bir rakam olabilir. .(Text / Size)
- Color: Metnimizin rengini belirler. T?klayarak rengi siz seçebilece?iniz gibi bir grafik program?nda kopyalad???n?z renk kodunu direk yap??t?rarak da rengi belirleyebilirsiniz. DW ayn? zamanda ekrandaki bir bölgeden renk kodu çalabilmektedir.(Text / Color...)
- Unordered list: Madde imi i?aretleri kullanarak liste yaratmaya yarar. Bas?lan her Enter da yeni bir liste ö?esi olu?turulur. .(Text / List / Unordered)
- Ordered list: Numaraland?rma yaparak liste yaratmaya yarar. Bas?lan her Enter da yeni bir liste ö?esi olu?turulur. .(Text / List / Ordered)
- Text Outdent: Paragraf? bir sekme (Tab) d??ar? kayd?r?r. .(Text / Outdent)
- Text Indent: Paragraf? bir sekme (Tab) içeri kayd?r?r. .(Text / Indent)
- Bold: Kal?n yazmak için kullan?l?r. .(Text / Style / Bold)
- Italic: E?ik yazmak için kullan?l?r. .(Text / Style / Italic)
- Align Left: Sola hizala. .(Text / Align / Left)
- Align Center: Ortaya hizala. .(Text / Align / Center)
- Align Right: Sa?a hizala. .(Text / Align / Right)
- Justify: ?ki yana hizala.(Text / Align / Justify)
Font k?sm?nda belirtilen fontlar? yetersiz buldu?unuzda bu menünün en alt?nda yer alan "Edit Font list" seçene?i ile yeni font türleri tan?mlayabilirsiniz. Fakat bunu pek tavsiye etmiyorum.
Zira sizin çok ho?unuza giden ?atafatl? fontlar?n?z?n herkeste olmad???n? akl?n?zdan ç?karmaman?z gerekiyor. Yani yeni bir font tan?mlamas? yaparken Web ve Dünya standartlar?ndaki fontlardan birini seçmelisiniz. Örne?in Arial her Win9x yüklü bir bilgisayarda bulunan bir fonttur.
Ayr?ca Insert paneli alt?nda yer alan "Text" sekmesinden de metin biçimlendirme i?lemleri ile ilgili birçok araca ula?abilir ve sayfan?zda yer alan metinleri kolayca düzenleyebilirisiniz.
Bir HTML sayfas?nda en çok kullan?lan ve beklide kullan?lmas? gereken text-linkler sayfalar?n birbiri ile olan ba?lant?lar?n? sa?lar ve sayfalar aras? geçi?leri düzenler.
Sadece metinlere de?il, resimlere de link verebilme ?ans?na sahibiz. Biz burada metinlere nas?l link verece?imize de?inece?iz.
Bir text'e link vermek için;
Öncelikle link vermek istedi?iniz metni seçin Arkas?ndan seçili metnin üzerine sa? t?klay?p ve "Make Link" seçene?ine seçin.
Yada metni seçtikten sonra do?rudan Properties Panelinden "Link" k?sm?na ba?lant?n?n URL sini yazarak da (yandaki klasör simgesine t?klayarak Gözat da diyebilirsiniz) link verebilirsiniz.
E?er harici bir web sayfas?na link vermeniz gerekiyorsa mutlaka adresin ba??na http:// yazman?z gerekiyor.
Mail adreslerine link vererek ziyaretçilerin bilgisayar?nda kurulu olan Outlook Express benzeri bir programla size e-mail yollamas?n? sa?layabilirsiniz. Bunun için mail linki verirken mail adresinin ba??na "mailto:" yazman?z yeterlidir. Bunun d???nda Insert Panelden Common kategorisi alt?ndaki Email link isimli dü?me ile de mail linkler yaratman?z mümkün.
Birde çok daha detayl? linkler yaratabilmek için; Insert / Hyperlink menüsünü kullanabilirsiniz. Aç?lan ileti?im penceresinden bir link için yapabilece?iniz en detayl? ayarlar? gerçekle?tirebilirisiniz.
Geli?mi? link ekleme ileti?im penceresi
Dynamic metin (Dinamik text)
Asl?nda bu konuyu çok daha ayr?nt?l? bir ?ekilde inceleyece?iz ama yeri gelmi?ken bir ?eyler söyleyelim.
Bu konu daha çok sunucu modelleri ile çal???rken kulland???m?z konular? kapsam?na giriyor. Fakat yeri gelmi?ken aç?klayal?m. DW içerisinde desteklenen sunucu modellerinden biri ile sunucu tarafl? (Server side) bir dili kullan?yor iseniz Veritaban?na ula??p bir Recordset yaratt?ktan sonra verileri sayfaya yazd?rd???m?z anda yazd?rd???m?z bu veriler art?k Dinamik nitelik ta??yan bir obje durunu al?rlar. DW içerisinde bu "Dynamic" kavram? oldukça fazla geçiyor. Dynamic Table, Dynamic list menu vs. Bunlar ilerideki konularda çok daha ayr?nt?l? bir biçimde aç?klanacak. ?imdilik bu kadar ile yetinelim.
Dokümanlar?m?zda para birimlerinin sembolleri veya bilimsel ifadeler gibi özel karakterleri metin içerisinde kullanmak isteyebiliriz. Bu gibi durumlar için HTML içerisinde özel kodlar ile ifade edilen özel karakterleri kullanmak en kolay yol olacakt?r. DW içerisinde özel karakterlere Insert paneli alt?nda yer alan "Text" sekmesinden ula?abilir ve sayfan?za ekleyebilirsiniz.
En s?k kullan?lan karakterler kolay ula??m aç?s?ndan menüye eklenmi? durumda, bu karakterlerin d???nda bir ?ey eklemek için menüden "Other Characters" menüsüne t?klayarak di?er karakterlere de ula?abilirsiniz.
Dreamweaver SayfasiTM - www.dw.gen.tr © 2001-2007, tüm haklar? sakl?d?r ® (küçük bir örnek :)
Kaynak www.dw.gen.tr/
Behaviors Drag Ap Elements Basic Ve Advanced Menüleri
Behaviors drag ap elements basic ve advanced menüleri
14,953
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,156
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,300
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,282
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,947
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,425
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,150
Behaviors Drap Ap Elements Basic Ve Advanced Menüleri
Behaviors drap ap elements basic ve advanced menüleri
15,089
Behaviors Drag Ap Elements Basic Ve Advanced Menülerinin Anlatımı
Behaviors drag ap elements basic ve advanced menülerinin anlatımı
15,329
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,279
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,579
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,262
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,363
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,157
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,272
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,135
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,836
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,795
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,530
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,185
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,903
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,260 31/12/2015