BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

Transkript

1 BMT 202 Web Tasarımı Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1

2 Elektrik Elektronik ve Bilgisayar Yük. Müh. Köksal Gündoğdu Ödevler, duyurular, iletişim bilgileri vb Yük. Müh. Köksal GÜNDOĞDU 2

3 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

4 KAYNAKLAR Yük. Müh. Köksal GÜNDOĞDU 4

5 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

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

7 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

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

9 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. ( ) Ve haberleşmek için IP (Internet Protocol) adresini kullanırlar. Yük. Müh. Köksal GÜNDOĞDU 9

10 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

11 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

12 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

13 URL Nedir? Örnek URL adresleri: 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

14 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

15 HTML Kodu (Tag ı) Nedir? Html sayfaları oluşturmak için kullanılan komutlardır. Örneğin <b>...</b> 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

16 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

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

18 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

19 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

20 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

21 HTML 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

22 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

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

24 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

25 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

26 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

27 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

28 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

29 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 bir alan adıdır. Yük. Müh. Köksal GÜNDOĞDU 29

30 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

31 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

32 Ü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

33 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

34 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

35 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 - world wide web (Dünya çapında ağ) Yük. Müh. Köksal GÜNDOĞDU 35

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

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

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