Giriş Yap

**EmSaLSiZ** · 13-02-2018 Saat: 12:24

Dreamweaver: Bir web editör ve geliştirme sayfasıdır. Başta HTML düzenleme olmak üzere bir web tasarımcının ihtiyacı olan hemen her konuda ihtiyaçlarına cevap verebilecek donatılara sahiptir.
DREAMWEAVER PENCERESİ
Menü Çubuğu:
Menüler ve sağ tarafında üç araç yer alır.
Araç Çubuğu:
Doküman penceresini farklı şekillerde görmenizi, görünüm özelliklerini ayarlamanızı ve genel işlemlere ulaşmanızı sağlayan menü ve düğmeleri içerir.
Doküman Penceresi:
Dökümanı hazırlamak için kullanılan alandır.
Paneller:
Pencerenin sağ tarafında bulunur. Panelleri Window menüsünden görüntüleyebilir veya görüntüden kaldırabilirsiniz.
Etiket Seçici:
Durum çubuğunun en solunda yer alır. Seçili olan alandaki etiketleri görüntüler ve seçmenizi sağlar.
Durum Çubuğu:
Doküman içerisinde dolaşma, görüntüyü büyültme, görüntü yüklenme süresini gösterme gibi seçenekleri içerir.
Files Paneli:
Yeni klasör ve dökümanlar açmak ve yönetmek için kullanılır.
Insert:
Resimler, nesneler AP öğeleri ve çerçeveler gibi çeşitli nesne tiplerini dökümana eklemenizi sağlayan düğmeleri içerir.
Insert araç çubuğu içinde bulunan menü gruplar;
Common(Ortak): Grafikler, tablolar, çerçeveler gibi öğelerin eklenmesini ve sayfa içerisine yerleştirilmesini sağlayan düğmeleri içerir.
Layout(Yerleşim): Tabloi çerçeve vb. öğelerin eklenmesini ve sayfa içine yerleştirilmesini içerir.
Forms(Formlar): Form oluşturmak ve sayfa içine yerleştirmek için kullanılır.
Data(Veri): Kayıt düğmeleri, yinelenen bölgeler ve kayıt ekleme ile güncelleştirme formları gibi diğer dinamik öğelerin yanı sıra Spry veri nesneleri eklemeyi sağlayan düğmeleri içerir.
Spry: Spry veri nesneleri ve küçük araçları da olmak üzere Spry sayfaları oluşturmayı sağlayan düğmeleri içerir.
InContext Edition(InContext Düzenleme): Düzenlenebilir bölgeler, yinelene bölgeler, ve CSS sınıflarını yönetmeye ilişkin düğmeler de dahil olmak üzere, InContext düzenleme sayfaları oluşturmayı sağlayan düğmelerdir.
Text(Metin):Metin stillerini belirlemeyi ve özel karakterleri eklemeyi sağlayan düğmeleri içerir.
Favorites(Sık Kullanılanlar): Sık kullanılan komut düğmelerini içerir.
DÖKÜMAN ARAÇ ÇUBUĞU
Code Görünümü:Doküman penceresini kod görünümü olarak değiştirir. Dolayısıyla HTML kodlarıyla çalışılabilir.
Split Görünümü:Doküman penceresini bölünmüş ekranlı kod ve tasarım görünümü olarak görüntüler.
Design Görünümü: Doküman penceresini hemen hemen tarayıcıda görüneceği şeklinde görüntülenmesini sağlar.
Live Code: Live View çalışma alanı aktifken kullanılır. Live Code çalışma alanında sayfayı yürütmek için tarayıcı tarafaından kullanılan gerçek kod görüntülenir.
Check Browser Compability:Tarayıcı uyumluluğunu doğrulamak için kullanılan araçları listeler.
Live View:Çalışma alanında tasarım bir tarayıcıda görüntülendiği gibi görüntülenir. Düzenleme yapılamaz.
Inspect:Stillerin farklı tarayıcılar ile uyumlu olup olmadığını denetlemeye yardımcı olur.
Preview / Debug in Browser: Sayfaların tarayıcıda önizlemesini yapıp hataların belirlenmesini sağlamak için kullanılabilecek tarayıcıların listesini verir.
Visual Aids:Tasarım sırasında görünen ancak sayfa yayınlanmadığında görünmeyen yardımcı öğelerin görüntülenmesini ve gizlenmesini sağlayan seçenekleri içerir.
Refresh Design View:Kod penceresinde HTML kodlarını kullanarak değişiklik yapıldığında tasarım görünümüne geçildiğinde dökümanın güncellenmesini sağlar.
Page Title:Geçerli dökümanın başlığını görüntüler. Ve değiştirilmesine imkan sağlar.
File Management: Dosya yönetim komutları açılır listesi.
STANDART ARAÇ ÇUBUĞU
View-Toolbars-Standart
New:Düzenlemek için yeni bir Web dökümanı açar.
Open:Varolan bir Web dökümanını açmayı sağlar.
Browse in Bridge:Bridge uygulamasını açar ve resim transfer etmeyi sağlar.
Save:Dokümanı kaydetmeye yarar.
Save All:Açık olan tüm Web dökümanlarını kaydeder.
Print Code:Kodları yazıcıdan yazdırmayı sağlar.
Cut:Seçili metni HTML kodunu veya başka nesneleri kesip panoya atar.
Copy:Seçili metni HTML kodunu veya başka nesnelerin kopyasını panoya atar.
Paste:Kesilerek veya kopyalanarak panoya atılan metni, HTML kodunu veya başka nesneleri dökümana yapıştırır.
Undo:En son yapılan işlemi iptal eder.
Redo:Geri alınan işlemi geri alır.
- Coding Araç Çubuğu:Sadece code görünümünde ekranın sol tarafında görüntülenir. Kod seçimleri üzerinde işlem yapar.
- Properties (Özellikler): Properties penceresini kullanarak belge penceresinde seçili olan metin veya nesneler ile ilgili biçim ayarlarını görebilir ve düzenleyebiliriz.
STYLE RENDERING ARAÇ ÇUBUĞU
View- Toolbars- Style Rendering
Render Screen Media Type:Bilgisayar ekranında sayfanın nasıl görüneceğini gösterir.
Render Print Media Type:Kağıda yazdırıldığında sayfanın nasıl görüntüleneceğini gösterir.
Render Handheld Media Type:Taşınabilir ortamda sayfanın nasıl görüntüleneceğini gösterir.
Render Projection MediaType:Projeksiyon cihazında sayfanın nasıl görüntüleneceğini gösterir.
Render TTY Media Type:Teleyazım makinesinde sayfanın nasıl görüntüleneceğini gösterir.
Render TV Media TYpe:Televizyon ekranında sayfanın nasıl görüntüleneceğini gösterir.
Toggle Display of CSS Styles:CSS stillerini etkinleştirmenize veya devre dışı bırakmanıza yardımcı olur.
Design-time Style Sheets:Bir tasarım zamanı stil sayfası belirtmenizi sağlar.
TARAYICI GEZİNTİ ARAÇ ÇUBUĞU
View-Toolbars-Browser Navigation
Back:Önceki sayfaya gitmeyi sağlar.
Forward:Sonraki sayfaya gitmeyi sağlar.
Refresh:Sayfanın yeniden yüklenmesini sağlar.
Home:Giriş sayfasına gitmeyi sağlar.
Adress:Aktif sayfanın adresi görülür.
Live View Options:Canlı görünüm seçeneklerinin açılmasını sağlar.
CETVELLERİ KULLANMAK
View-Rulers
Show: Cetvelleri görüntüler ve gizler.
Reset Origin: Cetvelin orijinini sayfanın en üst sol köşesindeki başlangıç konumuna getirir.
Pixels: Ölçekleri pixel cinsinden gösterir.
Inches: Ölçekleri inch cinsinden gösterir.
Centimeters: Ölçekleri santimetre cinsinden gösterir.
IZGARALARI KULLANMAK
View-Grid
Show Grid: Izgaraların doküman penceresine eklenmesini ve kaldırılmasını sağlar.
Snap To Grid: Snap To Grid niteliğini açar ve kapsar. Nitelik açıksa bir nesne ızgara çizgilerine yaklaştırıldığında otomatik olarak ızgara çizgileri üzerine konumlanır.
Grid Settings: Grid Settings iletişim kutusunu açar.
GÖRSEL DESTEKLERİ KULLANMAK
View- Visual Aids
Hide All:Görsel desteklerin tümünü gizler.
CSS Layout Backgrounds:Stil yerleşim arka planını gösterir ve gizler.
CSS Layout Box Model:Stil yerleşim kutu modelini gösterir veya gizler.
CSS Layout Outlİness:Stil yerleşim dış hatlarını gösterir veya gizler.
AP Element Outlines:AP unsurunun dış hatlarını gösterir veya gizler.
Table Widths: Tablo genişliği ölçülerini gösterir veya gizler.
Table Borders:Tablo kenarlıklarını gösterime açar veya gizler.
Frame Borders:Çerçeve kenarlıklarını gösterir veya gizler.
Image Maps:Görüntü haritalarındaki hotspotları gösterir veya gizler.
Invisible Elements:Görünmez unsurların gösterimini gösterir veya gizler.
RAPORLAR
Window-Result
Search: Etiket, nitelik ve etiketlerde belirli metinler aramanızı sağlar.
Reference: Yardımcı olacak referans bilgilerini araştırmayı sağlar.
Validation: Kod ve sözdizimi hatalarını denetlemeyi sağlar.
Browser Compatibility: Dökümanlardaki HTML’yi, hedeflenen tarayıcılar tarafından desteklenmeyen bir etiket veya nitelik olup olmadığını görmek için test etmenizi sağlar.
Link Checker: Kopuk, harici ve karşılıksız bağlantıları bulmanızı ve onarmanızı sağlar.
Site Reports: İş akışını iyileştirmeyi ve sitedeki HTML niteliklerini test etmeyi sağlar.
FTP Log: Tüm FTP dosya aktarım etkinliğini görmeyi sağlar.
Server Deburg: Adobe ColdFusion uygulamasının hatalarını ayıklamak için bilgi görüntülemeyi sağlar.
MENÜLERİ VE ARAÇ ÇUBUĞUNU KULLANMAK
Show: Açılır listesinde site listeleri yer alır.
Connects to Remote Host: Uzak Web sunucusuna bağlanmayı sağlar.
Refresh: Sitede değişiklik yapıldığında Files panelini yeniler.
Remote Server: Uzak servera bağlanmayı sağlar.
Testing Server: Remote Site dosya listesinin bulunduğu deneme sunucusundaki dosya listesini gösterir.
Repository Files: Subversion deposunu görüntüler.
Get Files: Seçili dosyaları uzak Web sunucusundan yerel siteye indirir.
Put Files: Seçili dosyaları yerel dosya klasöründen uzak Web sunucusuna yükler.
Check Out: Seçili dosyaları uzak siteden indirir ve başka takım üyelerince düzenlenmemesi için kilitler.
Check In: Seçili dosyaları uzak siteye yükleyerek Check Out işleminin tersini yapar.
Synchronize: Dosyaları yerel ve uzak klasörler arasında senkronize eder.
Expend/ Collapse: Tam ekran ve panel görünümü arasında değişiklik yapar.
PANELLER
Design Panel Grubu: Web sayfalarını Design görünümünde tasarlarken kullanılan panelleri içerir.
İki panel yer alır:
• CSS Style Paneli: CSS stillerini yönetmeyi ve Web sayfasına uygulamayı sağlar.
• AP Elements Paneli: Web sayfasındaki AP öğelerinin bulunduğu paneldir.
Code Panel Grubu: Code görünümünde kodları düzenlemek ve için kullanılan paneldir.
İki panel yer alır:
• Snippets Paneli: Web dökümanına eklenebilen kod grupları yer alır.
Application Panel Grubu: Dinamik veri tabanı güdümlü Web sayfaları oluşturulurken kullanılır.
Dört panel yer alır:
• Databases Paneli: Aktif site için kullanılabilir veritabanlarını görüntüler ve veri tabanı bağlantılarını tanımlama imkanı verir.
• Components Paneli: ColdFusion tabanlı Web sayfalarında ColdFusion bileşenlerinin düzenlenmesini ve kullanılmasına imkan verir.
• Bindings Paneli: Aktif sayfa için kullanılabilir sorgu sonuçlarını gösterir ve yeni kayıt sorgu sonuçları tanımlamaya imkan verir.
• Server Behaviors Paneli: Dinamik veri oluşturmak ve kullanmak için Web sayfasına sunucu davranışlarını yerleştirmeye imkan verir.
Tag Inspector Grubu: Formatlama nitelikleri ve herhangi bir HTML imine ait davranışların ayrıntılı listesi bulunur.
İki panel bulunur:
• Attributes ve Relevant CSS: Seçili öğenin çeşitli niteliklerini ayarlamaya ve izlemeye imkan verir.
• Behaviors Paneli: Web sayfasındaki HTML öğelerinin davranışlar eklemesine ve var olan davranışları düzenlemeye imkan verir.
Files Panel Grubu: Site dosyalarını yönetmeye imkan verir.
İki panel bulunur:
• Files Paneli: Files panelinin daraltılmış sürümünün ana sayfasıdır.
• Assets Paneli: Görüntü dosyaları, flash dosyaları ve şablonlar gibi sitedeki kaynakların ana listesini oluşturur.
History Panel Grubu: Window menüsünden History komutu tıklatılınca görüntülenir. Web sayfası hazırlarken yapılan işlemlerin listesi History panelinde listelenir.
Code Inspector Paneli: Web sayfası için HTML kodu izleyebilecek ve düzenleyebilecek herhangi bir yer sağlar.
Business Catalyst Paneli: Geleneksel masaüstü araçlarını Web tasarımcıları için tek bir merkezi platformla değiştiren, barındırılan bir uygulamadır.
Results Paneli: Bir arama işleminin sonuçlarını, rapor veya günceleri görüntüler.
ERİŞİM YÖNTEMLERİNİN İŞLEVLERİ
None: Site bir sunucuya yükleme planlanmıyorsa bu varsayılan ayar değiştirilmemelidir.
FTP: Web sunucuya FTP kullanılarak bağlanılıyorsa bu ayar kullanılır.
SFTP: Proxy yapılandırma güvenli ve FTP kullanmayı gerektiriyorsa Güvenli FTP(SFTP) kullanılır.
Local/ Network: Ağ klasörüne erişmek için dosyalar yerel bilgisayarda depolanıyorsa veya test sunucusu yerel bilgisayarda çalışıyorsa bu ayar kullanılır.
WebDAV: Bu ayar Web sunucuya WebDAV protokolünü kullanarak bağlanıyorsa kullanılır.
RDS: Web sunucusuna RDS kullanılarak bağlanılıyorsa bu ayar kullanılır.
DREAMWEAVER DÖKÜMAN TÜRLERİ
CSS: Basamaklı stil sayfası dökümanları .css uzantılıdır. HTML içeriğini biçimlendirmek ve çeşitli sayfa öğelerinin konumlandırmalarını kontrol etmek için kullanılır.
GIF: .gif uzantılı grafik dökümanlarıdır. GIF formatı karikatürler, logolar, saydam alanlı grafikler ve animasyonlar için yaygın kullanılan bir web grafik formatıdır.
JPEG: .jpg uzantılı dökümanlardır. Genellikle fotoğraf ya da renkli görüntü biçimindedir.
XML: .xml uzantılı dökümanlardır. XSL(genişletilebilir stil sayfası dili) kullanılarak biçimlendirilebilecek ham formda veri içerirler.
XSL: .xsl ya da .xslt uzantılı dökümanlarıdır. Web sayfasında görüntülemek istenilen XML verilerine stil uygulamak için kullanılır.
CFML: .cfm uzantılı dökümanlardır. Dinamik sayfaları işlemek için kullanılır.
PHP: .php uzantılı dökümanlardır. Dinamik sayfaları işlemek için kullanılır.
METİN EFEKTLERİNİN ANLAMI VE HTML KODLARI
Bold
Kalın Metin
 veya 
Italic
İtalik
<ı> veya 
Underline
Altı Çizili Metin

Strikettrought
Üstü Çizili Metin
<strike>
Teletype
Teletype taklidi metin
<tt>
Emphasis
Vurgulanan Metin

Strong
Güçlü Vurgu

Code
Kod Listelemeleri
<code>
Variable
Kod Değişkeni
<var>
Sample
Örnek Metin
<samp>
Keyboard
Klavye Girişi
<kbd>
Citation
Alıntı
<cite>
Definition
Terimin Örnek Tanımı
<dfn>
Deleted
Silinmiş Metin
<del>
Inserted
Yerleştirilen Metin
<ins>

**NoThing2Lose** · 13-02-2018 Saat: 14:14

Anlatım İçin Teşekkürler

Giriş Yap
Kullanıcı Adı:
Şifreniz:	Şifremi Unuttum?
	Beni Hatırla