WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI"

Transkript

1 WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI CSS BACKGROUND ÖZELLİKLERİ background-color Zeminin rengini belirler. #color Renk adı. transparent Zeminin saydam olmasını sağlar. background-image Zemine resim yerleştirilmesini sağlar. url Zemine yerleştirilen resmin adresi. background-repeat Zemine yerleştirilen resmin nasıl yayılacağını belirler. repeat Resmin bütün zemine yayılmasını sağlar. repeat-x Resmin sol-üstten sağ-üste doğru yayılmasını sağlar. repeat-y Resmin sol-üstten sol-alta doğru yayılmasını sağlar. no-repeat Resmin yayılmadan orjinal boyutuyla görünmesini sağlar. background-attachment Zemindeki resmin, sayfa kaydırma çubuğuyla hareket ettirildiğindeki durumunu belirler. scroll Sayfa hareket ettirildiğinde zeminin de kaymasını sağlar. fixed Sayfa kaydırılsa da zeminin sabit kalmasını sağlar background-position Zemindeki resmin istenilen şekilde yerleştirilmesini sağlar. top Resmi yukarı yerleştirir. center Resmi ortalar. bottom Resmi aşağı yerleştirir. left Resmi sola yerleştirir. right Resmi sağa yerleştirir....px Resmin soldan istenilen ölçüde içerde olmasını sağlar.

2 BACKGROUND ÖRNEKLERİ Ör-1: Ör-2: Ör-3: {background :#F0DEE5 ;} { background-repeat : repeat;} {background :#F0DEE5 ; background-repeat : repeat-x;} Ör-4: {background :#F0DEE5 ; background-repeat : repeat-y;} Ör-5: {background :#F0DEE5 ; background-repeat : no-repeat;} {background :#F0DEE5 ; Ör-6: background-repeat : no-repeat; background-position :center;} {background :#F0DEE5 ; Ör-7: background-repeat : no-repeat; background-position :left;} {background :#F0DEE5 ; Ör-8: background-repeat : no-repeat; background-position :bottom;} {background-color :transparent ; Ör-9: background-repeat : no-repeat; background-position :center;} Ör-10: Ör-11: body{ background-attachment:fixed;} body{ background-attachment:scroll;}

3 CSS FONT ÖZELLİKLERİ Font-Family Font-Style Yazı türünü belirler.(arial, Verdana gibi.). Yazının normal veya sağa eğik olmasını sağlar. Font-Variant Yazının normal veya tümünün büyük harflerden oluşmuş olmasını sağlar. Font-Weight Font-Size Yazının kalınlık-inceliğini belirler. Yazının büyüklüğünü belirler. FONT ÖRNEKLERİ

4 CSS TEXT ÖZELLİKLERİ word-spacing Kelimeler arasında bırakılacak boşluğu boşluğu belirler. letter-spacing Harfler arasında bırakılacak boşluğu boşluğu belirler. text-decoration Kelimenin altının, üstünün vs. çizili olup olmayacağını belirler. underline Kelimenin altının (Satır altından) çizili olmasını sağlar. overline Kelimenin üstünün (Satır üstünden) çizili olmasını sağlar. line-through Kelimenin ortasından çizili olmasını sağlar. blink Kelimenin yanıp sönmesini sağlar.(netscape için) vertical-align Metnin yatay olarak nasıl hizalanacağını belirler. text-transform Kelimelerin büyük harf veya küçük harflerden oluşmasını sağlar. capitalize Kelimelerin ilk harflerinin büyük olmasını sağlar. uppercase Kelimelerin bütün harflerinin büyük olmasını sağlar. lowercase Kelimelerin bütün harflerinin küçük olmasını sağlar. none Kelimelerin orjinal metindeki gibi olmasını sağlar. text-align Metnin dikey olarak nasıl hizalanacağını belirler. left Metni sola yaslar. right Metni sağa yaslar. center Metni ortalar. justify Metni iki yana yaslar. text-indent Metnin ilk satırının soldan ne kadar içerden başlayacağını belirler. line-height Satırın yüksekliğini ayarlar.(yüksek değer verildiğinde satırlar arasındaki boşluk artar.) first-line Metnin ilk satırının biçimlendirilmesini sağlar. first-letter Metnin ilk harfinin biçimlendirilmesini sağlar

5 TEXT ÖRNEKLERİ

6 CSS LIST ÖZELLİKLERİ List-style-type disk circle square decimal lower-roman upper-roman lower-alpha upper-alpha none Liste biçiminin disk (içi dolu daire) şeklinde olmasını sağlar. Liste biçiminin çember şeklinde olmasını sağlar. Liste biçiminin kare olmasını sağlar. Liste biçiminin rakamlardan oluşmasını sağlar. Liste biçiminin i,ii,iii gibi küçük roma rakamlarından oluşmasını sağlar. Liste biçiminin I,II,II gibi büyük roma rakamlarından oluşmasını sağlar. Liste biçiminin a,b,c şeklinde küçük harf olmasını sağlar. Liste biçiminin A,B,C şeklinde büyük harf olmasını sağlar. Listenin imgesiz olmasını sağlar. list-style-position inside Outside list-style-image Listenin ikinci satırının en soldan başlamasını sağlar. Listenin ikinci satırının ilk satır ile aynı yerden başlamasını sağlar. Liste biçiminin resim olmasını sağlar.

7 CSS LİNK ÖZELLİKLERİ a Linkin, sayfa açıldığında tıklanmadan veya ümleç üzerine getirilmeden önceki durumudur. a:hover a:active a:visited Linkin imleç üzerine getirildiğindeki durumudur. Linkin tıklandığı andaki durumudur. Linkin tıklandıktan sonraki durumudur. BİÇİMLENDİRME: color background-color background-image text-decoration font-weight border display Linkin rengini belirler. Linkin zemin rengini belirler. Linkin zeminine resim ekler(bu animated-gif de olabilir.) Linkin altının,üstünün vs. çizgili olup olmayacağını belirler. Yazının kalınlık veya inceliğini belirler. Linkin etrafına kenarlık ekler. Linki içeren hücre, satır vb. istenilen alanın seçilmesini sağlar. NOT : Yukarıda kullanılabilecek birkaç parametre örnek verilmiştir.ancak "font", "text", table" vs. için kullanılabilen pek çok parametre "a" için de kullanılabilir.gerisi biraz da insanın yaratıcılığına kalıyor.

8 Ör.1: A {color:black;font-size:10pt;display : block;lineheight:16px; text-align : center;backgroundcolor:#d4aebb; border:outset 3px #DB7093;textdecoration:none;} A:HOVER {color:black;font-size:10pt;zoom : 92%;display : block; line-height:16px;text-align : center;background-color : #F0DEE5; border :inset 3px #CC3366;text-decoration:none;} Ör.2: A {text-decoration:none;border:outset 2px black;width:200px; backgroundimage:url(images/d.jpg);textalign:center;height:22;} A:HOVER {text-decoration:none;width:200px; border : inset 2px black;text-align : center; background-image : url(images/d2.jpg);} Ör.3: A{background-color : #DAA520;border:3px ridge #523208; text-decoration : none;text-align : center;font-size : x-small;fontfamily:tahoma;color:black;width:200px;lineheight:16px;} A:HOVER{background-color:#FFD700;border:3px ridge #523208;text-decoration : none;textalign:center;font-size:x-small;fontfamily:tahoma;color:black;width:200px;lineheight:16px;} Ör.5: A.css-ornek6 {textdecoration:none;border:none;width:200px;color:w hite;font-size:12px; background-image : url(images/m1.jpg);text-align:center;lineheight:24px;} A:HOVER.css-ornek6 {textdecoration:none;width:200px; border : none;textalign : center;color:#606060;font-size:12px; background-image : url(images/m2.jpg);lineheight:20px;} Ör.6: color:#1e90ff; background-color :#1E90FF; text-decoration :none;} Ör.7: background-color : #1E90FF; text-decoration :none;} Ör.8: background-color :#1E90FF; text-decoration :underline;} NOT:Alternatifleri için bkz. :Text/text-decoration Ör.9: background-color :#1E90FF; color:black; border:double black; text-decoration :none;} NOT:Kenarlık türünün alternatifleri için bkz. :Font/border-style Kenarlık kalınlığının alternatifleri için bkz. :Font/border-width Ör.10: background-color : #1E90FF; display : block; color : black; text-decoration :none;} Ör.11: background-image : url(images/a.jpg); color :#800000;} Ör.12: background-color : #DAA520; float : right;} Ör.13: background-color : #D7DFDD; text-transform : uppercase; font-weight : bold;} Ör.14: zoom:150%; font-weight : bold;} Ör.15: a.css-ornek10{ color:black; height :12px;lineheight:14px; border-bottom-style : solid; borderbottom-color : red; border-bottom-width :1px;} a:hover.css-ornek10{background-color : yellow; color:black;height : 12px;line-height:14px;textdecoration :none; border-bottom-style : solid;border-bottom-color : red; border-bottomwidth :1px;}

9 CSS KATMAN ÖZELLİKLERİ position absolute relative static top left width height overflow auto scroll visible hidden visibility visible hidden z-index Katmanın yerinin belirlenmesini sağlar. Katmanın yerinin pencere esas alınarak belirlenmesini sağlar. Katmanın yerinin bir önceki katman esas alınarak belirlenmesini sağlar. Katmanın yerinin sabit olarak (Varsayılan olan sol üst köşe) belirlenmesini sağlar. Katmanın üstten ne kadar aşağıda olması gerektiğini belirler. Katmanın soldan ne kadar içeride olması gerektiğini belirler. Katmanın genişliğinin ne kadar olacağını belirler. Katmanın yüksekliğinin ne kadar olacağını belirler. Katmanın belirtilen yükseklik ve genişliğe sığmayan kısmına ne olacağını belirler. Otomatik olarak belirlenir. Kaydırma çubuğu ekleyerek görünmesini sağlar. Katmanı belirtilen boyutların dışına taşırarak sığmayan yerlerin görünmesini sağlar. Sığmayan yerleri gizler. Katmanın görünebilirlik ayarını yapar. Katmanın görünür olmasını sağlar. Katmanı gizler. Katmanların alttan üste doğru hangi sıra ile gösterileceğini belirler.1 değeri katmanın en altta olacağını belirtir.

10 KATMAN ÖRNEKLERİ: div {position:static; top:15px; left:115px; width:178px; height:118px; background-color: #D4AEBB;} div {position:absolute; top:360px; left:115px; width:177px; height:102px; background-color: #D4AEBB;} div {position:relative; top:350px; left:106px; width:176px; height:102px; background-color: #D4AEBB;} div {position:absolute; top:798px; left:115px; width:177px; height:102px; background-color: #D4AEBB; overflow:visible;} div {position:absolute; top:922px; left:115px; width:177px;height:102px; background-color: #D4AEBB; overflow:scroll;} div {position:absolute; top:1044px; left:115px; width:177px;height:102px; background-color: #D4AEBB; overflow:hidden;}

11 CSS TABLO ÖZELLİKLERİ margin margin-top margin-right margin-bottom margin-left padding padding-top padding-right padding-bottom padding-left border border-top border-left border-bottom border-right border-width border-top-width border-right-width border-bottom-width border-left-width border-style border-top-style border-right-style border-bottom-style border-left-style border-color border-top-color border-right-color border-bottom-color border-left-color color width height Tablo ile pencerenin kenarları arasında bırakılacak boşluğu belirler. Tablo ile pencerenin üst kenarı arasında bırakılacak boşluğu belirler. Tablo ile pencerenin sağ kenarı arasında bırakılacak boşluğu belirler. Tablo ile pencerenin alt kenarı arasında bırakılacak boşluğu belirler. Tablo ile pencerenin sol kenarı arasında bırakılacak boşluğu belirler. Tablo kenarları ile tablo içeriği (Yazı vb.) arasında bırakılacak boşluğu belirler. Tablonun üst kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. Tablonun sağ kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. Tablonun alt kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. Tablonun sol kenarı ile tablo içeriği arasında bırakılacak boşluğu belirler. Tablonun kenarlarının şekillendirilmesini sağlar. Tablonun üst kenarının şekillendirilmesini sağlar. Tablonun sol kenarının şekillendirilmesini sağlar. Tablonun alt kenarının şekillendirilmesini sağlar. Tablonun sağ kenarının şekillendirilmesini sağlar. Tablonun kenarlarının kalınlığını belirler. Tablonun üst kenarının kalınlığını belirler. Tablonun sağ kenarının kalınlığını belirler. Tablonun alt kenarının kalınlığını belirler. Tablonun sol kenarının kalınlığını belirler. Tablonun kenarlık türünü belirler. Tablonun üst kenarlık türünü belirler. Tablonun sağ kenarlık türünü belirler. Tablonun alt kenarlık türünü belirler. Tablonun sol kenarlık türünü belirler. Tablonun kenarlarının rengini belirler. Tablonun üst kenarının rengini belirler. Tablonun sağ kenarının rengini belirler. Tablonun alt kenarının rengini belirler. Tablonun sol kenarının rengini belirler. Tabloda geçen metnin rengini belirler. Tablonon genişliğini belirler. Tablonun yüksekliğini belirler. NOT : Başlık "TABLO" olarak verildi Ancak bu nitelikler başta TD, TR, TH vs. olmak üzere hemen her etiket için kullanılabilir.css' yi özel kılan da zaten bu... NOT: Yukarıda görüldüğü gibi kenarlıklar istenirse tek bir paramatre ile veya daha ayrıntılı bir şekillendirme yapmak istiyorsak birden çok parametre ile şekillendirilebilir.örneğin bütün kenarlar için aynı ayarların (Renk, kalınlık, kenarlık türü) kullanılmasını istiyorsak : " border : 1px solid black " şeklinde bir defada biçimlendirme yapabiliriz. Ayrıntılı biçimlendirme içinse üst, sağ, alt ve solun renk, kalınlık ve kenarlık türü için ayrı ayrı parametreler kullanılabilir. TABLO ÖRNEKLERİ:

12

İNTERNET PROGRAMCILIĞI

İNTERNET PROGRAMCILIĞI İNTERNET PROGRAMCILIĞI Konular Vize Hazırlık 1 İnternet Programcılığı 1. TEMEL HTML ETİKETLERİ 1.1. HTML etiketi HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir.

Detaylı

ADOBE DREAMWEAVER CS5 CSS PANEL

ADOBE DREAMWEAVER CS5 CSS PANEL CSS Cascading Style Sheets ADOBE DREAMWEAVER CS5 CSS PANEL ve CSS3 ÖZELLİKLER TYPE Font-Family : Yaz lar n alaca yaz tipini belirler Font adlar al r, Tahoma, Verdana Arial gibi. font-family: Arial, Helvetica,

Detaylı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

Detaylı

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ 11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ Bu bölümü bitirdiğinizde, Sekmeli menünün nasıl yapıldığını, Dikey menünün nasıl yapıldığını, Yatay menünün nasıl yapıldığını, Dikey açılır menünün nasıl yapıldığını,

Detaylı

CSS (ST ABLON) Style ABLON ÇE TLER Yerel Stil ablonu Örnek: style Global Stil ablonu Örnek: style style style style lantılı Stil ablon

CSS (ST ABLON) Style ABLON ÇE TLER Yerel Stil ablonu Örnek: style Global Stil ablonu Örnek: style style style style lantılı Stil ablon CSS (STİL ŞABLON) CSS (Cascading Style Sheets) diğer deyimiyle Stil Şablon HTML yazım şekli olarak etiket türünde bir yazım dilidir. Sahip olduğu özelliklerin kısıtlı olması nedeniyle sayfanın dizaynında

Detaylı

T.C. CELAL BAYAR ÜNİVERSİTESİ TURGUTLU MESLEK YÜKSEKOKULU BİLGİSAYAR TEKNOLOJİSİ VE PROGRAMLAMA CSS DERS NOTU. Seval ÖZBALCI

T.C. CELAL BAYAR ÜNİVERSİTESİ TURGUTLU MESLEK YÜKSEKOKULU BİLGİSAYAR TEKNOLOJİSİ VE PROGRAMLAMA CSS DERS NOTU. Seval ÖZBALCI T.C. CELAL BAYAR ÜNİVERSİTESİ TURGUTLU MESLEK YÜKSEKOKULU BİLGİSAYAR TEKNOLOJİSİ VE PROGRAMLAMA CSS DERS NOTU Seval ÖZBALCI seval.ozbalci@bayar.edu.tr MANİSA 2003 İÇİNDEKİLER İÇİNDEKİLER... 2 CSS (STİL

Detaylı

WEB PROGRAMLAMA. DERS NOTLARI / CSS e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA

WEB PROGRAMLAMA. DERS NOTLARI / CSS e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA WEB PROGRAMLAMA DERS NOTLARI / CSS e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA CSS NEDİR? Cascading Style Sheets (CSS Geçişli (Basamaklı) Stil Sayfaları) Günümüzde web tasarım alanında birçok teknolojiden

Detaylı

http://alikoker.name.tr

http://alikoker.name.tr CSS Nedir? Css in açılımı ile söze başlayalım. Cascading Style Sheets. Biz kısaca konularımız dahilinde Stil Şablon olarak bahsedeceğiz. Gelelim Stil Şablonun varoluş amacına. Sizinde bildiğiniz üzere

Detaylı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

HTML & CSS. Öğr.Gör. M.Ersin AKAY HTML & CSS Öğr.Gör. M.Ersin AKAY Neler Öğreneceğiz? HTML işaretleme dili CSS stil şablonları HTML Hyper Text Markup Language HTML de Neler Öğreneceğiz? Html işaretleme dili temel yapısı ve kavramları Html

Detaylı

Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri

Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin özellikleri Font özellikleri Kutu modeli özellikleri Tablo özellikleri Pozisyon özellikleri Liste özellikleri Zemin Özellikleri Ögelere zemin (background) rengi vermek veya zemin resmi eklemek ile

Detaylı

CSS(CASCADING STYLE SHEETS)

CSS(CASCADING STYLE SHEETS) CSS(CASCADING STYLE SHEETS) CSS NEDİR NE İŞE YARAR? Sıralı Sitil Şablonları olarak bilinen CSS Web sayfalarının biçimsel özelliklerini düzenlediğimiz ve yönettiğimiz kodlar bütünüdür. CSS kodları ile sayfamızdaki

Detaylı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman 7. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Hazırlayan: İdris Kahraman Dreamweaver Dreamweaver en iyi web editör yazılımlarından biridir. Biz tasarım modunda çalışırken,dreamweaver

Detaylı

10. STİL ŞABLONU (CSS) ÖZELLİKLERİ

10. STİL ŞABLONU (CSS) ÖZELLİKLERİ 10. STİL ŞABLONU (CSS) ÖZELLİKLERİ Bu bölümü bitirdiğinizde, Zemin özelliklerinin ne olduğunu ve nasıl kullanıldığını, Font özelliklerinin ne olduğunu ve nasıl kullanıldığını, Metin kutusu özelliklerinin

Detaylı

GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ

GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ Hazırlayan: URL: Amaç: Ögr.Gör. Mehmet Emin ÖZCAN www.gantep.edu.tr/~ozcan/ders/internet1 MYO öğrencileri için css dökümanı Kaynaklar. GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ KASIM-2009 CSS (Cascading

Detaylı

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir.

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir. 21 Aralık 2011 / Çarşamba Önce bir site tanımlayacağız, yani önce çalışacağımız klasörü oluşturacağız. Bunun içinde, bir de resim klasörünü oluşturacağız. Görünüm : Classic Site Manage Site sitede düzenleme

Detaylı

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ MICROSOFT OFFİCE WORD PROGRAMI Ms Word bir kelime işlemci programıdır. İçinde bulunan detaylı metin biçimlendirme seçenekleri, ayrıntılı tablo, şekil ve grafik oluşturma başarıları nedeniyle, kendi türünde

Detaylı

CSS Anlatımları #1. Hazırlayan Oğuzhan CABBAROĞLU

CSS Anlatımları #1. Hazırlayan Oğuzhan CABBAROĞLU CSS Anlatımları #1 Hazırlayan Oğuzhan CABBAROĞLU Önsöz İnternetteki çeşitli kaynaklardan, birikimlerimizden bir araya getirdiğimiz CSS Anlatımları serimizin başlangıç yazısı Css e Giriş ile takipçilerimize

Detaylı

4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor

4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor 4 Ocak 2012 / Çarşamba Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor 1 O pencereye rengimizin kodunu girince ayarlar gözüküyor.örneğin

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 3 Etiketi ve Alt Etiketleri 2 Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. etiketinin aldığı özellikler: Alink: Aktif bağlantıların

Detaylı

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 6. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için kullanılır.

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

3. Metin ve Görünüm Etiketleri

3. Metin ve Görünüm Etiketleri 3. Metin ve Görünüm Etiketleri Bu bölümü bitirdiğinizde, Metin biçimlendirme etiketlerinin neler olduğunu ve nasıl kullanıldığını, Yatay çizginin nasıl çizildiğini ve özelliklerinin neler olduğunu, Satır

Detaylı

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com HTML-2 Tablolar Tablolar sayfaları satırlara ve sütunlara bölmek yada metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak için kullanabileceğimiz en önemli elemanlardır. Tablolar satır

Detaylı

Metin Tabanlı İçerik Oluşturma Araçları

Metin Tabanlı İçerik Oluşturma Araçları Metin Tabanlı İçerik Oluşturma Araçları Microsoft Office Word Kelime işlemci, görsel nesnelerin veya çizimlerin resim ya da arka plan olarak kullanıldığı metinler oluşturabilen, harita ve tablo gibi şekiller

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 10 10- TABLOLAR(TABLE) Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir

Detaylı

HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228

HTML 6. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228 HTML 6. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 19.04.2015) Dersin Course Page: www.ismailkaras.com/228 Yığılmalı Stil Kağıtları / CSS-Cascading Style Sheets

Detaylı

Ekran 1 : Font Komutları Dosyası ekranı

Ekran 1 : Font Komutları Dosyası ekranı 27 Ekim 2010 Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL Đlgili Modül/ler : ETASQLFORM DĐZAYNLARDA FARKLI FONT LU YAZI TĐPĐ KULLANIMI ETASQL Doküman Düzenleyicisi olan ETASQLFORM.EXE ile Fatura, Sipariş,

Detaylı

CSS ile Web Sayfası Oluşturma

CSS ile Web Sayfası Oluşturma CSS in en büyük avantajlarından biri ve en önemlisi başka bir koda(xhtml hariç) ihtiyaç duymaksızın sayfa iskeleti ve stilini oluştumamıza olanak sağlamasıdır.css 1996 dan beri kullanıla gelen bir standart

Detaylı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

7. Çerçeveler. Bu bölümü bitirdiğinizde, 7. Çerçeveler Bu bölümü bitirdiğinizde, Çerçevelerden oluşan bir WEB sayfası tasarlamayı, İç içe çerçeveler oluşturmayı ve Çerçeveleri isimlendirmeyi, Bağ kurulan dosyaları belirtilen çerçeve içerisinde

Detaylı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 4 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.

Detaylı

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde,

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde, 5. Tablo İşlemleri Bu bölümü bitirdiğinizde, Tablonun nasıl oluşturulduğunu, Satır ve hücrelerin ne olduğunu ve nasıl oluşturulduğunu, Tablonun ve hücrelerin nasıl hizalandığını, Satır veya sütunların

Detaylı

CSS ile Sayfa Yerleşim Düzeni

CSS ile Sayfa Yerleşim Düzeni CSS ile Sayfa Yerleşim Düzeni Katmanlar (Layers) Katmanların HTML kod karşılığı Div etiketidir.. ... Katmanların genel özelliklerini şöyle sıralayabiliriz: Katmanlara genişlik ve yükseklik

Detaylı

12. Tanımlama Listeleri
,
,

12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd> 12. Tanımlama Listeleri , , Terimler ve açıklamalarını içeren listeler oluşturmakta kullanılırlar. Bir uygulamanın komut satırı seçeneklerini listelemek ve altlarında açıklamalarını

Detaylı

Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri

Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Hesap Tabloları(Excel 2007) HAFTA 1 1. Hesap Tablolarına Giriş 1.1. Hesap tablosu tanımı, kullanım amacı ve yerleri 1.2. MS Excel Uygulamasına giriş

Detaylı

Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz

Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz 16 Mart 2012 / Cuma Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz Gridview içerisindeki verileri Excel dosyasına dönüştürmek

Detaylı

MS WORD 5. BÖLÜM. Şekil 3. 100. Sayfa Düzeni Sekmesi. Şekil 3. 101. Temalar Grubu

MS WORD 5. BÖLÜM. Şekil 3. 100. Sayfa Düzeni Sekmesi. Şekil 3. 101. Temalar Grubu MS WORD 5. BÖLÜM Bölüm Adı: SAYFA DÜZENİ Bölümün Amacı: Sayfa yapısı ve düzenini değiştirmek. Neler Öğreneceksiniz? Bu bölümü bitiren kişi: 1. Ofis temalarını bilir. 2. Kenar boşluklarını, sayfa yönlendirmesini,

Detaylı

STİL ŞABLONLARI / C S S. Web Tasarımı ve Programlama

STİL ŞABLONLARI / C S S. Web Tasarımı ve Programlama STİL ŞABLONLARI / C S S Web Tasarımı ve Programlama STİL ŞABLONLARI / CSS Tanım ve Genel Bilgi CSS (Cascading Style Sheets), web dokümanlarına stil eklemek için kullanılan basit ve güçlü bir dildir. Web

Detaylı

Bu gün dersimizde değişik web kontrollerinin kullanımını gösteren birkaç web sitesi hazırlayacağız. Önce Visual Studio 2005 i açalım.

Bu gün dersimizde değişik web kontrollerinin kullanımını gösteren birkaç web sitesi hazırlayacağız. Önce Visual Studio 2005 i açalım. Bu gün dersimizde değişik web kontrollerinin kullanımını gösteren birkaç web sitesi hazırlayacağız. Önce Visual Studio 2005 i açalım. VS2005 den yeni bir web sitesi oluşturmasını isteyelim. Yeni bir ASP.NET

Detaylı

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL WEB TASARIM CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL İçindekiler Konular Sayfa Slice 2 Iframe 12 CSS 16 Include (php komutu) 20 1 Slice Fireworks te yapacağımız sitenin boyutuna göre

Detaylı

2. HTML Temel Etiketleri

2. HTML Temel Etiketleri 2. HTML Temel Etiketleri Bu bölümü bitirdiğinizde, HTML ve etiket kavramlarının ne olduğunu, HTML komut yapısını, Örnek bir HTML dosyasının nasıl oluşturulduğunu, Temel HTML etiketlerinin neler olduğunu,

Detaylı

BİLGİSAYAR UYGULAMALARI BÖLÜM 2

BİLGİSAYAR UYGULAMALARI BÖLÜM 2 BİLGİSAYAR UYGULAMALARI BÖLÜM 2 Microsoft Word, bir kelime işlem programı olup, gelişmiş bir Windows altı programdır. Word programı kullanılarak; mektup, rapor, kitap gibi belgeler hazırlanabilir. Bu belgelere

Detaylı

CSS. Cascading Style Sheets. ADOBE DREAMWEAVER CS5 CSS PANEL ve CSS3 YEN ÖZELL KLER

CSS. Cascading Style Sheets. ADOBE DREAMWEAVER CS5 CSS PANEL ve CSS3 YEN ÖZELL KLER Metin Y lmaz Design 2011 Tüm Haklar Sakl r. CSS Cascading Style Sheets ADOBE DREAMWEAVER CS5 CSS PANEL ve CSS3 YEN ÖZELL KLER Herkese merhaba, Metin Y lmaz Blog sayfamdan ba lad m CSS derslerine bu döküman

Detaylı

T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı. Evrak Logo Ekleme Kılavuzu. Kasım 2012

T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı. Evrak Logo Ekleme Kılavuzu. Kasım 2012 T.C. İçişleri Bakanlığı Bilgi İşlem Dairesi Başkanlığı Evrak Logo Ekleme Kılavuzu Kasım 2012 İçerik 1 Birim Logosu Kayıt İşlemleri... 3 1.1 Tek Logo Ekleme İşlemleri... 4 1.1.1 Logo Pozisyonu :... 5 1.1.2

Detaylı

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama HTML Web Tasarımı ve Programlama İ Ç E R İ K // HTML Internet Ortamı ve Web Tasarımı Temel HTML Etiketleri Listeleme Etiketleri Metin Düzenleme Etiketleri Bağlantı (Köprü) Oluşturma Tablolarla Çalışma

Detaylı

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci 1 2 HTML, Hyper Text Markup Language kelimelerinin kısaltılmışıdır. HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir. HTML

Detaylı

Arayüz Geliştirme Dokümantasyonu

Arayüz Geliştirme Dokümantasyonu Arayüz Geliştirme Dokümantasyonu Proje: İş: Müşteri: Nosab Web Sitesi Arayüz Geliştirme Aeronorm Index 1. Sayfalar 2. Renk Paleti 3. Tipografi 4. Kutu Modeli 5. Bileşenler 6. Kod ve Sayfa Yapısı 7. Responsive

Detaylı

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI Kelime İşlemci Nedir? Bilgisayarda yazıların(metinlerin) yazılmasını ve düzenlenebildiği, resimlerin ve tabloların eklenebildiği yazılımların(programların) genel adıdır.

Detaylı

Web Tasarımının Bugünü ve Geleceği

Web Tasarımının Bugünü ve Geleceği Efe ÇİFTCİ Çankaya Üniversitesi Bilgisayar Mühendisliği Bölümü Ocak 2011 www.efeciftci.com Dünya tarihinde yayınlanan ilk web sayfaları, olabildiğince basit tasarımlara sahipti ve ağırlıklı olarak metin

Detaylı

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz.

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Mahmut BORA KARAKUŞ İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Peki internet nasıl çalışıyor ve internet

Detaylı

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI :

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI : MICROSOFT WORD 2002 TAB AYARLARI : Yazımı belli bir sütundan başlatmak için kullanılır. Tab (durak) ayarı yapıldıktan sonra her Tab tuşuna basıldığında eklenti noktası yerleştirilen tab ayarlarına gelir.

Detaylı

Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir.

Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Sayfa numarası ekleme: Ekle menüsünden sayfa numaraları seçeneğine tıklandığında Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Tarih ve saat ekleme: Ekle menüsünden Tarih

Detaylı

Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir.

Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir. 3. GİRİŞ SEKMESİ Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir. 3.1. Excel 2010 da Kesme, Kopyalama, Yapıştırma ve Biçim Boyacısı Giriş sekmesinin ilk grubu olan Pano

Detaylı

İleri Web Tasarım Teknikleri. Öğr. Gör. Gökhan TURAN www.gokhanturan.com.tr Mehmet Akif Ersoy Üniversitesi Gölhisar Meslek Yüksekokulu

İleri Web Tasarım Teknikleri. Öğr. Gör. Gökhan TURAN www.gokhanturan.com.tr Mehmet Akif Ersoy Üniversitesi Gölhisar Meslek Yüksekokulu İleri Web Tasarım Teknikleri Öğr. Gör. Gökhan TURAN www.gokhanturan.com.tr Mehmet Akif Ersoy Üniversitesi Gölhisar Meslek Yüksekokulu İçerik JavaScript Cascading Style Sheets (CSS) HTML CSS3 İle Gelen

Detaylı

Ford Mustang 4.6 V8 V8 GT

Ford Mustang 4.6 V8 V8 GT Ford Mustang 4.6 V8 V8 GT İlan no: 250093 İlan detayları Galeriden 350.000 TL 04 Ara 2015 350.000 TL 27 Kas 2015 351.000 TL 10 Kas 2015 358.000 TL 10 Kas 2015 258.000 TL AR OTO STÜDYO'dan FORD MUSTANG

Detaylı

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği

ÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği ÖNDER BİLGİSAYAR KURSU Microsoft Office Kursu Eğitim İçeriği Microsoft WORD 1. PENCERE ELEMANLARI VE GÖRÜNTÜLEME BİÇİMLERİ 1.1. Genel Bilgiler 1.2. Ekran Görünümleri 1.3. Metin Sınırları ve Basımda Çıkmayan

Detaylı

08.11.2015 WORD KULLANIMI

08.11.2015 WORD KULLANIMI KELİME İŞLEMCİ-MİCROSOFT OFFİCE OFFICE DÜĞMESİ HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER ŞEKİL, RESİM EKLEME TABLO EKLEME ETKİNLİKLER 1 OFFICE DÜĞMESİ: Çalışmamız ile ilgili dosya işlemleri yapmamızı sağlar. Yeni

Detaylı

sayfa Başlığı Bu benim ilk sayfam bu metin koyu

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html> HTML'e Giriş 1. HTML dosyası nedir? HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir. Bir HTML dosyası bir text dosyası olmakla beraber

Detaylı

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır.

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır. WEB TASARIMI 1) HTML (Hyper Text Markup Language-Hiper Metin işaretleme Dili): HTML bitr metin işaretleme dilidir. HTML kodları < ve > işaretleri arasına yazılır. Ör: : Açılış belirteci :

Detaylı

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır.

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. HTML Ders 5 HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. Kullanıcı ilgili resim veya yazı üzerine

Detaylı

Volkswagen LT 32 SDI

Volkswagen LT 32 SDI Volkswagen LT 32 SDI Sahibinden Sahibinden Orjinal Fabrika Çıkışlı Emsalsiz LT 28 İlan no: 230462 29.000 TL İlan tarihi: 5 Nisan 2015 İlan detayları İlan detayları İl Giresun, Görele, Görele Model yılı

Detaylı

BİLİŞİM TEKNOLOJİLERİ

BİLİŞİM TEKNOLOJİLERİ T.C. MİLLÎ EĞİTİM BAKANLIĞI BİLİŞİM TEKNOLOJİLERİ STİL ŞABLONU (CSS) 482BK0170 Ankara, 2012 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer alan yeterlikleri

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVER DA TABLOLAR KULLANARAK İNDEX SAYFASI HAZIRLAMAK Günümüzde web siteleri Frameset yapısı ve Tablo yapısı kullanarak yapılmaktadır. Frameset (Çerçeve) yapılı web sitelerinde index sayfaları oluşturulduğunda

Detaylı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,

Detaylı

2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI

2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI 2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI İşletim Sisteminde Yapılan Uygulamalar Bir Bilgisayarda Hangi İşletim Sistemi Yüklü Olduğunu

Detaylı

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME Büro Yönetimi Öğretmeni Fatma GEZ BİÇİMLENDİRME Yazmış olduğumuz metinleri farklı boyut, renk, yazı tipi vb. özelliklerde yazabilmek için biçimlendirme işlemi

Detaylı

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Son Teslim Tarihi: 5 Mayıs 2014-09:00 (ÖRGÜN) - 19:00 (İKİNCİ) Ödevi Teslim Alacak Olan Asistan:

Detaylı

CSS (Cascading Style Sheets)

CSS (Cascading Style Sheets) CSS (Cascading Style Sheets) 30 Ocak 2002 2 Giriş CSS Nedir? Sanaldoku programlamada önemli bir yere sahip CSS kavramı, 1995 yılında W3C (World Wide Web Consortium) tarfından geliştirilmiştir. O yıllarda

Detaylı

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 HTML ( Hyper Text Markup Language ) Html Nedir - Nasıl Hazırlanır? Html (Hypertext Markup Language) web sayfalarının yapımında kullanılan bir dildir. Diğer

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 5 Stil Oluşturmak/CSS 2 CSS, Cascading Style Sheets = Katmanlı Biçim Sayfaları HTML nesnelerini biçimlendirmek için kullanılır. CSS Bileşenleri CSS yapısı 3 ana bileşenden

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 11 11- ÇERÇEVELER (FRAME) Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir. Bu tekniğin en çok kullanılan varyasyonu,

Detaylı

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Word Dokümanı - Yapılandırma Web Sayfası - Yapılandırma What You See Is What You Get (WYSIWYG) Zengin Metin İşaretleme Dili (HTML) HTML: Web sayfalarının

Detaylı

Dreamweaver, web sitesi ve sayfalarını oluşturmayı ve yönetmeyi sağlayan bir programdır.

Dreamweaver, web sitesi ve sayfalarını oluşturmayı ve yönetmeyi sağlayan bir programdır. Dreamweaver nedir? Ne işe yarar? Dreamweaver, web sitesi ve sayfalarını oluşturmayı ve yönetmeyi sağlayan bir programdır. Dreamweaver da yapmış olduğumuz işlemler HTML kodları ile kodlanır. Photoshop,

Detaylı

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 Web Tabanlı Teknolojiler ve Uygulamaları (3,0) 3 Temel kavramlar. İnternet. İstemci/sunucu teknolojisi. Internet içerik sunucuları. HTML, Perl, CGI, JavaScript,

Detaylı

MİCROSOFT OFFİCE EXCEL SORULARI

MİCROSOFT OFFİCE EXCEL SORULARI MİCROSOFT OFFİCE EXCEL SORULARI 1. Aşağıdakilerden hangisi hücrenin içini desen ile doldurur? a-) Biçim - Hücreler -Yazı Tipi b-) Biçim - Hücreler - Desen c-) Biçim - Hücreler Kenarlık d-) Biçim - Hücreler

