BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

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

Download "BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4"

Transkript

1 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4

2 Sayfalara Resim Eklemek 2 <IMG> Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı olmayan bir etikettir. Aldığı özellikler: Src: Resmin konumunu belirler. Alt: Resme ait açıklama metni eklemek için kullanılır. Height: Resmin ekrandaki yüksekliğini belirler. Width: Resmin ekrandaki genişliğini belirler. Align: Resmin yataydaki konumunu belirler. Hspace: Komşu nesnelere olan yatay uzaklığı belirler. Vspace: Komşu nesnelere olan düşey uzaklığı belirler. Border: Resmin kenarlık kalınlığını belirler.

3 Sayfalara Resim Eklemek 3 UYGULAMA: IMG etiketinin kullanımı 1. Çalıştığınız klasöre bir resim kopyalayınız. 2. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 3. Kendiniz de farklı bir örnek yaparak istediğiniz bir resmi tarayıcıda görüntüleyiniz.

4 Sayfalara Resim Eklemek 4 <MAP> Etiketi Resim üzerinde belirli bölgelere bağlantı eklemek için kullanılır. Resim üzerinde belirlenen bu alanlara tıklanarak istenilen sayfaya geçilebilir. Name: Hazırlanan haritanın hangi resim için kullanılacağını belirlemek için haritaya isim verilmesini sağlar. <AREA> Etiketi Resim üzerinde istenen bölgeleri belirlemek için kullanılır. Özellikleri: Href: Belirlenen alana bağlantı atamak için kullanılır. Shape: Belirlenen alanın şeklini ayarlar. Rect: Dikdörtgen bir alanı belirler. Parametreleri sırasıyla sol üst x, y ve sağ alt x, y koordinatları Circle: Çembersel bir alanı belirler. Parametreleri sırasıyla merkezin x, y koordinatları, yarıçap Polygon: Dikdörtgen ve çember dışında çok köşeli, kapalı bir alanı tanımlar. Coords: Shape ile belirlenen kapalı alanların koordinatlarını belirlemek için kullanılır.

5 Sayfalara Resim Eklemek 5 UYGULAMA: MAP ve AREA etiketlerinin kullanımı 1. Çalıştığınız klasöre butonlu bir resim kopyalayınız. 2. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz ve butonların üzerine tıklayınız.

6 <A> Anchor Etiketi Bağlantı eklemek için kullanılır. <a> </a> etiketleri arasına yazılan metinlerin veya resim gibi nesnelerin üzerine tıklandığında, tarayıcı ziyaretçiyi belirtilen adrese yönlendirir. Özellikleri: Href: Bağlantı adresini belirlemek için kullanılır. 1. Aynı dizindeki bir sayfayı belirtmek için <a href= index.htm > Ana Sayfa </a> 2. Alt dizinlere ait klasörler içerisindeki bir dosyayı göstermek için <a href= Dersler/BTP207/odev1.doc > Ödev 1 </a> 3. Aynı dizinin üst dizinlerinde olan bir dosyayı göstermek için../ işaretleri üst dizin sayısı kadar kullanılır. <a href=../../../doc/index.htm > Geri dön </a> Örneğinde dosya üç üst dizindedir. 4. URL adresiyle: <a href= > Arama Motoru </a> Bağlantı Eklemek 6

7 Bağlantı Eklemek 7 Not 1: Yol içerisindeki bazı karakterler aşağıdaki şekilde ifade edilir. %25 % yerine %20 boşluk yerine %2F / yerine %3F? yerine kullanılır. Not 2: Tarayıcılar uzantısı htm, html, asp, php gibi görüntüleyebileceği formatlar dışında dosya formatlarına rastladığında bunları bilgisayara indirmek için gerekli prosedürleri yerine getirir. Not 3: Bağlantılar mail adresine yönlendirilebilir. Bunun için mail adresine mailto: eklentisi yapılır. Örneğin, <a href= mailto: > </a>

8 Listeler 8 Bir konuya ait hiyerarşik yapıyı ifade etmek için kullanılır. Listeler sırasız <UL> ve sıralı <OL> olmak üzere ikiye ayrılır: <UL> (Unordered List) Etiketi Numara veya harfler olmaksızın çeşitli şekillerle liste oluşturmak için kullanılır. Özellikleri: Type: Madde imlerinin şeklini belirlemek için kullanılır. Circle: Çember Disc: Daire Square: İçi dolu kare <LI> (List Item) Etiketi Listedeki her bir maddeyi belirler. Sonlandırmalı olmayan etikettir. Sırasız ve sıralı listelerde, <UL> ve <OL> etiketleri arasında, kullanılır.

