CSS-HTML Web Tasarım Dersleri (1)

web tasarım dersleri

web tasarım dersleri

CSS, HTML Web Tasarım Dersleri (Ders: 1)

Merhaba,

PHP dersleri, C++ dersleri ve Catia dersleri ağırlıklı bloğumda konu paylaşımına devam ediyorum. Bu konumda ise sizler ile css html web tasarım derslerimin ilk bölümüne giriş yapacağım. Konuyu anlatırken temel HTML seviyesine sahip olduğunuzu varsayıyorum. CSS bilginiz yoksa veya az ise video sayesinde geliştirebilmeniz mümkündür. Web tasarım dersleri konulu bu videomda bir yerden sonra bilgisayarımın şarj aleti sorun çıkardı. Bunun için hepinizden özür dilerim. 15 dakika uzunlukta olan bu dersimi HD olarak izleyebilirsiniz. Anlamadığınız kısımlara sadece bu konunun altında bulunan yorum kısmındakilere cevap veriyorum.

Reset.Css nedir?

Reset.Css dosyası tasarımımızda oluşabilecek kayma-taşma gibi sorunların çözümü için gereken bir dosyadır. Style.css eklemek gibi özel olarak HTML ile eklemenize gerek yoktur. Sadece dosyayı tasarım klasörünüzün ana dizinine atmanız yeterlidir.

Reset.CSS Kodları

Reset.CSS kodları için aşağıdaki kodları kopyalabilirsiniz veya aşğıdaki linke tıklayarak indirebilirsiniz.

( Reset.css indir )

(Rar Şifresi: canberkberen.com.tr)

Dosyanın virüssüz olduğuna dair Virustotal sonuçları

 

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ”;
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

HTML Türkçe Karakter

HTML Türkçe karakter sorunu için aşağıdaki kodu kullanabilirsiniz.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>


About Canberk BEREN

97 doğumlu SEO ve web tasarım uzmanı. Ek olarak ileri seviyede C++ ve Catia ile uğraşıyor. Pamukkale Üniversitesi Makine Mühendisliği bölümünde okuyor.


   7 Comments


  1. Muratcan
      21 Eylül 2015

    Çok saolun gayet başarılı bir anlatım olmuş devamını bekliyorum

  2. webmaster
      19 Kasım 2015

    Çok iyi içerik olmuş teşekkür ederim

  3. seo hizmetleri
      19 Kasım 2015

    Beğendiğim paylaşımlardan teşekkür ederim

  4. Metehan
      4 Aralık 2015

    Uzun süredir aradığım konuydu. Teşekkürler.

  5. Safak
      4 Aralık 2015

    Birkaç site araştırdıktan sonra bu konuyu buldum çok teşekkür ederim

  6. Velik
      4 Aralık 2015

    Biraz site araştırdıktan sonra bu konuyu buldum çok teşekkürler

  7. Melindaclowl
      19 Aralık 2016

    Hello)
    XRumer16.0 is coming soon
    Good luck!

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir