08119 Web Tasarımının Temelleri. Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

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

Web Tasarımının Temelleri

KBÜ. TBP107 Web Tasarımının Temelleri. Öğr. Gör. Dr. Abdullah ELEN KARABÜK ÜNİVERSİTESİ.

Dünyanın bilgisine açılan pencere... Ya da sadece yeni çağın eğlencesi...

Dünyanın bilgisine açılan pencere... Ya da sadece yeni çağın eğlencesi...

İNTERNET VE BİLGİ AĞLARININ KULLANIMI

İSMET AKTAR ANADOLU TEKNİK LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI

AĞ ve İNTERNET TCP/IP. IP Adresi İNTERNET NEDİR? Standartlar :

TBF 110 BİLGİSAYARDA VERİ İŞLEME ve UYGULAMALARI Ha9a- 2 - İnternet

Atabey Meslek Yüksek Okulu Web Tasarımının Temelleri

DNS Nedir? HİKMET TÜYSÜZ

WEB TASARIMININ TEMELLERİ

İnternet Tarayıcı programlar ile internet sitelerini açabiliriz. Açık olan sitelerin sekmeleri

Bilgisayar Programalamaya Giriş

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

Internet Nedir? Devlet Kurumları. Internet Servis Sağlayıcılar. Lokal Ağ. Eğitim Kurumları. Kişisel Bilgisayar. Dizüstü Bilgisayar.

WEB TASARIMINDA TEMEL KAVRAMLAR

İNTERNET HAFTA 02 TEMEL BİLGİ TEKNOLOJİSİ KULLANIMI. Öğr. Gör. GÜLTEKİN BÜYÜKŞENGÜR. SAPANCA Meslek Yüksekokulu

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 1

WEB TASARIMININ TEMELLERİ

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

İNTERNET VE BİLGİSAYAR AĞLARI

Ünite A. BAŞLANGIÇ B. WEB DE DOLAŞMA C. WEB DE ARAMA D. YER İŞARETLERİ (BOOKMARK) E. BAŞLANGIÇ F. İLETİLER G. İLETİNİN İLETİLMESİ H.

(Bilgisayar ağlarının birbirine bağlanarak büyük bir ağ oluşturmasıdır)

Bilgi ve iletişim NETWORK, I NTERNET

İNTERNETE NASIL BAĞLANILIR?

İnternet ve ağ kavramlarını tanımlamak. İnternet in nasıl çalıştığını açıklamak. Elektronik posta ve sohbet kavramlarını açıklamak.

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ 1. DERS İNTERNET, TCP/IP, İNTERNETTE MESAJ VE BİLGİ AKTARIMI YARD. DOÇ. DR.

WEB TASARIMININ TEMELLERİ

Bilgisayar Sistemleri ilk ortaya çıktığında...

En az iki ya da daha fazla (milyonlarca) bilgisayarın birbirine bağlanmasıyla oluşan yapıya bilgisayar ağı denir. Ağ üzerindeki bilgisayarlar

YEREL AĞ (LAN) GENİŞ ALAN AĞI (WAN) IP NUMARASI İNTERNET ADRESLERİ (URL) DOMAIN

INTERNET VE INTERNET TARAYICISI

WEB TASARIM. Öğr.Gör. Ruhsar KAVASOĞLU

PHP 1. Hafta 1. Sunum

WEB TASARIMI. Đnternet Nedir?

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

TCP/IP. TCP (Transmission Control Protocol) Paketlerin iletimi. IP (Internet Protocol) Paketlerin yönlendirmesi TCP / IP

Öğr. Gör. Ümit ATİLA

Esra G. Kaygısız Gaziantep Üniversitesi

İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

WEB TASARIMININ TEMELLERİ

Veritabanı Dersi. Teoriden Pratiğe. Çağıltay N.E., Tokdemir G. Veritabanı Sistemleri Dersi -Bölüm XXV: Web'den Erişim Çağıltay, N., Tokdemir, G.

Html temelleri. Ders 4

ÜNİTE 4 ÜNİTE İNTERNET VE E-POSTA KULLANIMI TEMEL BİLGİ TEKNOLOJİLERİ İÇİNDEKİLER HEDEFLER

Computer Networks 7. Öğr. Gör. Yeşim AKTAŞ Bilgisayar Mühendisliği A.B.D.

Bilg-101. Bölüm 6. Bilgisayar Ağları. Ne Öğreneceğiz? Bilgisayar Ağı Nedir?

Internet: Tarihçe ve Kavramlar

Arayüz Geliştirme Dokümantasyonu

Doç.Dr. Yaşar SARI ESOGÜ Turizm Fakültesi-Eskişehir BİLGİSAYAR AĞLARI (COMPUTER NETWORKS)