Detaylı

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız. 1.1 Web Kavramlar 117 Anahtar 7erim/er 1.1.1.1 Web ve Internet terimlerini tanımlayınız. Her birinin anahtar özelliklerini tanımlayınız. Web bir Internet hizmetidir. Web Internet üzerinde bağlantılı html

Detaylı

DİŞLİ ÇARK ÇİZİMİ: 1. Adım Uzunlukları diş üstü dairesi çapından biraz büyük olacak şekilde bir yatay ve bir düşey çizgi çizilir.

DİŞLİ ÇARK ÇİZİMİ: 1. Adım Uzunlukları diş üstü dairesi çapından biraz büyük olacak şekilde bir yatay ve bir düşey çizgi çizilir. DİŞLİ ÇARK ÇİZİMİ: Bir dişli çarkın çizilebilmesi için gerekli boyutların tanımlaması gerekir. Yandaki şekilde gösterilen boyutların hesaplanması için gerekli formüller aşağıda belirtilmiştir. Do= Bölüm

Detaylı

HTML5, CSS3 ve JavaScrıpt

HTML5, CSS3 ve JavaScrıpt HTML5, CSS3 ve JavaScrıpt ile Web Tasarımı Burak Tokak İçindekiler Bölüm 1: Web Geliştiriciliğine Giriş 1 Kavramlar 2 Web Teknolojileri 2 Client-Side Web Teknolojileri 2 Server-Side Web Teknolojileri 4

