Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, Dreamweaver programında değişken ızgara mizampajı özelliğinin nasıl kullanılacağını gösteren bir eğitim içeriğidir.
- Video, sabit boyutlarda tasarlanan web sitelerinin farklı platformlarda görüntüleme sorunlarıyla karşılaşabileceğini açıklayarak başlıyor. Ardından Dreamweaver'da değişken ızgara mizampajı özelliğinin CSS tabanlı olarak çalıştığını ve masaüstü, tablet ve akıllı telefon gibi farklı platformlara özgü uygun görüntüye sahip web siteleri tasarlamaya nasıl yardımcı olduğunu anlatıyor. Video, adım adım yeni bir Dreamweaver dosyası açarak ve Flut Grid Layout seçeneğini kullanarak değişken ızgara mizampajı ile web arayüzü tasarımı yapma sürecini gösteriyor.
- 00:02Dreamweaver'da Değişken ızgara mizanpajı
- Dreamweaver'da web sitelerini farklı ekran boyutlarına sahip platformlarda görüntülenebilir hale getirmek için düzenlemeler yapılır.
- Sabit boyutlarda tasarlanan web siteleri, farklı platformlarda görüntüleme sorunlarıyla karşılaşabilir.
- Dreamweaver ile değişen ızgara mizanpajı sayesinde masaüstü, tablet ve akıllı telefon gibi farklı platformlara özgü uygun görüntüye sahip web siteleri tasarlanabilir.
- 00:31Değişken ızgara mizanpajının özellikleri
- Değişken ızgara mizanpajı CSS3 tabanlı olarak çalışır ve platformlar ve tarayıcılar arası uyumlu web tasarım oluşturmaya olanak sağlar.
- Değişken ızgara mizanpajı ile sayfalar tasarlarken, sayfanın masaüstü, tablet ve mobil aygıtlarda nasıl görüntüleneceğini izleyebilir ve değişkenlerle div etiketlerini sayfa ölçülerine göre farklı konumlara yerleştirebilirsiniz.
- 01:04Dreamweaver'da değişken ızgara mizanpajının kullanımı
- Dreamweaver'ın sağ alt bölümünde mobil size, tablet size ve desktop size olmak üzere üç farklı ikon bulunur.
- Bu ikonlar sayesinde mobil, tablet ve desktop boyutlarında tasarımın nasıl görüntüleneceğini görebilirsiniz.
- 01:48Yeni sayfa oluştururken değişken ızgara mizanpajı
- File > New komutuyla yeni bir Dreamweaver dosyası açıp "Flut Grid Layout" seçeneğini seçtiğinizde, mobil, tablet ve desktop için farklı ızgara sistemleri ile karşılaşırsınız.
- Bu sayede yapılan tasarımlar üç farklı platformda doğru bir şekilde görüntülenecektir.
- Yeni kolonlar eklenebilir ve arayüz düzenlenerek farklı kolonlar ve düzenlemeler yapılarak üç farklı platforma uygun web arayüz altyapısı oluşturulabilir.