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

Elektrik Elektronik ve Bilgisayar Yük. Müh. Köksal Gündoğdu http://www.ekargemuhendislik.com/k.gundogdu.html Ödevler, duyurular, iletişim bilgileri vb Yük. Müh. Köksal GÜNDOĞDU 2

DERS KONULARI 1) Web sayfaları ve web site tasarım konseptlerini öğretmek 2) HTML ve CSS kullanarak web site tasarımını öğretmek 3) Dreamweaver gibi görsel editör programlarını kullanarak web site tasarımını öğretmek 4) Web grafiklerini düzelterek ve yaratarak öğretmek 5) Animasyon yaratma, düzeltme ve yayınlamayı öğretmek 6) Web sitelerini yayınlamasını öğretmek Yük. Müh. Köksal GÜNDOĞDU 3

KAYNAKLAR https://www.w3schools.com/html/default.asp http://uzaktanegitim.meb.gov.tr:8050/wpcs4/egitim.html Yük. Müh. Köksal GÜNDOĞDU 4

DERS DEĞERLENDİRMESİ Etkinlik Yüzde Ara Sınav (Uygulama Projesi) %35 Kanaat %5 Ödev %10 Final %50 Yük. Müh. Köksal GÜNDOĞDU 5

Web Tasarımına Giriş Yük. Müh. Köksal GÜNDOĞDU 6

Web Tasarımcısı Neler Bilmelidir? HTML (esnek, değişken) -- XHTML (standartları var) CSS (Cascading Style Sheets) (Basamaklı Stil şablonları) Web Tabanlı Grafik Programı Adobe Photoshop, Flash v.s. Client Side Scripting (İstemci Tarafı) Java Script (dinamik, etkileşim, olaya yanıt, formların kontrolü) Server Side Scripting (Sunucu Tarafı) php, asp, jsp, servlet, cgi, Cold Fusion (daha dinamik, veritabanı sorgulama, gelişmiş güvenlik ve erişim kontrolü v.s.) SQL veri tabanı Yük. Müh. Köksal GÜNDOĞDU 7

İnternet Nedir? İnternet, iki ya da daha fazla bilgisayar ağının router ve hub/swıtch lerle birbirine bağlanması ile oluşan yapıdır. Her PC nin eşsiz bir IP numarası vardır, TCP/IP protokolü ile bu bilgisayarlar birbirleri ile konuşabilir. Yük. Müh. Köksal GÜNDOĞDU 8

Ağlar arası ağdır. Dünya genelindeki bilgisayarların oluşturduğu büyük ağ İlk olarak 1960 larda amerikada askeri amaçlı olarak kuruldu İnternet Nedir? İnternete bağlı her bilgisayar IP olarak adlandırılan bir adrese sahiptir. (194.27.72.1) Ve haberleşmek için IP (Internet Protocol) adresini kullanırlar. Yük. Müh. Köksal GÜNDOĞDU 9

TCP/IP Nedir? Bilgisayarların Birbirleri İle Konuşabilmesi İçin Kurallara Yani Protokollere İhtiyaç Vardır. TCP/IP, ağlarda bulunan bilgisayarların birbiri ile konuşabilmesi için kullanılan kurallar topluluğudur. Yük. Müh. Köksal GÜNDOĞDU 10

TCP/IP Nedir? TCP/IP den başka, NETBEUI, IPX/SPX gibi protokoller de vardır. Fakat TCP/IP güvenirliliği nedeniyle artık bir standart haline gelmiştir. TCP/IP protokolü veriyi paket adı verilen küçük birimlere ayırır; bir ya da daha fazla yol üzerinden bu paketleri gönderir ve gittiği yerde yeniden birleştirir. Yük. Müh. Köksal GÜNDOĞDU 11

URL Nedir? Uniform Resource Locator (Standart Kaynak Bulucu) İnternet üzerindeki kaynakları göstermek için kullanılan adresleme biçimi. İnsanlar tarafından IP adresi yerine URL kullanılır. URL Adres yapısı: protokol://sunucu.ağ.adresi:port_numarası/alt_klasörler /.../istenen kaynak Yük. Müh. Köksal GÜNDOĞDU 12