AĞ TEMELLERİ 4.HAFTA CELAL BAYAR ÜNİVERSİTESİ AKHİSAR MESLEK YÜKSEKOKULU

Öğr.Gör. Gökhan TURAN Gölhisar Meslek Yüksekokulu

08217 Internet Programcılığı I Internet Programming I

MODÜL 1 BÖLÜM 3 İNTERNET VE E-POSTA BİLGİSAYAR KULLANMA. Şükrü BAKIR Bilişim Teknolojileri Öğretmeni

K.A.ALPER YAZOĞLU ORTAOKULU 6.SINIFLAR BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI

Bilgisayar Ağları. Ağı oluşturan cihazlar. Coğrafi koşullara göre ağın sınıflandırılması (LAN, MAN, WAN)

İnternet Teknolojileri. Ders 3

İnternet Teknolojileri. IP numarası. IP numaraları. Internet adresi nedir? Domain ismi ve IP numarası ne demektir? Ders 3

AĞ TEMELLERI. İSİM SOYİSİM: EMRE BOSTAN BÖLÜM: BİLGİSAYAR PROGRAMCILIĞI ÜNİVERSİTE: NİŞANTAŞI KONU: Konu 5. TCP/IP

BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ

BİLGİSAYAR TEMEL KAVRAMLAR. Bilgi ve İletişim Teknolojisi Ders Notları

Çerezleri (Cookie) ve Önbelleği (Cache) Temizleme

Ders Tanıtım Sunumu. Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı. 26 Şub Öğr. Gör.

BİLGİSAYAR AĞLARI VE İLETİŞİM

BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ II.DÖNEM ÇALIŞMA KAĞIDI (5.SINIFLAR)

TASARIMIN TEMEL İLKELERİ

WEB TASARIMIN TEMELLERİ

PHP I PHP I. E. Fatih Yetkin. 26 Eylül 2011

Bozok Üniversitesi Mühendislik Fakültesi - Bilgisayar Mühendisliği. Yrd. Doç. Dr. Ahmet Sertol KÖKSAL

Wi-Fi Direct Rehberi. Wi-Fi Direct ile Kolay Kurulum. Sorun Giderme

Bir Bilgisayar Bağlanıyor Diğeri Bağlanmıyor

E-Posta Hesapları ve Anında Mesajlaşma Yazılımları

İNTERNET. Yrd. Doç. Dr. Özge Öztimur Karadağ

2. HTML Temel Etiketleri

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

İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 4 MasterPage

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015

Öğrencilerin Canlı derslere katılması, * Sisteme giriş

Windows Live ID ve parolanızı giriniz.

5. HAFTA TBT181. Temel Bilgisayar Teknolojileri Kullanımı. Öğr. Gör. E. Ekmel SULAK.

1. Sertifika istenmesi

AĞ KULLANIM KILAVUZU. Yazdırma Günlüğünü Ağa Kaydetme. Sürüm 0 TUR

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA

Temel Bilgisayar Uygulamaları Web Tasarımı, Programlama Dilleri ve C# a Giriş

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

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

Ders Tanıtım Sunumu AĞ TEMELLERİ. Elbistan Meslek Yüksek Okulu GÜZ Yarıyılı. 02 EKi Salı. Öğr. Gör.

Örnek bir kullanım ve bilgisayar ağlarını oluşturan bileşenlerin özeti

Ağ Temelleri. Murat Ozdemir Ondokuz Mayıs Üniversitesi Bilgi İşlem Daire Başkanı 15 Ocak Ref: HNet.23

VERİ MADENCİLİĞİ (Web Madenciliği)

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar

LASERJET ENTERPRISE M4555 MFP SERIES. Yazılım Yükleme Kılavuzu

Girdi ve Giriş Aygıtları

BİRİNCİ BÖLÜM İNTERNET

Google Chrome Kullanıyorsanız; Microsoft Internet Explorer Kullanıyorsanız;

Ağınız üzerinde tarama yapmak için Web Hizmetleri'ni kullanma (Windows Vista SP2 veya üzeri, Windows 7 ve Windows 8)

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

Transkript:

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

İnternet Nedir? İnternet, çok protokollü bir ağ olup birbirine bağlı bilgisayar ağlarının tümü olarak da tanımlanabilir. Binlerce akademik ve ticari ağ ile devlet ve serbest bilgisayar ağının birbirine bağlanmasıyla oluşmuştur.

İnternet Nedir? Bilgisayarlar arasında bilgi çeşitli protokollere göre paketler halinde transfer edilir. İnternet üzerinde e-posta, sosyal ağlar ve birbirine bağlı sayfalar gibi çok çeşitli bilgiler ve hizmetler vardır. İnternet üzerinden oyunlar da oynanabilir.

