|
|
- Gizem Bayrak
- 8 yıl önce
- İzleme sayısı:
Transkript
1 "Web Style Sheets" Kavramı ve CSS (Cascading Style Sheets = Yığılmalı Stil Kağıtları): CSS (ingilizce açılımı Cascading Style Sheets olan Türkçeye çevrildiğin de ise Yığılmalı Stil Kağıtları) bizi HTML'in kalıplaģmıģ olan stil etiketlerinden bir bakıma kurtarıyor. CSS kod kümesi sayfamızın <head> </head> etiketleri arasına yazılıyor. "Style Sheets" kavramı oldukça geniģ bir teknolojik yaklaģımı ifade ediyor. Açıkçası CSS konusu bu teknolojinin sadece bir bölümünü oluģturmakta olup, Style Sheets teknolojisi çerçevesinde CSS'den baģka XSL, XSLT, DSSL gibi biçimlendirme teknikleri ve dillerinden de söz etmek mümkündür. Bir web sayfasının tasarım elemanları (stil öğeleri) denilince aklımıza Ģunlar geliyor; arka planlar, baģlıklar, yazılar, fontlar, tablolar, listeler, renkler ve görsel biçimler, bağ renkleri, efektler, imaj, katman vb. nesneler ve bunların sayfa üzerindeki yerleģimleri vs. "Web Style Sheets" kavramı; iģte bu tasarım elemanları üzerinde tam denetim sağlamak ve web dökümanlarının görünümlerini tayin etme iģinde tasarımcılara ekstra güç kazandırmak için geliģtirilmiģ bir teknolojik yaklaģımı ifade etmektedir. "Style Sheets" teknolojisini kullanmak demek, stiller belirlemek suretiyle belge biçimlendirmek demektir. Burada web dökümanlarının nasıl görüneceğini tayin etmek üzere geliģtirilmiģ bir takım kurallar sözkonusudur. W3C'nin sitesinde "Web Style Sheets" teknolojisi çerçevesinde CSS, CSS1, CSS2, CSS3, CSS-P, XSL, XSLT, XPath, DSSL gibi kavramlardan sözedilmekle birlikte temelde 2 "Style Sheet" dili olduğu ifade edilmektedir. Bunlar; 1-1- CSS (Cascading Style Sheets), 2-2- XSL (extensible Style Language) Kursumuzda CSS konusunu ele alacağız. CSS (Cascading Style Sheets) CSS; çok daha etkin web sayfası biçimlendirebilmek amacıyla HTML'ye destek olması için oluģturulmuģ bir iģaretleme dilidir. CSS'ye, herhangi bir web dökümanındaki yazı, baģlık, font, arkaplan (background), imaj, katman, tablo ve liste gibi tasarım elemanlarının (stil öğelerinin) HTML kodlamasındaki uygulanıģ ve belirtim kurallarını belirleyen bir "web style sheets" teknolojisidir. Bu teknolojinin geliģtirilmesindeki en temel amaç, HTML'nin sayfa biçimlendirme iģlevlerini ekstra katkılarla arttırmak ve tasarımcıya çok daha etkin sayfa yapma imkanları sağlamaktır. HTML belgesi (web sayfası) tarayıcıya yüklendiğinde yaptığımız stil tanımlamaları deyim yerindeyse üst üste yığılarak (basamaklandırılarak) ele alınır ve stil tanımlamasındaki yönteme bağlı olarak değerlendirilir. Yani belgedeki stil tanımlamalarının nerede yapıldığına bakılarak komutlar bir nevi
2 basamaklandırmak suretiyle kademe kademe iģlenir ve sayfa ekranda öyle gösterilir. Burada CSS komutlarının tarayıcılar tarafından iģletilmesinde bir basamaklandırma modeli sözkonusudur. Bu nedenle stiller belirlemek suretiyle belge biçimlendirme olayına "Cascading Style Sheets" adı verilmiģtir. CSS'nin belli başlı faydaları; - daha iyi sayfa kontrolu (tek dosya ile tüm sitenin kontrol edilebilmesi imkanları), - - kolay renk yönetimi, - - etkin kenar boģluğu denetimleri, - - metin biçimlendirme, gölgeleme olanakları, - - geçiģler gibi görsel etkiler yaratabilme olanakları, - - nesne konumlandırma kolaylıkları, CSS Syntax Sözdizimi - Genel Kavramlar CSS kodu oluģturmanın en basit yolu HTML kodlamasında olduğu gibi herhangi bir metin editöründe (NotePad vs.) elle kodlama yapmaktır. Çünkü harici CSS dosyaları (örneğin "style.css") da dahil olmak üzere CSS kodları da HTML dökümanları gibi ASCII (plain-text) formatındadırlar. Bu nedenle CSS kodlamasını basit text editörleri yardımıyla yapılabilir. HTML ile web sayfası tasarımcılığında CSS kavramı önemli yer tutar. Bu nedenle iyi bir tasarımcı olmanın koģullarından birisi de CSS konusunu bütün yönleriyle iyice öğrenmektir. Bir style sheet ifadesi, selektör ve bildirim olmak üzere 2 ana kısma ayrılır. Bildirim kısmı da yine aynı Ģekilde özellik ve değer olmak 2 bölümden oluģur. Bu söylediklerimizi aģağıda Ģematik olarak görebiliriz. En yalın CSS kodlaması; HTML'de yer alan ve stili belirlenebilen yani "selector" kimliği taģıyan etiketlerden herhangi birisini, örneğin H (Heading) etiketini baz alarak CSS kodlamasındaki en yalın hali ifade eden bir kod satırı yazalım. AĢağıda bildirim ve selectör kavramları gösterilmektedir. SELEKTÖR (selector) bir style sheet bildiriminin ilk öğesine verilen isimdir. Selektör CSS lerde hangi etiket ile ilgili iģlem yapacağımız seçmeye yarar. Bildirim (decleration) kısmının da kendi içinde ÖZELLĠK ve DEĞER olarak 2 temel bileģene ayrıldığını görmekteyiz.
3 Yukarıda belirttiğimiz CSS kod satırına (Style Sheet) dikkat ederseniz, temel bileģenlerin biraraya getirilmesinde kullandığımız { } ve : Ģeklindeki noktalama iģaretlerinin de bu yalın haldeki kod satırının tamamlayıcı öğeleri olduğunu görürüz. Burada birbir önemli husus da; <STYLE>... </STYLE> etiketi arasındaki stil ifadelerinde, değer ataması yapmak için yazılan sözcükler " veya ' iģaretleri ile sınırlandırılmaz. Örneğin aģağıdaki ifade yanlıģtır. H1 {color: "blue"} CSS2 ile kurallaģan bu hususa özen göstermek gerekmektedir. CSS kapsamında ayrıca tasarımcı tarafından oluģturulabilen ID (kimlik) ve CLASS (sınıf) türünde 2 tip selektör daha vardır. CSS kod satırlarını (style sheet belirtimlerini) gruplandırmak; Aynı stil belirtiminde bulunacağımız selektör etiket sayısı birden çok ise, örneğin aģağıdaki kodlamada olduğu gibi; Bu 3 satırlık kodlama biçimini GRUPLANDIRMAK suretiyle aģağıda görüldüğü gibi tek satır halinde daha kolay bir Ģekilde ifade etmek mümkündür. Miras Kavramı (inheritance) Miras kavramı; bir etikete atanan bir stil tanımının ilgili etiket kapsamı içinde kullanılan bir baģka etiket tarafından aynen üstlenilmesi olayıdır. Örneğin; Stil ifadesi;h1 {color: green} olsun,html kodu ise; <H1>Bu cümlede H1'in stilini miras alan bir <EM>etiket</EM> var.</h1> Ģeklinde olsun. Burada kullandığımız <EM> etiketi <H1> etiketinin yeģil renk stil belirtimini aynen üstlenir. Yani miras devralır. Kodumuz yazarken miras kavramını göz önüne alarak yazmalıyız. Bir stil ifadesine açıklama satırı koymak; Stil ifadelerinde açıklama satırı kullanmak için /* ve */ iģaretlerinden yararlanılır. Örnek kod aģağıda; H1 {color: red} /* H1'i kırmızı yap */ Çok kullanılan bazı örnekler: <html> <head>
4 <style type="text/css"> <style> <!-- p {font-family: Verdana; font-size: 10px; color:#000000} etiketlerin.bold {font-family: Verdana ;font size:10px; font-weight: bold; e dikkat color:#000000} edelim.yesilyazi {font-family: Verdana; font size:10px; color: #00CC33}.altinyazi {font-family: Verdana; font size: 10px; color: #FF6633}.maviyazi {font-family: Verdana; font size: 10px; color: #006699}.italik {font-family: Verdana; font size: 10px; color: #000000; font-style: italic}.alticizili {font-family: Verdana; font-size: 10px; color:#000000; text-decoration: underline} --> </style> <head> <body> <p> Galatasaray UEFA kupasını <span class="bold">(2000 yılında) </span> müzesine götürdü <span class="yesilyazi > Bütün Avrupanın takdirini kazandı.</span> <span class="altinyazi"> Daha sonra Süper Kupaya sahip oldu</span> <span class="alticizili"> (2001 yılında) </span> <span class="maviyazi"> Daha birçok baģarıya imza atacak</span> <span class="italik">herkes Galatasaraylı olacak</span> </p> </body> </html> CSS denen Ģeyin, sayfanın <head> </head> bölümde parantezler ile yaptığımız kodlamayı görüyoruz.sayfamızda <p>(paragraf) ile kodladığımız kısımlar Font ailesinden Verdana, Size (geniģliği) 10 px ve rengi de Siyah olmak üzere belirlendi. Ve sayfa da <p> kodlamasını yaptığımız da hep aynı Ģekilde görünecektir. <a href="deneme.htm"> Dinamik CSS link denemesi </a> <html> <head> <style type="text/css"> <!-- a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; text-decoration: none} a:active { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FF0000; text-decoration: none} a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #FF0000; text-decoration: underline} a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; text-decoration: none} --> </style> </head> <body> <p> <a href="deneme.htm"> Dinamik CSS link denemesi </a> </p> </body> </html>
5 Selektörler (seçiciler): Bir style sheet ifadesindeki ilk öğelere "selektör" adı verilir. Bu bir HTML etiketi olabileceği gibi, SINIF (class) veya KİMLİK (ID) niteliğinde tasarımcı tarafından tanımlanabilen selektörler de olabilir. Eğer ilk öğe bir HTML etiketi ise bu "HTML Selektörü" olarak adlandırılır. ġimdi bu selektörleri içeren style sheet ifadelerine bir bakalım; Bu stil ifadeleri harici bir.css dosyasında olabileceği gibi, <head>..</head> etiketleri arasına da konabilir Yukarıdaki stil ifadelerinde görüldüğü üzere;. iģareti ile baģlayan selektörlere sınıf (class), # ile baģlayan selektörlere ise kimlik (ID) tipinde selektör adı verilir. Buradaki örnek stil ifadelerinin bildirim (deklerasyon) kısımlarında ise CURSOR özelliğine birtakım değerler atanmaktadır. Bunların herhangi bir web dökümanı içerisinde uygulanmasına gelince, kod satırları Ģöyle olabilir;. Yukarıdaki kod satırları web dökümanının <body>.. </body> etiketleri arasında yer almalıdır <STYLE TYPE="text/css"> body { cursor: crosshair }.yardim { cursor: help } #bekle { cursor: wait } </STYLE> <body> <P STYLE="color: #c0c0c0"><b>açiklama: Mouse imlecini aģağıdaki cümlelerin üzerine götürünüz!. imleçteki değiģimlerr dikkat ediniz</b></p> <br> <font size="5"> <span class="yardim">bu cümlede imleç değiģir.</span> <br><br> <P ID="bekle">Bu cümlede de imleç değiģir.</p> </body> Bazı Özel Karakterler:
6 Yukarıda anlattığımız selektörler yerine * ve > olmak üzere 2 joker karakteri kullanabiliriz... Örneğin; *{font-color: red} Bu ifade sayfadaki bütün etiketlere "kırmızı font rengi" stilini uygular. > karakteri ise çocuk selektörler tanımlar. Örneğin; ul > li {list-style-type: decimal} Bu ifade UL etiketini ebeveyn olarak kabul eder ve UL içindeki LI öğelerini çocuk selektör olarak görür. Böylece sadece UL listelerindeki LI öğelerine stil belirtimi uygulanmıģ olur. Pseudo Classes Sınıfımsılar CSS de kullandığımız kodlarda da bazı yetersizlikler vardır. Bunlar normal etiketlerle karşılanamayan durumlar için düģünülmüģ kontrol elemanlarıdırlar. Bütün sınıfımsıların önünde : (iki nokta üst üste) iģareti bulunur. A:visited {color: maroon} ifadesi sınıfımsı kullanımına dair bir örnek teģkil eder. CSS2 ile tanımlanmıģ sınıfımsıları (pseudo-classes) aģağıdaki tabloda görebiliriz; :first-child :first-line Bir öğenin ilk çocuk öğesi Bir paragrafın biçimlendirilen ilk satırı :first-letter Bir paragrafın ilk harfi :link :visited :hover :active :focus :lang :before :after Henüz ziyaret edilmemiģ linkler Ziyaret edilmiģ linkler Ġmlecin o anda üzerinde durduğu öğe O anda etkin olan öğe Odakta olan öğe Geçerli dil tanımı Ġçeriği bir öğeden önceye konumlandırır Ġçeriği bir öğeden sonraya konumlandırır <STYLE TYPE="text/css">.ilksatirbuyuk:first-line{ font-size:310%; font-weight:bold; } </STYLE> Body bölümünde yer alacaktır. <p align="justify" class="ilksatirbuyuk"> Cim Bom Galatasaray
7 </p> <br> <p align="justify"> Cim Bom Galatasaray! Dikkat edelim class ifadesi yok! </p> ÖZELLİKLER: Bir web dökümanının tasarım elemanları (stil öğeleri) daha önce de ifade ettiğimiz gibi döküman gövdesi, arka planlar, baģlıklar, yazılar, fontlar, tablolar, listeler, renkler ve görsel biçimler, bağlar, efektler, imaj, kutu modeli, katman vb. ile bunların sayfa üzerindeki yerleģimleri gibi birtakım nesnelerden oluģur. CSS içinde bu nesneleri kontrol edebilmek için belirli sayıda "PROPERTIES" (Özellik) tanımlanmıģtır. Web sayfası oluģtururken yapılan stil belirtimlerinde, yukarıda sözünü ettiğimiz tasarım elemanlarıyla iliģkilendirilebilen özellikler baz alınarak, bu özelliklere birtakım değerler (values) atanır. Örneğin FONT (EN ÇOK KULLANILAN ÖZELLĠK) öğesini ele alırsak, bu öğenin özellikleri ve bu özelliklere atanabilecek değerler Ģöyledir; Font Özellikleri: font-family arial, verdana, times, courier vs. bold font-style font-size font-variant font-weight font-stretch font-size-adjust font normal, italic, oblique, inherit xx-small, small, medium, large, x-large, xx-large, larger, smaller, inherit, geçerli yüzde, geçerli uzunluk normal, small-caps, inherit normal, bold, bolder, lighter, , inherit normal, wider, narrower, ultra-condensed, extracondensed, condensed, semi-condenced, expanded, semi-expanded, extra-expanded, ultraexpanded, inherit none, geçerli sayı, inherit font-style, font-variant, font-weight, font-size, line-height, font-family, inherit Style Sheet Kullanım Metotları: Bir HTML dökümanında CSS kodlaması yapmanın, yani stil tanımlamasında bulunmanın 4 farklı metodu vardır. Bunlar Inline (İç), Embedded (Gömülü), External (Harici Bağlantı) ve Importing (İthal Etme) Ģeklinde isimlendirilmektedir. Tabii bu dört metodun hepsinin bir arada kullanıldığı bir beģinci metod'tan da sözetmek mümkün. Buna da "karma metod" adını verebiliriz INLINE (İç) Metotu: Bu yöntemle; bir HTML dökümanı içerisinde, stili belirlenebilen herhangi bir HTML etiketinin kendi içine stil tanımlaması yapılabilir. Bu metotta çift tırnak olamsına dikkat edilmelidir. <head> </head> etiketleri içine yazılması gibi durum söz konusu değildir.
8 <p style="color: blue">... </p> Böyle birģey yaptığımızda, yani bir HTML etiketine stil ataması yaptığımızda tarayıcılar tarafından bu atama en büyük öncelikle dikkate alınır. Diğer stil belirtimleri geçersiz olur. Bu yöntemi kullanabilmek için ayrıca 2 etiketten yararlanılır. Bunlar <DIV> ve <SPAN> etiketleridir. <div style="font-color: blue">... </div> ve diğer etiket, <span style="font-color: blue">... </span> Bu iki etiket arasındaki fark Ģudur; <div> etiketi blok düzeyinde iģlev görür. Yani kapsadığı aralıktaki bütün öğeler bir blok mantığıyla ele alınır ve bu aralıkta bütün HTML öğeleri yer alabilir. Ayrıca <div> etiketi sonlandığında bir satır atlatır. <span> etiketinde böyle bir Ģey sözkonusu değildir. Bu yüzden <span> etiketini cümle içlerinde rahatlıkla kullanabiliriz EMBEDDED (Gömülü) Metot: Bu yöntemde stil tanımlamaları <head>...</head> etiketleri arasında yer alacak Ģekilde yapılır. Ve bu amaçla <style> etiketinden yararlanılır. Örneğin; <style type="text/css"> <!-- body { background: #c0c0c0; background-attachment: fixed; } --> </style> Buradaki '<!--' ve '-->' ifadeleri stil kodlarını eski web tarayıcılardan saklamak için kullanılmaktadır. BODY ifadesi stil tanımlamasının selektörü, diğer ifadeler ise bu selektöre atanan stil bildirimleridir EXTERNAL (Linked - Harici Bağlı) Metot: CSS kodları çok uzun olabilir. Bunun için CSS kodlarımızı ayrı bir not defteri sayfasında yazarız ve uzantısını.css yaparız. Daha sonra bunu sayfamıza bağlarız. Sadece sayfamızın baģına yazacağımız CSS etiketlerini Notdefterine yazmak ve uzantısını.html değil de.css yapmak. ali.css dökümanını, bağlanacak olan.html dökümanlarınızın olduğu klasöre kopyalanır. Ve bu dosyanın sayfaya eklenmesi için aģağıdaki ifade yazılır;
9 <link rel="stylesheet" type="text/css" href="ali.css"> etiketini sayfanızın <head> </head> etiketleri arasına yazılması gerekir.böylece.css uzantılı dosyayı sayfanıza link yolu ile eklenmiģ olur. Bu yöntemi kullandığımızda bütün bir siteyi stil tanımlamaları açısından denetim altına almıģ oluruz. Örneğin sitemizdeki tüm sayfaların arkaplan rengini değiģtirmek istediğimizde "ali.css" dosyasındaki tek bir değiģiklikle bunu gerçekleģtirebiliriz. Aksi durumda sitedeki tüm sayfalar için bunu tek tek yapmak zorunda kalırdık IMPORTING (İthal Etme) Metotu: Bu yöntemde ise kullanılmak istenen stil tanımlamaları ayrı bir dosyadan ithal edilir. Bu amaçla harici bir stil dosyasını ithal etmek import komutu kullanılır. Örnek vermek gerekirse; web sayfasının <head>...</head> etiketleri arasına aģağıdaki gibi bir kod satırı yerleģtirilir; <STYLE TYPE="text/css"> url;... stil kodları --> </STYLE> NOT: Eğer bir web sayfasında yukarıda saydığımız bütün yöntemleri de birarada kullanırsak bunların tarayıcılar tarafından okunma sırası Ģu Ģekildedir; Harici stil -> Gömülü stil -> Ġç stil Ancak, okunan stil tanımlamalarının geçerlilik sırası ise tam tersidir; Ġç stil -> Gömülü stil -> Harici stil Yani CSS uyumlu bir tarayıcı herhangi bir web dökümanında bütün stil yöntemleri de uygulanmıģsa ilk olarak harici dosyayı, sonra gömülü tanımlamaları ve daha sonra da iç stil tanımlamalarını okur. Ve iģ sayfayı ekranda göstermeye gelince öncelikle "iç stil" tanımlamalarını geçerli kılar. Sonra gömülü stildeki tanımlamaları, son olarak ta harici dosyadaki tanımlamaları dikkate alır. Görüldüğü üzere burada iç stil gömülü stile baskın rol oynamaktadır. Aynı Ģekilde gömülü stil de harici stil üzerinde baskın olur. Böyle bir durumda, tanımladığımız stillerin değerlendirilmesi açısından, tarayıcı ile web sayfası arasındaki iliģkide bir nevi "basamaklama" olayı sözkonusudur. CSS'deki "Cascading" kelimesi de zaten buradan kaynaklanmaktadır. CSS Standartları ve W3C: CSS'nin geliģimi W3C tarafından kontrol edilmekte olup, Ģu ana kadar Cascading Style Sheets hakkındaki geliģmeler CSS1 ve CSS2 Ģeklinde iki versiyonda (level) toplanmıģtır. CSS3 için ise konsorsiyumun çalıģmaları halen sürmektedir. CSS hakkında herhangi bir hususta tereddüte düģtüğünüzde ilk bakacağınız yer bu konsorsiyumun teknik belgeleri olmalıdır. World Wide Web Konsorsiyumu için; CSS: CSS Homepage - W3C (Cascading Style Sheets) CSS1: (Cascading Style Sheets, level 1) CSS2: (Cascading Style Sheets, level 2) CSS3:
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ı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ı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ı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ı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ı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ıWEB TASARIMIN TEMELLERİ
WEB TASARIMIN TEMELLERİ ~ Sunu 2 ~ Öğ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ıEkran Çıktısı. FONT-WEIGHT: bold; COLOR: #00688F; FONT-FAMILY: Tahoma, Arial, sans-serif; style="text-decoration none" }
Css.html dosyası css Öğreniyoruz Teknik Lise 11A1, Web Tasarım ve Programlama Dersi
Detaylı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ı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ıSite Temizlik Projesi Kodları. Site Tasarım Çalışması -3
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5cacfb4a355c5785238607/] İndir (DOCX, 15KB) Site Tasarım
DetaylıCSS. 1. CSS nin Yapısı Sınıf (Class) Seçicisi
CSS CSS, açılımı (Cascading Style Sheet) olan ve dilimize Stil Şablonları olarak yerleşen bir işaretleme dilidir. Stil Şablonu HTML ögelerine (yazı, paragraf, kenar çizgisi, resim, bağlantı...) stil vermek
Detaylı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ıElbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU
Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Web Sayfasını Kayıt Etmek : Share point designer ya da Notepad de oluşturduğumuz HTML kodunu kaydetmek için File Save As komutunu seçiniz. Kayıt
Detaylı<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ıSite Temizlik Projesi Kodları
Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5c2acf77c2a0b746634170/] İndir (DOCX, 15KB) İlk Hafta Sunumu
DetaylıÖrnek Ölçülü Site Kodları. Site Temizlik Projesi Kodları. İlk Hafta Sunumu ve Ön Test
Örnek Ölçülü Site Kodları [crayon-5c079862dff41089602577/] Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. [crayon-5c079862e05c5626962251/] İndir (DOCX, 12KB) İlk Hafta Sunumu
Detaylı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ıgörüntüleyebilirsiniz. HTML, programlama dilleri bir programlama mantığı taşımadığından öğrenilmesi gayet kolay bir dildir.
1. HTML NEDİR? HTML (HyperText Markup Language / Hareketli-Metin İşaretleme Dili)basitçe, browserlarla görebileceğimiz, internet dökümanları oluşturmaya yarayan bir çeşit dildir. Örneğin okuduğunuz bu
DetaylıCSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ
CSS (Stil Şablon) (Cascading Style Sheets) YRD. DOÇ. DR. ENGİN CEMAL MENGÜÇ 2 CSS, açılımı Cascading Style Sheet olan ve dilimize Stil şablonları olarak yerleşen basit ve kullanışlı bir işaretleme dilidir.
Detaylı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ı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ı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ı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ıKurallar ve Sitil Dosyaları. HTML, XHTML ve CSS CSS (Cascading Style Sheets) CSS nedir?
Kurallar ve Sitil Dosyaları Sitil dosyalarını hazırlamak için iki yol kullanılabilir. El ile bir metin editöründe yazılabilir Özel bir web geliştirme yazılımı kullanılabilir. HTML, XHTML ve CSS CSS (Cascading
DetaylıSite Tasarım Çalışması -3
Site Tasarım Çalışması -3 Aşağıda adresini verdiğim çalışmayı table kullanarak yapmaya çalışınız., Örnek site div ile yapıldığından bölümler tablo aynı hizada değildir. Sizler eşit bölmeli table kullanacaksınız;
Detaylı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ı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ı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ı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ı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ı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ı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ı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ı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ıCss Stillerinin Nesneyi Etkileme Yolları Ve Sırası, Diez, Nokta, Yıldız, Class Css De Neyi İfade Eder.
Ve Sırası, Diez, Nokta, Yıldız, Class Css Css stillerinin nesneyi etkileme yolları ve sıraları: (#), (.), (*), (class) CSS de nasıl kullanılır bu başlık altında bulabilirsiniz. Css Nedir? HTML bize metin
DetaylıİNTERNET PROGRAMLAMA II. Tanımlar
İNTERNET PROGRAMLAMA II Tanımlar WWW( World Wide Web) Dünya üzerindeki bütün bilgisayarların bağlı olduğu bir ağdır. Çoğunlukla Web olarak adlandırılır. Web üzerindeki bilgisayarlar standart protokolleri
Detaylı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ı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ıFacebook connect ile kullanıcı giriş çıkış
Facebook connect ile kullanıcı giriş çıkış 12 Mayıs Salı 09 Diğer Dökümanlar http://mfyz.com/facebook-connect-ile-kullanici-giris-cikis Facebook Connect Nedir? Facebook, uzun süredir api'si dışında connect
Detaylı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 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ı4. Bağlantı (Köprü) Oluşturma
4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara
DetaylıHTML Sayfaları. Bütün html sayfaları
HTML VİZE NOTLARI HTML Sayfaları Bütün html sayfaları tagıyla başlar ve tagıyla biter. tagları arasında ve tagları vardır. Örnek bir html boş sayfası kodları şu şekilde
DetaylıCSS i Web Sayfalarına Eklemek
CSS i Web Sayfalarına Eklemek CSS in yapısı iki ana kısımdan oluşur. Seçiciler(Selector) ve Bildirim Bloğu(Declaration Block). Bildirim Bloğuda iki ye ayrılır. Özellik(Property) ve Değer(Value) XML de
Detaylı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ıElbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU
Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU HTML Nedir? HTML, Hyper Text Markup Language sözcüklerinin baş harflerinden oluşan bir kısaltmadır ve Web in temel dilidir. Html dökümanları
DetaylıCSS ile yazıcı çıktı işlemleri
CSS ile yazıcı çıktı işlemleri Web sayfalarının çıktılarını almak her zaman sorunludur. Web sayfaları web tarayıcılarında güzel görünürler ancak çıktı almak için uygun değildirler. Web sayfalarında yazıların
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 Son Teslim Tarihi: 5 Mayıs 2014-09:00 (ÖRGÜN) - 19:00 (İKİNCİ) Ödevi Teslim Alacak Olan Asistan:
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ıİ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ı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ıWeb Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr HTML (HyperText Markup Language) Web sayfaları hazırlamak
Detaylı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ıHTML & CSS CASCADE STYLE SHEET
HTML & CSS CASCADE STYLE SHEET EĞİTMEN AD SOYAD : TECRÜBE : OKUL : LÜTFEN DİKKAT! SINIFTAKİ BAŞARIMIZIN MAKSİMUM DÜZEYDE OLMASI İÇİN: DEVAMSIZLIK YAPMAYINIZ; KAÇIRDIĞINIZ DERSLER SONRAKİ KONULARA TEMEL
Detaylı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ıWeb Teknolojileri ve Programla
12.05.2010 Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+ da örnekler Web Teknolojileri ve Programla Bölüm
Detaylı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ıSevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın:
HTML nedir? HTML e GİRİŞ E. Fatih Yetkin HTML Hyper Text Markup Language kısaltmasıdır. Bir HTML dosyası, çeşitli işaretleme etiketleri içeren bir metin dosyasıdır. Bu işaretleme etiketleri (markup tags)
DetaylıHTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir?
HTTP & HTML Seval ÖZBALCI Bilgisayar Programcılığı Bölümü Ders 3 HTTP ve HTML Kullanarak İlk Web Sayfasının Oluşturulması BİRİNCİ BÖLÜM HTTP Nedir? HTML Nedir? Temel Unsurlar Editör Türleri İlk Sayfanın
Detaylı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ıWeb Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017
Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017 1. Hafta TANIŞMA, İNTERNET, HTML İçerik (Hafta/Konu) 1. Tanışma, İnternet Nedir, Html Nedir, Temel Terim ve Kavramlar 2. İnternete erişim ve İnternet
DetaylıBĠLĠġĠM TEKNOLOJĠLERĠ
T.C. MĠLLÎ EĞĠTĠM BAKANLIĞI BĠLĠġĠM TEKNOLOJĠLERĠ HTML ĠLE GELĠġMĠġ WEB ĠġLEMLERĠ 482BK0153 Ankara, 2012 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer
DetaylıE-postalarınıza HTML imza ile daha ilgi çekici olun
E-postalarınıza HTML imza ile daha ilgi çekici olun 3 Temmuz Cuma 09 Diğer Dökümanlar http://mfyz.com/e-postalariniza-html-imza-ile-daha-ilgi-cekici-olun E-Postalarda imza kullanımı Günümüzde eposta ile
Detaylı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ı2-Hafta Temel İşlemler
2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının
Detaylı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ı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ı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ı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ıBİH 605 Bilgi Teknolojisi Bahar Dönemi 2015
BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 Ders- 13 World Wide Web (WWW) Yrd. Doç. Dr. Burcu Can Buğlalılar Bilgisayar Mühendisliği Bölümü Bilgisayar Katmanları İçerik World Wide Web (WWW) Anlık Mesajlaşma
DetaylıEĞİTİM : HTML ve CSS. Bölüm : HTML (HyperText Markup Language) Konu : HTML Nedir? Page 1 of 35
EĞİTİM : HTML ve CSS Bölüm : HTML (HyperText Markup Language) Konu : HTML Nedir? Page 1 of 35 HTML (HyperText Markup Language) HTML, etiket (tag) adı verilen yapılardan oluşan, metin tabanlı bir işaretleme
DetaylıPHP ile İnternet Programlama
PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 6. BÖLÜM: AJAX Uygulamaları Neden AJAX? Dördüncü bölümde yer alan Veritabanı-bağlantılı
Detaylı3-Hafta Genel Sayfa Yapısı. Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni
3-Hafta Genel Sayfa Yapısı Semantik Web Nedir? SEO Nedir? Sayfa Başlığı (Title) Konu Başlıkları (Heading) Genel Sayfa Düzeni Semantik Web Nedir? Önceki bölümde çok basit bir HTML sayfasının nasıl meydana
Detaylı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ı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ıBTP208 İnternet Programcılığı II XML ve XML Uygulamaları. (1. Kısım)
BTP208 İnternet Programcılığı II XML ve XML Uygulamaları (1. Kısım) Hazırlayan Öğr. Gör. Özgür ÖZŞEN Konular İşaretleme Dilleri ve Tarihçesi HTML in Sınırlamaları XML Söz Dizimi Kuralları 1 İşaretleme
DetaylıTSPB KURUMSAL KİMLİK REHBERİ LOGOTYPE
1 20 2.0 LOGOTYPE 21 2.1.1 LOGOTYPE TÜRKÇE 22 2.1.2 LOGOTYPE İNGİLİZCE TCMA LOGOTYPE I TCMAnin yenilenen logotype ında TCMA logotype ı sadece master artwork 23 2.1.3 LOGOTYPE ŞİRKAT ÜNVANI TSPB ŞİRKET
DetaylıTek dosyalı projeler (siteler) üretmek
Tek dosyalı projeler (siteler) üretmek 18 Şubat Pazartesi 08 PHP ve Pear Dökümanları http://mfyz.com/tek-dosyali-projeler-siteler-uretmek Bazen yazdığınız/yazacağınız modül/sayfa/proje çok işlem ve bölüm
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.
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ıWEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI
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
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 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ıGoogle Search API ile ajax arama
Google Search API ile ajax arama 14 Ağustos Salı 12 http://mfyz.com/google-search-api-ile-ajax-arama Eğer bir kaynak arıyorsanız, indexlerin güncelliği, genişliği gibi nedenlerden dolayı, diğer arama motorları
DetaylıİNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 4 MasterPage
İNTERNET PROGRAMLAMA 2 A S P. N E T Marmara Teknik Bilimler MYO / Hafta 4 MasterPage Bir web sitesi birden fazla sayfadan oluşur. Bu sayfalarda içerik değişirken her sayfada tekrarlanan ögeler ve özellikler
DetaylıKopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd
Tüm haklar mahfuzdur. Bu yayının hiçbir kısmı ECDL Kuruluşundan izin almadan hiçbir şekilde çoğaltılamaz. Çoğaltım talepleri yayıncıya yapılmalıdır. The European Computer Driving Licence Foundation Ltd
DetaylıBÖLÜM 4 KONTROL DEYİMLERİ - 24 -
BÖLÜM 4 KONTROL DEYİMLERİ - 24 - 4.1 İf Deyimi İnsan olarak kararlarımızı hemen hemen daima "bir şey öyle ise böyle, öyle değilse şöyle davranmak" üzere almaz mıyız? PHP programında if deyimi bunu sağlar.
Detaylı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ı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ıHTML (Hyper Text Markup Language)
HTML (Hyper Text Markup Language) Ele Alınacak Başlıklar HTML tarihçesi Bir HTML dökümanın genel görünümü HTML ve tarayıcı etkileşimi Tarihçe Internet The World Wide Web (www) HTML URI/URL HTTP Tim Berners-Lee
Detaylı1.PROGRAMLAMAYA GİRİŞ
1.PROGRAMLAMAYA GİRİŞ Bilindiği gibi internet üzerindeki statik web sayfaları ziyaretçinin interaktif olarak web sayfasını kullanmasına olanak vermemektedir. Bu yüzden etkileşimli web sayfaları oluşturmak
Detaylı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ıjquery kütüphanesini sayfaya eklemek için iki yöntem vardır. 1. Direkt jquery nin sitesinden ekleme
az kod, çok iş! jquery bir JavaScript kütüphanesidir 2006 yılında, John Resig adlı bir JavaScript geliştiricisi tarafından yazılmaya başlanmıştır. Javascript ile yapmak istediğimiz bir uygulama için yazmamız
DetaylıYZM 3215 İleri Web Programlama
YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 3 jquery II. Bölüm Bu bölümde; Jquery II. Bölüm
DetaylıHTML herhangi bir text (metin) editörü (Notepad, Word, Notepad++, Dreamweaver,...) ile hazırlanabilir. Bizler Notepad++ üzerinde kodlama yapacağız.
HTML Etiketleri - 1 HTML HTML, diğer programlama dillerinden farklı olarak sadece görsel düzenleme için kullanılmaktadır. HTML ile sayfadaki metin, resim, animasyon ve diğer nesnelerin nerede nasıl görüntüleneceği
Detaylıİ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ı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ıStil Sayfaları Geliştirmek
A-PDF Split DEMO : Purchase from www.a-pdf.com to remove the watermark 4 Stil Sayfaları Geliştirmek Cascading Style Sheets (CSS) olarak adlandırılan stil sayfaları, metinler ve resimler gibi çeşitli elemanların
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 İç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ı