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

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

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

Transkript

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

2 Word Dokümanı - Yapılandırma

3 Web Sayfası - Yapılandırma

4 What You See Is What You Get (WYSIWYG)

5 Zengin Metin İşaretleme Dili (HTML) HTML: Web sayfalarının yapısını tanımlamaya yarayan dildir.

6 HTML - Elemanlar ve Etiketler (Elements and Tags)

7 Etiketler - Açılış Etiketi (Opening Tag) küçüktür işareti karakter p: paragraf büyüktür işareti

8 Etiketler - Kapanış Etiketi (Closing Tag) ileri taksim işareti

9 Etiket Özellikleri (Tag Attributes) Özellik adı Özellik değeri

10 Basit bir HTML web sayfası (kod)

11 Basit bir HTML web sayfası (sonuç)

12 Windows'ta yeni web sayfası oluşturma (1) (1) Donatılar'dan Not Defteri uygulamasını açın.

13 Windows'ta yeni web sayfası oluşturma (2) (2) Not defterine HTML kodunu yazın.

14 Windows'ta yeni web sayfası oluşturma (3) (3) Dosya menüsünden "Farklı Kayder" i seçin (4) "Kayıt tipi" olarak tüm dosyaları seçin (5) ".html" uzantısını da yazarak dosyayı kaydedin.

15 Web sayfalarının kaynak kodunu görmek (1) Sayfaya sağ tıkla (2) Kaynağı göster (IE) veya Sayfa kaynağını göster (FF ve Chrome)

16 <HTML>, <HEAD> ve <TITLE> Etiketleri <html> Kapanış etiketine (</html>) kadar olan herşeyin html kodu olduğunu belirtir. <head> Web tarayıcısın ana sayfasında gösterilmeyen ve sayfa hakkındaki bilgileri içerir (örnek: sayfa başlığı). «body» etiketinden önce kullanılır. <title> Tarayıcının en üstündeki alanda ya da sayfanın kendi tabında gösterilir.

17 <BODY> Etiketi <body> Web tarayıcısın ana sayfasında gösterilen herşey bu etiket içerisinde yer alır.

18 <TITLE> Örneği Title etiketi içeriği burada gösterilir

19 Başlıklar (Headings) <h1> <h2> <h3> <h4> <h5> <h6>

20 Paragraflar

21 <B> ve <STRONG> Etiketleri <b> ve <strong> görsel olarak aynı etkiye sahiptir. Farklı olarak, <strong> içerisindeki ifadeyi, arama motoru robotları (search engine bots) önemli bir bilgi olarak algılar.

22 <SUP> ve <SUB> Etiketleri Üst simge ve Alt simge

23 Boşluk Karakteri

24 HTML Karakter Kodları Karakter Desimal Kodu İsimlendirilmiş Giriş Açıklama " " " Çift Tırnak İşareti (Quotation mark) & & & VE İşareti (Ampersand) < < < Küçüktür (Less than) > > > Büyüktür (Greater than) [Kesintisiz] Boşluk (Nonbreaking space) veya &brkbar; Kesintili Dikey Çizgi (Broken vertical bar) Telif Hakkı (Copyright)

25 <BLOCKQUOTE> ve <Q> Etiketleri

26 <CITE> Etiketi - Alıntılar

27 <DFN> Etiketi - Tanımlama

28 <ADDRESS> Etiketi Yazar Erişim Bilgisi

29 <S> Etiketi Geçerliliğini Kaybetmiş Bilgi

30 <OL> ve <LI> Etiketleri Sıralı Listeler

31 <DL>, <DT> ve <DD> Etiketleri Tanım Listeleri

32 İçiçe Listeler

33 Örnek

34 Örnek Çözüm 1. bölüm

35 Örnek Çözüm - 2. bölüm

36 <A> Etiketi Bağlantılar (Links) Mutlak adresler (Absolute URL)

37 <A> Etiketi Bağlantılar (Links) Bağıl adresler (Relative URL)

38 Örnek En sevdiğiniz ya da en çok ziyaret ettiğiniz 3 web sitesine sıralı liste halinde başlantı içeren web sayfasını oluşturunuz.

39 Dizin İndeks Dosyaları (index.html veya index.htm) Web tarayıcısından biir dizine erişilmek istendiğinde, eğer varsa içeriği otomatik kullanıcıya gösterilen HTML dosyalarıdır.

40 Dizin Yapısı ve Bağıl Adresler (1) Aynı dizin: music dizininden reviews.html sayfasına erişmek için Alt dizin: Ana sayfadan music dizinindeki listelere (listings.html) erişmek için İki alt dizin: Ana sayfadan DVD incelemelerine (reviews.html) erişmek için