9 Listeler 9 UYGULAMA: UL ve LI etiketlerinin kullanımı 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Madde işaret tiplerini değiştirerek sayfayı tekrar görüntüleyiniz. 3. Kendiniz de farklı bir liste oluşturunuz.

10 Listeler 10 <OL> (Ordered List) Etiketi Harf veya sayısal tabanlı işaretlenmiş liste yapısını belirler. Özellikleri: Type: Sıralamanın tipini belirler. Aşağıdaki değerleri alır: 1: Sayıyla normal işaretleme (1,2,3,4,5, ) a: Küçük harfle işaretleme (a,b,c,d,e,f, ) A: Büyük harfle işaretleme (A,B,C,D,E,F, ) i: Küçük Roma rakamlarıyla işaretleme (i,ii,iii,iv,v, ) I: Büyük Roma rakamlarıyla işaretleme (I,II,III,IV,V, )

11 Tablolar 11 <TABLE> Tablo Etiketi (1/2) En genel tablo etiketidir. Tablonun başlangıç, bitiş ve tabloya ait özelliklerini belirler. Özellikleri: Align: Tabloyu yatay konumda hizalamak için kullanılır. Varsayılan değeri left (sol) dur. Left: Sola yaslı Right: Sağa yaslı Center: Ortalı Border: Çerçevenin başlığını belirler. Sayısal değer alır. Cellspacing: Hücreler arası boşluğu belirler. Varsayılan değeri 2 dir. Cellpadding: Hücre içeriğinin hücre sınırlarına olan uzaklığını belirler. Varsayılan değeri 1 dir. Width/Height: Tablonun genişliğini ve yüksekliğini belirler. Sabit sayısal değer veya yüzde cinsinden değer alabilir.

12 Tablolar 12 <TABLE> Tablo Etiketi (2/2) Bgcolor: Arkaplan rengini belirler. Background: Arkaplan resmini belirler. Bordercolor: Çerçeve rengini belirler. <TR> (Table Row) Satır Etiketi Tabloya satır eklemek için kullanılır. Tablolar oluşturulurken önce satırlar, sonra o satır içindeki sütunlar oluşturulur. Özellikleri: Align: İçeriğin yatayda hizalanması için kullanılır. Left (sola yaslı), right (sağa yaslı), center (ortalı), justify (iki yana yaslı) değerlerini alır. Valign: Hücre içindeki metnin düşeydeki yerleşimini ayarlar. Top (üstte), middle (ortada), bottom (altta) değerlerini alır. Bgcolor: Arkaplan rengini belirler.

13 Tablolar 13 <TD> (Table Definition) Sütun Etiketi Bir satır içinde sütunlar oluşturmak için, satır etiketleri arasında kullanılır. <TD> etiketleri arasında hücreye ait içerik bulunur. Özellikleri: Align: İçeriğin yatayda hizalanması için kullanılır. Left (sola yaslı), right (sağa yaslı), center (ortalı), justify (iki yana yaslı) değerlerini alır. Colspan/Rowspan: Hücreleri birleştirmek için kullanılır. Width/Height: Sütunun genişliğini ve yüksekliğini ayarlamak için kullanılır. Bu büyüklükler iki şekilde belirlenir. 1. Piksel cinsinden. Örneğin, 150, 400 gibi 2. Yüzde cinsinden: Örneğin 20%, 80%... gibi. Toplam satırın ya da sütunun genişliğine veya yüksekliğine göre belirlenir. Valign: Düşeydeki konumu ayarlar. Top (üstte), middle (ortada), bottom (altta) değerlerini alır. Bgcolor: Arkaplan rengini belirler.

14 Tablolar 14 UYGULAMA: Yukarıda verilen tablonun HTML kodları

15 Tablolar 15 Hücreleri Birleştirmek Hücreleri birleştirmek için <TD> etiketinin aşağıdaki özellikleri kullanılır. Colspan: Aynı satırdaki hücreleri birleştirmek için kullanılır. Sütunları birleştirir. Birleştirilecek hücre sayısı değerini alır. Rowspan: Aynı sütundaki hücreleri birleştirmek için kullanılır. Satırları birleştirir. Birleştirilecek hücre sayısı değerini alır. Satırlar birleştirilecekse üst hücreyi, sütunlar birleştirilecekse sol hücreyi oluşturan <TD> etiketi içerisinde kullanılırlar. Colspan ve Rowspan parametrelerinin aldığı değer kadar alt etiketlerde <TD> etiketi kullanılmaz.

