Web Tasarımı Dersleri – 1
Web tasarımında en çok kullanılan yazılımlar arasında Macromedia Dreamweaver da bulunur. Bu yazılımın deneme sürümünü buraya tıklayarak indirebilirsiniz. İlk bölümde, bu yazılımın menülerinden bahsedeceğiz. Menüleri tanıyarak, neler yapabileceğinizi görebilirsiniz. Kendi web sitenizi hazırlamak, düşündüğünüz kadar zor değil. Yazımızı okudukça siz de bize hak vereceksiniz.
BÖLÜM 1
Dreamweaver MX 2004 Menüleri
File / Dosya
Yeni bir belge açmak (New), kaydedilmiş belgeleri açmak (Open, Open Recent),
belgelerimizi kaydetmek (Save, Save As), belgelerimizi tanımladığımız lokal
server klasörüne kaydetmek (Save to Remote Server) dışarıdan veri getirmek (Import),
dışarıya veri vermek (Export), aktif belgemizi sınamak (Preview in Browser)
gibi işlemleri gerçekleştirmek için bu menüyü kullanacağız.
Edit / Düzen
Edit menüsü programımız ve üzerinde çalıştığımız belgemiz ile ilgili ayarlar
yapabileceğimiz menüdür. Kısaca özetlemek gerekirse; yaptığımız işlemleri geri
almak (Undo), clipboarda kopyaladığımız bir nesneyi yapıştırmak (Paste, Paste
HTML, Paste TXT), nesne kopyalamak (Copy, Copy HTML), gelişmiş arama işlemi
yaptırmak, programın kısayol tuşlarını değiştirmek (Keyboard Shortcuts), programın
görsel ve işlevsel ayarlarını yapmak (Preferences) için bu menüyü kullanacağız.
Ayrıca belgelerinizin içerisinde kullandığınız nesneleri ayrı bir program ile
düzenlemek isterseniz bunun için de Edit with External Editor komutunu tıklamanız
yeterli olacaktır. Edit menüsünde ise bu komut ile hangi uzantılı nesneleri
hangi programın düzenleyeceğini belirtebileceksiniz. Tag Libraries komutunu
tıklayarak Taglerin kullanım şekillerine de erişebilirsiniz.
Dreamweaver, web tasarımında kullanılabilecek
en iyi yazılımlardan biri.
View / Görünüm
Programın ve unsurlarının görünümlerini kişiselleştirebileceğiniz komutları
bu menü altında bulabilirsiniz.
Çalışma sırasında hem kod sayfasını hem de tasarım sayfasını görmek istiyorsak
Code and Design komutunu, görünümler arasında geçiş yapmak için ise Switch Views
komutunu tıklamalıyız. Yine bu menünün altındaki komutlar ile sayfaya cetvel
ekleyebilir (Ruler), görünüme ızgara ekleyip düzenleyebilir (Grid, Show Grid,
Grid Settings), panelleri kapatabilir, görünmesini istediğimiz araç çubuklarını
aktif hale getirebiliriz.
Insert / Ekle
Sayfamızı oluştururken kullanacağımız nesnelerin tümünü bu menü yardımı ile
ekleyebiliriz. Resim, layer, tablo, ses dosyaları, scriptler, foto albüm, Flash
buton, formlar ve form nesneleri bu menüdeki komutlar ile sayfamıza ekleyebileceğimiz
nesnelerden sadece birkaçı. Uygulamalarımızda bu işlemlere ayrıntıları ile değineceğiz.
Modify / Değiştir
Modify menüsü ile nesnelerimize köprüler (Make Link) atayabilir ve köprünün
hedefini (_blank, _parent…) ayarlayabiliriz. Bunlara ilave olarak eklediğimiz
tabloları, resimleri ve frameleri düzenleyebilir, katmanları hizalayabilir ve
de temalar ile ilgili işlemleri yürütebiliriz.
Text / Metin
Paragrafın formatını, hizalamasını, fontun seçimini, rengini, puntosunu, stilini,
stil dosyalarını bu menü ile ayarlayabiliriz. Ayrıca hazırladığımız listelerdeki
simgeleri de bu menüden düzenleyebilmekteyiz.
Command / Komutlar
Komutlar menüsünde fotoğraf albümü, komut kayıtları, extension yönetimi, renk
şeması yapacak komutları bulabilirsiniz. Ayrıca Dreamweaver’in gizli kalmış
fakat çok işlevsel bir komutu da bu menüde. HTML belgelerinizdeki gereksiz kod
satırlarını silebileceğiniz bu komut ile belgelerinizin boyutunu küçültebilirsiniz
(Clean Up Word HTML).
Site / Site
Dreamweaver’de lokal bir site tanımladıysanız sitenizi yöneteceğiniz komutları
bu menüde bulabilirsiniz. Site tanımlama, silme, raporlama gibi işlemleri bu
menüdeki komutlar ile yapabilirsiniz.
Window / Pencere
Bu menü ile ise Dreamweaver’in panellerini yönetebilirsiniz. Panelleri kedi
istediğiniz şekilde kişiselleştirebilir, varsayılan panel düzenine geri dönebilir
ve belgelerinizin arasında geçiş yapabilirsiniz. Programdaki bütün paneller
bu menüden yönetilebilmektedir.
Help / Yardım
Son olarak bu menüden de program hakkındaki gerekli bilgileri alabilir, yardım
dosyaları içersinde derdinize deva arayabilirsiniz. Offline olarak derdinize
deva bulamadıysanız Macromedia yardım merkezine de bu menüden tek tıkla ulaşabilirsiniz.
Bölüm 2, çok yakında ShiftDelete.Net’te.
Yazar: Mustafa Rıdvan
SDN
FIRSAT ÜRÜNLERİ