Detaylı

EXCEL 2007 ELEKTRONİK ÇİZELGE

EXCEL 2007 ELEKTRONİK ÇİZELGE EXCEL 2007 ELEKTRONİK ÇİZELGE Excel, Microsoft Office paketinde yer alan ve iş hayatında en sık kullanılan programlardandır. Bir hesap tablosu programıdır. Excel, her türlü veriyi (özellikle sayısal verileri)

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 2 HTML 2 Hyper Text Markup Language = Yüksek/İleri Metin İşaretleme Dili Web sayfaları oluşturmak için kullanılan içerik biçimlendirme dilidir. Yüksek/ileri metin

Detaylı

MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS. Web İçerik Sistemi. Bilgi İşlem Daire Başkanlığı-WEB GRUBU

MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS. Web İçerik Sistemi. Bilgi İşlem Daire Başkanlığı-WEB GRUBU MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS Web İçerik Sistemi -WEB GRUBU 2013 B i l g i İ ş l e m D a i r e B a ş k a n l ı ğ ı MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI BİRİM BÖLÜM DAİRE

Detaylı

AUTO CAD 2007 ÖLÇÜLENDĐRMESĐ

AUTO CAD 2007 ÖLÇÜLENDĐRMESĐ AUTO CAD 2007 ÖLÇÜLENDĐRMESĐ LINES BÖLÜMÜ AYARLARI Dimension lines : Ölçü çizgisi ile ilgili ayarların yapıldığı bölümdür. Color Linetype Lineweight : Ölçü çizgisinin renginin ayarlandığı bölümdür. : Ölçü

