BLOGGUM

10 Kasım 2016 Perşembe

PHOTOSOP

<html>

<head><title>Grafik Ve Animasyon/8</title></head>

<font size="5" color="#6c3b5e"

face="Berlin Sans FB">

Grafik Ve Animasyon/8</font>

<br>

<img src="photosop/resim1.jpg"

width="100 px" height="100 px"

title="Pembe-Gri-Yeşil-Beyaz-Sarı-Turuncu-Siyah-Mavi-mor-Kırmızı renkler

border="5 px">

<img src="photosop/resim2.jpg"

width="100 px" height="100 px"

title="Mavi-Mor-Pembe-Yeşil-Sarı-Turuncu renkler

border="5 px">

<img src="photosop/resim3.jpg"

width="100 px" height="100 px"

title="Beyaz-Mavi renkler

border="5 px">

<br> Kodları sayfamıza yaptığımız resimleri eklememizi sağlar.(Örnek)

8 Kasım 2016 Salı

CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

{

color:#F36;

background-color:#FF0;

}

#baslik

{

color:#603;

}

.baslik

{

color:#F96;

}

</style>

</head>

<body>

<h1>Merhaba</h1>

<h1 id="baslik">Dünyalılar</h1>

<h1 class="baslik">Nasılsınız?</h1>

</body>

</html> Böylece bütün etiketleri bir arada kullanabiliyoruz.(Örnek)

CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS</title>
<style type="text/css">
#paragraf1
{
color:#0F0;
font-size:24px;
text-decoration:underline;
}
#paragraf2
{
color:#0F0;
font-size: 36px
text-decoration:underline;
}
</style>
</head>
<body>
<p id="paragraf1">CSS ÖĞRENMEYE BAŞLAYALIM!</p>
<p id="paragraf2">CSS ÖĞRENMEYE BAŞLAYALIM!</p>
<p>CSS öğrenmeyi seviyorum</p>
</body>
</html> ID seçiciler yalnız bir ögeye atanır.(Örnek)

Web Hafta8 CSS3

CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

.onemli{

color: #936;

font-weight:bold;

}

</style>

</head>

<body>

<p class="onemli">Okulumuzdan İl Birinciliği</p>

<h1 class="onemli">Okulumuzdan İl Birinciliği</h1>

</body>

</html> Örneğin seçtiğimiz isim “baslik” olsun ve tabii ki bunun bir sınıf seçicisi olduğunu belirtmek için başında nokta işareti olacak Şekilde “.baslik” yazmalıyız.(Örnek)

Web Hafta8 CSS2

CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

#paragraf1

{

color:#0F0;

font-size:24px;

text-decoration:underline;

</style>

</head>

<body>

<p id="paragraf1">CSS ÖĞRENMEYE BAŞLAYALIM!</p>

<p>CSS öğrenmeyi seviyorum</p>

</body>

</html> ID seçiciler yalnız bir ögeye atanır ve bir kez kullanılırlar.(Örnek)

Web hafta8 CSS1

CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

body

{

background-color: #0F0;

}

h1{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

font-size:36px;

font-weight:inherit;

color: #009;

}

</style>

</head>

<body>

<h1>CSS ÖĞRENMEYE BAŞLAYALIM!</h1>

<h1>css öğrenmeyi seviyorum</h1>

</body>

</html> Bu kodlarını dreamweaver CS6 da istediğimiz stili uygulamak için kullanılır.(Örnek)

4 Kasım 2016 Cuma

Web Hafta7 Frameset Rows

FRAMESET ROWS

<htm>

<head>

<title>Frameset Rows Örneği</title>

</head>

</frameset>

</html> Kodları çerçeveleri kullanmamızı sağlar.(Örnek)
frame:Çerçevelemek

BLOGGUM

10 Kasım 2016 Perşembe

Grafik Hafta8 Photosop

PHOTOSOP

8 Kasım 2016 Salı

Web Hafta8 CSS5

CSS

Web Hafta8 CSS4

CSS

Web Hafta8 CSS3

CSS

Web Hafta8 CSS2

CSS

Web hafta8 CSS1

CSS

4 Kasım 2016 Cuma

Web Hafta7 Frameset Rows

FRAMESET ROWS