Body element represents document content and has only one in conforming documents. Article element represents complete, independently distributable content. Section element represents thematic content groups with headings. Nav element contains links to other pages or within the page. Aside element represents tangential content separate from main content
Bu video, bir anlatıcı tarafından sunulan adım adım eğitim içeriğidir.. Video, ücretsiz alan adı ve hosting alma sürecini kapsamlı şekilde ele almaktadır. İlk bölümde FreeNom platformu üzerinden "uzmanım.ml" adlı bir alan adı satın alma ve Sami.com platformu üzerinden ücretsiz hosting hizmeti alma adımları gösterilmektedir. İkinci bölümde ise DNS ayarlarının test edilmesi, alan adının aktif olması için bekleme süresi ve Free Home hosting üzerinden alan adının kullanımı anlatılmaktadır. Son bölümde ise HTML kodlarıyla basit bir web sayfası oluşturma ve bu sayfayı sunucuya yükleme süreci gösterilmektedir.. Video, izleyicilerin kendi web sitelerini oluşturabilmeleri için gerekli temel bilgileri içermekte ve web sitesi sahibi olmanın temel adımlarını detaylı şekilde açıklamaktadı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, Yormane kanalından bir eğitim içeriğidir. Sunucu, internet sitelerinin tasarım temalarını nasıl öğrenebileceğimizi anlatmaktadır.. Video, farklı web sitelerinin temalarını öğrenmek için kullanılabilecek yöntemleri göstermektedir. Sunucu önce Barış Özcan'ın sitesini örnek alarak, sağ tıklayıp "kaynak kodlarını" inceleyerek tema bilgisini nasıl öğrenebileceğimizi gösterir. Ardından HTML tabanlı bir site ve Blogger tabanlı bir site üzerinden benzer yöntemleri uygular. Ayrıca, sitelerde "Ctrl+U" veya "Temiz" komutlarını kullanarak tema bilgilerini nasıl görebileceğimizi ve arama sistemlerini kullanarak tema bulma yöntemlerini de paylaşır.
HTML code can make pictures clickable with single line. Images offer larger clickable area than text. Links help direct traffic to websites effectively
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.
HTML, web dokümanlarının yapısını tanımlayan standart biçimlendirme dilidir. HTML belgeleri düğüm ağacı yapısında HTML öğeleri ve metin düğümlerinden oluşur. Etiketler (< ve >) kullanılarak yazılan öğeler içeriği tanımlar
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.
Responsive HTML templates have evolved from simple landing pages to complete websites. Templates include clean, free designs with live demos. Modern technologies like HTML, CSS, JavaScript and Bootstrap enable advanced eCommerce. Templates can be used for portfolios, blogs, events and online stores
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, Habucak tarafından sunulan bir eğitim içeriğidir. Eğitmen, EBS sisteminde şablon hazırlama ve yükleme sürecini adım adım göstermektedir.. Video, Word'de oluşturulan şablonların EBS'e nasıl aktarılacağını anlatmaktadır. Eğitmen önce Word şablonunun HTML olarak kaydedilmesi, ardından EBS portalında şablon oluşturma sürecini göstermektedir. Özellikle izin belgesi şablonu örneği üzerinden, şablonların alt birimlere nasıl uygulanacağı ve Milli Eğitim Bakanlığı'nın tüm alt birimlerinin bu şablonu görebileceği anlatılmaktadır. Video, şablon oluşturma ve uygulama sürecini görsel olarak göstererek izleyicilere pratik bilgi sunmaktadır.
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
HTML, web sayfalarının yapısını tanımlayan temel işaretleme dilidir. Tim Berners-Lee tarafından 1991'de geliştirilmiştir. Metin, resim, bağlantı ve tabloları organize etmek için kullanılır
Bu video, bir eğitmen tarafından sunulan HTML kodlama eğitim serisinin ilk bölümüdür. Eğitmen, herkese uygun düzeyde web sitesi kurma konusunu anlatmaktadır.. Videoda HTML'in temel yapısı adım adım gösterilmektedir. İlk bölümde HTML'in head ve body yapısı, Atom editörü kullanarak ilk HTML dosyası oluşturma, title etiketi kullanımı ve başlık oluşturma (h1-h6) konuları ele alınırken, ikinci bölümde paragraf etiketleri (p), satır boşlukları oluşturma yöntemleri ve br etiketi kullanımı anlatılmaktadır.. Eğitim serisinin sonunda eğitmen, kendi çapında bir Agar.io benzeri oyun içeren bir web sitesi kurmayı planladığını belirtmektedir. Video, HTML sayfasına metin yazdırma, kodların sınırları ve temel HTML etiketleri hakkında bilgiler içermektedir.
Bu video, bir eğitim içeriği olup, izleyicilere HTML ile web sayfasında ses oynatma konusunu adım adım göstermektedir.. Video, ses dosyası indirme süreciyle başlayıp, HTML klasörüne ses dosyasını yerleştirme adımlarını göstermektedir. Ardından audio etiketi kullanılarak ses oynatma, controls parametresi ile oynatıcı kontrolü, auto play, muted ve loop gibi özelliklerin nasıl kullanılacağı detaylı olarak anlatılmaktadır. Video, web sayfalarında ses oynatma işleminin basit olduğunu vurgulayarak sonlanmaktadı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 HTML kodlama dersidir. Eğitmen, izleyicilere adım adım HTML kodlamayı öğretmektedir.. Videoda Microsoft Store'dan indirilen bir uygulama kullanılarak HTML kodlaması gösterilmektedir. Eğitmen, HTML dosyasının nasıl açılacağını, temel HTML etiketlerini (body, button, paragraf) ve font rengi değiştirme gibi temel kodlama konularını anlatmaktadır. Ayrıca, kodun kaydedilmesi ve masaüstünde açılması da gösterilmektedir. Eğitmen, bu dersin ilk olduğunu belirterek, gelecek videolarda CSS, C++ ve Java gibi diğer kodlama dillerine geçileceğini söylemektedir.
Bu video, bir eğitmen tarafından sunulan HTML dersinin dördüncü bölümüdür. Eğitmen, internetten izlediği videolardan ve kitaplarından edindiği bilgileri öğrencilere aktarmaktadır.. Videoda HTML'de link ekleme konusu detaylı olarak anlatılmaktadır. Eğitmen önce temel link oluşturma yöntemini göstermekte, ardından target özelliği ile linkin yeni sekmede açılmasını, title özelliği ile link üzerine geldiğinde gösterilecek metni ve indirme linki oluşturma yöntemlerini adım adım kod örnekleriyle açıklamaktadır. Ayrıca farklı klasörlerdeki dosyaların nasıl indirileceği de gösterilmektedir.
Bu video, bir eğitim içeriği olup, izleyicilere jQuery dosyası oluşturma sürecini adım adım göstermektedir.. Video, dinamik bir web sayfası oluşturmak için gerekli olan jQuery dosyası oluşturma sürecini anlatmaktadır. İçerikte önce masaüstünde "master.js" adlı bir jQuery dosyası oluşturma, ardından bu dosyaya "document.ready()" fonksiyonu ile "Merhaba Dünya" mesajı yazdırma, jQuery kütüphanesini indirme ve son olarak bu dosyayı "index.html" sayfasına bağlama adımları gösterilmektedir. Son olarak, oluşturulan web sayfasının Google Chrome tarayıcısında çalıştırılması ve "Merhaba Dünya" mesajının pop-up olarak görüntülenmesi gösterilmektedir.
Bu video, bir eğitmen tarafından sunulan HTML belgesi yapısı hakkında kısa bir eğitim içeriğidir.. Videoda HTML belgesinin temel bölümleri anlatılmaktadır. Eğitmen, boş bir HTML belgesi açarak `<html>` etiketinin nasıl yazılacağını göstermekte ve ardından `<head>` ile `<body>` etiketlerinin işlevlerini açıklamaktadır. `<head>` etiketinin arka planda tarayıcıya bildirilmesi gereken dosyaları barındırdığı, `<body>` etiketinin ise internet tarayıcısında görünen görsel içerikleri içerdiği belirtilmektedir.