URL Nedir? Örnek URL adresleri: http://www.duzce.edu.tr:80/tef/anagiris.htm ftp://tef.duzce.edu.tr/bil/bmt202.zip NOT: URL ile IP adresi arasındaki dönüşüm DNS (Domain Name System) Sunucular tarafından yapılır. Yük. Müh. Köksal GÜNDOĞDU 13

HTML Sayfası Nedir? Html Hyper Text Markup Language Kelimelerinin Baş Harfleridir.(Hiper Metin İşaretleme Dili) Metin, Resim, Ses, Görüntü Ve Diğer Nesnelerin Bir Sayfada Kullanılmasını Sağlayan Komutlar Topluluğudur. Standart bir web sayfasının uzantısı.htm veya.html olmalıdır. Yük. Müh. Köksal GÜNDOĞDU 14

HTML Kodu (Tag ı) Nedir? Html sayfaları oluşturmak için kullanılan komutlardır. Örneğin ... Komutu Araya Yazılan Metinleri Kalınlaştırır. Bir html (web) sayfası düzenli bir şekilde bir araya gelen html kodlarından oluşur. Yük. Müh. Köksal GÜNDOĞDU 15

HTML in Versiyonları 1990 yılında ortaya atılan html, zaman geçtikçe yeni teknolojilere ayak uydurdu ve yeni versiyonlar ile kullanıldı. Her yeni versiyon önemli özellikler barındırmakta ve web tasarımcılarının imkanlarını arttırmaktadır. Yük. Müh. Köksal GÜNDOĞDU 16

HTML 1.0 1990 yılında duyuruldu. Sadece Next işletim sisteminde çalışıyordu. Yük. Müh. Köksal GÜNDOĞDU 17

HTML 2.0 Eylül 1995 te ortaya çıktı. Html i standard hale getirmek için ciddi bir revizyondan geçirilerek oluşturuldu. Görüntü düzenleme ve formların doldurulması ile ilgili bazı yeniliklere sahipti. Yük. Müh. Köksal GÜNDOĞDU 18

HTML 3.0 İnternetin iyice yaygınlaşması ile 2.0 versiyonu yetersiz bulunmaya başlandı. Bunun sonucu olarak 3.0 versiyonu oluşturuldu. Tablo kullanımı, görüntüler üzerinde metin akışı, metin biçimlendirme ve sayfa yerleşiminin daha esnek olması ile ilgili yeniliklere sahipti. Yük. Müh. Köksal GÜNDOĞDU 19

HTML 3.2 Mayıs 1996 da duyuruldu. Çerçeveler, SCRIPT olanağı, ileri matematiksel fonksiyonlar gibi yeni özellikler içeriyordu. Yük. Müh. Köksal GÜNDOĞDU 20

HTML 4.0 18 Aralık 1998 de kullanıma sunuldu. Nesne ve kaskad stil oluşturma özelliklerine sahiptir. Yük. Müh. Köksal GÜNDOĞDU 21

HTML 5.0 HTML nin en son sürümüdür. İlk çıktığı aşama olan beta aşamasında bile çoğu tarayıcı html5 kodlarını desteklemekteydi Özellikler görüntü ve video ile ilgili geliştirmeler yapılmıştır Yük. Müh. Köksal GÜNDOĞDU 22

XHTML Taglar düzgün açılıp kapatılmalıdır: kalın ve italik yazı Tag lar kapatılmalıdır: paragraf diğer paragraf Komutlar küçük harfle olmalıdır. <body>this İs a Paragraph</body> Yük. Müh. Köksal GÜNDOĞDU 23

Web Server Nedir? Html kodlarını kullanarak html (web) sayfaları yapıyoruz. Web sayfaları bir araya gelerek web siteleri ni oluştururlar. Yaptığımız web sitesinin internet kullanıcıları tarafından erişilebilmesi için sitemizi bir web server a koymalıyız. Yük. Müh. Köksal GÜNDOĞDU 24