IP (Internet Protocol) Numarası (IPv4) IP (Internet Protocol), bilgisayarların iletişim kurmasını sağlayan standart bir protokoldür. Genel olarak her bilgisayarın kendine özel bir numarası vardır. İki bilgisayar iletişim kurduğu zaman birbirlerini bulmak için IP adresini kullanır. IP adresi her biri noktayla ayrılan ve 0 ile 255 arasındaki rakamlardan oluşmuş 4 adet numara grubundan oluşur.

IP (Internet Protocol) Numarası (IPv4) W X Y Z 193.255.096.110 = 32 Bit Her bir numara grubuna oktet adı verilir. 8x4 toplamda 32 bitlik adrese karşılık gelir. Bugün 128 bit uzunluğunda ve 0-9 A-F hexadecimal sayı sayı sisteminde adreslenen IPv6 çalışmaları da vardır.

IP (Internet Protocol) Numarası (IPv4) İnternete sürekli bağlı olan her bilgisayarın bir IP numarası vardır. Bu numaraları akılda tutmak zor olduğundan, alan adı (domain name) sistemi adını verdiğimiz bir isimlendirme oluşturulmuştur. Örn: sabah.com.tr ksu.edu.tr gibi.

Alana Adı Sistemi (Domain Name System DNS) http://193.255.096.110 http://www.ksu.edu.tr HyperText Transfer Protocol World Wide Web Alan Adı Domain (Kısaltma) Alan Adı Tipi (Eğitim) Ülke kodu (Kısaltma)

Alan Adı Tipleri (Domain Type) gov: Hükümet kurumları (government) edu: Eğitim kurumları (education) org: Ticari olmayan kuruluşlar (organization) com: Ticari kuruluşlar (company) mil: Askeri kurumlar (military) net: Servis sunucular (network) ac: Akademik kuruluşlar (academic) int: Uluslararası kuruluşlar (international) Ayrıca ülkere has.dr,.k12,.bel gibi tiplerde vardır.

Ükle Kodu (Uluslararası Trafik kodu).fr : Fransa.tr : Türkiye.dk : Danimarka.eu : Avrupa Birliği.de : Almanya.gr : Yunanistan.br : Brezilya.jp : Japonya.ir : İran.mn : Moğolistan.my : Malezya.no : Norveç.it : İtalya.ru : Rusya.pe : Peru. tc : Kıbrıs (Türk)

Ülke Kodu (Uluslararası Trafik kodu) Abd nin ülke kodu yoktur. Uzantısında ülke kodu bulunmayan internet adresleri ABD de yerleşik bir kuruluş olan Network Solution tarafından sağlanır. Ülkemizde.tr uzantılı alan adı tahsis hizmetini (kişisel ve kuruluşlar) ODTÜ merkezli nic.tr tarafından yapılmaktadır.

WEB Tarayıcılar : WEB tarayıcısı, internet üzerindeki tüm bilgilere bakabilme ve bu bilgilerle etkileşim halinde olabilme olanağı veren bir uygulama programıdır. Tarayıcı kelimesinin İngilizce karşılığı browser dır. Temelde bu programın işlevi text tabanlı web dilini «yorumlaması» dır.

En çok kullanılan WEB Tarayıcılar : Windows & Gnu-Linux Gnu-Linux Konqueror Pale Moon Midori Ice Weasel

Web Tasarımının Önemi Günümüzde internet ve web siteleri iletişim, tanıtım ve satış için en etkili iki araçtır. Bugün web siteleri işletmelerin sanal ortamda temsilcisi haline gelmiştir. İletişim, bilgi yayma ve pazarlama siteler aracılığıyla yapılabilir. Web siteleri bilgiye ulaşmada elektronik ticaret ve haberleşmede en sık kullanılan yoldur.

Web Tasarımının Önemi Herkes kendi web sitesinin en iyisi olmasını, görünüm, kullanılabilirlik, tasarımı özgün ve benzeri olmayan önemli bir yere sahip olmasını istemektedir. Gerçekten de iyi tasarlanmış kullanımı kolay web siteleri başarılı olmaktadır. Web tasarımı önemli bir iş sektörü olarak gelişimini sürdürmektedir.

Web Sayfası Hazırlarken Dikkat Edilecek Noktalar Sayfa adında ya da sayfada yer alan herhangi bir resim ya da animasyonlar kaydedilirken asla Türkçe ve özel karakterler (ğ,ü,ş,i gibi ve?,\) kullanılmaz. Daima küçük harf kullanılır DOĞRU DOSYA İSİMLERİ index.html anasayfa.html resimler.html egitim.html index.aspx anasayfa.aspx resimler.aspx egitim.aspx index.php anasayfa.php resimler.php egitim.php

