Home CSS3 / HTML5 HTML 5 ile Web Site Tasarımı Ders 4
HTML 5 ile Web Site Tasarımı Ders 4

HTML 5 ile Web Site Tasarımı Ders 4

181
23

Merhaba Arkadaşlar,  ile Web Sayfası Tasarımı dersimizin 3.sünü daha önceden izlediniz . Artık Html5 web sayfası tasarımı hakkında az çok bir şeyler öğretebildik sizlere. Şimdi 4. dersi çekmiş bulunmaktayım. İnşallah, daha iyi videolar sizleri bu konuda destekleyeceğiz. Bu videolu derslerimizi daha iyi anlayabilmeniz için sitemizde yer alan anlatan makaleleri de okumalısınız. Çünkü izleyeceğiniz videolarda html5 etiketleriyle bir web site tasarımı anlatılmaktadır,  daha önceden bu etiketlerin anlamlarını ve neden kullanıldıklarını bilmeyen arkadaşlar bu videolarda  zorlanabilir. O yüzden html5 ile web tasarımı için bu etiketlerin anlamlarını iyice öğrenin.

Neyse gelelim html5 ile web sayfa tasarımı anlatımını yaptığımız bu videoya… Bu videoda kodlarıyla divler tanımladık ve bu css kodlarıyla da anasayfa da yer alan logo ve banner işlemlerini hallettik. wrapper, header  ve clear işlevlerini anlattık. İnşallah beğenirsiniz. hakkında görüşlerinizi bu başlık altında belirtirseniz sevinirim.

Hayırlı seyirler.

Videoyu izleyemiyorsanız .com engellenmiştir.

Çözüm için DNS adreslerinizi aşağıdaki gibi değiştirin.

Tercih edilen DNS Sunucusu:  8.26.56.26

Diğer DNS Sunucusu : 8.20.247.20

AŞAĞIDAKİ LİNKLERDEN DİĞER DERSLERE ULAŞABİLİRSİNİZ

HTML5 WEB TASARIMI 1. DERS

HTML5 WEB TASARIMI 2.DERS

HTML5  WEB TASARIMI 3.DERS

HTML5  WEB TASARIMI 4.DERS

HTML5 WEB TASARIMI 5. DERS (Yeni)

HTML5 WEB TASARIMI 6. (YAKINDA)

 

(181)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(23)

  1. HTML 5 VİDEOLU DERSLERİNİN 4 CÜSÜNDEN SONRAKİLER İÇİN DE VİDEO HAZIRLARSANIZ GÜZEL OLUR S0N 2 DERSİN VİDEO ANLATIMI YOK HOCAM BEKLİYORUZ..

    1. İlker html5 dersleri farklı başlıkta ilerliyor, bu ders ise html5 ile web sayfa tasarımı anlatımıdır. İkiside ayrı konular. Birisinde html5 etiketlerini anlatıyorum, diğerinde ise web sayfa tasarımını anlatıyorum.

  2. ömer abi öncelikle verdiğiniz ufku açıcı bilgilerden dolayı çok tesekkürler . Şiirlerinizde anlamlı bunuda belirtym.
    şimdi: sorum şu ?
    site içinde aradım ama bulamadım . siteye
    anchor(çapa) ekleme işini nasıl yapabiliriz bu konuda yardımcı olurmusunuz.

  3. Normal de bir eğitim video suna 5 dakika bile tahammül edemezken.

    Ömer bey’in dersleri bana oldukça ilgi çekici geldi. Şahsi fikrim hayatım da zevk alarak izlediğim tek eğitim video su diye bilirim. Sadeleştirilmiş ve kolay anlaşıla bilen bir çalışma olmuş. Tebrikler başarılarınızın devamını dilerim 5 ders için sabırsızlanıyorum.

    iyi çalışmalar…

    1. Çok teşekkür ederim Osman Bey. Sitemizdeki anlatımlardaki hedef ,tamamen sizin yukarıda anlattığınız gibidir. Eleştirileri de değerlendirerek kendimi geliştiriyorum. Çok sağolun.

  4. hocam mesela sizin sayfanızı ziyaret ettiğimizde sekmenin başında bir yonca işareti var yeşil 4 yapraklı bizde kendi sitemize o tarz bir simge koymak istesek nasıl yapabiliriz?

    1. Burcu arkadaşım google a “favicon ico yapmak” diye yazıp. Birinci siteye tıklarsan nasıl yapıldığıyla alakalı siteyi bulabilirsin. Ordaki işlemleri takip et.Sonuca ulaşacaksın.

  5. Koray arkadaşım program internette var. Biz program paylaşımı yapmıyoruz. Bir diğeri dreamweaver cc ile de yukarıdaki bahsettiklerimiz yapılıyor. Farklı programlar değil. Tüm uygulamalarımızı o dremweaver programlarının eski ve yeni sürümleriyle çalıştırabilirsiniz.

  6. Hocam derslerinizi çok sıkı takip ediyorum.Başarılar dilerim.Ama çok kısa sürüyor.Hocam beni size yönlendirdi MAKÜ’de okuyorum.Hergün yaptıklarınızı bende yapıyorum tekarlıyorum.tek şikayetim kısa sürmesi ve merakım bunların sonunda güzel bir web sayfası yapmış olacakmıyız derslerin sonunda yani.

    1. Emrah arkadaşım her konuda video çekmeye çalıştığımız için, videolar biraz geç geliyor. Takip edersen site yaparsın tabikide.

  7. Merhabalar,
    Google da information ararken sizin sitenize rastladim. sanirim bu isi professional olarak yapan arkadaslar burada. Ben almanyada yasayan birisim, yatilimci ilarak calisiyorum. delphi ile masaüstü uygulamalar yapmaktayim. Su anda elimde bir proje var ve web teknolojisi ile calistirmam gerekiyor.
    Benim projem söyle:

    MS-SQL de kayitli bilgiler bilunmakta, bu bilgileri ekrana tablo olarak listeleyip, kullanicinin hangi satiri
    tikladiginda (hücre) yani sectiginde lokal tarafta listelemesi ve sectigi verileri silebilmesi , en son ise benim bir butona basip
    server e bir tabloya kullanicinin sectigi verileri yükleyebilmem gerekiyor.

    Visual Studio 2013 ve C# ile calistim simdiye kadar.
    Not: Tabloya dinamik olarak olusturabiliyorum. Sorunum ise hangi hücreye tiklandi ve onun degerini ekranin sag kösesinde listelemekte…
    Yardimci olabilirseniz cok sevinirim.

    Tesekkürler….

Cevaplayın ilker Yanıtı iptal et

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.