Adobe Dreamweaver ile Duyarlı Web Tasarımı
A course by Arturo ServínWeb tasarımcısı
A course by Arturo Servín, Web tasarımcısı
Adım adım görsel bir arayüze sahip duyarlı bir web sitesi oluşturmak için HTML ve CSS'nin temellerini öğrenin
Adobe Dreamweaver, tamamen görsel bir arayüzden web sayfaları oluşturmanıza olanak sağlayan ve diğer programlardan farklı olarak HTML ve CSS kodlarını hatasız olarak üretme yeteneğine sahip bir yazılımdır çünkü bunların doğru yazıldığını doğrulayan bir fonksiyona sahiptir. Ayrıca renkler, görüntüler veya .svg dosyaları gibi Creative Cloud araçlarını da kolayca entegre eder.
Bu kursta, web tasarımcısı Arturo Servín (daha çok Monky Lab olarak bilinir) size Adobe Dreamweaver ile HTML ve CSS bilgisi olmadan, yapım ve kod yazma araçlarını içeren bir grafik arayüz kullanarak duyarlı bir web sitesinin nasıl oluşturulacağını öğretecek. Bu şekilde, temel programlama ve tasarımın birleşimiyle herhangi bir web belgesinin hazırlanmasında daha fazla kontrole sahip olacaksınız.
Bu dersi almak için HTML ve CSS bilgisine sahip olmak gerekli değildir. Ayrıca, öğrencileri için ideal bir tamamlayıcıdır. Domestika Basics: Web tasarımı için Adobe Photoshop , tasarladıkları web sayfasını gerçeğe dönüştürmek için.
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Kursta ne yapacağız?
4 dakika, 44 saniye
UX ve UI nedir?
9 dakika, 11 saniye
Sanat Yönetimi
11 dakika, 32 saniye
Standartlaştırmanın avantajı
9 dakika, 2 saniye
Dreamweaver'ı neden kullanmalıyım?
7 dakika, 33 saniye
Çalışma alanına genel bakış
9 dakika, 39 saniye
Bu kursa neler dahil?
Arturo Servín web tasarımına nasıl başladığını, farklı değişimler ve teknolojik gelişmelerle nasıl karşılaştığını anlatacak. Etkilerinden bahsedecek ve size işlevsel web tasarımı referanslarını gösterecek.
Web tasarımının temel ilkelerini öğrenerek başlayacaksınız, ardından Arturo size UX'i UI'dan nasıl ayırt edeceğinizi öğretecek ve size sanat yönetimi ve sitenin yapımı ve standartları hakkında bazı tavsiyeler verecek.
HTML diliyle temel etiketleri yerleştireceğiniz ve parametreleri oluşturacağınız bir web sitesi oluşturmak için Adobe Dreamweaver araçlarını nasıl kullanacağınızı göreceksiniz. Metin ve görsellerin yanı sıra farklı dosya türlerine bağlantılar yerleştirmeyi denersiniz.
CSS pencerelerini kullanarak görsel yapıyı tamamlayacaksınız. Seçiciler ve değerler oluşturmayı, ardından parametre odaklı kutu modelini duyarlı oluşturmayı öğreneceksiniz ve CSS öğelerini kullanarak sayfanıza stil uygulayacaksınız: yazı tipleri, kutu tasarımı, konumun uygulanması , görüntüler ve kayar ; ve diğer öğelerin yanı sıra arka plan resimlerini, kenarlıkları veya listeleri ve sınıfları uygulayacaksınız.
Sitenizi nasıl duyarlı hale getirirsiniz? Gerekli farklı ölçümler için Medya Sorgularını kullanarak sitesinin yapım parametrelerini oluşturacaksınız, hem akıllı telefon hem de bilgisayar için çalışan basit bir menü oluşturacaksınız ve şunu göreceksiniz: web sitenizi yüklemeden önce nasıl incelenip düzeltileceği.
Her şey yayınlanmaya hazır! sitesinin yerel klasörlerini uzak sitesinin klasörleriyle senkronize etmek için programın FTP penceresini kullanacaksınız ve böylece web sitenizde anında değişiklik yapabileceksiniz. .
Recommended software & tools for this course
What is this course's project?
Hem müşteriler hem de daha gelişmiş programlama ekipleri için işlevsel çıktılara sahip olmanızı sağlayan, tek sayfalı temel bir duyarlı web sitesi geliştireceksiniz.
Kurs öğrencilerinin projeleri
Who is this online course for?
Web tasarımına adım atmaya karar vermemiş grafik tasarımcılarına, başlangıç seviyesindeki web tasarımcılarına, yeni başlayan kullanıcı arayüzü tasarımcılarına ve duyarlı web sitelerini nasıl tasarlayacaklarını öğrenmek isteyen herkese.
Requirements and materials
HTML ve CSS'yi sıfırdan öğreneceğiniz için bu kurs için önceden bilgi sahibi olmanıza gerek yoktur, ancak Arturo Servín'in yazdığı önceki kursu adresinden bulabilirsiniz. [url=https://www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web]Web tasarımı için Adobe Photoshop .
Araçlara gelince, Adobe Dreamweaver CC 2019 veya üzerinin yüklü olduğu bir bilgisayara ihtiyacınız olacak.
Yorumlar
- 6 ay önce
bien
- 10 ay önce
muy bien explicado
- rmmarinacePLUS1 yıl önce
I've programmed for the web for almost 20 years, but never designed with Dream Weaver. I teach Graphic Design with Phtoshop and Illustrator so it was time to learn DW--so this is a fantastic start.
- 1 yıl önce
Excelente, muy completo lo sentí como un basics, sin ser basics!
- 1 yıl önce
Buen curso
İçerik
- U 1
giriiş
- Sunum
- Etkiler
- Kursta ne yapacağız?
- U 2
Web Tasarım İlkeleri
- UX ve UI nedir?
- Sanat Yönetimi
- Standartlaştırmanın avantajı
- U 3
Dreamweaver korkusundan kurtulmak: basit bir web sitesi oluşturmak
- Dreamweaver'ı neden kullanmalıyım?
- Çalışma alanına genel bakış
- Çalışma klasörlerinin oluşturulması
- Etiketleri, nitelikleri ve değerleri kullanan HTML sözdizimi
- Bir web sayfasının genel yapısı
- Metin ve görsellerin yerleştirilmesi
- Bağlantılar
- U 4
Bir web sayfasına stil ekleme
- Bir CSS Dosyasını ve Söz Dizimini Bağlama
- Seçiciler ve değerler
- Kutu modeli ve stil sayfasını sıfırlama
- Tipografik stiller
- P1 kutu tasarımına yönelik stiller
- P2 kutusu tasarımına yönelik stiller
- P1 konumu, ekranı ve değişkenleri uygulama
- Pozisyon, görüntü ve değişkenlerin uygulanması P2
- CSS dekorasyonu
- U 5
Duyarlı bir site
- Medya Sorguları Oluşturma
- Önce mobil
- Basit, duyarlı bir menü oluşturma P1
- Basit, duyarlı bir menü oluşturma P2
- Önizlemeleri kullanma
- Kontrol edin ve düzeltin
- U 6
Web sitesi yayınlama
- Dreamweaver'dan uzak bir site tanımlama
- Web sitesini yükleme
- Yerel siteyi ve uzak siteyi senkronize edin
- FP
Bitirme projesi
- Adobe Dreamweaver ile duyarlı web tasarımına giriş
Bir Domestika kursundan neler beklenebilir?
Kendi hızınızda öğrenin
Belirli bir program olmadan ve takip edilmesi kolay bir yöntemle evden öğrenmenin tadını çıkarın. Kendi hızınızı kendiniz belirlersiniz.
En iyi profesyonellerden öğrenin
Yaratıcı sektörün en iyi uzmanlarının açıkladığı değerli yöntem ve teknikleri öğrenin.
Uzman öğretmenlerle tanışın
Her uzman, her derste açık yönergelerle, gerçek tutkuyla ve profesyonel anlayışla en iyi yaptıkları şeyi öğretir.
Certificates
PLUSIf you're a Plus member, get a özel sertifika signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Ön sıra koltukları alın
En yüksek kalitede videolar sayesinde tek bir ayrıntıyı kaçırmazsınız. Sınırsız erişim sayesinde tekniğinizi mükemmelleştirmek için bunları istediğiniz kadar izleyebilirsiniz.
Bilgi ve fikirleri paylaşın
Sorular sorun, geri bildirim isteyin veya çözümler sunun. Öğrenme deneyiminizi topluluktaki, yaratıcılığa sizin kadar tutkulu olan diğer öğrencilerle paylaşın.
Küresel bir yaratıcı toplulukla bağlantı kurun
Topluluk, dünyanın her yerinden meraklı ve yaratıcılıklarını keşfetme ve ifade etme konusunda tutkulu milyonlarca insana ev sahipliği yapıyor.
Profesyonelce hazırlanmış kursları izleyin
Domestika, yüksek kaliteli bir çevrimiçi öğrenme deneyimi sağlamak için öğretmen kadrosunu seçer ve her dersi kendi bünyesinde üretir.
SSS
You’ll learn how to create, structure, and design responsive websites using Dreamweaver, HTML, and CSS—enhancing user experience and interface, managing visual assets, typography, colors, and collaborative workflows.
This course is aimed at people with basic web design or development knowledge—perfect for intermediate learners wanting to deepen their skills in building responsive sites and using Dreamweaver efficiently.
Basic knowledge of HTML and CSS is recommended, though the course reviews key concepts and guides you through applying them practically within Dreamweaver.
You’ll need a computer with Adobe Dreamweaver installed, internet access, and basic file system navigation skills. Advanced programming experience is not required.
You’ll learn how to use Media Queries, adaptive layouts, and the mobile-first approach to ensure your websites look great and work smoothly on any device, optimizing user experience.
Yes, the course teaches how to select, combine, and integrate fonts and color palettes using tools like Google Fonts, Adobe Fonts, and Adobe Color to create a consistent visual identity.
Yes, you’ll learn to design accessible forms, create standard buttons, and customize them with CSS, ensuring usability and accessibility in your web projects.