HTML ve CSS ile Duyarlı Web Geliştirmeye Giriş
A course by Javier Usobiaga Ferrerweb tasarımcısı
A course by 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.
What is this course's project?
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
Who is this online course for?
Tasarımcı olsun veya olmasın, temel HTML ve CSS bilgisini edinmek isteyen herkese.
Requirements and materials
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_riverafPLUS22 gün ö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
- 4 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.
- 4 ay önce
Me costó entenderlo, es un poco denso.
- mtinchg72PLUS4 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
- 5 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.
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
Yes, this course is designed for beginners and requires no prior web development knowledge. You’ll start from scratch learning how to structure and style webpages with HTML and CSS.
All you need is a computer, internet access, and a free code editor like Brackets or Sublime Text, both of which are introduced in the course. No previous experience needed.
You’ll learn how to build functional webpages, style them with CSS, create responsive mobile-friendly sites, and add basic interactivity with JavaScript. You’ll also build your own web portfolio.
The course covers HTML structure, tags, attributes, CSS styling, responsive design, file organization, inspection tools, differences between HTML4 and HTML5, and modern layout techniques.
Yes, the course includes responsive design techniques with CSS so your sites look great on any screen size or device.
You’ll learn how to create HTML files from scratch, name them correctly (like index.html), and save them within the recommended folder structure for web projects.
Yes, while Brackets is recommended and other options like Sublime Text are compared, you’re free to use any editor that supports HTML and CSS files.