Detaylı

MİCROSOFT POWER POINT 2007 DERS NOTLARI GİRİŞ SEKMESİ

MİCROSOFT POWER POINT 2007 DERS NOTLARI GİRİŞ SEKMESİ MİCROSOFT POWER POINT 2007 DERS NOTLARI GİRİŞ SEKMESİ Seçili metni yada şekli keser (CTRL+X) Seçili metni yada şekli kopyalar (CTRL+C) Kopyalanmış bilgilerin yapıştırılmasını Özel yapıştır komutu kullanılırsa

Detaylı

Mercedes Vito 115 CDI Panelvan Uzun

Mercedes Vito 115 CDI Panelvan Uzun İlan no: 289111 Mercedes Vito 115 CDI Panelvan Uzun Sahibinden Günlük : 400 TL Haftalık : 285 TL Aylık : 170 TL kiralık mercedes vito vip İlan tarihi: 14 Mayıs 2016 İlan detayları İlan detayları İl İstanbul,

Detaylı

Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html

Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html HTML Ders 7 Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html örnek17.html htm1.html htm1.html ... Çerçeve oluşturmada

Detaylı

HTML (Hyper Text Markum Language)

HTML (Hyper Text Markum Language) HTML (Hyper Text Markum Language) HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin

Detaylı

KELİME İŞLEMCİ MİCROSOFT OFFİCE WORD KULLANIMI

