Sitemizde 29 Kategoriye 2385 Eğitim Eklenmiştir, 4172 adet yorum bulunmaktadır.

Tag Archives: Div

CSS ve DIV Kullanarak Web Sayfası Örneği -4- – Web Tasarım & Programlama

Web sayfası örnek tasarım css ve html-1

CSS ve DIV Kullanarak Web Sayfası Örneği -4- – Web Tasarım & Programlama Bu videoda HTML5 etiketleri( header, article, main vb.) kullanarak basit bir sayfa tasarımı yapılmıştır. Tasarımın CSS kodlamasında menü yapımında 2008 yılından beri CSS standardı içinde bulunan flex özelliğinin bir kısmı kullanılmıştır. Ayrıca tasarımdaki menü açılır menü olarak …

Devamı

CSS – DIV Kullanımı Örnekleri -7 –

CSS – DIV Kullanımı Örnekleri -7 –

CSS – DIV Kullanımı Örnekleri -7 – Bu web tasarım dersi örneğimizde html ve css yapısını kullanarak web sayfası oluşturacağız. Örnek üzerinde position:fixed ve position:sticky kullanımlarını inceleyebilirsiniz. Örnek tasarımda menü için position özelliği sticky olarak ayarlanarak menünün üstte sabit olarak kalması sağlanmıştır. Örneğe ait Html ve CSS kodları aşağıdadır. <!DOCTYPE …

Devamı

CSS – DIV Kullanımı Örnekleri – 6 –

CSS – DIV Kullanımı Örnekleri – 6 –

CSS – DIV Kullanımı Örnekleri – 6 – CSS ve div yapısı kullanılarak hazırlanmış örnek web sayfası tasarım. CSS başlangıç seviyesi site tasarım örnekleri. Html+CSS Tasarım Örneği. index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS Div Örnekleri</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div class="sayfa"> <div id="ust"> <h1 id="logo">Web Tasarım</h1> …

Devamı

CSS – DIV Kullanımı Örnekleri – 5

CSS – DIV Kullanımı Örnekleri – 5

CSS – DIV Kullanımı Örnekleri – 5 CSS ve DIV kullanarak web sayfası şablonu hazırlama örnekleri. Html + CSS Kodları: <!doctype html> <html lang="tr"> <head> <meta charset=utf-8> <style> #ust h1{ margin: 0px; color: black; padding: 20px 50px; font-family: fantasy; font-size: 60px; text-shadow: 0px 0px 15px white; } #ust h2{ margin: …

Devamı

CSS ve DIV Kullanarak Web Sayfası Oluşturma Örneği -2-

PHP string Fonksiyonlar – Web Tasarım & Programlama

CSS ve DIV Kullanarak Web Sayfası Oluşturma Örneği -2-   <!doctype html> <html> <head> <meta charset=“utf-8”> <title>www.phpsitesi.com</title> <link href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/style.css” rel=“stylesheet”> </head>   <body> <div class=“menu-ust”> <div id=“logo”> <h1>phpsitesi.com</h1> </div> <div class=“menu”> <ul> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>Anasayfa</a></li> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>Ürünler</a></li> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>Hakkımızda</a></li> <li><a href=“https://www.phpsitesi.com/css/css-ve-div-kullanarak-web-sayfasi-olusturma-ornegi-2/#”>İletişim</a></li> </ul> </div> <div class=“temizle”></div> </div> <div class=“sayfa”> <div class=“ust”> <img …

Devamı

JavaScript Button ile Div İçine Yazı Yazdırma

JavaScript Button ile Div İçine Yazı Yazdırma

JavaScript Button ile Div İçine Yazı Yazdırma Bu örnekte JavaScript ile HTML elemanlarına nasıl erişilebileceğinizi basit bir örnekler göstereceğim. Örnekte html sayfasında bir button ve bir div elemanımız bulunmakta. Button’ a basıldığında div öğesinin içeriğine bir metin ekleyeceğiz. Bu örnekte div yerine başlık h1, h2, h3 ya da bir paragrafta …

Devamı

Web Tasarımı Dersleri : HTML – Ders 5: div ve span etiketleri

Web Tasarımı Dersleri : HTML – Ders 5: div ve span etiketleri Web Tasarım Nedir? Web tasarımı, web sitesinin arama motorlarında erişilebilirliğini sağlayan, ana hatları ile kişi ve kurumları, ürün ve hizmetleri tanıtan grafik ve metinlerin bir araya geldiği kaliteli bir çalışmadır. Web tasarım nedir? denildiğinde kısaca kişi ve kurumların …

Devamı