16 Tablolar 16 UYGULAMA:

17 Tablolar 17 UYGULAMA:

18 Tablolar 18 UYGULAMA:

19 Çerçeveler (Frames ) 19 Aynı tarayıcı penceresinde birbirinden bağımsız birden fazla sayfanın gösterimine imkan veren yapılardır. Çerçeve yapıya sahip sayfa tasarımında tüm çerçeveleri ifade eden bir ana sayfa ve tanımlanan çerçeve sayısı kadar gösterilecek sayfa olması gerekir. <FRAMESET> Etiketi: Çerçeve grubunu oluşturmak için kullanılır. Table etiketi gibi çerçeve yapısının başlangıç ve bitişini gösterir. Çerçeveler satır ve sütunlardan oluşur. Özellikleri: Cols: Sütunları belirler. Sütun sayısı kadar sayısal değer alır. Bu değerler sütunun genişliğini belirler. Değerler sabit, yüzde(%) ve * olarak ifade edilebilir. * karakterinin anlamı geri kalanı diğer sütuna dahil etmek anlamına gelir. <frameset cols= 100, 25%, * > Rows: Sayfayı satırlara bölmek için kullanılır. Kullanımı cols özelliği gibidir. <frameset rows= 80, * >

20 Çerçeveler (Frames ) 20 <FRAME> Etiketi: Frameset etiketi ile tanımlanan çerçeveleri isimlendirmek, bağlanacak sayfaları atamak ve çerçevelerin özelliklerini belirlemek için kullanılır. Çerçeve sayısı kadar <frame> etiketi kullanılır. Frameset etiketi içerisinde uzunlukları yazılan çerçevelerle aynı sırada ifade edilir. Özellikleri: FrameBorder: Çerçeveler arasındaki çubuğun kalınlığını belirler. 0 değeri görünmez yapar. Name: Çerçevenin adını belirler. Noresize: Kullanıldığında çerçeve boyutlandırılmaz. Değer almadan kullanılır. Scrolling: Kaydırma çubuklarıyla ilgili ayarlamaları yapmak için kullanılır. Yes: Kaydırma çubukları içerikten bağımsız daima görüntülenir. No: Kaydırma çubukları görüntülenmez. Auto: İçeriğin durumuna göre gerektiğinde kaydırma çubukları oluşturulur. Src: Çerçevede gösterilecek sayfanın yolunu belirler.

21 Çerçeveler (Frames ) 21 UYGULAMA: 1. İstediğiniz içeriğe sahip 3 adet web sayfası hazırlayınız. 2. Aşağıda verilen kodları indeks.htm dosyası olarak kaydediniz. 3. Çerçeve sayfasını oluşturacak aşağıdaki HTML kodlarını d4_frame.htm olarak kaydediniz.

22 Form Elemanları 22 Ziyaretçinin veri girişi yapması için kullanılan nesnelere form elemanları denir. Düğmeler, metin kutuları, seçi düğmeleri, metin alanları yaygın kullanılan form elemanlarıdır. <FORM> Form Etiketi Form elemanlarını içerisine alan ve bu elemanlara yapılacak girdileri parametre olarak hangi yapıya devredileceğini belirleyen en temel ve genel etikettir. Tüm form elemanları <form> </form> etiketi arasında tanımlanır. Özellikleri: Action: Form elemanlarındaki ziyaretçiye ait verilerin hangi yapıya devredileceğini belirler. Bu yapı, CGI dili ile hazırlanmış bir sayfa (php, asp ) veya bir e-posta adresi olabilir. <form action= sorgu.asp method= post > Bu örnekte, form elemanlarına ait veriler sorgula.asp dosyasında olacaktır. Name: Formu adlandırmak için kullanılır.

23 Form Elemanları 23 <INPUT> Etiketi (1/3) Form üzerine çeşitli işlevlere sahip metin kutusu, buton, seçi kutusu, gibi form nesneleri eklemek için kullanılır. Form üzerine yerleştirilecek form nesnelerinin çeşidini TYPE özelliği belirler. Type özelliğinin aldığı değerler: TEXT: Metin kutusu ekler. Bu metin kutusuna tek satır yazılır. Aldığı parametreler: Size: Kutunun sayfadaki büyüklüğünü (uzunluğunu) belirler. MaxLength: Yazılacak maksimum metin uzunluğunu belirler. Value: Metin kutusunun varsayılan değerini belirler. Name: Metin kutusunu adlandırmak için kullanılır. PASSWORD: Metin kutusu ekler. Bu metin kutusuna tek satır yazı yazılabilir. Basılan karakterler * veya biçimde metin kutusuna yazılır. Aldığı parametreler TEXT parametrelerine benzer: size, maxlength, value, name