KELİME İŞLEMCİ MİCROSOFT OFFİCE WORD KULLANIMI KELİME İŞLEMCİ MİCROSOFT OFFİCE ŞEKİL EKLEMEK Sayfaya menüdeki şekilleri ekleyebiliriz. 1 ŞEKİL EKLEME UYGULAMASI Sayfaya yukarıdaki şekilleri ekleyin. WORDART EKLEMEK Sayfaya 3 boyutlu yazı ekleyebiliriz.

Detaylı

Microsoft Office paketlerinin son sürümü olan Office 2010 sürümü ile;

Microsoft Office paketlerinin son sürümü olan Office 2010 sürümü ile; Microsoft Office Word 2010 Microsoft Office paketlerinin son sürümü olan Office 2010 sürümü ile; Her türlü rapor, dilekçe gibi işleminizi rahatça yapabilirsiniz. Fiyat ve ürün tabloları oluşturabilirsiniz.

Detaylı

Dreamweaver 8. Çalışma alanı yerleşimi. Doküman Penceresi (Document window)

Dreamweaver 8. Çalışma alanı yerleşimi. Doküman Penceresi (Document window) Çalışma alanı yerleşimi Dreamweaver 8 Windows ta, bütün işlemlerin tek pencereden yapıldığı bir entegre yerleşim sunmaktadır. Bu entegre çalışma alanında, bütün pencereler ve paneller tek bir büyük uygulama