14 yıldır profosyonel olarak bilişim sektöründe çalışan Volkan tam bir teknoloji meraklısı, sinema tutkunu, oyun bağımlısı. Bir çok teknolojinin çıkışına şahitlik eden Volkan ayrıca müzik, resim ve heykelle de uğraşıyor.
Yazarın diğer haberlerine ulaşmak için tıklayın.
" Web Tasarımı Dersleri – 1 konulu haberimizde ShiftDelete.Net olarak sizlere Web Tasarımı Dersleri – 1 ile ilgili son gelişmeleri aktarmak istedik. Hemen yukarıda Web Tasarımı Dersleri – 1 ile ilgili yorum ve görüşleri inceleyerek sizlerde yorum bırakabilirsiniz. "
Popüler Haberler
- 1
Netflix’ten Android cihazlar için heyecanlandıran yenilik
- 2
Huawei amiral gemisi serisini satıyor mu?
- 3
Instagram'dan işletmeler için 'Profesyonel Pano'
- 4
Xiaomi, yeni ekran pantenti ile gündemde
- 5
Bir bir ortaya çıkıyor: Snapdragon 888'li yeni Meizu 18
- 6
WhatsApp sözleşmesinden sonra son durum
- 7
iPhone kullanıcılarına kalp pili uyarısı
- 8
GTA Online popüler hile servisi yolun sonunda
- 9
Sınırlı kişiye sunulan Clubhouse beklenen haber geldi
- 10
Akıllı saatleri en uygun fiyata bulduk, liste oluşturduk!
En yeni Videolar
- 1
Yarıyıl tatili için hangi Oppo'yu alalım?
- 2
Dışı da içi de sizi yakan 3 ısıtıcıyı inceledik!
- 3
3D yazıcıda ofis için neler bastık?
- 4
Akıllı saatleri en uygun fiyata bulduk, liste oluşturduk!
- 5
Clubhouse uygulamasını denedik
- 6
Alanı YouTuber yapan Fujifilm X-S10 incelemesi
- 7
Xiaomi'nin sözde akıllı şemsiyesini zorladık!
- 8
Samsung'un en iyisi: Galaxy Buds Pro kutu açılışı
- 9
Yeni kanalımız: Android kullanıcılarına merhaba!
- 10
İyi ses için paraya kıydık: Saramonic Blink 500 Pro B2
Forumdan Son Başlıklar Tümü
En Yeni İncelemeler Tümü
- 1
Ucuz çizim tableti! Xiaomi Wicue 11 inceleme
- 2
Kendisini AirPods Pro zanneden 109 liralık kulaklık!
- 3
Xiaomi Mi Robot Vacuum inceleme!
- 4
BİM'den 250 liralık kulaklık alırsanız ne olur?
- 5
Asus TUF Gaming A15 inceleme!
- 6
MSI Optix MAG322CQR oyuncu monitörünü inceledik!
- 7
Apple bilgisayarların geleceği! (Video)
- 8
A101'de satılacak Huawei Band 4 özellikleri neler?
- 9
Oppo Reno4 inceleme - Tasarıma bayıldık!
- 10
Ortalığı dağıtacak Fuji X-S10 inceleme! (Dünyada ilk)
- 11
Oppo Reno4 Pro inceleme ve özellikleri!
- 12
Bilgisayarı soğuttuğunu iddia eden vakum!
- 13
11 yaşındaki Kerem'in oyun kolu incelemesi
- 14
Huawei Freebuds Pro inceleme
- 15
GoPro Hero 9 Black elimizde!
bunu da animasyon şeklinde anlatsaydınız olmazmı idi
şu anda sadece menüler incelenmiş. gayet iyi ama 2. ve diğer bölümleri animasyonlu gösterirseniz (en azından zor kısımları) daha rahat anlaşılır kanaatindeyim.
Animasyon, kolay hazırlanmıyor maalesef. Ama yine de bu isteğinizi dikkate alacağız. Umarız bayram dönüşünde bu işe el atarız.
Gerçekten hocam eline sağlık senin ben de de büyük emeğin ***** zor bölümlerini mesela benim için sql olaylarında bunu video şeklinde olması çok iyi ***** büyük kolaylığı ***** sesinizi de duymak bize gurur ***** içinde böyle bir çalışma ***** sayfaya gerçi yeni girdim inşallah bolca bunları ***** dert gö***** süper olmuş.Konuşan sayfalardan bir ***** kendim yapmış gibi gurur duydum.
Selamlar sevgiler.
Arkadaşlar ilerleyen bölümlerde Behaviors işlemleri, Database olayları ve form nesneleri hakkında geniş bilgiler vereceğiz. Metinlere bakarsanız zaten video dan çokfarkı yok işlemler adım adım. ama gerçekten ihtiyaç olduğunu düşündüğümüz bazı uygulamaları da video ders olarak hazırlayacağız. Ayrıca Flash konusunda da ufak bir giriş yapacağız, tabi bunların hepsini bayramdan sonra yapacağız, herkese saygılar sevgiler
bu dersler çok değerli çok sağolun
***** da sizin bir animasyonlu dersinizin reklamı vardı ordan öğrendim böle bir sitenin olduğunu ve inan tanıştığıma menun oldum emeği geçen herkeze teşekkür ederim
Çalışma gü***** kaydedip her zaman başvurabileceğimiz bi formatta yazzanız daha güzel olmaz mı ?Yani yarın öbür gün bunu siteden kaldırdılar mı biter kimse daha faydalanamaz.
Böyle yazı dizilerini (MSN Messenger Bilinmeyenleri gibi) özel bir link altında toplamayı düşünüyoruz. Bir örneğini gazetelerden verebilirim. Mesela, “Özel dosyalar” gibi bir bölüm altında bu yazı grupları verilebilir. Tamamlandıktan sonra net halini görebilirsiniz. Ayrıca yazıların kaldırılması gibi bir durum da söz konusu değil. GB’larca bandwith’imiz var 😀 Güle güle kullanın.
Bu makaleyi bize gönderen yazarımız M. Rıdvan Özdemir’in bu konu üzerine yazdığı ve Internet’te yayınlanan kapsamlı bir rehberi var bildiğim kadarıyla. Kısa zaman sonra açılabilecek olan indirme sayfamız devreye girdiğinde, kendisi razı olursa, bu belgeyi oradan da yayınlayabiliriz. Bende bir kopyası vardı; ama bilgisayarımdaki bilgi karmaşası sebebiyle bulamadım. Internet’teki adresini de kendisinden rica edeceğim.
Dreamweaver a script leri gömdüğümdüm, düzenleme yaparken görünmüyorlar (Tarayıcı scripti desteklemiyor yazıyor. İngilizce olarak)ancak browser da gözüküyorlar. Acaba ayarlarda mı bir sorun var. Bilgilendirirseniz sevinirim. Saygılarımla…
Programi nasil download edeceğimizi anlatip ya da gösterebilir misiniz?
eh :grin
slm
çok tşk ederim ama bunları benim veb adresime atarmısınız internet evimde bağlı değilde cafeden de olmuyo [email protected]***** adresine atarsanız sevinirim…
Yav bu dw nin 8.02 sürümü piyasada bunlar neden daha eski bir sürümünü anlatmışlarki..
Selam arkadaşlar 10 gündür internette aramadığım bakmadığım yer kalmadı bilen varsa lütfen artık yoruldum bulamıyorum
wep sitesi yapıyorum buradaki butonların görevlerini nasıl vercem yapamadım mesela bir
“KONULAR” adlı buton var bu butona tıkladınmı istediyim içeriyi nasıl açılacak bi türlü yapamadım varsa bilen çok makbule geçer teşekürler…
programların temel olarak anlatımları iyi ama ayrıntılarıda konu alınırsa daha akılda kalıcı olacağına inanıyorum
Tanımlama bilgilerine izin verilmelidir
Tarayıcınız şu anda tanımlama bilgilerini engelleyecek şekilde ayarlanmış. Windows Live ID’yi kullanabilmeniz için önce tarayıcınızda tanımlama bilgilerine izin verilmelidir.
Tanımlama bilgileri bilgisayarınızda depolanan ve Windows Live ID sitelerinde ve hizmetlerinde ne zaman oturum açtığınızı belirten küçük metin dosyalarıdır. Tanımlama bilgilerine nasıl izin verileceğini öğrenmek için web tarayıcınızın çevrimiçi yardımına bakın.
pc den bu notu alıyorum e postamı açamıyorum ne yapmam lazım emailime bişey göndersenizde okuyamam beni msn ye eklerseniz anlık iletiyle yardımcı olabilrisniz.. [email protected]*****
Emeğiniz için teşekkürler
Bu programın turkce dil dosyasını koysaydın daha cok yararlı olurdun… saygılar
e maillerimi okuyamıyom ne yapayım
hocam benım sayfam acılmıyo vep tarayıcısından yardım alın dıyo yapamıyorum bılen varsa yardım etsın lutfen ıyı geceler
Tanımlama bilgilerine izin verilmelidir
Tarayıcınız şu anda tanımlama bilgilerini engelleyecek şekilde ayarlanmış. Windows Live ID’yi kullanabilmeniz için önce tarayıcınızda tanımlama bilgilerine izin verilmelidir.
Tanımlama bilgileri bilgisayarınızda depolanan ve Windows Live ID sitelerinde ve hizmetlerinde ne zaman oturum açtığınızı belirten küçük metin dosyalarıdır. Tanımlama bilgilerine nasıl izin verileceğini öğrenmek için web tarayıcınızın çevrimiçi yardımına bakın.
pc den bu notu alıyorum e postamı açamıyorum ne yapmam lazım emailime bişey göndersenizde okuyamam beni msn ye eklerseniz anlık iletiyle yardımcı olabilrisniz.. [email protected]***** msnden yardımcı olun lütfen çünkü mail açılmıyo
ufuk msn seçeneklerime giriş yapamıyorum e postamı okuyamıyorum hiç bir şekilde mesaj gönderemiyorum
video şeklinde olsa daha iyi olurdu
SÜPERSİNİZ EMEĞİNİZE SAĞLIK
hocam öncelikle selam ve bizimle bu bilgileri paylaştıgın içn çok teşekkürler ve bana yardımcı olursanız ben bu işi kıfırırım ama en başta sormak istediyim şey benim anlamdığım kısım ayni(ben komutları nerye yazıcam ve ne programı kullanıcam)bunu birde zahmet olmazssa resimli anlatırmısınız
slm msn me gelen mesaj larımı okuyamıyorum tanımlamaya izin verirmisin
ya bende maillerime bakamıyorum facebook adresimdeki şifreyi açmıyo bu yukardaki arkadaşların sorununda bendede var Tanımlama bilgilerine izin verilmelidir
Tarayıcınız şu anda tanımlama bilgilerini engelleyecek şekilde ayarlanmış. Windows Live ID’yi kullanabilmeniz için önce tarayıcınızda tanımlama bilgilerine izin verilmelidir.
dio napıcam
aynı sorun benim bilgisayarda da var tanımlama bilgisi falan diyo bakamıyorum maiilerime
yardımcı olunursa sevinirim bu arada internet seçeneklerinden tanımlama bilgisi falan sildim
YA NE BU YA HÇ Bİ KMSENN PROFİLİNİ GOREMYORM .TANIMLAMA BİLGİLERİNE İZN VER FELEN DİO YA NAPCAM
ben web tasarlam istiyorum ama bilmiyorum ve bi yarışma var ona katılmak istiyorum ve öğrenmem lazım web tasarlamayı
Zuhahahahaha
saolun işime çok yaryacak doğrusu
Selam arkadaşlar … bu problem bendede VARDI..Tanımlama bilgilerine izin verilmelidir
Tarayıcınız şu anda tanımlama bilgilerini engelleyecek şekilde ayarlanmış. Windows Live ID’yi kullanabilmeniz için önce tarayıcınızda tanımlama bilgilerine izin verilmelidir. Flan dıordu ama ben Yaptım… öğrenmek isteyen arkadaşlarım lütfen eklesin [email protected]***** .. yardımCı oLurum 😉
…