Bir Web Sitesinin Tasarımı, Geliştirilmesi ve Lansmanı
Eğitmen: Javier Usobiaga Ferrerweb tasarımcısı
Eğitmen: Javier Usobiaga Ferrer, web tasarımcısı
HTML, CSS ve JavaScript kullanarak bir web sitesi oluşturma ve yayınlama sürecinin tamamını öğrenin
Web tasarımında iyi bir arayüz, insan beyninin nasıl davrandığını memnun etmeye ve ona yanıt vermeye çalışır. Bu, hepimizin içinde, bazen bilinçsiz veya uykuda olan, nedenini anlamasa bile işe yarayan, uyumlu bir şeyi görebilen bir tasarımcının olduğu anlamına gelir. Web tasarımının ilkelerini öğrenmek ve içinizdeki o tasarımcıyı uyandırmak istiyorsanız doğru yerdesiniz.
Bu kursta bir web sitesi oluşturmanın iki yönünü göreceksiniz: bir yandan bir web sitesi planlamanın, tel çerçevelerdeki bilgileri düzenlemenin ve tipografi, renk paletleri, aralık, kompozisyon, illüstrasyon ile görsel bir dilbilgisi oluşturmanın temel tekniklerini göreceksiniz. . Daha sonra, sayfayı internette yayınlayana kadar HTML, CSS ve JavaScript kullanarak o sayfanın yapımını derinlemesine inceleyeceksiniz.
Bu süreçte rehberiniz, web tasarımcısı, Swwweet stüdyosunun kurucusu ve Domestika'daki diğer kursların öğretmeni Javier Usobiaga olacak. SVG vektör grafikleri: kodla gösterin ve canlandırın , CSS Grid, Flexbox ve Flexbox ile web düzeni diğer modern teknikler , JavaScript'te programlamaya giriş Ve [HTML ve CSS ile Duyarlı Web Geliştirmeye Giriş](Introducción al Desarrollo Web Responsive con HTML y CSS) , bu kursta açıklananlara tamamlayıcı olarak hizmet edebilir.
Bu çevrimiçi kursta ne öğreneceksiniz?
1 ders & 1 indirme
Kursta ne yapacağız?
1 dakika, 12 saniye
Tasarım hedefleri, çerçeve ve referanslar
6 dakika, 50 saniye
İçerik Envanteri
6 dakika, 17 saniye
Bilgi mimarisi
9 dakika, 56 saniye
İlkeler ve araçlar
4 dakika, 9 saniye
Görsel inceleme
6 dakika, 32 saniye
Bu kursa neler dahil?
Javier ve web teknolojileri üzerine takip edilmeye değer makaleler yazan, çeşitli deneyler yapan bazı tasarımcı ve geliştiricilerle tanışarak kursa başlayacaksınız. Ayrıca kursun içeriğini de keşfedeceksiniz.
Görsel tasarımın ilkelerini ve onu oluşturan unsurları öğrenecek ve esas olarak tipografi, renk, ızgara ve illüstrasyon gibi en temel olanlar üzerinde çalışacaksınız.
Statik bir HTML oluşturucuya ve onun şablon oluşturma sistemine, ayrıca dosya organizasyonuna ve ana sayfa oluşturmaya ilk kez bakacaksınız.
Bir sonraki ünitede önerilen tasarım sistemini ön uç koduna aktarmaya başlayacaksınız: tipografi, renk, ızgara ve diğer bileşenler.
Farklı JavaScript kitaplıkları ve işlevleri aracılığıyla projeye daha fazla etkileşim öğesi ekleyeceksiniz.
Kod sürümü yöneticilerinin nasıl çalıştığını göreceksiniz ve son olarak web sitenizi dünyaya duyurmak için bir yayınlama hizmetini kullanacaksınız.
Bu kurs için önerilen yazılım ve araçlar
Bu kursun projesi nedir?
Çalışma portföyünüzü içeren bir web sitesi oluşturacak, geliştirecek ve yayınlayacaksınız.
Kurs öğrencilerinin projeleri
Bu çevrimiçi kurs kimlere yöneliktir?
Web tasarımının ilkelerini öğrenmek isteyen ve kendi web sitesini yayınlamak isteyen herkese.
Gereksinimler ve materyaller
Temel HTML ve CSS bilgisine sahip olmanız tavsiye edilir. Bunlara sahip değilseniz Javier'in Domestika'daki ilk kursunu tamamlamanız önerilir: HTML ve CSS ile duyarlı web geliştirmeye giriş.
Bir bilgisayara ve bir kod düzenleyiciye ihtiyacınız olacak (Javier bazı ücretsiz olanları önerecektir). Ayrıca Sketch, Figma veya Adobe XD gibi bir görsel tasarım programına sahip olmak da çok önemli olmasa da ilgi çekici olabilir.
Yorumlar
- 3 ay önce
I really enjoyed this course. I already had a website I needed to build and I was able to apply this to improve it so much. It’s comprehensive and well structured.
- 5 ay önce
Muy buen curso y muy buena explicación del profesor, como siempre. Perfecto para iniciarse en la creación de webs
- 7 ay önce
Excelente curso para tener las bases de animación con css
- 7 ay önce
Me gustó
- 8 ay önce
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor
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ş
- Sunum
- Etkiler
- Kursta ne yapacağız?
- U 2
Bir web sitesinin fikri
- Tasarım hedefleri, çerçeve ve referanslar
- İçerik Envanteri
- Bilgi mimarisi
- U 3
Görsel tasarım
- İlkeler ve araçlar
- Görsel inceleme
- Dizgi
- Bir arayüzdeki renk paleti
- Izgara ve dikey ritim
- İllüstrasyon ve ikonografi
- U 4
Şablon sistemi
- Ortamın ve kod editörlerinin hazırlanması
- Dosya yapısı ve işleyişi
- Ana sayfalar ve yeni sayfaların oluşturulması
- Koşullu ifadeler ve kısmiler
- U 5
Ön uç geliştirme
- Kod organizasyonu
- Tipografik kompozisyon ve renk
- Retikül sistemi
- Arayüz bileşenleri
- Arayüzü tamamlama
- U 6
Web etkileşimi
- Etkileşimli ve açılır menüler
- Galeri uygulamak
- Etkileşimin tamamlanması
- U 7
Bir web sitesinin yayınlanması
- Kod sürümü yönetimi
- Yayıncılık hizmetleri
- Ek kaynaklar
- FP
Bitirme projesi
- Bir web sitesinin tasarımı, geliştirilmesi ve yayınlanması
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
The course is designed for people with basic HTML and CSS knowledge, but you don’t need to be an expert. It’s perfect for those wanting to deepen their skills in modern web design and front-end development techniques.
Basic knowledge of HTML and CSS is recommended. Advanced experience isn’t required, but it helps to understand basic webpage structure and code editing.
You’ll learn to build responsive layouts, CSS animations, accessible SVG graphics, information architecture, wireframing, prototyping, website publishing, and how to apply agile methodologies in digital projects.
You’ll need a code editor (like VS Code), Node.js, a terminal, an up-to-date web browser, and access to tools like Figma, Keynote, PowerPoint, or Notion for prototyping and organization.
You’ll learn how to use CSS variables to manage colors, fonts, and spacing, making it easier to keep a consistent look and quickly update your web projects globally.
Yes, you’ll practice using CSS Grid and other techniques to create adaptable web structures that look great on any device, enhancing the user experience.
Yes, you’ll be able to develop your own project, applying all the design, development, and publishing concepts to build a portfolio or client website.