CSS-HTML Web Tasarım Dersleri (1)

Arkadaşlarınla Paylaş:

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"/>


Arkadaşlarınla Paylaş:

Canberk BEREN Yazar

Pamukkale Üniversitesi Makine Mühendisliği öğrencisi. Uzun bir süre Web Tasarım, SEO Danışmanlığı ve FreeLancer Developer olarak hizmet verdikten sonra rotamı blog yazarlığı üzerine çevirdim. Neticede tecrübelerimi kendim adına kullanma vaktim geldiğini düşünüyorum :) Kişisel sitemde teknolojiden gündem haberlerine kadar birçok içeriğe ulaşabilirsiniz. Keyifli ve kaliteli vakit geçirmeniz dileğiyle.

Yorumlar

    Muratcan

    (21 Eylül 2015 - 04:10)

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

    webmaster

    (19 Kasım 2015 - 07:10)

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

    seo hizmetleri

    (19 Kasım 2015 - 07:11)

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

    Metehan

    (4 Aralık 2015 - 07:25)

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

    Safak

    (4 Aralık 2015 - 07:25)

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

    Velik

    (4 Aralık 2015 - 11:14)

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

    Melindaclowl

    (19 Aralık 2016 - 17:06)

    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