24 Form Elemanları 24 <INPUT> Etiketi (2/3) CHECKBOX: Seçi düğmesidir. Üzerine tıklandığında seçilir, seçiliyken tekrar tıklanırsa seçisiz hale gelir. Birden fazla checkbox nesnesi birbirinden bağımsız seçilebilir. Aldığı parametreler: Checked: Kutunun seçili olup olmayacağını belirler. Name: İsim vermek için kullanılır. Value: Kutunun sahip olduğu değeri belirler. RADIO: Seçi düğmesidir. Üzerine tıklandığında seçilir, seçiliyken tekrar tıklanırsa değişiklik olmaz. Birden fazla radio nesnesi birbirinden bağımsız seçilemez. Bir radio nesnesini seçisiz yapmak için aynı gruptan diğer radio nesnesine tıklanmalıdır. Aldığı parametreler CHECKBOX parametrelerine benzer: checked, name, value

25 Form Elemanları 25 <INPUT> Etiketi (3/3) SUBMIT: Onay (gönder) düğmesi oluşturur. Form içerisindeki verileri <form> etiketinin action özelliğindeki yapıya göndermek amacıyla kullanılır. Name: İsim vermek için kullanılır. Value: Düğmenin sahip olduğu başlığı belirler. RESET: Sil butonu oluşturur. Form elemanlarını temizlemek için kullanılır. Butona tıklandığında tüm form nesnelerinin içeriği sıfırlanır. Aldığı parametreler: name, value

26 Form Elemanları 26 UYGULAMA: FORM ve INPUT etiketlerinin kullanımı 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Seçi kutularının üzerine tıklayarak seçili hale getiriniz. 3. Kendiniz de farklı bir form oluşturunuz.

27 Form Elemanları 27 <BUTTON> Etiketi Daha görsel, metin ve yanında resimde olabilen butonlar hazırlamak için kullanılır. Buton üzerindeki nesneler normal sayfaya ekleniyormuş gibi <button> etiketleri arasına yerleştirilir. İsim belirlemek için name parametresi kullanılır. UYGULAMA: BUTTON etiketinin kullanımı 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. Farklı bir resim yerleştirerek

28 Form Elemanları 28 <TEXTAREA> Etiketi Çok satırdan oluşan metin kutusudur. Adres, istek, şikayet ve görüş gibi ziyaretçi bilgilerini almak için kullanılır. Özellikleri: Cols: Metin alanının karakter cinsinden genişliğini belirler. Rows: Metin alanının kaç satır olacağını belirler. Name: İsim vermek için kullanılır.

29 Form Elemanları 29 <SELECT> Etiketi Açılır liste kutuları oluşturur. Dışarıdan veri girişi yapılamaz. Sadece listedeki seçenek maddeleri seçilebilir. Alt etiket olarak <OPTION> etiketi ile kullanılır. Özellikleri: Size: Listenin kaç madde olacağını belirler. Multiple: Ctrl tuşuna basılarak birden fazla maddenin seçilebilmesini sağlar. Name: İsim vermek için kullanılır. <OPTION> Etiketi Listeye seçenek eklemek için <SELECT> etiketi ile kullanılır. Selected: İlgili maddenin seçili olup olmayacağını belirler.

30 Form Elemanları 30 UYGULAMA: <SELECT> ve <OPTION> etiketlerinin kullanımı 1. Verilen kodları yazarak tarayıcı sayfasında görüntüleyiniz. 2. <select> etiketinin size ve multiple özelliklerini değiştirerek etkisini gözlemleyiniz. 3. <option> etiketi ile farklı seçenek maddeleri ekleyiniz.

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ı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR ÖĞRENME FAALİYETİ 1 AMAÇ ÖĞRENME FAALİYETİ 1 Uygun ortam sağlandığında web sayfaları için formlar oluşturabileceksiniz. ARAŞTIRMA Web sayfalarında formların kullanım amaçlarını ve nasıl kullanıldığını

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ı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları

Detaylı

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

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

Detaylı

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ı

