WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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ı

İ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ı

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek STİLLER CSS NEDİR? CSS (Cascading Style Sheet) Stiller, HTML elemanlarının nasıl gösterileceğini tanımlar. Stiller HTML de karşılaşılan bazı problemleri çözmek için HTML 4.0 a eklenmiştir. HTML, web

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ı

HTML Bloklar. CSS Display özelliği

HTML Bloklar. CSS Display özelliği HTML Bloklar Tüm HTML etiketleri için varsayılan bir görünüm değeri vardır ve blok yada satıriçi olarak belirtilir. Blok tipindeki etiketler her zaman yeni bir satırda başlar ve tüm satır boyunca mümkün

Detaylı

Background, Border, Classification, Dimension, Font, Generated Content, List And Marker, Margin

Background, Border, Classification, Dimension, Font, Generated Content, List And Marker, Margin Dimension, Font, Generated Content, BACKGROUND Özellik Açıklama Değerler IE F N W3C color background background-attachment Bir öğedeki yazıların renklerini tanımlamakta kullanılır Bir yöndeki tüm art alan

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ı

HTML Etiketleri Genel Özellikler (Global Attributes)

HTML Etiketleri Genel Özellikler (Global Attributes) HTML Yorum Eklemek HTML kodunun içine tarayıcı tarafından gösterilmeyecek yorumlar şu şekilde eklenir. Hatırlatıcı notlar eklemek için de kullanılabilir. HTML Etiketleri Genel

Detaylı

CSS Nedir. CSS Nedir?

CSS Nedir. CSS Nedir? 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ı

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ı

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 25.09.2017 METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ : etiketleri dökümana başlık eklemek için kullanılır. etiketinde ki x ifadesi 1 den 6 ya kadar

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

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ı

JavaScript Örnekleri PDF

JavaScript Örnekleri PDF 5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF www.yazilimbilisim.net.. İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript

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ı

Yüzen Kutu (Float) ve Konumlandırma (Position) Özellikleri

Yüzen Kutu (Float) ve Konumlandırma (Position) Özellikleri Yüzen Kutu (Float) ve Konumlandırma (Position) Özellikleri 1. Yüzen kutu özellikleri FLOAT ve CLEAR, CSS ile web sitesi kodlamanın en önemli özelliklerinden iki tanesidir. Float, bir elemanı Normal Akışın

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ı

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ı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri 2. Hafta Html Temel Etiketleri

Detaylı

Honda Civic 1.6 Elegance Otomatik