41 Dizin Yapısı ve Bağıl Adresler (2) Üst dizin: musik incelemeleri dizininden ana sayfaya erişmek için İki üst dizin: DVD incelemeleri dizininden ana sayfaya erişmek için

42 Bağlantıları mailto:

43 Bağlantıları Yeni Pencerede Açmak target

44 Aynı Sayfadaki Bir Alana Bağlantı Bu html dosyasını oluşturup test ediniz.

45 Başka Bir Sayfadaki Bir Alana Bağlantı <a href= web sitesinin "bottom" isimli alanına bağlantı sağlar.

46 <IMG> Etiketi İle İmge Eklemek (1)

47 <IMG> Etiketi İle İmge Eklemek (2) src: Resmin bulunduğu URL. alt: Resmin gösterilememesi durumunda, onun yerine gösterilecek yazı. title: Resim hakkında ekstra bilgi. Genellikle resmin üzerine fare getirildiğinde gösterilir.

48 Resmin Genişliğinin ve Yüksekliğinin Ayarlanması width/height: Piksel olarak resmin genişliği/yüksekliği Not: Resmin genişlik ve yüksekliğini belirlemek için genellikle CSS kullanılmaya başlanmıştır. Bunun nasıl yapılacağını ileride göreceğiz.

49 Farklı İmge Konumlandırmaları (1)

50 Farklı İmge Konumlandırmaları (2)

51 Farklı İmge Konumlandırmaları (3)

52 İmgenin Yatay Hizalanması (1)

53 İmgenin Yatay Hizalanması (2)

54 İmgenin Dikey Hizalanması (1)

55 İmgenin Dikey Hizalanması (2)

56 İmgenin Dikey Hizalanması (3)

57 İmgenin Hizalaması (align) "align" özelliği HTML5 standardında yer almamaktadır. Yeni sitelerde resim hizalama CSS ile yapılmalıdır. Ancak "align" özelliği içeren pek çok web sitesi ile karşılaşabileceğinizden anlatılmıştır. CSS kullanarak resim hizalama ilerleyen haftalarda anlatılacaktır.

58 <FIGURE> ve <FIGCAPTION> Etiketleri HTML5 standardına eklenen bu iki etiket, imgelere altyazı eklemeyi sağlar. Aynı etiket, <FIGURE> içine yerleştirilen birden fazla imgeye uygulanabilir.

59 Tablolar <table > <tr> <td>jill</td> <td>smith</td> <td>50</td> </tr> <tr> <td>eve</td> <td>jackson</td> <td>94</td> </tr> <tr> <td>john</td> <td>doe</td> <td>80</td> </tr> </table>

60 Tablo Başlıkları: <TH> Etiketi scope: başlığın satıra ya da sütuna ait olduğunu belirtmek için kullanılır.

61 Hücrelerin Birden Fazla Sütuna Yayılması colspan: hücrenin kaç sütuna yayılacağı belirtilir.

62 Hücrelerin Birden Fazla Satıra Yayılması rowspan: hücrenin kaç satıra yayılacağı belirtilir.

63 Uzun Tablolar: <THEAD>, <TBODY> ve <TFOOT> Etiketleri thead: başlık, tbody: gövde, tfooter: altbilgi

64 Uzun Tablolar

65 Tablolar: Kenarlık ve Arka Plan Rengi Tablolar için border ve bgcolor HTML5 standardında tanımlı değildir. Yeni web sitelerinde kullanılmamalıdır.

66 HTML Renk Kodları (HTML Color Codes)

67 HTML Formları Kullanıcıdan bilgi (kullanıcı adı, şifre vs.) almak için kullanılan kontroller kümesidir.

68 Formlar Nasıl Çalışır?

69 Form Yapısı action Form bilgilerinin gönderileceği adresi belirler. method Form bilgilerinin hangi HTTP metodu (GET veya POST) ile gönderileceğini belirler.

70 Formlar: Metin Girişi

71 Formlar: Şifre Girişi

72 Formlar: Çok Satırlı Metin Girişi

73 Formlar: Radio Button

74 Formlar: Checkbox

75 Formlar: Açılan Liste (Dropdown List)

76 Formlar: Çoklu Seçilebilir Liste

77 Formlar: Dosya Giriş Kutusu

78 Formlar: İmge Butonu

79 Form: Kontrollerin Etiketlenmesi Form kontrollerinin açıklamalarının, form kontrolleri ile ilişkilendirilmesini sağlar (kullanım kolaylığı sağlar). (1) Kontrol ve açıklama label içine yazılabilir (2) for özelliği kullanılarak ilişkilendirilebilir

