WEB TASARIMI HTML.

Slides:



Advertisements
Benzer bir sunumlar
Bilgisayar Ağları ve İnternet
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
HTML
İNTERNET.
WEB TASARIM Temel Kavramlar.
Özel Site.NET İnternet Nedir? Soner Sevindik.
İNTERNET VE BİLGİ AĞLARININ KULLANIMI
Hazırlayan: Cihan UĞUR
E-TİCARET.
İnternet Programcılığı
Web Tasarımı Öğr.Gör. Hüseyin DURAN.
Bilgisayar Dosya Uzantıları
Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir?
İNTERNET.
İNTERNET VE İLETİŞİM.
İNTERNET.
İNTERNET ADRESLERİ.
İNTERNETİN TEMEL KAVRAMLARI
WWW Geniş Dünya Ağı ( World Wide Web ) LAN
BTEP 203 – İnternet ProgramcIlIğI - I
İNTERNET VE BİLGİ AĞLARININ KULLANIMI
İNTERNET TABANLI PROGRAMLAMA
Temel HTML Eğitimi Erman Yükseltürk.
IT 504 İnternet ve Web Programlama Tanıtım Yrd. Doç. Yuriy Mishchenko.
HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETİKETLERİ
WEB TASARIMININ TEMELLERİ
FERHAT KADİR PALA SACİDE GÜZİN MAZMAN
İnternet Teknolojisi Temel Kavramlar
BİLGİ TEKNOLOJİSİNİN TEMEL KAVRAMLARI
WEB TASARIMINDA TEMEL KAVRAMLAR
BTEP 203 – İnternet ProgramcIlIğI - I
İNTERNET ADRESLERİ Ahmet SOYARSLAN biltek.info.
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
İnternet. İnternet...  dünya çapında bir bilgisayar ağı  bilgi süper otoyolu (information super highway)
Internette iki çe ş it adresleme kullanılır. IP numarası herhangi bir bilgisayar internete ba ğ landı ğ ı anda, dünya üzerinde sadece ona ait olan bir.
WEB TASARIMININ TEMELLERİ
İNTERNET TARAYICI (WEB BROWSER) PROGRAMLARI
BİT’İNİ KULLANARAK BİLGİYE ULAŞMA VE BİÇİMLENDİRME
İNTERNET.
İnternet Teknolojisi Temel Kavramlar
İNTERNET ADRESLERİ VE YAPISI
İNTERNET.
İNTERNET ADRESLERİ.
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
İNTERNET ADRESLERİ.
LAN (Yerel Alan Ağı) Nedir?
Bilgisayar Ağı Nedir?.
Ev adreslerimiz Adresler ne işe yarar?
HTML GİRİŞ OĞUZ İNAL.
Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+’da.
İnternet Nedir? Hazırlayan: Fatih ARIKAN Bilişim Teknolojileri Öğrt.
İnternet Nedir Bilgisayar Ağları Ağ Çeşitleri Çağlar Gülcek.
KIRKLARELİ ÜNİVERSİTESİ
İnternet Nedir Bilgisayar Ağları Ağ Çeşitleri
 Internet’e bağlı kuruluşlar değişik gruplara ayrılabilir ve bir kuruluşun internet adresi, o kuruluşun ait olduğu guruba göre ilgili kısaltmalar içerir.
Metadata, z39.50, FRBR, ve RDA. Ders içeriği Web kaynakları ve web kaynaklarında kimlikleme Derin web – Yüzeysel web Arama Motorları Metadata Kopya Kataloglama.
İNTERNET ADRESLERİ.
İNTERNET VE BİLGİ AĞLARININ KULLANIMI
İnternet Nedir Bilgisayar Ağları Ağ Çeşitleri
Dünyanın bilgisine açılan pencere...
BTEP 203 – İnternet ProgramcIlIğI - I
İNTERNET ADRESLERİ.
İNTERNET ADRESLERİ.
İNTERNET VE BİLGİ AĞLARININ KULLANIMI
İNTERNET ADRESLERİ VE YAPISI
Temel Internet Kullanımı Y. Doç. Dr. M. Sıtkı İlkay Ekim 2006.
Dünyanın bilgisine açılan pencere...
Dünyanın bilgisine açılan pencere...
İNTERNET ADRESLERİ. İNTERNET NEDİR? İnternet, birçok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim.
Sunum transkripti:

