HTML ve CSS ile Duyarlı Web Geliştirmeye Giriş
Eğitmen: Javier Usobiaga Ferrerweb tasarımcısı
Eğitmen: Javier Usobiaga Ferrer, web tasarımcısı
Ön uç web geliştirmenin temellerini öğrenin
Tasarımınızı tarayıcıya taşıyın! Bu kursta Javier Usobiaga size en temel araçlarla (HTML ve CSS) web sayfalarının nasıl oluşturulacağını öğretecek. Kendi kodunuzu yazmayı ve web sitesini görme (ve tasarlama) şeklinizi değiştirmeyi, içinde nasıl çalıştığını anlamayı ve duyarlı bir web sitesini daha etkili hale getirmek için nasıl tasarlayacağınızı öğreneceksiniz. Ve eğer tasarım sizin işiniz değilse, bu kurs Ön Uç Web Geliştirme dünyasına başlamak için iyi bir temel olabilir.
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Kod editörü. Bir proje oluşturun. Ortamı düzenleme
3 dakika, 4 saniye
Denetleyici ve geliştirici araçları
3 dakika, 23 saniye
HTML etiketleri ve nitelikleri
5 dakika, 53 saniye
Metin etiketleri
3 dakika, 39 saniye
Görseller ve bağlantılar
8 dakika, 52 saniye
Etiketleri engelle
2 dakika, 32 saniye
Bu kursa neler dahil?
Bu kurs sıfır HTML ve CSS bilgisiyle başlar. Temel HTML etiketlerini ve tipografik CSS özelliklerini, Kayan Noktalar veya Konum gibi düzen araçlarını, arka planları, sınırları, yuvarlatılmış köşeleri, gölgeleri, Web Yazı Tiplerini ve Medya Sorguları gibi temel Duyarlı Geliştirme araçlarını içerir.
Bu kursun projesi nedir?
Final projesi, ders boyunca göreceğimiz farklı konuların sentezi olarak sunulan bir tasarıma dayalı, duyarlı bir web sayfası (hayali bir kahve dükkanının web sitesi) oluşturmaktan oluşur.
Kurs öğrencilerinin projeleri
Bu çevrimiçi kurs kimlere yöneliktir?
Tasarımcı olsun veya olmasın, temel HTML ve CSS bilgisini edinmek isteyen herkese.
Gereksinimler ve materyaller
Bu kurs için çok iyi teknik veya tasarım bilgisine ihtiyacınız yok. Bir bilgisayara ve ücretsiz bir kod düzenleyiciye ihtiyacınız olacak.
Yorumlar
- am_riverafPLUS2 ay önce
es demasiada teoría y las prácticas se las tiene que inventar el estudiante, no hay si quiera ejercicios prácticos, para después encontrarte con un proyecto final que no corresponde a lo que se vio en el curso. No sé... me pareció muy malo
- 5 ay önce
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
- 5 ay önce
Me costó entenderlo, es un poco denso.
- mtinchg72PLUS6 ay önce
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
- 7 ay önce
fácil de seguir,
Ayrıca Elisava, IDEP gibi tanınmış atölyelerde ve okullarda Web Tasarımı öğretmeni olarak görevinden büyük keyif alıyor.
Usobiaga, web'in yalnızca bilgisayar ekranında ne kadar güzel görünebileceğini değil, aynı zamanda farklı cihazlar ve koşullardaki kullanılabilirliğini de bir bütün olarak anlıyor.
Onun sözleriyle, "Estetik kadar ne kadar hızlı yüklendiği veya ne kadar iyi tepki verdiğinin de önemli olduğunu düşünüyorum ve bana öyle geliyor ki endüstrimizde bunu sıklıkla unutuyoruz."
İçerik
- U 1
giriiş
- Dersin ve projenin sunumu
- Web: HTML, CSS ve JS
- Kod editörü. Bir proje oluşturun. Ortamı düzenleme
- Denetleyici ve geliştirici araçları
- U 2
HTML yapısı
- HTML etiketleri ve nitelikleri
- Metin etiketleri
- Görseller ve bağlantılar
- Etiketleri engelle
- Belge etiketleri
- U 3
CSS'ye başlarken
- Bir CSS dosyasını ve CSS söz dizimini bağlama
- Temel seçiciler
- Tipografik stiller
- Stil sayfalarında özgüllük ve yapı
- Gelişmiş seçiciler: sözde sınıflar
- U 4
CSS'deki yapılar
- Tarayıcı Stilleri ve CSS'yi Sıfırlama
- Kutu modeli
- Gösterimler
- yüzer
- konum
- U 5
CSS'de Dekorasyon
- Listeler için stiller
- Kenarlık, kenarlık yarıçapı ve kutu gölgesi
- Duvar kağıtları ve arka plan resimleri
- Web yazı tipleri
- U 6
Duyarlı teknikler
- Duyarlı ve Mobil İlk tasarım
- Esnek yapı
- Medya sorguluyor
- Duyarlı gezinme
- U 7
Etkileşim ekleme
- E-posta bağlantısı
- CSS'de geçişler
- Bir JavaScript dosyasını bağlama
- Eklenen JavaScript ile gezinme
- FP
Bitirme projesi
- HTML ve CSS ile duyarlı web geliştirme
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.
Sertifikalar
PLUSPlus üyesiyseniz her kurs için öğretmeninizden imzalı bir özel sertifika alın. Portföyünüzde, sosyal medyada veya istediğiniz yerde paylaşın.
Ö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
Evet, kurs yeni başlayanlar için tasarlandı ve önceden web geliştirme bilgisi gerektirmez. HTML ve CSS ile web sayfalarını sıfırdan nasıl yapılandırıp tasarlayacağını öğreneceksin.
Başlamak için sadece bir bilgisayar, internet bağlantısı ve kurs içinde anlatılan Brackets veya Sublime Text gibi ücretsiz bir kod editörüne ihtiyacın var. Önceden bilgi gerekmez.
Fonksiyonel web sayfaları oluşturmayı, CSS ile stillendirmeyi, mobil uyumlu siteler yapmayı ve temel JavaScript ile etkileşim eklemeyi öğreneceksin. Ayrıca kendi web portföyünü oluşturacaksın.
Kurs, HTML yapısı, etiketler, öznitelikler, CSS stilleri, responsive tasarım, dosya organizasyonu, inceleme araçları, HTML4 ve HTML5 farkları ve modern sayfa düzenleme tekniklerini kapsıyor.
Evet, kurs CSS ile responsive tasarım tekniklerini içeriyor; böylece web sayfaların her ekran boyutuna ve cihaza uyum sağlar.
HTML dosyalarını sıfırdan oluşturmayı, doğru isimlendirmeyi (örneğin index.html) ve web projelerinde önerilen klasör yapısında kaydetmeyi öğreneceksin.
Evet, kurs Brackets’i öneriyor ve Sublime Text gibi diğer editörlerle karşılaştırıyor ama HTML ve CSS dosyalarını destekleyen istediğin editörü kullanabilirsin.