Detaylı

MİCROSOFT WORD PROGRAMI ÇALIŞMA KAĞIDI

MİCROSOFT WORD PROGRAMI ÇALIŞMA KAĞIDI ARAYÜZ MİCROSOFT WORD PROGRAMI ÇALIŞMA KAĞIDI Baskı Önizleme Microsoft Word 2007 Hızlı Yeni Geri Al Yinele Yazdır Aç Kaydet (İleri Al) Hızlı Erişim Çubuğu Ofis Düğmesi Word programdaki tüm komutları hızlı

Detaylı

HTML. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228. 2. Bölüm

HTML. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228. 2. Bölüm HTML 2. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 18.02.2015) Dersin Course Page: www.ismailkaras.com/228 HTML ile Metin Biçimlendirme / Styles - Formatting

Detaylı

5.1. Temalar, Kenar Boşlukları, Yönlendirme, Boyutlar, Yazdırma Alanı, Arka Plan

5.1. Temalar, Kenar Boşlukları, Yönlendirme, Boyutlar, Yazdırma Alanı, Arka Plan 5. SAYFA DÜZENİ 5.1. Temalar, Kenar Boşlukları, Yönlendirme, Boyutlar, Yazdırma Alanı, Arka Plan Excel de Temalar, Renkler, Yazı Tipi ve Efektler Sayfa Düzeni sekmesinin ilk grubu olan Temalar grubunun