WEB TASARIMI HTML

İNTERNET NEDİR ?

Internet Nedir? Internet, birçok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır. Internet, insanların her geçen gün gittikçe artan "üretilen bilgiyi saklama/paylaşma ve ona kolayca ulaşma" istekleri sonrasında ortaya çıkmış bir teknolojidir.

Internet Nedir? İnsanların kendi arasında etkileştiği, bilgi değiş- tokuşu yapabildiği ve kendi yazısız kuralları olan büyük bir topluluktur. Pek çok yararlı bilginin bir tuşa basmak kadar yakın olduğu dev bir kütüphanedir.

Internet Nedir? Kişilerin değişik konularda fikirlerini serbestçe söyleyebilecekleri ortamlar barındıran bir demokrasi platformudur. Evden alış-veriş, bankacılık hizmetleri, radyo- televizyon yayınları, günlük gazete servisleri vb gibi uygulamaları ile aslında internet aynı zamanda bir hayat kolaylaştırıcıdır.

İnternet adreslerindeki uzantılar .com : ticari kurumlar .gov : devlet kurumları .net : internet servis sağlayıcıları .org : kar amacı gütmeyen kuruluşlar, dernekler .mil : askeri kurumlar .edu : üniversiteler, eğitim kurumları .k12 : ilkokul, lise vb eğitim kurumları .ac : akademik kurumlar .int : uluslararası kurumlar .arts : sanat ve kültür kurumları .firm : ticari firmalar .info: bilgi servisi sunan siteler .nom : kişisel .name : kişisel .rec : eğlence siteleri .stor : alışveriş siteleri

İnternet adreslerindeki uzantılar Bazı ülke kısaltmaları: tr:Türkiye, jp:Japonya, uk:Ingiltere, it:İtalya, ch:Isviçre, ca:Kanada, ru:Rusya, id:Endonezya, nl:Hollanda, de:Almanya, fr:Fransa, il:İsrail, no:Norveç, se:İsveç, br:Brezilya,

Bazı Internet Terimleri Web Page (Web Sayfası) Internet üzerinde görüntülenebilen her dosya web sayfasıdır. Web sayfası ASCII karakterleri kullanılarak yazılan HTML denen bir işaretleme dili ile yazılır. Web Browser (Web Tarayıcısı) World Wide Web üzerinde bulunan sayfaları yükleyip görüntülemeyi sağlayan program.

Bazı Internet Terimleri Web Server HTML sayfalarını, Web Tarayıcınıza gönderen Internet üzerindeki sunucu makinelerde çalışan programdır. Web Serverlar günümüzde HTML nin daha gelişmişi olan CGI (Common Gateway Interface), ASP (Active Server Page) vs gibi sayfaları da istemcilere gönderebilmektedir. HTML (Hyper Text Markup Language) Web Sayfası hazırlama dilidir. Metinlerin görünümünü, konumunu vs. şekillendirmek için metin ve etiketlerle kontrol edilen oldukça basit bir işaretleme dilidir.

Bazı Internet Terimleri URL (Uniform Resource Locator) Internet üzerideki adreslerin genel adıdır. http://www.firat.edu.tr üniversitemizin web sayfasının URL’sidir. Hyperlink Tıklandığında bağlı olduğu diğer bir sayfanın açılmasını sağlayan bir bağlantıdır. HTTP (Hyper Text Transfer Protocol) HTML sayfalarının Web tarayıcınıza aktarılmasında kullanılan protokoldür.

Web Nasıl Çalışır İstemci makinenin kullanıcısı Web tarayıcısında bir hyperlink ’e tıklar. Browser DNS (Domain Name Server) a bağlanıp istemde bulunduğu sayfanın server IP sini alır. Ardından Aldığı IP ye bir çağrı gönderir ve sayfayı ister. Web Server da bu isteğe cevap verir ve http üzerinden sayfayı Web Browser a gönderir.