Metin Text Kutuları. Metin kutusu oluşturmak için tagı kullanılır.

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır. Form İşlemleri Form Nedir? Şu ana kadar öğrendiğimiz konularda hep ziyaretçilere veri göstermeye veya bilgi vermeye çalıştık. Gerek metinlerle, gerekse liste veya resimlerle ziyaretçilere bilgi sunmayı

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ı

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

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

Detaylı

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ı

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

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

Detaylı

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ı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1 Web Formlar ve Sayfalar Arasında Bilgi Gönderme BATML İnternet Programcılığı 1 Bazı web sitelerinde sayfalar arasında bilgi veya değişken göndermek gerekebilir. Gönderilen bu bilgi kullanıcı adı ve şifre

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ı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 12 12- FORMLAR HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar. Formlar yoluyla

Detaylı

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

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

Detaylı

HTML herhangi bir text (metin) editörü (Notepad, Word, Notepad++, Dreamweaver,...) ile hazırlanabilir. Bizler Notepad++ üzerinde kodlama yapacağız.

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ı

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

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

Detaylı

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

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ı

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

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

Detaylı

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

İNTERNET PROGRAMCILIĞI I

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

Detaylı

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın:

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ı

12. Tanımlama Listeleri
,
,

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

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 5

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

Detaylı

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ı

2. HTML Temel Etiketleri

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

Detaylı

BİLİŞİM TEKNOLOJİLERİ

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ı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2

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

Detaylı

Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir?

Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir? ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page vii Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir? 6 Web Taray c (Browser)

Detaylı

2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır.

2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. > 1) Tüm kodlar bunun arasında çalışır. 2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. 3) Sayfa gövde kısmıdır. Renkler, yazılar

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ı

WEB TASARIMIN TEMELLERİ

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ı

www.elektrikogretmenleri.com

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

Detaylı

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

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ı

New Project. User guide

New Project. User guide New Project User guide Table of Contents New Project... 3 Katman Yöneticisi... 4 Katman Yöneticisi Araçları... 6 Katman İşlemleri... 8 Katman Görünümü... 9 Katman Ekleme... 10 Aktif Katman Yapma... 12

Detaylı

Web Programlama Kursu

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

Detaylı

WEB TABANLI PROGRAMLAMA

WEB TABANLI PROGRAMLAMA WEB TABANLI PROGRAMLAMA 6. ve 7. DERS Köprü Ekleme (hyperlinks) ve Map (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için Anchor etiketi kullanılır.

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ı

7. BELGEYE RESİM EKLEME, YAZIM ve ÇİZİM ÖZELLİKLERİ

7. BELGEYE RESİM EKLEME, YAZIM ve ÇİZİM ÖZELLİKLERİ BÖLÜM 7 7. BELGEYE RESİM EKLEME, YAZIM ve ÇİZİM ÖZELLİKLERİ 7.1. Belgeye Resim Eklemek Word programı; belgelere kendi içindeki resim galerisinde bulunan resimleri veya başka programlarda düzenlenmiş resimleri

Detaylı

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER Bu modülü bitirdiğinizde; HTML kodları ile WEB sayfaları için gelişmiş özellikleri kullanabileceksiniz. Ayrıca, 1. WEB sayfaları içi formlar oluşturabilecek, 2. WEB

Detaylı

4. Bağlantı (Köprü) Oluşturma

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ı

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ı

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir?

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir? ÇALIŞMA SORULARI 1. HTML nedir? a) Sayfa içindeki metinlerin tarayıcıda nasıl görüneceğini ve işlevsel olacağını düzenleyen işaret dilidir. b) Diğer sayfaları bağlayan linkler c) Nesneyi bağlayan linkler

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ı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı İNTERNET PROGRAMCILIĞI 2 14. HAFTA İçindekiler PHP ile FORM İŞLEMLERİ Form Elemanları Kullanımı GET ve POST Metodu Hedefler Php komutları kullanarak form elemanlarını etkileşimli hale getirebilir Hazırlayan

Detaylı

Note: If you want to validate a page containing frames, be sure the DTD is set to "Frameset DTD". Read more about XHTML Validation.

Note: If you want to validate a page containing frames, be sure the DTD is set to Frameset DTD. Read more about XHTML Validation. FRAME Tagı Aynı pencere içinde birden fazla sayfa görünmesini istediğimiz zaman çerçeve (frame) kullanırız. Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç

Detaylı

MICROSOFT WORD Word 2000/II TAB AYARLARI :

MICROSOFT WORD Word 2000/II TAB AYARLARI : MICROSOFT WORD 2000 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 TEKNOLOJĠLERĠ

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ı

