Şimdi gelelim HTML, CSS ve Javascript öğrendikten sonra öğrendiklerimizde sıfırdan kod yazarak web sayfası yapalım. Sizler için yukarıdaki örnekteki gibi HTML 5 ve CSS kullanarak web sayfasını tasarlayarak eğitimi anlattım. Bu eğitimle profesyonel olarak web tasarımcılık ve web kodlamacılığa büyük bir adım atıcaksın. Çünkü bütün web sayfasını kod yazarak anlattım. HTML ve CSS ile sıfırdan web sayfası yapmak eğitimini almadan önce HTML, CSS ve Javascript Dersi Eğitimini alman gerekir. Eğitimi almadıysan hemen bu linke tıkla ve öğren!
HTML ve CSS ile sıfırdan web sayfası yapmak
Genel İçerik;
- Web Sayfası Yapısını oluşturmak
- Sayfalama ve Web Proje yönetimi
- Sayfa HEADER, BODY ve alanlarının tasarlanması
- Sayfa içine Google Harita ve Video gömmek
Eğitimin sonunda sıfırdan web sayfasını herşeyiyle kodlayarak öğreneceksin. Hazırsan kahveni hazırla ve eğitime başlayalım. Soru sormak istersen videoların altına sorunu sorabilirsin!
-
Giriş
Yapacağımız sayfayı özelliklerine bakıp, uygulama dosyaları ve Brackets ayarı
-
Genel Sayfa Yapısı, CSS'leri ve HEADER alanı
Bu bölüm sayfanın üst tarafının ayarları ile ilgilidir. HTML ve CSS ile kodlanması.
- HTML5 etiketleriyle genel yapıyı oluşturmak
- HEAD alanında Metaları, Google Fonts, ve CSS dosyası ayarları
- HEADER alanı ayarları
- CSS ile genel yapıları şekillendirmek
- HEADER alanı içindeki yan yana Divleri ayarlamak
- HEADER alanı içindeki logoyu şekillendirmek
- HEADER alanı için Menüyü şekillendirmek
- HEADER alanı genel boşluk ayarlarını yapmak
-
GÖRSEL Section alanı
Tasarımda üst tarafta bulunan görselin, slider alanının düzenlenmesi
-
İÇERİK Section alanı ve iç sayfaların tasarlanması
Web sayfasının içeriklerinin ayarlanarak kodlanması HTML ve CSS ile.
- İlk içerik alanı etiketleri ve düzenlemeleri
- İlk içerik alanın CSS ile şekillendirilmesi ve Yanyana div eklemek
- İkinci içerik alanın etiketleri ve düzenlemeleri
- İkinci içerik alanın CSS ile şekillendirilmesi ve Yanyana div eklemek
- Sayfa içine Video eklemek (Youtube ve Vimeo)
- Alt bilgi alanının ( FOOTER ) düzenlenmesi
-
İç sayfalar - Kahveler, Hizmetler ve İletişim
Web sayfasında bulunan diğer sayfaların oluşturulması ve kodlanması.
-
Sonuç
Genel itibarıyla sayfaları tekrar gözden geçirmek, ne öğrendiğiniz ve sonraki alacağım web tasarımı eğitimi hakkında.