Web Server Nedir? Web server lar her gün 24 saat çalışırlar ve sitemizden istenilen sayfaları internet kullanıcılarına gönderirler. Şu an piyasada WINDOWS(IIS) ve LINUX (APACHE) tabanlı web server lar vardır. Html sayfalarınızı her ikisinde de barındırabilirsiniz. Yük. Müh. Köksal GÜNDOĞDU 25

Browser (Tarayıcı) Nedir? Web serverlarda bulunan sitelere ulaşabilen, web server dan gelen html kodlu sayfaları bize gösteren yazılımlardır. Internet Explorer Fırefox Google Chrome gibi yazılımlar bunlara örnektir. Yük. Müh. Köksal GÜNDOĞDU 26

Hosting (Alan) Nedir? Yaptığımız web sitemizin yayınlanması ve internet kullanıcılarının bizim sayfalarımıza ulaşması için artık bir web server a ihtiyacımız olduğunu biliyoruz. Sitemizi yayınlamak için ya kendi web server ımızı kurarız ya da başka bir serverdan ihtiyacımıza göre bir miktar alan satın alırız. Yük. Müh. Köksal GÜNDOĞDU 27

Hosting (Alan) Nedir? Web server barındırmak zahmetli ve teknik bilgi gerektirdiği için genelde web tasarımcıları yaptıkları web siteler için hosting yani alan satın alırlar. Hosting firması ihtiyacınıza göre server ın hardiskinden bir miktar (5,10, 15, 50, 100,... mb) alan kiralar ve karşılığında ücret alır.. Yük. Müh. Köksal GÜNDOĞDU 28

Domain (Alan Adı) Nedir? Web server a koyduğunuz sitenize tüm internet kullanıcılarının erişebilmesi için bir isim vermeniz gerekir. Web sitelerine verdiğimiz isimlere domain yani alan adı denir. örneğin www.ekargemuhendislik.com bir alan adıdır. Yük. Müh. Köksal GÜNDOĞDU 29

Domain İsimleri Domain isimleri alan adı, alan uzantısı ve ülke kodundan oluşurlar. Örneğin arge.com.tr arge Kurumun Adıdır. com Uzantısıdır. tr Ülke Kodudur. Yük. Müh. Köksal GÜNDOĞDU 30

Alan Uzantısı Nedir? Kurumlar, yaptıkları işe göre farklı uzantılara sahip olurlar..com: Ticari Kurumlar.edu: Eğitim Kurumları.gov: Devlet Kurumları.net: Ağ Servis Sağlayıcıları.mil: Askeri Kurumlar.org: Dernek V.B. Kurumlar Yük. Müh. Köksal GÜNDOĞDU 31

Ülke Uzantısı Nedir? Farklı Ülkeler Farklı Uzantılara Sahiptir. Örnegin:.tr: Türkiye.gr: Yunanistan.ca: Kanada.fr: Fransa.de: Almanya Yük. Müh. Köksal GÜNDOĞDU 32

duzce.edu.tr duzce: kurum adı edu: eğitim kurumu tr: ülke kodu türkiye Örneğin kava.net.fr kava: kurum adı net: ağ servis sağlayıcı fr: ülke kodu fransa Yük. Müh. Köksal GÜNDOĞDU 33

Bir web sitesi için; İhtiyaca göre hazırlanmış bir web sayfası olmalıdır. Bu web sitesi için alan adı (Domain) alınmalıdır. Web sitesini depolayabilecek alan (Hosting)satın alınmalıdır. Hosting ve Domain alabileceğiniz bazı kuruluşlar: Natro.com Turkticaret.net Webadam.com Websahibi.com vb Yük. Müh. Köksal GÜNDOĞDU 34

Web Standartlarını Kim Düzenler? Web standartlarını MICROSOFT veya NETSCAPE gibi firmalar belirlemez. Web Standartları W3C Denilen Bir Kurum Tarafından Saptanır. W3C World Wide Web Consortıum un Kısaltılmışıdır. Kurumun Web Adresi: www.w3c.org www - world wide web (Dünya çapında ağ) Yük. Müh. Köksal GÜNDOĞDU 35

İstemci/Sunucu Yük. Müh. Köksal GÜNDOĞDU 36