Uzun soluklu bir çalışmadan sonra Adobe Dreamweaver CS6 Web Editör Programını anlatan kitabımın satışına hamdolsun 04.04.2014 tarihinde başladık. Kitabı yayınlanmasında emeği geçen PUSULA Yayıncılığa çok teşekkür ediyorum.
Bu Kitapla, Web Tasarım da en yaygın kullanılan programlardan biri olan Adobe Dreamweaver CS6 ile web sayfalarınızı en hızlı ve en kolay şekilde düzenleyip internet ortamında yayınlayabileceksiniz. Aslında, bu kitap sayesinde, hiçbir programlama bilgisine sahip olmasanız da Dreamweaver CS6’yı kolayca öğrenecek ve kendi web sayfalarınızı oluşturabileceğinizden bahsediyorum. ( Belkide hala bu söylediklerime inanmıyorsunuz. Hiçbir kod bilginiz olmadan… ) Dahası, web sayfalarınıza formlar ekleyebilecek, flash animasyonlar ve videolar koyabileceksiniz. Kısacası; bu kitapla, kendi web sayfanızı ve web sitenizi istediğiniz gibi tasarlayıp, oluşturmak gerçekten çok kolay. Daha fazla zaman kaybetmeyin, bu kitabı alarak bir an önce sayfalarınızı ve sitelerinizi tasarlayıp, yayınlayın.
Adobe Dreamweaver CS6 anlatımlı bu kitabın, büyük bir emeğin ürünü olduğunu zaten okuduğunuzda anlayacaksınız. Çünkü bu kitap sayesinde herkesin bir sitesi olacak…Emin olun…
NOT: Kitapta Örnek olarak iki tane Web Sayfa Örneği anlatımı yapılmıştır. Bunlardan birisi div’lerle bir diğeri ise Mobil site ( tablet, telefon ) yapımı örneğidir. Ayrıca kitapta size verilen linklerden tüm anlatılan çalışmaları indirebilirsiniz.
KİTABIN İÇERİNDEN DEMO GÖRÜNTÜLER
Adobe Dreaweaver CS6 Kitabımın İçeriği aşağıdaki gibidir.
1. GİRİŞ
Dreamweaver CS6 Başlangıç
Neden Dreamweaver Kullanmalıyız?
Dreamweaver CS6 Kurulumu
2. DREAMWEAVER İLE TANIŞMA
Web Sayfası Oluşturmada Hazırlık Aşamaları
Adobe Dreamweaver CS6 Giriş Sayfası
Yerel Bir Site Tanımlamak
Yeni Bir Sayfa Oluşturmak ve Kaydetmek
Hazır Şablonlar Kullanmak
Araçlar ve Arayüzü Tanımak
Paneller
Properties Paneli
Files (Dosyalar) Paneli
Assets Paneli
Snippets Paneli
CSS Styles Paneli
Code (Kodlama) Araç çubuğu
Durum Çubuğu
3. METİNLER İLE ÇALIŞMAK
Html – Metin Etiketleri
Sayfaya Metin Eklemek
Metin Düzenleme
Listeleme Etiketleri (Madde İşaretleri)
Metnin Fontunu Belirleme Renklendirme, Boyutlandırma ve Hizalama
Satır Arası Boşluk Eklemek
Kelimeler Arası Boşluk Eklemek
Page Properties (Sayfa Özellikleri) Ayarları
Genel Font Ayarları
Genel Yazı Boyutu ve Yazı Rengini Ayarlama
Arkaplan Renginin Ayarlanması
Arka Plan Resminin Ayarlanması
Dış Kenar Boşluklarının Ayarlanması
Genel Link Ayarları
Sayfanın Heading (Başlık) Ayarları
Web Sayfasının Başlığını Ayarlama
Tracing İmage Ayarları
Sayfayı Tarayıcıda Görüntüleme
4. RESİMLER (IMAGE) İLE ÇALIŞMAK
Resim Türleri
Html Resim Etiketleri
Arka Plana Resim Ekleme
Sayfaya Resim Eklemek
Insert (Ekle) Menüsünden Image (Resim) Ekleme
Assets Paneli ile Resim Ekleme
Common Sekmesinden Image (Resim) Ekleme
Resimleri Boyutlandırma
Resimlere ID (Kimlik) Atama
Resmin Kaynağı
Resme Link Verme
Resim Haritaları Oluşturma
Resim Düzenleme (Edit) Tercihlerini Ayarlama
Image Placeholder (Resim Yer Tutucu) Ekleme
Rollover Image (Resim) Ekleme
5. LİNKLERLE ÇALIŞMAK
Html – Link Etiketleri
Dosyalara Link Verme
E-posta Adresine Link Verme
Target Parametresi
Metne Link Verme
Resme Link Verme
Dosyalara Link Verme
E-mail Link
6. TABLOLARLA ÇALIŞMAK
Html – Tablo Etiketleri
Satır, Sütun(Hücre) Oluşturma ve Tablo Parametreleri
Tablo Oluşturmak
Tablo Özellikleri
Hücre Özellikleri
Satır veya Sütun Ekleme
Satır veya Sütun Silme
Hücre Birleştirme
Diğer Tablo İşlemleri
Hücre Arka Planına Resim Ekleme
Tablo İçerisindeki Nesneleri Yerleştirmek
7. MULTİMEDİA İŞLEMLERİYLE ÇALIŞMAK
Ses Dosyası Eklemek 112
Flash Animasyonlar Ekleme
Dahili Videolar ve FLV Ekleme
Harici Videolar Ekleme
8. CSS İLE ÇALIŞMAK
CSS Nedir? Neden Kullanılır?
Dahili CSS (Stil) Oluşturma
CSS Panelini Kullanma
Stilleri Kullanmak
Dahili Stilleri Harici CSS (Stil) Dosyasına Dönüştürme
Harici CSS (Stil) Dosyası Oluşturma
Kullanılan CSS Kodları ve Açıklamaları
FONT ile ilgili Özellikler
LİSTE ile ilgili Özellikler
KATMAN (Div)’ler ile ilgili Özellikler
ARKA PLAN ile İlgili Özellikler
9. DİV’LERLE ÇALIŞMAK
Tablo mu DİV mi?
Sayfa Yapısını Planlamak
Alt Alta Div Oluşturmak
Yan Yana Div Oluşturmak
Div Ekleme Yöntemleri
Insert Div Tag Yöntemi
Divlerle Örnek Tasarım Şablonu Oluşturma
10. FORMLARLA ÇALIŞMAK
Form Nedir? Nerelerde Kullanılır?
Text Field ve Text Area Kullanmak
Checkbox ve Check Group Kullanmak
Radio Button ve Radio Group Kullanmak
List / Menü Kullanmak
Jump Menu Kullanmak
Button Kullanmak
Spy Formlar Kullanmak
Örnek Form Sayfası Tasarımı
11. SPRY OBJELERİYLE ÇALIŞMAK
Spry Menü Bar Eklemek
Spry Tabbed Panels Ekleme
Spry Accordion Eklemek
Spry Collapsible Eklemek
12. ÖRNEK SİTE TASARIMI
Madde Madde Site Yapımı
13. ADOBE DREAMWEAVER CS6 YENİLİKLER
Web Font Tanımlama
FLUİD GRİD Nedir? (Akıcı Izgara Mizanpaj)
FLUİD GRİD ile Örnek Site Tasarımı
PHONEGAB BUILD Service
14. FTP İşlemleri
Domain Nedir?
Hosting Nedir?
Dosyaları Sunucuya Aktarma
İNTERNET SATIŞ LİNKLERİ AŞAĞIDAKİ GİBİDİR
Rabbim Kalbinizdeki Samimiyeti Daim Eylesin Ömer Hocam.
Kitabınız Hayırlı Uğurlu Olsun.
Abdulsamet iyi dileklerin için çok sağol. Allah razı olsun.
Kardesm öncelikle SA. Ben Dw’de site yapıyorum.
soruma geleyim ben mesela index yani anasayfa mı tasarladım ve üsttede menülerim var ana sayfa iletisim gibi ben iletisime tıkladığım zaman açılacak sayfa index izle aynı olması lazım sayfayı nasıl çoğalta biliyoruz bu konuyla ilgili bir bilgin varmı kardesm
Mehmet arkadaşım, Sitede bu konuyla alakalı birçok video bulunmaktadır. bu çalışmada aradığın bazı şeylerin cevabını bulabilirsin . http://www.omerbozalan.com/dreamweaver-photoshop-site-yapimi.html
Ömer hocam, sitenizi inceledim. Bilgi paylaşımı yüksek bir site. Ayrıca yardımsever ve paylaşımcı bir kişiliğiniz var. Kitabınızı aldım merakla bekliyorum. İnşallah bana web tasarım konusunda çok yardımcı olacak bilgilere kavuşurum.Web tasarımı konusunda kendimi geliştirmek istiyorum. Kıymetli yardımlarınız için şimdiden teşekkürler. Adana dan sevgi ve saygılarımla
Cenk kardeşim, inşallah istediğin seviyeye gelirsin. Temennimiz odur.Bu arada kitapta sizlere yardımcı olacaktır. selametle.
Hocam hayırlı olsun benim kitapimi imzalanmıştır 🙂
hocam elimde php scrpt var onu duzenlemek(görsel olarak buton şeklı vs.) için hangı programı kullanmalıyım önizlemeli düzenleme gerekıyor dreamwearda canlı kod mesela güzel ama salt okunur oldugu için degışmıyo önerenız varmı
Dreamweaver cs6 da söylediğin yok artık istediğin gibi değiştirebiliyorsun. CS6 kullanmaya başla istersen.
MERHABA hocam bende kitabınızı sipariş verdim aklıma takılan bir kaç birşey var ben microsoft sql server 2008 r2 kullanıyorum onu dw cs6 ya nasıl bağlayabilirim ve dinamik site tasarımı da kitabınızda varmı yoksa başka kitaplarınızdamı değindiniz teşekkür ederim iyi çalışmalar.
üzeyir arkadaşım mail ile sana yapacaklarını anlattım. emailini kontrol et.kolay gelsin.
Merhaba ömer bey,
site kurulumu hakkında bana mail atabilirmisiniz.
paylaşımlarınız çok güzel. emeğinize teşekkürler
Vedat arkadaşım ne demek istediğini anlamadım. Neyin mailini atayım.
merhaba hocam ben videolarınızı izlettim yanlız anlamadığım bir şey oldu menü yaparken atıyorum anasayfa menüsüne tıklandığında bir şeyler koyamıyorum mesela resim nasıl oluyor cevaplarsanız minnettar duyarımm….
sezgin arkadaşım anasayfa menüsüne tıklandığında birşeyler koyamıyorum derken …. hiçbir şey anlamadım. Açıklarsan sevinirim.
yani bildiğimiz bir menü mesela dedimki ben anasayfa mesela hakkımızda menüsü mesela iletişim menüsü yani her hangi birine tıkladığımız zaman içine attıgımız videolar resimler notlar vs. bunları nasıl yapacagımızı anlamadım bilmem anlata bildim mi?
sezgin arkadaşım en basitinden html site nasıl yapabiliriz diyorsun herhalde. Bende senin bu konuya başlaman için arama kutucuğuna not defteri yazarak çıkan sonuçlardan not defteri ile site yapımını izlemeni tavsiye ederim öncelikle. Sonrasında Dreamweaver derslerini izlemelisin. Siteyi dolaştığında her şeyi bulacaksın zaten. Buradan hepsini teker teker yazmayayım istersen. Sitede video nasıl eklenir yazı nasıl eklenir hepsi var arkadaşım. Bilmem bende anlatabildim mi 🙂
benim demek istediğim menülere resim atıyorum diğer menüde aynı resimler duruyor klasör tarzı anasayfa tıkladığında resim çıksa hakkınızda video çıksa ayrı ayrı koyamıyorum…yorumunuzu bekliyorum
Sezgin arkadaşım, yani hakkımızda.html sayfasını, index.html sayfasını ayrı ayrı düzenlemen gerekiyor. Mesela hakkımızda.html sayfasına giriyorsun ve o sayfaya resim ekliyorsun sonrasın da o sayfayı kaydediyorsun. Sonra diğer sayfaya açıp onda istediğin işlemi yapıp kaydediyorsun. Bu böyle… gidiyor işte.
tmm sonra o html sayfalarnı birleştirecez tşkr
Sezgin sen sayfalarını bana gönder ben bir linke ekleyip sana göndereyim. En iyisi böyle olacak. Tabi yapabildiysen daha iyi olur.
merhaba üstad ben sitemin mobil versiyonunu yapmak istiyorum bir sorum olucak onu anlamadım, sayılı manşet bölumu var sitemde sayılı olarak ustune gelınce geciş yapıyo şimdi ben bu mansetımdekı haberlere haber gırdıgımde mobıl versıyonumdada gozukmesı ıcın xml baglantısını nasıl yaparım dreamweaver da bu nasıl yapılabılır
Ali arkadaşım, sitenin baştan sona mobil olarak tasarlaman lazım. Sadece manşet değil tamamı yeniden düzenlenmeli. Bunun içinde Bootstrap kodlama tekniği kullanmalısını. İnternette araştırırsan; az çok html css bilgin varsa bu konuda kendini geliştirebilirsin. Kolay gelsin.
Hocam, kitabınızda, admin panelli dinamik site (asp-php-aspx uzantılı siteler) tasarımı anlatıyor musunuz?
Eğer dinamik site eğitimi yoksa, kitabınızın yeni baskısında yapmayı düşünüyor musunuz?
NOT: Lütfen kod yazarak olmasın, editörle görsel tasarım olursa seviniriz. Çünkü video paylaşım sitelerinde çok fazla dinamik web sitesi anlatımı var ancak ya not defteriyle, ya visual studio ve dreamweaver ile kod kullanılarak anlatılmış.
Selam üzerinize olsun.
Hasan arkadaşım, kitapta dinamik site yapımı anlatılmıyor. Temel html ve css bilgisinin yanında responsive site yapımı ve asıl olarak dreamweaver ile kod yazmadan site yapımı anlatılmıştır. Diğer kitap şu an beklemede. Zamanı gelince haberiniz olacaktır. kolay gelsin.
Tamam hocam, cevap için teşekkür ederim. Bu sayfayı sık kullanılanlara ekledim ki bahsettiğim müjdeyi buradan okuyayım 🙂
Beklemede olacağım.
Ömer Hocam selamın aleyküm;
Flash ile uğraşma gayretlerine girdiğim bu dönemde hemde en çok ihtiyacımın olduğu anlatımınıza denk gelmek ve hakikaten kaliteli yorumunuz ve sorunlara hızlı dönüşünüzle çözüm noktasındaki başarınızı takdir etmek istedim. Akabinde yayında olan kitabınızdan temin etmek istiyorum. İlla net üzerinden mi olmalı bu temin hadisesi?
Mustafa Bey, Kitabı kitap firmalarında da bulabilirsiniz. vatan bilgisayar, D&R gibi büyük kitap firmalarında bulabilirsiniz? İnternette her yerde var zaten.
Merhaba hocam, kitabınızı bugün aldım ve şimdiden okumaya başladım. Umarım kafamdaki mini projeye ilişkin faydasını görürüm. Şimdiden yeni çalışmalarınızda başarılar dilerim. Bu kitapla bağlantılı ikinci kitabınızı da umarım en kısa zamanda çıkarırsınız. İyi günler. İyi çalışmalar.
sitenizde öz ve net bilgi vermişsiniz. Teşekkürler.
merhaba hocam bir sorunum var benim ben dreamweaver cs6 programını dene olarak yükledim 30 günlük ve sürem bitti tekrar yüklenmiyor diğer türlü yükle dediğim zamanda benden bi lisans anahtarı istiyor ne yapmam lazım hocam ???
Mert arkadaşım, Programı bilgisayardan tamamen kaldırmalısın. İnternetten dremweaver crack işlemi nasıl yapılır resimli ve videolu anlatım bulabilirsin. amtlib.dll dosyasını değiştirmen lazım aslında. Ama internette araştırırsan nasıl yapılacağı hakkında birçok bilgiye ulaşabilirsin.
Merhaba hocam, ben Tükmenistan’dan. Kitabınızı almak istiyorum fakat Türkmenistandan nasıl alacağım?
Batır arkadaşım, amazon adlı sitede de kitabım satılmaktadır. oradan sipariş edebilirsin. Sitenin Arama bölümüne ömer bozalan yazarsan kitabı sipariş edeceğin sayfa çıkacaktır. Kolay gelsin.
Ömer bey öncelikle bi sorum olcak bu işe ilk başlıcam html5 css3 mobil uyumlu yapmak için nasıl veya hangi programları kullanmk gerekir bu konuda bi veya yazdığınız bi makale varmı acaba. Tşk ederim
Mobil yapmak için programa gerek yok. Herhangi bir web düzenleme programı ile yapabilirsin. Yalnız mobil site yapabilmek için bootstrap’ı öğrenmelisin.
Kitabi siparis ettim, sabirsizlikla bekliyorum.
Esma İnşallah Beğenirsin.
Hocam sitemde yazılarım diğer sitelere göre daha sönük ve küçük kalıyor. Diğer sitelerde çok rahat ortalama bir mesafeden okuyabiliyorken benim sayfamda rahat okunmuyor çok küçük kalıyor. ayrıca renk siyah değil gri ne yapmam gerek bu konuda yardımcı olabilirmisin
hocam kitabınızda ya da videolarınızda spry menüden bahsediyor musunuz
hocam dreamwevarda şablonlar nereden açılıyor
Hatice File(dosya) –> Save Templates (Şablon olarak kaydet) seçersen yapabilirsin.