Bu video, bir eğitmen tarafından sunulan CSS dersidir. Eğitmen, CSS'de border (kenarlık) özelliğinin kullanımını detaylı şekilde anlatmaktadır.. Video, CSS'de border özelliğinin temel özelliklerini ve kullanım şekillerini göstermektedir. Eğitmen önce border-style özelliğini (çizgili, noktalı, çift kenarlı, inset, solid) açıklar, ardından border-width özelliğini (kenarlık kalınlığı) anlatır. Daha sonra border-color özelliği, kenarlık stilleri (border-right-style, border-bottom-style) ve kısa kullanım şekilleri gösterilir. Son olarak border-radius özelliği ile kenarlıkların ovalleştirilmesi anlatılır. Video boyunca eğitmen, kod örnekleri üzerinden konuyu görsel olarak da desteklemektedir.
CSS, 1994'te CERN'de Håkon Wium Lie tarafından icat edildi. Tüm web sitelerinin %97'sinden fazlası CSS kullanmaktadır. HTML belgelerine stil eklemek için kullanılan bir dildir
Bu video, bir eğitmen tarafından sunulan kapsamlı bir CSS eğitim dersidir. Eğitmen, önceki videolarda HTML eğitimi verdiğini ve ileride Bootstrap eğitimi yapacağını belirtmektedir.. Video, CSS'in temel kavramlarından başlayarak ileri seviye özelliklere kadar uzanan bir yapıya sahiptir. İlk olarak CSS'in ne olduğu ve HTML ile ilişkisi anlatılmakta, ardından renk kodları, class ve id seçiciler, kenarlık, boşluk, metin hizalama gibi temel özellikleri gösterilmektedir. Daha sonra buton oluşturma, hover efekti, responsive tasarım ve Google Fonts kullanımı gibi pratik uygulamalar ele alınmaktadır.. Eğitim boyunca kod örnekleri ve sonuçları ekranda gösterilerek, izleyicilere adım adım CSS kullanımını öğreten bir öğrenme deneyimi sunulmaktadır. Ayrıca, mobil uyumlu tasarım için "line-clamp", maksimum genişlik ve yükseklik değerleri, flexbox gibi teknikler de detaylı olarak açıklanmaktadır.
Bu video, web programlama alanında çalışan bir eğitmen tarafından sunulan kapsamlı bir web tasarım eğitim içeriğidir.. Eğitim, sıfırdan HTML ve CSS kullanarak bir bisiklet dükkanı web sitesi şablonunun nasıl oluşturulacağını adım adım göstermektedir. Video, Dreamweaver programı kullanılarak başlangıç aşamalarından başlayıp, logo ekleme, menü oluşturma, içerik alanları tasarımı, sosyal medya bağlantıları, duyurular sayfası ve footer alanı oluşturma gibi tüm aşamaları kapsamaktadır.. Eğitmen, HTML etiketleri (div, img, h1, a) ve CSS özellikleri (width, height, margin, padding, float, color, font-size) kullanarak web sayfasının yapılandırılmasını detaylı şekilde anlatmaktadır. Ayrıca, kayan yazı efekti ekleme, sayfa içi bağlantılar oluşturma ve hover etkisi uygulama gibi pratik teknikler de gösterilmektedir.
Bu video, bir eğitmen tarafından sunulan kapsamlı bir CSS eğitim içeriğidir. Eğitmen, kod örnekleri üzerinden CSS özelliklerini adım adım göstermektedir.. Video, CSS'in temel mantığını açıklayarak başlıyor ve tarayıcıların varsayılan stil değerlerini anlatıyor. Ardından CSS'in nasıl dahil edileceği, seçiciler (class ve id), font özellikleri, border özellikleri, kutu model özellikleri (width, height, margin, padding, box-sizing), yazı ayarları (text-align, text-decoration, text-shadow, line-height, letter-spacing), overflow, display, position, z-index, box-shadow, text-shadow, border-radius, vertical-align, background-image, background-size, background-repeat ve background-position gibi temel CSS özellikleri detaylı şekilde açıklanmaktadır.. Eğitmen, bazı özelliklerin (CSS Grid ve Flex) ayrı videolarda detaylı olarak ele alınacağını belirtmektedir. Video boyunca Google Fonts'tan font family seçimi, taşma sorunlarını çözmek için box-sizing özelliğinin önemi ve farklı display ve position değerlerinin nasıl kullanılacağı gibi pratik bilgiler de sunulmaktadır.
Web sayfası, site ve alan adı kavramları detaylı şekilde açıklanır. Web yazılımcı rolleri: ön uç, arka uç ve full stack. HTML ve CSS ile web tasarımı öğretilir
Bu video, HTML5 ile web tasarımı dersinin ikinci bölümüdür. Eğitmen, önceki derste oluşturulan section ve navigation menülerinin CSS ile nasıl düzenleneceğini anlatmaktadır.. Videoda, navigation menüsünün link halindeki özelliklerinin nasıl ayarlanacağı adım adım gösterilmektedir. Eğitmen, a etiketi kullanarak blog tarzında menü oluşturma, yazı boyutu, renk, arka plan, padding ve margin gibi CSS özellikleri ile menüyü düzenleme tekniklerini uygulamalı olarak anlatmaktadır. Ayrıca, içerik alanlarının menü butonlarının arkasına nasıl yerleştirileceği de gösterilmektedir. Video, bir sonraki derste jQuery ekleneceği bilgisiyle sonlanmaktadır.
HTML ve CSS, web geliştirmenin temel taşlarıdır. HTML, web sayfalarının yapısını tanımlar. CSS, bu öğelerin stilini ve görünümünü düzenler
Bu video, bir eğitmen tarafından sunulan kapsamlı bir HTML ve CSS eğitim içeriğidir. Eğitmen, öğrencilere adım adım web sayfası oluşturma sürecini göstermektedir.. Video, web sayfası oluşturma için gerekli klasör ve dosya yapısının oluşturulmasıyla başlayıp, HTML etiketlerinin kullanımı, tablo oluşturma (table, tr, td, colspan, rowspan), CSS stilleri (arka plan rengi, yazı tipi, yazı rengi, hizalama) ve liste oluşturma gibi temel konuları kapsamaktadır. Eğitmen, konuları pratik örneklerle göstererek ve adım adım anlatarak izleyicilere rehberlik etmektedir.. Videoda ayrıca Excel'de tablo oluşturma, hücrelerin birleştirilmesi, gereksiz hücrelerin silinmesi ve tablonun düzeltilmesi gibi teknikler de ele alınmaktadır. Eğitmen, web sayfalarının farklı tarayıcılarda test edilmesi gerektiğini vurgulamakta ve kodların daha düzenli görünmesi için açıklama satırları kullanımı da göstermektedir. Video yaklaşık 40 dakika sürmektedir.
Bu video, bir eğitmen tarafından sunulan CSS (Cascading Style Sheets) eğitim içeriğidir. Eğitmen, Visual Studio Code editörü kullanarak CSS'in temel kullanımını göstermektedir.. Video, CSS'in ne olduğunu ve HTML ile nasıl entegre edildiğini açıklayarak başlıyor, ardından CSS'in üç farklı kullanım şeklini (satır içi, sayfa içi ve harici) detaylı şekilde ele alıyor. Eğitmen, class ve id kullanımını örneklerle açıklıyor, harici stil dosyalarının nasıl oluşturulacağını ve projeye nasıl dahil edileceğini gösteriyor.. Eğitim içeriğinde ayrıca CSS özellikleri (renk, arka plan, yazı tipi, boyut) nasıl tanımlanacağı, CSS kodlarının doğru yazımı, noktalı virgül kullanımı ve yorum satırı oluşturma gibi temel konulara da değiniliyor. Video, bir sonraki derste CSS'in inceliklerine değinileceğini belirterek sona eriyor.
Linkler web sitelerinin vazgeçilmez yapı taşlarıdır. Linkler için <a> etiketi kullanılır. Link referansı href attribute'ünde belirtilir
Bu video, HTML5 ve CSS eğitim setinin 23. dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir.. Video, HTML5 medya elementlerine odaklanmaktadır. Eğitmen önce farklı video formatlarını (mp3, mp4, mpg, wmv, ai, mob, flv, ogg, webm) ve bunların tarayıcı destek durumlarını açıklar. Ardından `<video>` etiketi ve `<source>` etiketinin kullanımı, video kontrolü, otomatik oynatma, döngü özelliği ve başlangıç resmi ekleme gibi konuları kod örnekleriyle gösterir. Son olarak, JavaScript ile video kontrolü yaparak oynatma/durdurma, ekran boyutunu değiştirme gibi özelliklerin nasıl eklenebileceği anlatılır.
Bu video, bir eğitmen tarafından sunulan kapsamlı bir web geliştirme eğitim içeriğidir. Eğitmen, HTML ve CSS konularını adım adım anlatmaktadır.. Video, HTML stil kullanımının temellerinden başlayarak CSS seçiciler, klas kullanımı, web geliştirme araçlarının kullanımı, arka plan ve kenarlık ayarları, kutu modeli ve sınır özellikleri gibi konuları kapsamaktadır. Eğitmen, Visual Studio Code ve Live Server eklentisini kullanarak kod örnekleri göstermekte ve pratik uygulamalar sunmaktadır.. Videoda ayrıca yorum satırı bırakma, web developer tools'un kullanımı, renk atama yöntemleri (normal renk, RGB ve hexadecimal), ColorZilla gibi araçların kullanımı ve "öğeyi incele" özelliği gibi web geliştirme sürecinde faydalı bilgiler de paylaşılmaktadır. Eğitmen, bir sonraki derste id ve class kullanımına geçileceğini belirtmektedir.
Bu video, CSS kursunun on birinci dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir.. Videoda overflow özelliğinin nasıl kullanılacağı adım adım gösterilmektedir. Eğitmen, bir div etiketi içine metin ekleyerek overflow'un hidden ve scroll değerlerini uygulamalı olarak anlatmaktadır. Ayrıca, overflow'un content kısmında ve yan menü gibi farklı tasarımlarda nasıl kullanılabileceği açıklanmaktadır. Video, yatay scrollbar'ı kaldırma ve sadece dikey scrollbar'ı aktif etme gibi ileri seviye kullanım örnekleriyle sonlanmaktadır.
HTML5'te bgcolor özniteliği yerine CSS kullanılmalıdır. Renk kodları W3Schools renk seçicisinden bulunabilir. Tüm stil bilgileri <style></style> etiketleri arasına kodlanmalıdır
HTML'de elemanlar satır içi ve blok seviyesi olarak ikiye ayrılır. Her HTML öğesi bir içerik alanına (blok) aittir. Tüm HTML öğeleri span veya div içinde olmalıdır
Bu video, bir eğitmen tarafından sunulan HTML ve CSS kullanarak web sayfası tasarımı eğitimidir. Eğitmen, Tasarım Kodlama.com sitesinden alınan bir şablonu adım adım oluşturmayı göstermektedir.. Video, üç bloklu bir web sayfasının HTML ve CSS kodlarının nasıl yazılacağını detaylı şekilde anlatmaktadır. Eğitim, sayfanın üst kısmından başlayarak menü düzenlemesi, orta kısmın dört bölüm (kapak resmi, üç kutu ve bir çizgi) oluşturulması, alt kısmın bağlantılarının eklenmesi ve Google Font kullanımı gibi konuları kapsamaktadır.. Eğitimde flexbox kullanımı, font boyutları, renk ayarları, padding, margin değerleri, boşluklar (margin, gap), altı çizili görünüm, çerçeve ekleme, resim düzenleme ve logo üzerinde ilk harfin üzerine gelme efekti gibi CSS özellikleri detaylı olarak gösterilmektedir. Ayrıca Pixum Photos sitesinden resimlerin nasıl alınacağı ve tasarımın tasarımla uyumlu hale getirilmesi için gerekli düzenlemeler de anlatılmaktadır.
Bu video, bir eğitmen tarafından sunulan web tasarım eğitimidir. Eğitmen, izleyicilere adım adım HTML ve CSS kullanarak web sayfası oluşturma sürecini göstermektedir.. Video, web sayfasının farklı bölümlerinin (navbar, "Bizi Seç" bölüm, hizmetler section, footer) oluşturulmasını kapsamaktadır. Eğitmen önce HTML etiketlerini (div, section, header, h1 vb.) kullanarak sayfanın yapısını oluşturur, ardından CSS ile bu yapıyı biçimlendirir. Hizmet kartları tasarımı, responsive tasarım için media queries kullanımı ve mobil görünüm için gerekli düzenlemeler detaylı şekilde anlatılmaktadır.. Eğitimde renk, yazı tipi, konumlandırma, padding, margin, z-indeksi gibi CSS özellikleriyle ilgili kodlar gösterilmekte ve web tasarım, yazılım geliştirme ve markalaşma gibi hizmet kartlarının oluşturulması adım adım açıklanmaktadır.