CSS(CASCADING STYLE SHEETS)
|
|
- Aylin Karakuş
- 8 yıl önce
- İzleme sayısı:
Transkript
1 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 nesnelerin biçimsel özelliklerini düzenleriz.örneğin bir yazının rengini,boyutunu ve farklı bir çok özelliğini css yazarak yönetebiliriz.sayfamızdaki görünüm tutarlılığını sağlarız.bir çok sayfada benzer görünümler olsun istediğimizde nesneleri tek tek biçimlendirmek yerine birkez css stilleri yazıp o stilleri ilgili nesnelere atamamız yeterli olacaktır. CSS KULLANMANIN FAYDALARI? CSS kullanarak sayfamızdaki görünümleri daha smart bir hale getiririz.böylelikle internet kullanıcısına tutarlı ve daha düzenli bir web sayfası sunmuş oluruz.web sayfalarında tasarımla birlikte bu tasarımın doğru şekilde internet ortamına aktarılması ve çalışması CSS kodları yardımı ile olacaktır. CSS YAZIM ŞEKİLLERİ 1.Html Kodu içinde style tagı ile nesneye ekleyerek kullanabiliriz. 2.Head Tagı arasına css klaslarını ve seçicilerini yazarak kullanabiliriz. 3.Dışarıdan bir css dökümanını html sayfamıza <link> elementi ile ekleyebiliriz. EN ÇOK TERCİH EDİLEN YÖNTEM 3.YÖNTEMDİR SEBEBİ: Html Koduna dışarıdan bir dosya ile css dokümanı ekleyerek kodu daha düzenli ve daha anlaşılır bir hale getiririz.html Kodu ne kadar uzun ve karışıksa sayfada o kadar yavaş açılır
2 Büyük projelerde her bir satır ciddi önem taşır. Ayrıca performansta da ciddi faydaları vardır.sayfanın yüklenme hızı artar. HTML DOSYASINA CSS DOSYASI EKLEME? Html kodumuzun head etiketleri arasına; <head> <link rel="stylesheet" type="text/css" href="ornek.css"> </head> kodunu ekleyerek dışarıdan bir css dosyasını html sayfamıza ekleyebiliriz.görüldüğü gibi link elementi ile dışarıdan bir css dökümanını dökümanın bulunduğu adresi "href" kodu ile ekledik.artık bu html dosyamız için geçerli stilleri ornek.css dosyası içerisine yazabiliriz. CSS KOD YAPISI Css temel olarak seçicilerden oluşan bir sitiller bütünüdür.seçiciler yardımı ile hani elemente biçimlendirme atayacağımızı denetleyebiliriz.genel olarak tüm htm elementleri birer seçicidir. Örn:"body,h1,a,p,ol,ul," elementleri CSS içerisinde doğal birer seçicidir. SEÇİCİLER(SELECTORS): Html içerisindeki seçicileri kullanabildiğimiz gibi kendi seçicilerimizi de oluşturabiliriz.kendi seçicilerimizi oluştururken dikkat etmemiz gereken ilk durum oluşturacağımız seçicinin kullanım durumudur. SINIF SEÇİCİLERİ(CLASS): Eğer seçimizi oluşturup biçimlendirmelerini atadıktan sonra bu seçicimizi birden fazla nesne için kullanacaksak bu seçiciyi bir sınıf(class) olarak tanımlamamız gerekir.sınıf (Class) seçicileri bir kez tanımlandıktan sonra birden fazla elemente atanabilir. Sınıf seçicilerini(class) şu şekilde tanımlarız: ".ornek { " ornek adında bir sınıf tanımladık. ID SEÇİCİLERİ Id Seçicisi Sınıf Seçicisinden farklıdır. Sınıf Seçicisi sayfada birden fazla elemente atanırken Id Seçicisi sadece bir tane elemente atanır. Seçicisi adının başında" #" işareti olan Seçiciler Id Seçicisidir. ID seçicileri şu şekilde tanımlarız: " #ornek { " ornek adında bir id seçici tanımladı bu seçiciyi yalnızca bir elemente bir kez kullanmalıyız. HTML ELEMENTLERİNİ BİÇİMLENDİRME
3 BODY ELEMENTİ:Body elementi sayfanın genel yapısının yani gövdesinin bulunduğu alandır.bu element içerisinde sayfanın genelinde yani heryerinde görebileceğimiz biçimlendirmeleri yazabiliriz. BODY ELEMENTİ İÇİNDE YAPABİLCEĞMİZ BİÇİMLENDİRMELER: bacground-color:arka Plan rengini belirleriz background-image:arka Plan resmi ekleyebiliriz. background-repeat:eklediğimiz arkaplan resminin tekrar edip etmeyeceğini yada "x" yönündemi "y" yönündemi tekrar edeceğini denetleriz. background-attachment:arkaplanın sabit kalmasını sadece içeriğin hareket etmesini sağlayabiliriz. YUKARIDAKİ KODLARI TEK TEK YAZABİLDİĞİMİZ GİBİ TEK SATIRDADA YAZABİLİRİZ! "background:url(../images/bg-image.jpg) no-repeat #FFF right bottom fixed;" MARGIN VE PADDING DEĞERLERİ:Margin ve padding değerleri ile sayfamızın ve içerisindeki nesnelerin boşluklarını veya kendi aralarındaki boşluklarını denetleyebiliriz. Margin:Kenar Dıs Boslugu,Nesnenin dış kenara olan uzaklığı, Padding:Kenar iç boslugu,nesnenin iç kenarına olan boşluğu olarak adlandırılabilir. MARGIN VE PADING KULLANIMI: "margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px;" şeklinde yazılabildiği gibi, "margin: 0px 0px 0px 0px;" yada "margin:0px" şekillerinde de yazılabilir. Padding değeride yine aynı şekillerde yazılabilir.örn: "padding:0px" gibi. TEXT ELEMENTLERİNİ BİÇİMLENDİRME: CSS kodları yardımı ile metin nesnelerimizi de yine çeşitli stillerde biçimlendirebiliriz TEXT ELEMENTLERİ İÇİN YAPABİLCEĞMİZ BİÇİMLENDİRMELER: text-decoration:underline;yazıya alt çizgi vermek için kullanılır. text-decoration:none; yazıdaki alt çizgiyi kaldırmak için kullanılır. color:yazı rengini verdiğmiz bölüm. text-align:yazının yönünü berittiğimiz alandır.text-align için kullanabileceğimiz değerler:"left, right, center, justify" text-transform:lowercase veya uppercase değerleri verebiliriz.text nesnemizin büyük küçük harf olma durumunu denetleriz. text-indent: belirtilen piksel değeri kadar metin nesnemiz içeri girecektir. örnk "text-indent:10px;" FONT ELEMENTİ İLE METİN BİÇİMLENDİRME: Metinsel ifadelerimizin yazı tipi yazı büyüklüğü rengi ve kalınlığı gibi değerleri yönettiğimiz stilleridir. Font aşağıdaki gibi çeşitli özellikleri belirtir: font-family:yazı tipini ve yazı tipinin dahil olduğu font ailesini belirleriz.buarada amaç belirttiğimiz fontu veya o aileden herhangi bir font değerinin alınmasını sağlamaktır. Örnek:"font-family:"Comic sans MS", Helvetica, sans-serif;"
4 font-size:0.875em; veya font-size:12px;:yazının boyutunu belirlediğimiz bölümdür.burada dikkat ederseniz piksel değerinin dışında birde em değeri kullanılmıştır em değerini tüm tarayıcılar tanıyabilir dolayısıyla px değeri yerine em değeri vermek daha doğru olacaktır. Piksel ve em arasındaki rakamsal ilişki ise 16px = 1em şeklindedir. font-style:normal:yazının eğik (italik) veya normal sitilde görünmesini denetleriz. font-weight:bold; Yazının kalınlık ve incelik durumunu denetleyebildiğimiz alandır.piksel olarak ayarlayabildiğimiz gibi bold,bolder,normal,light gibi değerlerde verebiliriz. LINK ELEMENTLERİNİ (a) BİÇİMLENDİRME: Bildiğimiz gibi linkler Html yazımında "a" olarak adlandırılır.daha öncede belirtildiği gibi linkler yani a elementi css için de bir seçici olarak çalışır ve a elementinin çeşitli durumları ve özellikleri vardır. Bu durumlar: a:link: Ziyaret edilmemiş link a:visited:ziyaret edilmiş olan link durumu a:hover:mause ile üzerine gelinmiş olan link durumu a:active: mause ile tıklandığı anki link durumu Yukarıdaki yazım şekli ile sayfamızdaki linkleri biçimlendirebiliriz.yazacağımız bu kodlar sayfamızdaki tüm linkler için geçerli olacaktır.aynı sayfa içerisinde birbirinden farklı link görünümleri oluşturmak istersek bunun için bir class nesnesi tanımlamalı ve bu nesnemizi linklere atamalıyız örnek olarak; a.kirmizi{ font-family:verdana, Geneva, sans-serif; font-weight:bold; font-style:normal; font-size:12px; a.kirmizi:link{text-decoration:none; color:#f00; a.kirmizi:visited{text-decoration:underline; a.kirmizi:hover{background-color:#000; color:#fff; a.kirmizi:active{background-color:#609; color:#fff; Yukarıda görüldüğü gibi a nesnesi içerisinde bir class tanımladık ve bu klas içerisindeki linklerin durumlarını biçimlendirdik. LİSTE ELEMENTLERİNİ (ol,ul) BİÇİMLENDİRME: ol,ve ul elementleri html sayfalarda sıralı ve sırasız listeler oluşturmak için kullandığımız elementlerdir.aynı şekilde ol ve ul elementler ide CSS için doğal birer seçicidir. CSS'de sıralı ve sırasız listeleri yatay ve dikey menuler yapmak için kullanırız. ul:sırasız listeler,ol:sıralı listeler olarak adlandırılır. Örnek: ul li{font-family:verdana, Geneva, sans-serif; font-size:0.75em; color:#900; ol li{font-family:verdana, Geneva, sans-serif; font-size:0.75em; color:#333; Kodunu yazdığımızda sayfamızdaki tüm sıralı ve sırasız liste nesnelerini biçimlendirmiş olduk.görüldüğü gibi font,size ve color özelliklerini de belirtilen şekillerde kullandık. list-style-type:liste nesnesinin tipini belirler.
5 background:liste nesnesinin arka plan resmini belirler. list-style-image:sıralı listelere ikonlar eklemek için kullanılır. Listeleri kullanarak bir menu yapmak istersek sıralı listelere "list-style-image" özelliği ile çeşitli ikonlar atayabilir ve resimli menuler oluşturabiliriz.bunun için aşağıdaki kodu yazmamız ve listemiz yanında görünmesini istediğimiz resmin adresini vermemiz yeterlidir.örnek: Örnek: ol{list-style-image:url(../images/ _tick-circle.png); LİSTELERE ARKA PLAN RESMİ UYGULAMA: Liste nesnelerine bir arka plan resmi vererek te menu görünümü oluşturabiliriz. ul nesnesinin li öğesine aşağıdaki kodu yazarak bir arka plan resmi atayabiliriz. ul li{ width:201px; height::31px; background:url(../images/link.jpg) no-repeat; LİSTELER İLE DİKEY MENU YAPMA: Listeleri kullanarak dikey bir menu yapabiliriz.bunun için oluşturduğumuz listenin nesnelerini yatay konuma yerleştirmemiz lazım.ol ve ul nesneleri dikey olarak sıralanan listelerdir.bu listeleri yatay hale getirmek için "FLOAT" yüzdürme özelliğini kullanırız.listenir her bir öğresini float ettirdiğimiz zaman bir liste menusu yerleştikten sonra gelen menu öğesi artık float özelliğinde olduğu için alt satıra değilde diğer nesnenin yanına gelecektir.kulanımı için aşağıdaki örneği inceleyiniz. ul{ list-style-type:none; margin:0px; padding:0px; Listemizi tanımladıktan sonra liste öğelerimizide tanımlayıp biçimlendiriyoruz. ul li{ font-family:tahoma, Geneva, sans-serif; font-size:0.75em; witdh:100px; height:24px; background-color:#ccc; text-align:center; line-height:24px; float:left;
Cssin Html İçerisinde Kullanım Şekilleri, Puseduo Class Örnekleri
Puseduo Class Örnekleri Cssin html içerisinde kullanım şekilleri, puseduo class örnekleri CSS Stillerini HTML içerisine bağlama Css yapacağımız stilleri Html içerisinde 3 farklı şekilde bağlayabiliriz.
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ı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ı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ı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ı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 (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ı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ı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ı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ı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ı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 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ı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ıİ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ı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ı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ı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ı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ı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ı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ı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ı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ı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ı4 Front Page Sayfası Özellikleri
4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak
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ıTEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA
TEMEL BİLGİSAYAR Ders Notları Yrd. Doç. Dr. Seyit Okan KARA Pencerenin ortasında bulunan beyaz sayfa, slayt tasarımında kullanacağımız sayfamızdır. Sol panelde bu slayt sayfasının küçültülmüş halde bir
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 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ı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ı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ı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ı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ı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ıKELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI
KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI Microsoft Office Word programı, Amerika da bulunan ve Bill Gates in sahibi olduğu yazılım firması Microsoft tarafından
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ı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ı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ı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 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ı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ıAşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.
12 DÜZEN TABLOLARI Microsoft Office FrontPage 2003 programında düzen tabloları ve hücrelerini kullanarak, profesyonel görünümlü Web sayfası düzenleri oluşturabilirsiniz. Düzen tablosu, sayfa düzeni için
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ı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ı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ıTemel Bilgisayar Dersi
ENFORMATİK BÖLÜM BAŞKANLIĞI Temel Bilgisayar Dersi Bölüm 4-5-6: Microsoft Word Hızlı Erişim Araç Çubuğu: Sık kullanılan komutlar buraya eklenip, kullanılacağında hızlı erişim sağlanabilir. Office Word
Detaylı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ıİ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ı<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ı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ıÖ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ı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ı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ı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ıwww.wikispaces.com Kullanım Kılavuzu
www.wikispaces.com Kullanım Kılavuzu İnternet tarayıcınıza(internet Explorer vb.) www.wikispaces.com adresini yazıp enter tuşuna bastığınızda yukarıdaki ekranla karşılaşacaksınız. Önceden oluşturmuş olduğunuz
DetaylıBilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ. Öğr. Gör. Rıza ALTUNAY
CSS Ünite 7 Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ Öğr. Gör. Rıza ALTUNAY 1 Ünite 7 CSS Öğr. Gör. Rıza ALTUNAY İçindekiler 7.1. CSS KULLANIM ALANLARI... 3 7.1.1. Yerel Kullanım Alanı...
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ı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ı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ı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ı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ıMIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2. 1. Bölüm: Temel HTML Etiketleri - Resimler
MIS213T İNTERNET VE WEB PROGRAMLAMA GÜZ 2016 LAB DOKÜMANI #2 Konular - Temel HTML etiketleri kullanma, - Resim, arkaplan rengi, arkaplan resmi ekleme, - Link oluşturma ve ekleme, - Maddeleme, numaralandırma,
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ı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 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ı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ı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ı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ıİ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ı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ı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ı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ı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ıİ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ı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ıWORD KULLANIMI OFFICE DÜĞMESİ HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER ŞEKİL, RESİM EKLEME TABLO EKLEME ETKİNLİKLER
OFFICE DÜĞMESİ HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER ŞEKİL, RESİM EKLEME TABLO EKLEME ETKİNLİKLER Office Word Programı ile çalışma sayfamıza Yazı yazabilir, Yazılarımızın görünümlerini değiştirebilir, Tablolar
DetaylıWEB Tasarımcılığa İLK ADIMLAR
Yeni başlayanlar Ve Gelişmek İsteyenlere WEB Tasarımcılığa İLK ADIMLAR Batuhan Akkaya www.webtehayat.com 0 Kitap Hakkında; Kitabımı web tasarım işlerine yeni başlayanlar veya az bilgisi olan kişilerin
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ı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ıİ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ı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 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 Listeleme Etiketleri Sıralı liste oluşturmak için
DetaylıMaltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi
Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi GENEL DERS BİLGİLERİ Öğretim Elemanı Ofis : MUH 312 : Öğr. Gör. Dr. T.Tugay BİLGİN Ofis Saatleri : Pazartesi:
DetaylıMS POWERPOINT 2010. Şekil 111 Powerpoint 2010 Programını Başlatmak
MS POWERPOINT 2010 1.Giriş: PowerPoint, Windows ortamında çalışan bir sunu paket programıdır. Metin, taslak, çizim ve grafikler kullanılarak sunular, slaytlar, broşürler, bildiriler, konuşmacı notları
DetaylıWord Tablo Araçları Menüsü
Word 2007 - Tablo Araçları Menüsü Tablo araçları menüsünün açıklanması TABLO ARAÇLARI MENÜSÜ Ekle menüsü tablo araçları Wınword 2007 de tablo araçlarına ulaşabilmek için ilk önce ekle menüsünden belgemize
Detaylı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ı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ı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ı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ıMicrosoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça
Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ikinci Bölüm İçindekiler İçindekiler i Microsoft FrontPage 2003 2 Atlama Menüsü Eklemek:
DetaylıMEBWEB OKUL/KURUM WEB SİTELERİ KULLANIM KLAVUZU TEMEL İŞLEMLER
MEBWEB OKUL/KURUM WEB SİTELERİ KULLANIM KLAVUZU TEMEL İŞLEMLER 1.WEB PANELE GİRİŞ www.okuladı.meb.k12.tr/mebpanel Resim1: Okul Web Siteleri Yönetim Paneli [MebWeb] Giriş Ekranı AÇIKLAMA: Okulunuzun web
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ı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ı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ıWORD KULLANIMI
KELİME İŞLEMCİ-MİCROSOFT OFFİCE q OFFICE DÜĞMESİ q HIZLI ERİŞİM ARAÇ ÇUBUĞU q MENÜLER q ŞEKİL, RESİM EKLEME q TABLO EKLEME q ETKİNLİKLER 1 OFFICE DÜĞMESİ: Çalışmamız ile ilgili dosya işlemleri yapmamızı
DetaylıHizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için:
Biçimleme Metin biçimleme Hizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için: 1. Hizalamak istediğiniz metni seçin. 2. Giriş sekmesini
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ı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ı