ArahWeave Dobby Hızlı Başlangıç

ArahWeave Dobby Hızlı Başlangıç ArahWeave Dobby Hızlı Başlangıç I ÇI N D EKI LER NASIL YAPILACAĞINI ÖĞRENECEKSİNİZ: ARAH WEAVE' D E KU M AŞ G Ö RÜ N Ü M Ü BİR ÖRGÜ ÇİZİN Çİ FT KATLI B İ R Ö RG Ü O LU ŞTU RU N İ PLİ KLERİ N REN G İ N

Detaylı

İnternet Programcılığı

İnternet Programcılığı İnternet Programcılığı 1 Öğr.Gör. Fırat YÜCEL Akdeniz Üniversitesi Enformatik Bölümü Kaynak H.M. Deitel, P.J. Deitel and T.R. Nieto, Internet and World Wide Web: How to Program, Prentice Hall, 2002 2 Web

Detaylı

WEB TASARIMI VE PROGRAMLAMA DERSİ

WEB TASARIMI VE PROGRAMLAMA DERSİ WEB TASARIMI VE PROGRAMLAMA DERSİ Dersin Modülleri HTML 1 HTML 2 Web Tasarım Editörü 1 Web Tasarım Editörü 2 Web Tasarım Editörü 3 Web Tasarım Editörü 4 Etkileşimli Web Uygulamaları 1 Etkileşimli Web Uygulamaları

Detaylı

2. Belgeye Metin Ekleme

2. Belgeye Metin Ekleme METİN İŞLEMLERİ Flashta 2 çeşit metin vardır:1)tlf metni 2)Klasik metin 1)TLF Metni : CS5 ile başlayan metin türü. TLF metni FLA dosyanızın yayınlama ayarlarında ActionScript 3.0 ve Flash Player 10 veya

Detaylı

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu Boğaziçi Üniversitesi Bilgi İşlem Merkezi Web Yönetimi Birimi Drupal Kullanım Kılavuzu KONULAR 1. Kullanıcı Girişi Yapma 2. Ana Menüyü Düzenleme 3. Site Logosunu Düzenleme 4. Yeni Sayfa Ekleme / Düzenleme

Detaylı

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için HTML Ders 8 Kayan Çerçeveler Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için Web sayfasının bu kısmında kayan çerçeve

Detaylı

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

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

Detaylı

Photoshop ta Web Sayfaları Oluşturma

Photoshop ta Web Sayfaları Oluşturma Photoshop ta Web Sayfaları Oluşturma Dilimleme Photoshop ta üzerinde çalışılan resim dosyaları, düzenlenen fotoğraflar veya tasarlanan sayfalar web ortamında kullanılmak üzere hazırlanabilir. Bir web sayfasını

Detaylı

Çözüm Bilgisayar. Çözüm İntSite

Çözüm Bilgisayar. Çözüm İntSite Çözüm Bilgisayar Çözüm İntSite Çözüm İnternet Site Programı (intsite.exe) Firmamızca geliştirilen ve Çözüm HBYS programının ana modülü olan Hasta Takip modülünü kullanan tüm hastanelerin kullanabileceği

Detaylı

Bilgisayar ALANI Web Tasarımına Giriş MODÜLÜ

Bilgisayar ALANI Web Tasarımına Giriş MODÜLÜ KIRGIZİSTAN CUMHURİYETİ GENÇLİK, EMEK VE İSTİHDAM BAKANLIĞI KIRGIZİSTAN TÜRKİYE MANAS ÜNİVERSİTESİ NİTELİKLİ İŞGÜCÜ GELİŞTİRME PROJESİ NİGEP САПАТТУУ ЖУМУШЧУ КАДРЛАРДЫ ДАЯРДОО ДОЛБООРУ САЖУКАД Bilgisayar

Detaylı

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010 Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010 Bu belge BT Sınıfı Etkinliklerinde Kullanılmak Üzere Hazırlanmıştır İÇİNDEKİLER GİRİŞ... 3 ÜYE (KAYIT) OLMA... 3 YÖNETİM PANELİ İŞLEMLERİ... 5 ŞABLON AYARLARI...

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ı

WEB TASARIMI veprogramlama DERSİ CSS DERS NOTLARI

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ı

C# Form Uygulamaları. Nesne Tabanlı Programlama I (C#) Ders Notu. S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY

C# Form Uygulamaları. Nesne Tabanlı Programlama I (C#) Ders Notu. S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY Nesne Tabanlı Programlama I (C#) Ders Notu S.Ü.Akören A.R.E. Meslek Yüksekokulu C.ÖZCAN- F.SARAY C# Form Uygulamaları C# da yeni bir uygulama açmak için File>New>Project seçilir. Daha sonra açılan pencerede

Detaylı

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

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ı

HTML (Hyper Text Markum Language)

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

Detaylı

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ı

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 5. ve 6. DERS Listeler ve Resim Ekleme (HTML Giriş) YARD. DOÇ. DR.

BİLGİSAYAR 4. MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 5. ve 6. DERS Listeler ve Resim Ekleme (HTML Giriş) YARD. DOÇ. DR. BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 5. ve 6. DERS Listeler ve Resim Ekleme (HTML Giriş) YARD. DOÇ. DR. MEHTAP YALÇINKAYA LİSTELER HTML de üç tip liste hazırlama vardır Sıralı listeler (orderedlist)

Detaylı

DENEME SINAVI. ECDL BAŞLANGIÇ Hesap Tablosu

DENEME SINAVI. ECDL BAŞLANGIÇ Hesap Tablosu DENEME SINAVI ECDL BAŞLANGIÇ Hesap Tablosu 1. Hesap Çizelgesi (Microsoft Office - Excel) uygulamasını açınız. Başlat > Programlar > Microsoft Office > Microsoft Office Excel 2003 yolu izlenerek Excel programı

Detaylı

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

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

Detaylı

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ı

16. Kesit ve Cephe Aracı

16. Kesit ve Cephe Aracı 16. Kesit ve Cephe Aracı Bu Konuda Öğrenilecekler: Kesit/cephe bilgi kutusu ile çalışmak Kesit/cephe oluşturmak Kesit/cephe geçerli ayarlarıyla çalışmak Kesit/cephelere erişmek ve değiştirmek Kesit/cephelerin

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

ARGOBAR LİTE IN PROGRAMININ KULLANIMI Argobar Lite programı çalıştırıldığında programın ilk görüntüsü aşağıdaki gibidir.

ARGOBAR LİTE IN PROGRAMININ KULLANIMI Argobar Lite programı çalıştırıldığında programın ilk görüntüsü aşağıdaki gibidir. Sayfa: 0 ARGOBAR LİTE IN PROGRAMININ KULLANIMI Argobar Lite programı çalıştırıldığında programın ilk görüntüsü aşağıdaki gibidir. Etiket boyutlarını ayarlamak Argox A-200 Barkod / Etiket yazıcısına takılı

Detaylı

BAĞIMSIZ DEĞERLENDİRİCİ BAŞVURU SİSTEMİ

BAĞIMSIZ DEĞERLENDİRİCİ BAŞVURU SİSTEMİ BAĞIMSIZ DEĞERLENDİRİCİ BAŞVURU SİSTEMİ KALKINMA AJANSLARI YÖNETİM SİSTEMİ KAYS Sisteminde «Kullanıcı Hesabı» Açılması Özgeçmişin(CV) Sisteme Girilmesi/Güncellenmesi Açık Programlara Başvuru Yapılması

Detaylı

WEB TASARIMI VE PROGRAMLAMA

WEB TASARIMI VE PROGRAMLAMA WEB TASARIMI VE PROGRAMLAMA MODÜL ADI SÜRESİ TASARIMIN TEMEL İLKELERİ 40/8 HTML İLE BASİT WEB İŞLEMLERİ 40/32 HTML İLE GELİŞMİŞ WEB İŞLEMLERİ 40/32 STİL ŞABLONU (CSS) 40/32 WEB TASARIM EDİTÖRÜNE GİRİŞ

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ı

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler...

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler... i İçindekiler Kullanıcı Giriş Ekranı... 1 Ana Sayfa... 2 1-Projeler... 3 1.1 Yeni Proje... 3 1.2 Proje Düzenle... 3 1.3 Proje Sil... 3 1.4 Listeyi Güncelle.... 3 2-Gruplar... 4 2.1.1 Grup Adı.... 5 2.1.2

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ı

PERKON PDKS Kurulum ve hızlı başlangıç rehberi

PERKON PDKS Kurulum ve hızlı başlangıç rehberi Oluşturma 02.11.2015 Revizyon: 19.01.2016 Rev. No: 03 Yazan: Süleyman FAKİR Düzenleyen: F. DELİRİ PERKON PDKS Kurulum ve hızlı başlangıç rehberi 1) PDKS Kurulumu, Lisans Onaylaması Ve Veri Tabanı Ayarları

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ı

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ı

TEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA

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ı

Kopyalanmış veya kesilmiş içeriği imlecin bulunduğu yere yapıştırır. Bir konumdaki biçimlendirmeyi kopyalar ve başka bir konuma uygular.

Kopyalanmış veya kesilmiş içeriği imlecin bulunduğu yere yapıştırır. Bir konumdaki biçimlendirmeyi kopyalar ve başka bir konuma uygular. POWERPOINT PROGRAMI GİRİŞ MENÜSÜ Kaydet: Açık olan belgeyi kaydeder. En son yapılan işlemi geri alır. En son yapılan işlemi yineler. Slaytların genel tasarımını değiştirir. Seçili olan kısmı keser. Seçili

Detaylı

TEMEL EXCEL. 1 - Excel e Giriş

TEMEL EXCEL. 1 - Excel e Giriş TEMEL EXCEL 1 - Excel e Giriş Excel e Başlangıç Excel Ekranı Ribbon (Şerit) Kullanmak, başka Bilgisayarlara Uygulamak Backround (Arka Plan) Görünümünü Değiştirmek Kısa Yol Menülerini Kullanmak Diyalog

Detaylı

Okul Web Sitesi Yönetim Paneli Kullanımı

Okul Web Sitesi Yönetim Paneli Kullanımı Millî Eğitim Bakanlığı Bilgi İşlem Grup Başkanlığı tarafından ortak web sitesi tasarım çalışması yapılmıştır. Çalışmanın amacı tüm kurumlarımızın standart bir web sayfasına sahip olmalarını sağlamaktır.

Detaylı

HESAP MAKİNASI YAPIMI

HESAP MAKİNASI YAPIMI HESAP MAKİNASI YAPIMI 1..Aşağıdakine benzer görünüm ve butonları hazırlayın. 2. 24. Butonun içerisine aşağıdaki kodları yazın. 3. Yeni bir layer ekleyip Frame1 F9 na aşağıdaki kodları ekleyelim. 4. Butonlardan

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ı

Okul Web Sitesi Yönetim Paneli Kullanımı

Okul Web Sitesi Yönetim Paneli Kullanımı Millî Eğitim Bakanlığı Bilgi İşlem Grup Başkanlığı tarafından ortak web sitesi tasarım çalışması yapılmıştır. Çalışmanın amacı tüm kurumlarımızın standart bir web sayfasına sahip olmalarını sağlamaktır.

Detaylı

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

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

Detaylı

T.C. MİLLİ EĞİTİM BAKANLIĞI MEGEP (MESLEKİ EĞİTİM VE ÖĞRETİM SİSTEMİNİN GÜÇLENDİRİLMESİ PROJESİ) ENDÜSTRİYEL OTOMASYON TEKNOLOJİLERİ

T.C. MİLLİ EĞİTİM BAKANLIĞI MEGEP (MESLEKİ EĞİTİM VE ÖĞRETİM SİSTEMİNİN GÜÇLENDİRİLMESİ PROJESİ) ENDÜSTRİYEL OTOMASYON TEKNOLOJİLERİ T.C. MİLLİ EĞİTİM BAKANLIĞI MEGEP (MESLEKİ EĞİTİM VE ÖĞRETİM SİSTEMİNİN GÜÇLENDİRİLMESİ PROJESİ) ENDÜSTRİYEL OTOMASYON TEKNOLOJİLERİ SUNUCU SERVİSLERİ-3 ANKARA 2008 Milli Eğitim Bakanlığı tarafından geliştirilen

Detaylı

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML Nedir? İşaretleme dili (HyperText Markup Language) Web sayfalarında gösterim işini sağlamak için kullanılan bir işaretleme dilidir. İşaretleme dili, metinlerin

Detaylı

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

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

Detaylı

Q-Biz İş Zekası 5.1. Versiyon Yenilikleri

Q-Biz İş Zekası 5.1. Versiyon Yenilikleri Q-Biz İş Zekası 5.1 Versiyon Yenilikleri İçindekiler Q-Biz İş Zekası 5.1 Versiyon Yenilikleri... 1 1. Performans Gösterim Sahası... 3 2. Anahtar Performans Tanımları (KPI)... 5 3. Dashboard Özellikleri...

Detaylı

4 Front Page Sayfası Özellikleri

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ı

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2 Giriş Html temelleri Ders 2 World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en

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ı

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

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

Detaylı