Honda Civic 1.6 Elegance Otomatik Honda Civic 1.6 Elegance Otomatik Sahibinden 2007 Honda Civic Elegance 41.750 TL İlan tarihi: 18 Aralık 2016 İlan no: 333309 İlan detayları İlan detayları İl Samsun, Atakum, Atakent, Yenimahalle Mah. Model

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ı

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ı

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ı

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR.

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 9. DERS Tablolar (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HTML - TABLO Genel Bilgi Tablolar, sayfaları satırlara/sütunlara bölmek

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

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ı

font font-family Metin ve Font Özellikleri font-style, font-variant, font-weight, font-size, line-height ve font-family özelliklerini bir arada barındıran özelliktir. font: italic bold 1.5em arial, Helvetica,

Detaylı

WEB TASARIMINDA HTML DİLİ

WEB TASARIMINDA HTML DİLİ WEB TASARIMINDA HTML DİLİ Html dili web sayfası oluşturmak için kullanılır. Bir html sayfası oluşturmak için oluşturulmak istenen klasörde mause sağ tıklanır ve yeni seçeneğinin altında metin belgesi seçeneği

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ı

Renault Clio HP BVA Executive

Renault Clio HP BVA Executive İlan no: 272383 Renault Clio 1.6 110 HP BVA Executive Sahibinden 30.000 km'de BAYANDAN TEMİZ KULLANILMIŞ LPG'Lİ YAKIT CİMRİSİ 39.000 TL İlan tarihi: 10 Mart 2016 İlan detayları İlan detayları İl

Detaylı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

Detaylı

Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz.

Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. HTML Tablolar Web sayfaları içinde tablolara sıkça ihtiyaç duyarız. Bu eğitim belgesinde temel tablo etiketlerini ve kullanımlarını öğreneceğiz. Düzgün tanımlanmış tablolar birçok farklı etiketi içerdiği

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ı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

Detaylı

WEB TASARIM DERSLERİ

WEB TASARIM DERSLERİ HTML de Sınıflar (Class) WEB TASARIM DERSLERİ Ders 8: HTML Giriş Web tasarım kurslarımıza devam ediyoruz. Bu günlük Html de sınıfları inceleyeceğiz. Class elemanını daha önce ki derslerimizde öğrenmiştik

Detaylı

Volkswagen Passat 1.6 FSI 16V Comfortline

Volkswagen Passat 1.6 FSI 16V Comfortline İlan no: 322735 Volkswagen Passat 1.6 FSI 16V Comfortline Sahibinden GARAJ VE AİLE ARABASI VOLKSWAGEN PASSAT 1.6 FSI COMFORTLİNE 41.800 TL İlan tarihi: 22 Eylül 2016 İlan detayları İlan detayları İl İstanbul,

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ı

Renault Megane Sedan 1.5 dci Expression 100 bg

Renault Megane Sedan 1.5 dci Expression 100 bg İlan no: 303970 Renault Megane Sedan 1.5 dci Expression 100 bg Sahibinden 1.5 DİZEL 100 BG. TAM OTOMATİK MEGANE 2 BAKIMLI MASRAFSIZ 20 30.000 TL İlan tarihi: 23 Haziran 2016 İlan detayları İlan detayları

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ı

Radio butonları CSS ile makyajlamak

Radio butonları CSS ile makyajlamak Radio butonları CSS ile makyajlamak 4 Ocak Cuma 13 (X)HTML, CSS ve JavaScript Dökümanları http://mfyz.com/radio-butonlari-css-ile-makyajlamak Bildiğiniz gibi bazı form elementlerine (radio butonlar, check

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ı

LESS ile hiyerarşik ve fonksiyonel css yazmak

LESS ile hiyerarşik ve fonksiyonel css yazmak LESS ile hiyerarşik ve fonksiyonel css yazmak 13 Kasım Pazar 11 (X)HTML, CSS ve JavaScript Dökümanları http://mfyz.com/less-ile-hiyerarsik-ve-fonksiyonel-css-yazmak LESS bir çeşit css derleyicisi ve aslında

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ı

İ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ı

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ı

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ı

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur.

Web sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur. Yazı Tipi Stili HTML kodları 47 Kalın İtalik Altı Çizili 9.2.6 Metin yükseltme veya alçaltma 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2.

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ı

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 <dl> </dl>, <dt> </dt>, <dd> </dd>

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ı

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ı

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ı

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ı

BÖLÜM 5 5. TABLO OLUŞTURMAK

BÖLÜM 5 5. TABLO OLUŞTURMAK BÖLÜM 5 5. TABLO OLUŞTURMAK Belli bir düzen içerisinde yan yana ve alt alta sıralanmış veya hizalı şekilde oluşturulması gereken bilgiler word de tablo kullanılarak hazırlanırlar. Örneğin bir sınıfa ait

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ı

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ı

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ı

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ı

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ı

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ı

Ford Fiesta 1.4 TDCi 68 HP Titanium

Ford Fiesta 1.4 TDCi 68 HP Titanium İlan no: 386887 Ford Fiesta 1.4 TDCi 68 HP Titanium Sahibinden ACİL ÇOK TEMİZ DEĞİŞEN YOK HASAR KAYDİ YOK TİTANYUM 36.450 TL İlan tarihi: 31 Ocak 2017 İlan detayları İlan detayları İl İstanbul, Bahçelievler,

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ı

DIV KAVRAMI <style> position: absolute

DIV KAVRAMI <style> position: absolute DIV KAVRAMI Div tag i katman oluşturmak için kullanılır. Div ler sayfanın komple bir satırını kaplarlar, bu yüzden tag i içerisinde şekillendirilip, boyutlandırılmaları gerekir. Aşağıdaki şekilde

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ı

Office 2007 Tablo Araçları Menüsü Altındaki Düzen Menüsü

Office 2007 Tablo Araçları Menüsü Altındaki Düzen Menüsü Office 2007 tablo araçları menüsü altındaki düzen menüsü Tablo düzen menüsüne girmek için ilk önce sayfaya tablo eklemek gerekir. Bu uygulama aşağıda resimli olarak gösterilmiştir. Sayfaya tablo ekledikten

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ı

Aaraçlar Menüsünden Seçeneklerden Görünüm

Aaraçlar Menüsünden Seçeneklerden Görünüm Word 2003 açtığımızda ARAÇLAR>SEÇENEKLER>GÖRÜNÜM açılır. anlatılcaktır. karşımıza bu ekran çıkar burdaki komutlar altda İlk Görev Bölmesi Word'ü ilk başlattığınızda Başlarken görev bölmesini görüntüler.

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ı

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

<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ı

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ı

İ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ı

Tablo Özellikleri Penceresi

Tablo Özellikleri Penceresi Tablo Özellikleri penceresine ulaşabilmek için öncelikle bir tablo oluşturmamız gerekmektedir.ekle menüsünde yer alan Tablo seçeneğine tıklıyoruz ve tablomuzu oluşturuyoruz. Tablomuzu oluşturduktan sonra

Detaylı

Office 2007 Tablo İşlemleri

Office 2007 Tablo İşlemleri Office 2007 Tablo İşlemleri Office 2007 tablo işlemleri Tablo düzen menüsüne girmek için ilk önce sayfaya tablo eklemek gerekir. Bu uygulama aşağıda resimli olarak gösterilmiştir. Sayfaya tablo ekledikten

Detaylı

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

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 5. DERS, YARD. DOÇ. DR. MEHTAP YALÇINKAYA 01.04.2011 RENK 16'lık sayı düzeninde d renk kodu girmek 16'lık sayı sisteminde de toplam 16

Detaylı

Mercedes C Serisi C 180 BlueEFFICIENCY Avantgarde

Mercedes C Serisi C 180 BlueEFFICIENCY Avantgarde Mercedes C Serisi C 180 BlueEFFICIENCY Avantgarde Sahibinden GALERİ BEYAZDAN 1.8 - İlan no: 411161 İlan detayları 106.500 TL 16 Eyl 2017 106.500 TL 15 Ağu 2017 102.500 TL 03 Ağu 2017 103.500 TL 7G-TRONİC-BOYASIZ-

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ı

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ı

Basit Bir Photoshop ile Yapılmış Web. Tasarlanır? Hazır bir PSD dosyasına göre HTML ve CSS kodlarını yazmak

Basit Bir Photoshop ile Yapılmış Web. Tasarlanır? Hazır bir PSD dosyasına göre HTML ve CSS kodlarını yazmak Sayfası Nasıl Tasarlanır? Hazır bir PSD dosyasına göre HTML ve CSS kodlarını yazmak Öncelikle PSD bir hazır tema buluyoruz. Bu temayı Photoshop Slice özelliğini kullanarak bölümlere ayırıyoruz. Bölümle

Detaylı

Şekil Yazı tipini biçimlendirme araç çubuğu simgeleri

Şekil Yazı tipini biçimlendirme araç çubuğu simgeleri BÖLÜM 2 2. YAZILARI BİÇİMLENDİRME 2.1. Yazı Tipini Değiştirme Word programında, yazılan bilgiler daktilodaki gibi tek tip yazı olmaz. Yazılarda farklı biçimler kullanılarak belgelerin daha etkileyici olması

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ı

Renault Megane 1.5 dci Privilege

Renault Megane 1.5 dci Privilege İlan no: 224928 Renault Megane 1.5 dci Privilege Sahibinden Sahibinden Temiz 2008 Megane II 1.5 DCI Full 28.500 TL İlan tarihi: 16 Şubat 2015 İlan detayları İlan detayları İl İzmir, Gaziemir Model yılı

Detaylı

SAB 103 TEMEL BİLGİSAYAR KULLANIMI

SAB 103 TEMEL BİLGİSAYAR KULLANIMI SAB 103 TEMEL BİLGİSAYAR KULLANIMI Kelime İşlemci - Word Prof.Dr. Fatih TANK Ankara Üniversitesi Uygulamalı Bilimler Fakültesi Sigortacılık ve Aktüerya Bilimleri Bölümü Prof.Dr. Fatih TANK - Temel - Ders

Detaylı

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1 BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML 5 Yük. Müh. Köksal GÜNDOĞDU 2 HTML 5 Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda

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ı

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ı

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ı

BÖLÜM 5. HTML Biçimleme Belirteçleri

BÖLÜM 5. HTML Biçimleme Belirteçleri BÖLÜM 5 HTML Biçimleme Belirteçleri 12. Genel Bakış 12.1 Giriş Paragraflar, başlıklar, veya listeler için bir HTML belirtecini kullandığınızda, o belirteç sadece kullanıldığı alandaki yazıları belirlenen

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

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ı