Web Sayfası Hazırlarken Dikkat Edilecek Noktalar Sabit diskinizde öncelikle WEB sayfanıza ait dokümanları kaydedeceğiniz bir dizin ve bu dizin içerisinde resimleri ya da animasyonlarınızı kaydedeceğiniz bir alt dizin oluşturulmalıdır. benimweb İndex.html resimler logo.jpg manzara.jpg dosyalar hakkinda.html hobiler.html

Web Sayfası Hazırlarken Dikkat Edilecek Noktalar WEB sitenizi yaptığınızda, mutlaka ana sayfanızı index.html olarak adlandırınız. Birçok WEB sunucu için varsayılan sayfa index.html'dir. Örneğin IIS (internet information Services)

Web Sayfası Hazırlarken Dikkat Edilecek Noktalar Bazı sunucular da varsayılan sayfanın default.html olarak adlandırılmasını ister. Kullanılan web dilinine göre bu isim index.asp(x), index.php, index.cf olabilir.

Web Sayfası Tasarımı Monitör : 15.4 inch 17 inch 19 inch ve üzeri Ekran Çözünürlüğü : 1024x768 Piksel 1280x768 Piksel 1280x800 ve üzeri

Web Sayfası Tasarımı 50-60 piksel CHROME-MOZİLLA-OPERA-SAFARİ 10-12 piksel

Web Sayfası Görsel Tasarım Bir bilgisayar ekranının görsel taranma çizgisinin, - Soldan üst köşeden sağ üst köşeye, - Sağ üst köşeden sağ alt köşeye doğru genel tarama - Yeniden sol üstten itibaren okuma - Üst orta noktadan aşağı doğru okumayı sürdürme tarzında olduğunu gösteriyor.* * YALE Üniversitesi Tıp Fakültesi Araştırması

Web Sayfası Görsel Tasarım Buna göre, izleyici; - WEB sayfasında önce büyük şekil kitlesini ve renkleri görmektedir. - Ön plandaki unsurlarla arka plandaki unsurlar arasındaki kontrastın farkına varmaktadır. * YALE Üniversitesi Tıp Fakültesi Araştırması

Web Sayfası Görsel Tasarım Buna göre, izleyici; - İzleyici ancak daha sonra, varsa grafik unsurların verdiği bilgiyi almakta, üçüncü olarak da okumaya başlamaktadır. - Okuma en büyük kitleden benzetme yoluyla başlamakta ve daha sonra kelimelere inmektedir. * YALE Üniversitesi Tıp Fakültesi Araştırması

Web Sayfası Görsel Tasarım Bu durum bize, WEB sayfasının bütünü itibariyle mükemmel bir grafik dengesine sahip olması gerektiğini gösteriyor. Tasarımcı; bu noktada sayfanın beklenen ziyaretçisinin varsayılan ilgi odağını, grafikle metni dengeleyerek bulmalıdır.

Web Sayfası Görsel Tasarım En iyiler

Web Sayfası Görsel Tasarım En iyiler

119 Web Tasarımının Temelleri Web Sayfası Görsel Tasarım En iyiler

Web Sayfası Görsel Tasarım En iyiler

119 Web Tasarımının Temelleri Web Sayfası Görsel Tasarım Yazıyı soldan sağa doğru okumaya alışmış toplumlarda, görsel dikkatin ekranda da soldan sağa doğru gitmesi doğaldır. Bu nedenle WEB sayfalarında da ekranın üst yarısı, görsel odak noktası olmalıdır. Bu alanın mümkün olduğu kadar yumuşak, pastel renklerle doldurulması; sert, aşırı yoğun çarpıcı renklerden kaçınılması gerekir.

119 Web Tasarımının Temelleri Web Sayfası Görsel Tasarım İlk bakışta göze çarpıcı renkler ancak çok fazla dikkat çekmek istediğimiz, bir ya da iki unsur için saklanmalıdır. Yazılar mutlaka arkalarındaki zeminle çarpıcı bir kontrast oluşturmalıdır. Dramatik ve karmaşık grafikler, mutlaka grafik sanatçıları tarafından yapılmalıdır.

119 Web Tasarımının Temelleri Web Sayfası Görsel Tasarım Metinleri daha belirgin hale getirecek noktalar, kutular, yatay ve dikey çizgiler, çoğu zaman görsel bütünlük sağlamak yerine sayfanın tümüne yama hissi verir. Bütün görsel tasarımlarda olduğu gibi, WEB sayfası tasarımında da tutarlılık şarttır.

119 Web Tasarımının Temelleri Web Sayfası Görsel Tasarım WEB sayfası tasarlarken diğer bir ölçüt ise hangi konuda web sayfası tasarladığınız konusudur. Benzer iş alanlarında yapılmış web sayfaları açık kaynak kodun desteğiyle tasarımcıya yol göstermede oldukça faydalıdır. Unutmayın kendi tasarımınız diğerlerinden özgün olmalıdır.

HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ Devamı Haftaya