Web Nasıl Çalışır

HTTP ve HTML HTTP, Web Server ile Web Browser ’ın birbirleri ile haberleştiği bir protokoldür. HTML dokümanları metin ve etiketlerden meydana gelir. HTML etiketleri açılı parantez içerisinde (< >) yazılır. HTML etiketlerinin çoğu slash(/) karakteri ile biten etiket ile kapatılarak bloklar halinde kullanılır. Örnek: <B>HTML</B> bir metin işaretleme dilidir. Yukarıdaki örnekte HTML koyu olarak yazılacaktır.

HTML Versiyonları HTML nin birkaç versiyonu vardır. Günümüzde çoğu Web Tarayıcısının desteklediği 3.2 versiyonudur. HTML’nin standardı Word Wide Web Consortium (W3C) tarafından kontrol edilmektedir. HTML nin 4. versiyonunda iki yeni eklenti vardır.Bu eklentilerin en önemlileri; Cascading Style Sheets (CSS) Dynamic HTML (DHTML)

HTML Versiyonları Cascading Style Sheets (CSS) Dynamic HTML (DHTML) Metin, link, tablo vs her sayfada tek tek biçimlendirilmesi yerine tek bir sayfada tanımlayıp hızlı kullanma olanağı sağlar. CSS Microsoft Word ün stili gibi çalışır. Stili önceden tanımlarız. Daha sonrada sayfadaki elemanlarda stile başvuru yaparsınız. CSS ile madde imlerini, metin fontlarını, kullanılan başlık fontunu vs. değiştirebiliriz. Dynamic HTML (DHTML) Tasarımcıya, kullanıcı fareyi herhangi bir nesne üzerine getirdiğinde hareket etmesini ya da görünümünün değişmesini sağlayabilen Web Sayfaları yapabilme imkanı sağlayan dildir.

XHTML: Genişletilebilir Köprü Metni Biçimlendirme Dili 2001’de HTML yerine kullanılması kararlaştırılmıştır. HTML’le arasındaki en belirgin fark söz dizimidir. XHTML, web sayfalarını farklı tarayıcı ve cihazlarına daha uyumlu hale getirmek amacıyla kodların yazılış biçimlerinde daha sıkı kurallar kullanır. HTML ‘in temizlenmiş versiyonudur.

Web Hazırlama Yazılımları Web hazırlamak için birçok araca sahibiz. Bunları üç sınıfta toplayabiliriz. HTML editörleri Web Sitesi geliştirme araçları Web Uygulaması geliştirme araçları

HTML Editörleri HTML yazmak için NotePad ‘i kullanabileceğimiz gibi yardımcı programlar da vardır. Metin tabanlı, kod yazmayı gerektiren fakat bunun yanısıra rutin bazı işlemleri kolaylaştıran editörlerdir. Bunlardan bir kısmı; Hot Dog HotMetal Pro HomeSite 1st Page 2000 Basit bir metin editörü.

Web Sitesi Geliştirme Araçları Bu tür ürünler tek başına bir web sayfası yapmak yerine Web Sitesi hazırlamada kullanılır. Bu grup programlar HTML editörü ile birlikte linkler kontrol edebilen araçlar ve Web Sitesini Web Server a yayınlayabilecek araçlar içerir. Bu kategorideki programlar görsel, kodlamayla uğraştırmayı gerektirmeyen editörler dir. Bunlar; Fusion Visual Page Dreamweaver, Flash FrontPage

Web Sitesi Hazırlama Temel Bilgiler

Site Tanımlama

Dosyaların Adlarındırılması Dosya adlarında boşluk kullanmayın. web design.html web-design.html veya web_design.html Uzun dosya adları kullanmayın. Dosya adı ve uzantılarını küçük harflerle yazın. hakkında.HTML Türkçe karakter kullanmayın.

Dosyaların Adlandırılması Dosya adlarını standart karakterlerden oluşturun. : ? * ; “ / < > kullanmayın. Dosya uzantıları htm veya html olabilir. Ancak bu iki kullanımdan birini tercih etmelisiniz. index.html veya index.htm adlı ana bir dosya mutlaka oluşturun.