Web Teknolojileri ve Programla -...
Transcript of Web Teknolojileri ve Programla -...
![Page 1: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/1.jpg)
� Bu kurs ne değildir? Neyi amaç edinmiştir?� Bilgisayar Mühendisi?
� Bilgisayar Programcısı?
� Web Tasarımcısı?
� Web Programcısı?
� Neler öğreneceğiz?� Kurs sonunda neler yapılabileceğiz?
� Örnek siteler
Web Teknolojileri ve Programla
![Page 2: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/2.jpg)
� E-ticaret siteleri� CD-DVD Satış ve Paylaşım Sitesi� Grafik ve Web Tasarım Çalışmaları Satış Sistemi
� Eğitim içerikli siteler� Öğrenci Bilgi Sistemi� KPDS Sınav ve Çalışma Sistemi
� Turizm içerikli siteler� Turist Rehber
� Portallar� Araba Portalı� Kitap Portalı
Örnek Projeler
![Page 3: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/3.jpg)
CD-DVD Satış ve Paylaşım Sitesi
![Page 4: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/4.jpg)
Grafik ve Web Tasarım Çalışmaları SatışSistemi
![Page 5: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/5.jpg)
Öğrenci Bilgi Sistemi
![Page 6: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/6.jpg)
TURİZM REHBERİ
![Page 7: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/7.jpg)
Emlak Portalı
![Page 8: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/8.jpg)
Montaj & Servis Takip Sistemi
![Page 9: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/9.jpg)
Otel Sistemi
![Page 10: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/10.jpg)
Web Teknolojileri ve Programla
� Bölüm I: � HTML, DHTML, XML, JavaScript, CSS
� Bölüm II: � PHP ve MySql
�Bölüm III:� ASP.Net ve/veya C#
![Page 11: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/11.jpg)
Editörler
� Üç temel editör kullanılması planmakta:� Notepad++
� Adobe Dreamweaver CS4
� Microsoft Express Edition (2008- 2010)� Microsoft Visual C# Express Edition
� Microsoft Visual Web Developer Express
![Page 12: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/12.jpg)
Editörler Notepad++ � Notepad++, notepad yazılımına alternatif olan, çok gelişmiş bir
metin editörüdür. Onlarca programlama dilini tanır ve renklendirme desteği verir. Özellikler:
� Dil tanıma ve renklendirme� WYSIWYG editörü� Kullanıcı tanımlamalı dil renklendirme� Otomatik tag tamamlama� Çoklu döküman açma ve görüntüleme� Arama&Değiştirme desteği� Sürükle&Bırak desteği
� Desteklediği Diller:C, C++, Java, C#, XML, HTML, PHP, CSS, makefile, ASCII art (.nfo), doxygen, ini file, batch file, Javascript, ASP, VB/VBS, SQL, Objective-C, RC resource file, Pascal, Perl, Python, Lua, TeX, TCL, Assembler
Türkçe3.18 MB
Freeware/Ücretsiz
![Page 13: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/13.jpg)
Notepad++
![Page 14: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/14.jpg)
Editörler Adobe Dreamweaver CS4
� Adobe® Dreamweaver® CS4 yazılımı, tasarımcı ve geliştiricilere standartları temel alan web sitelerini güvenle oluşturma gücüverir.
� Özellikler:� Sitenizi görsel olarak tasarlayın- Programlama tabanlı sayfalar
� Tarayıcılar arasında uyumluluğu sağlayın� FLV video entegre edin
� ADOBE � http://www.adobe.com/products/dreamweaver/
İngilizce (dil desteği)Yaklaşık 350 MB
Shareware/Deneme
![Page 15: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/15.jpg)
Editörler Adobe Dreamweaver CS4
![Page 16: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/16.jpg)
Editörler Microsoft Express Edition
� Visual Studio Express Edition ücretsiz olarak kullanıma sunuldu. Express Edition genel bilgi almak ve küçük eğlenceli işler yapmak için kullanabilir, standart versiyonundaki araçlar Express Edition da yeralmamaktadır.
� Özellikler:� Visual C# 2008 Express Edition� Visual Web Developer 2008 Express Edition
� Microsoft � http://www.microsoft.com/express/Downloads/
İngilizceEspress edition-
Ücretsiz
![Page 17: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/17.jpg)
Microsoft Express Edition- Web
![Page 18: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/18.jpg)
Microsoft Visual C# Express EditionConsole- Applications
![Page 19: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/19.jpg)
Microsoft Visual Web Developer Express
![Page 20: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/20.jpg)
Kurs Nasıl Olacak?
� Örneklerle anlatılacak� Uygulamalar yapılacak
� Video ve sesli anlatımlar hazırlanacak� Örnek 1:
http://idea.metu.edu.tr/file.php/10/ornek/htmlornek/htmlornek.html
� Örnek 2: http://idea.metu.edu.tr/file.php/10/ornek/ornekphp/ornekphp.html
![Page 21: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/21.jpg)
Kurs ne zaman olacak?
� Çarşamba 18.00-20.00
� Cumartesi 12.30-15.00
� Salı- Cuma 18.00-20.30 ? Ne dersiniz?
![Page 22: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/22.jpg)
URL: http://www.sem.metu.edu.tr
� scheme://host.domain:port/path/filename� scheme internet servisinin tipidir. Genellikle
kullanılan tip http’dir, ftp’de olabilir.
� host alan adının sunucusunu bildirir. Örnek: www.
� domain alan adıdır. Örnek: sem.metu.edu.tr
� :port sunucuya hangi porttan bağlanacağınızıbelirtir. http portu 80 olarak sabitlenmiştir.
� path, sunucu içerisindeki alt klasörlere veya direkt bir dosyaya ulaşmak için kullanılır
![Page 23: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/23.jpg)
Web Sayfalarını Yayınlamak?
� Sadece kendi bilgisayarımızda kalabilir yada,� Web sayfanızı yayınlamak için sayfanızı bir web sunucuya
kopyalamalısınız.� Alan adı almak (Domain name)
� Örnek: www.namecheap.com� Hosting alınan DNS’e ayarları yaparak yönlendirmek yeterli
� Alan kiralamak (Hosting)� Web Hosting (Ücretli)
� 500 MB Web Alanı� 5 GB Trafik� 1 Alan Adı Barındırma� 15 E-Posta
� http://www.turkiyewebalani.com� http://www.hostley.net/� http://hosting.turk.net
• FTP Adresi• Kullanıcı Adı• Paralo
![Page 24: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/24.jpg)
Bölüm I: HTML, DHTML,JavaScript, CSS
� Web site tasarım süreci� HTML’e giriş, Bağlantılar ve Internet
adreslerinin kullanımı� HTML ile sayfa tasarımı, arka planlar, renkler,
metinler, tablolar, listeler, çerçeve ve katman kullanımı, form ve form elemanları
� CSS ler, � Javascript,� XML, XSL, DTD
![Page 25: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/25.jpg)
HTML
� HTML'in açılımı Hyper Text Markup Language� Bir HTML dosyasının uzantısı htm veya html olmak
zorundadır. � Bir HTML kodu tag(işaretlenmiş etiketler)’lardan
oluşmaktadır� HTML dosyalarınızı kolay bir şekilde FrontPage
veya Dreamweaver ile de hazırlayabilirsiniz.� HTML çalışmak istiyorsanız not defteri (notepad)
başlamayı tavsiye ediyorum � İlk örnek
![Page 26: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/26.jpg)
HTMLilk örnek
<html><head>
<title>Sayfa Başlığı</title></head><body>
Bu benim ilk sayfam <br><b>Bu metin koyu</b>
</body></html>
• HTML programlama dili değil, işaretleme dilidir• HTML etiketleri 2 karakter ile sınırlanır. < ve >• HTML etiketleri çift olarak kullanılır.
Örn: <b> Bu metin koyu fonttadır. </b> • HTML etiketleri büyük/küçük harfe duyarlı değildir
![Page 27: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/27.jpg)
HTMLilk örnek
• Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm rakamlar kullanılarak tanımlanabilir
• Örnek: <h1>Bu bir başlık</h1>
• Paragraflar <p> etiketi ile belirtilir.• Örnek: <p>Bu bir paragraf</p>
• Satır atlamak için <br> etiketi kullanılır. • HTML içinde açıklama (yorum) satırları yaratmak
• Örnek: <!-- Bu bir açıklama -->
![Page 28: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/28.jpg)
HTMLilk örnek - Parametreler
• Parametreler, HTML öğelerine, ek özellikler eklenmesini sağlar.• Parametreler daima başlangıç etiketi içerisinde belirtilir.
• Örnek 1: <h1 align="center"> metinin ortalanacağını da belirtir.• Örnek 2: <body bgcolor=“yellow”> arkaplan renginin sarı olacağınıbelirtir.
![Page 29: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/29.jpg)
HTMLilk örnek – özel karakterler
• HTML içinde bazı karakterler ("<" gibi) kaynak kodlarda yazılarak ekranda görüntülenmesi sağlanamaz.Bu tip karakterleri görüntüleyebilmek için bazı özel karakterler kullanılır.
• Örnek 1: Fazladan boşluk, Özel karakteri: • Örnek 2: Küçüktür, <, Özel karakteri: < • Örnek 3: Büyüktür, >, Özel karakteri: >• Örnek 4: Ve, &, Özel karakteri: &• Örnek 5: Alıntı, “, Özel karakteri: "
![Page 30: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/30.jpg)
HTMLilk örnek – link ve çerçeve
• Link vermek• Örnek 1: <a href="http://www.sem.metu.edu.tr“ target="_blank">...SEM web sayfasıtıklayın...</a>
• Çerçeve oluşturmak• Örnek: <frameset cols="25%,75%">
<frame src="frame_a.htm"><frame src="frame_b.htm">
</frameset>
<frameset> : Frame ayarlarını belirtir.<frame> : Alt pencere (çerçeve) belirtir.<noframes> : Frame desteğinin kullanılmamasını sağlar.<iframe> : İç frame belirtir.
![Page 31: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/31.jpg)
HTMLilk örnek – tablo
• Tablo oluşturmak• Örnek 1: <table border="1">
<tr><th>Başlık</th><th>Başka Başlık</th>
</tr><tr>
<td>Satır 1, Hücre 1</td><td>Satır 1, Hücre 2</td>
</tr><tr>
<td>Satır 2, Hücre 1</td><td>Satır 2, Hücre 2</td>
</tr></table>
![Page 32: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/32.jpg)
HTMLilk örnek – liste
• Liste oluşturmak• Örnek 1- Sırasız:
<ul><li>Hakkımda</li><li>Spor</li>
</ul>
• Örnek 2- Sırasız:<ol>
<li>Hakkımda</li><li>Spor</li>
</ol>
• Resim eklemek<img src="home.gif" alt="Ana Sayfa">
• Arka Plan• Örnek 1- Sırasız:
<body bgcolor="#000000"><body background=“arkaplan.jpg">
• Örnek 2- Sırasız:<ol>
<li>Hakkımda</li><li>Spor</li>
</ol>
• Font <font size="2" face="Verdana">Bu bir paragraf.</font>
![Page 33: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/33.jpg)
HTMLilk örnek – Form
• Örnek -1<form>
Adınız: <input type="text" name="isim"> <br>
Soyadınız: <input type="text" name="soyad">
</form>
• Örnek-2<form>
<input type="radio" name="Cinsiyet" value="Erkek"> Erkek <br><input type="radio" name="Cinsiyet" value="Kadın"> Kadın
</form>
• Örnek-3<form name="input" action="gonder.php“ method="get" target="_blank">
Kullanıcı Adı: <input type="text" name="kullanici"><input type="submit" value="Gönder">
</form>
![Page 34: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/34.jpg)
HTMLilk örnek – Başlık
- Head öğesi genel bilgiler ve ayrıca meta-bilgilerini içerir. - HTML standartlarına göre sadece bir kaç etiket head etiketi içerisinde kullanılabilir, Bunlar: <base>, <link>, <meta>, <title>, <style> ve <script>.
• Örnek -1<head> Başlık<title> Sayfa başlığı<base> Temel URL hedef çerçevelerini belirlemek için kullanılır.<link> Kaynak dosyası belirtilir<meta> META bilgileri girilir.
![Page 35: Web Teknolojileri ve Programla - user.ceng.metu.edu.truser.ceng.metu.edu.tr/~erman/12mayis/htmlgiris.pdf · E-ticaret siteleri CD-DVD Satışve Payla şım Sitesi Grafik ve Web Tasarım](https://reader030.fdocument.pub/reader030/viewer/2022040123/5e05323adb948318c8178789/html5/thumbnails/35.jpg)
HTMLilk örnek – Meta
- Meta öğesi daha çok arama motorlarının site içerisinde neler bulunduğuna dair bilgi edinmesi için koyulur. Arama motorlarının sitenizi ziyaret ettiğinde Meta keywords içine bakar ve ona göre sitenizi kendi veritabanında indeksler.
• Örnek <meta name="keywords" content="HTML, ders, online, SEM">