80 Form Kontrollerin Gruplanması

81 Form Doğrulama (HTML5)

82 Formlar: Date (HTML5)

83 Formlar: (HTML5)

84 Formlar: URL (HTML5)

85 Formlar: Arama Girişi (HTML5)

86 Formlar: Arama Girişi - Placeholder

87 HTML Açıklama Satırları

88 ID Özelliği Bir HTML elemanını diğer HTML elemanlarından ayırmak için kullanılan isimdir. Bu ID sayesinde, CSS kullanarak bu elemanı istenilen şekilde formatlamak mümkündür.

89 CLASS Özelliği Tek bir HTML elemanını isimlendirmek (ID) yerine, birden fazla elemana sınıf atayarak (CLASS) isimlendirmek amacıyla kullanılır.

90 HTML Blok Elemanları Her zaman yeni bir satırdan başlayan HTML elemanlarıdır.

91 HTML Satıriçi Elemanları Komşu elemanları ile aynı satırda olan HTML elemanlarıdır.

92 DIV: Blok Elemanları Gruplamak

93 SPAN: Satıriçi Elemanları Gruplamak

94 IFRAME: Başka Bir Sayfayı Eklemek

95 IFRAME: Scrolling (HTML4), Frameborder ve Seamless (HTML5)

96 META: Sayfa Hakkında Bilgiler

97 VIDEO: Video Ekleme (HTML5) Tüm web tarayıcıları aynı video formatını desteklemeyebilmektedir. Bu nedenle, bu sorun çözülene kadar, videolar birden fazla formatta sunulmalıdır. Aşağıdaki formatlar * en çok destek gören formatlardır: H264 (MP4): IE ve Safari WebM: Android, Chrome, Firefox, Opera * Formatları destekleyen web tarayıcıları zaman içerisinde değişmiş olabilir.

98 VIDEO Etiketi ile video eklemek

99 SOURCE: Birden Fazla Video Kaynağı Belirtmek

100 AUDIO: Ses Eklemek (HTML5)

101 SOURCE: Birden Fazla Ses Kaynağı Belirtmek

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

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

Detaylı

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ı

Html temelleri. Ders 4

Html temelleri. Ders 4 Html temelleri Ders 4 1 Giriş 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ı

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ı

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ı

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ı

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ı

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ı

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

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ı

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ı

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ı

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ı

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ı

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ı

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ı

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

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ı

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

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

Detaylı

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

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ı

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ı

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ı

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ı

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ı

2-Hafta Temel İşlemler

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ı

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ı

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1 AMACSEO TEMASI KULLANIM KILAVUZU AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1 TEMANIN ÖZELLİKLERİ - Wordpress 3.1.1 sürümü için hazırlanmıştır. - Basit kontrol paneli

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ı

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

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ı

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd

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ı

Akdeniz Üniversitesi

Akdeniz Üniversitesi F. Ders Tanıtım Formu Dersin Adı Öğretim Dili Akdeniz Üniversitesi Bilgi Teknolojileri Kullanımı Türkçe Dersin Verildiği Düzey Ön Lisans ( ) Lisans (x) Yüksek Lisans( ) Doktora( ) Eğitim Öğretim Sistemi

Detaylı

Arayüz Geliştirme Dokümantasyonu

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

Detaylı

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ı

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

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

Detaylı

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ı

Akdeniz Üniversitesi

Akdeniz Üniversitesi F. Ders Tanıtım Formu Dersin Adı Öğretim Dili Akdeniz Üniversitesi Bilgisayar I Türkçe Dersin Verildiği Düzey Ön Lisans ( ) Lisans (x) Yüksek Lisans( ) Doktora( ) Eğitim Öğretim Sistemi Örgün Öğretim (x)

Detaylı

HTML5. Erek Göktürk. Özgür Yazılım A.Ş. www.ozguryazilim.com.tr

HTML5. Erek Göktürk. Özgür Yazılım A.Ş. www.ozguryazilim.com.tr HTML5 Erek Göktürk Nedir? Yenir mi? Web içerik dili HTML'in yeni sürümü Daha iyi belirlenmiş işletim semantiği Yeni elemanlar (tags) ve özellikler (attributes), bazıları da çöpe Ümit: Tarayıcılar arası

Detaylı

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

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

Detaylı

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ı

Temel HTML Eğitimi. Erman Yükseltürk

Temel HTML Eğitimi. Erman Yükseltürk Temel HTML Eğitimi Erman Yükseltürk HTML Nedir? 1980 yılında CERN'de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dökümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması

Detaylı

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

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

Detaylı

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ı

DIV KAVRAMI