Detaylı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

Konu 06: Filtreler ve Yazı

Konu 06: Filtreler ve Yazı Konu 06: Filtreler ve Yazı Filtrelerle çalışmak Filtreler resimlerimize bir takım görsel etkiler eklemek için kullanmış olduğumuz araçlardır. Resmimize bir filtre uygulanması için Filter menüsünden istenilen

Detaylı

BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI

BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI 1-) Word nedir? Hesap Programıdır Tablo - Grafik Programıdır Kelime İşlem Programıdır İşletim Sistemidir BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI 9-) Yandaki butonun görevi nedir? Kes Kopyala Yapıştır

Detaylı

Teknik Doküman. Autodesk Revit Building te yeni ölçü tipleri yaratmak

Teknik Doküman. Autodesk Revit Building te yeni ölçü tipleri yaratmak Teknik Doküman Teknik Doküman Numarası: 10771 Yayım Tarihi: 24.03.2006 Ürün: Autodesk Revit 6-9 Konu: Revit te yeni ölçülendirme tipleri yaratmak Tür: Öğretici Revizyon No: 0 Revizyon Tarihi: Autodesk

Detaylı

TMMOB Şehir Plancıları Odası Logo Kullanım Kılavuzu

TMMOB Şehir Plancıları Odası Logo Kullanım Kılavuzu TMMOB Şehir Plancıları Odası Logo Kullanım Kılavuzu Ocak 2015 TMMOB Şehir Plancıları Odası logo kullanım kılavuzu, odamız kurumsal kimliği kapsamında, tüm görsel malzemelerde, logonun kullanım düzeni ve

Detaylı

MODÜL 3 HTML İLE STİL ŞABLONLARI

MODÜL 3 HTML İLE STİL ŞABLONLARI MODÜL 3 HTML İLE STİL ŞABLONLARI Bu modülü bitirdiğinizde; CSS kodlama standartlarına uyarak işlevselliği ve verimliliği artırmak için HTML kodları ile Stil şablonu (CSS) yapılandırmasını gerçekleştireceksiniz.

Detaylı