Selamun Aleykum
THT Ailesi
-----------------------------------
1. http://www.turkhackteam.org/web-programlama/1470875-html5-uygulamali-egitim-ders-1-rolls.html
2. http://www.turkhackteam.org/web-programlama/1471616-html5-uygulamali-egitim-ders-2-rolls.html
Göz Atabilirsiniz
Bugün ki konumuz
HTML5 ve CSS
İndirme Link:
Notepad++ İndir - Gezginler
Örnek Notepad++
------------------------
Web tasarım'da bilinmesi gerekenler:
www: World Wide Web (Dünya Çapında Ağ) kelimerinin kısaltılmış hâlidir. Alternatif adı W3'dir. Siteleri internete bağlamak için oluşturulmuş bir sistemdir. "Web'de yeni arama motorları" tabirindeki 'Web' kelimesi, WWW'ya ithaf etmektedir.
W3C: World Wide Web Consortium kelimelerinin kısaltmasıdır. Web'in standartlarını belirleyen ve geliştiren uluslararası bir topluluktur.
HTML: HyperText Markup Language (Zengin Metin İşaretleme Dili) kelimelerinin kısaltılmış halidir. Web sayfalarını görüntülemekte kullanılan ana işaretleme dilidir.
XML: Açılımı eXtensible Markup Language (Genişletilebilir İşaretleme Dili) şeklindedir. Hem insanların hem de makinelerin okuyabilmesi adına kodlama dosyaları için geliştirilen bir işaretleme dilidir. XML etiketleri HTML'in tersine kullanıcı tarafından özel olarak tanımlanabilir. İnternet sitelerinde site haritalarını oluşturmak için sıkça kullanılır.
YANİ
ÖRNEK
Windows pencereleriniz için XML editörü olarak çalışan yazılım, XSLT şeklindeki yazılmış verileri kullanırken HTML ve XML verisine dönüştürebilir. XML verisinin direk biçimlenmesi için XML ile CSS'yi birleştirebilir.
İndirme Linki:
XMLwriter XML Editor İndir - XML Editörü - Tamindir
XHTML: eXtensible HTML (Genişletilebilir HTML) kelimelerinin kısaltılmışıdır. XML ve HTML'in kompozit hâlidir. HTML'deki fazla esnek yapı yüzünden oluşan hataları en aza indirmek için W3C tarafından geliştirilmiştir.
Web Sitenizde hataları aramak istiyorsanız aşağıdaki link'te sorunu çözebilirsiniz.
The W3C Markup Validation Service
DOCTYPE tanımlaması "<html>" etiketinin bir üst satırında olmalı ve DOCTYPE tanımlamasının üstünde hiçbir şey olmamalıdır.
ÖRNEK
Örneği Açıklama
Domain: Alternatif ismi "alan adı"dır. Web sitelerinin internet üzerindeki adıdır. Örneğin; turkhackteam.com bir domain'dir. Temelinde bir IP adresi vardır. Kullanıcıların bu IP adresini yazıp sitelere erişmesi zor olduğu için böyle bir sistem geliştirilmiştir.
Google amca'da arama motoruna yazarak güvendiğiniz ve istediğiniz yerden domain satın alabilirsiniz.
Hosting: 7/24 Web'de erişilebilmesi için çeşitli firmalar tarafından sağlanan hizmet, hosting olarak adlandırılır. Hosting firmalarının sabah akşam hiç kapatılmadan çalışan server'ları, diğer bir ifade ile sunucuları vardır. Web sitesi sahibi oluşturduğu site dökümanlarını bu sunuculara gönderir ve yaptığı sitenin tüm dünya tarafından ziyaret edilmesine olanak tanır.
HTTP: Site adlarında www'dan önce http:// şeklinde yazılır. Adından da anlaşılacağı üzere sitelerin ekranımızda görüntülenmesi için W3C tarafından oluşturulan bu protokol esas alınır. Bir web sitesi ile sunucu arasındaki veri transferini belli standartlara oturtmak için geliştirilmiştir. Bu transferin daha güvenli bir versiyonu olan HTTPS (HTTP Secure) bugün tüm ticarî alışveriş sitelerinde veri güvenliğini sağlamak amacıyla kullanılmaktadır.
ziyaretçi ~ sunucu (visitor ~ server) arasındaki ilişkiyi belirlerken; FTP, site sahibi ~ sunucu (client ~ server) arasındaki ilişkiyi belirler.
FTP: Web sitesi sahibinin oluşturduğu site dosyalarını sunucuya gönderebilmesi amacıyla oluşturulmuş bir protokoldür. Web sitesi sahiplerinin sunuculara ulaşabilmesi oluşturulmuş FTP yazılımları geliştirilmiştir. SmartFTP, CuteFTP gibi birçok yazılım olsa da bunlar arasında en popüler FileZilla adlı yazılımdır. Kullanımı oldukça basittir.
SEO: Sitelerin arama motorları tarafından index'lenebilmesi için HTML etiketleri içine yazılan bazı tanımlamalar dahilinde yapılır.
HTML Etiketi: < ve > şeklinde gördüğünüz köşeli parantezler içine yazılır.
ifadesi etiketin kapatıldığını belirtir.
HTML5 ve CSS'de eğitimine girmeden özellikle araştırıp bilinmesi gerekenler paylaşmak istedim okuduğunuz için teşekkür ederim.
:RpS_thumbup:
------------------------------------------------------
--------------------------------------------
------------------------------
-----------------------
☪
--------------------------------------------
Diğer derslerde görüşmek üzere
TURK HACK TEAM
AİLESİ
-Rolls-
Asistan/Stajer
THT Ailesi
-----------------------------------
---------------------------------------------------------
HTML5 - CSS EĞİTİMİ BAŞTAN1. http://www.turkhackteam.org/web-programlama/1470875-html5-uygulamali-egitim-ders-1-rolls.html
2. http://www.turkhackteam.org/web-programlama/1471616-html5-uygulamali-egitim-ders-2-rolls.html
Göz Atabilirsiniz
---------------------------------------------------------
Bugün ki konumuz
HTML5 ve CSS
Kavramak
Öncelikle Derslerimize başlamadan bilmemiz gerekenler var ve hepsini sırayla izah edeceğim çünkü kafanıza takılacak bir kaç soru tek tek cevaplamak yerine okuyup anlamanızda kolaylık olacaktır.
---------------------------------------------------------
ÖNEMLİ
Eğitimlere başlamadan önce HTML derslerin'de dediğim Metin Belgesini yeniler için tavsiye etmiştim. Şimdi ise artık yavaş yavaş web tasarım geçmeden sizlere önereceğim Notepad++ adlı programı indirin. Notepad++, Windows kullanıcılarının yakından bildiği Notepad metin editörünün geliştirilmiş bir versiyonudur. PHP, ASP, C#, HTML, XML, CSS, Python gibi birçok dilin kodlarını renkli bir şekilde gösterebilir ve kod yazımında kolaylık sağlar. Karmaşık gibi gözükmesine rağmen Notepad gibi oldukça basit bir programdır.Unutmamak için ince ayrıntılara dikkat edelim.
----------------------------
TEMEL BİLGİLER
(TEKRAR)
(TEKRAR)
----------------------------
Öncelikle Derslerimize başlamadan bilmemiz gerekenler var ve hepsini sırayla izah edeceğim çünkü kafanıza takılacak bir kaç soru tek tek cevaplamak yerine okuyup anlamanızda kolaylık olacaktır.
---------------------------------------------------------
ÖNEMLİ
↓↓↓
----------------------------İndirme Link:
Notepad++ İndir - Gezginler
Örnek Notepad++
------------------------
Web tasarım'da bilinmesi gerekenler:
↓↓↓
www: World Wide Web (Dünya Çapında Ağ) kelimerinin kısaltılmış hâlidir. Alternatif adı W3'dir. Siteleri internete bağlamak için oluşturulmuş bir sistemdir. "Web'de yeni arama motorları" tabirindeki 'Web' kelimesi, WWW'ya ithaf etmektedir.
↓↓↓
W3C: World Wide Web Consortium kelimelerinin kısaltmasıdır. Web'in standartlarını belirleyen ve geliştiren uluslararası bir topluluktur.
↓↓↓
HTML: HyperText Markup Language (Zengin Metin İşaretleme Dili) kelimelerinin kısaltılmış halidir. Web sayfalarını görüntülemekte kullanılan ana işaretleme dilidir.
↓↓↓
XML: Açılımı eXtensible Markup Language (Genişletilebilir İşaretleme Dili) şeklindedir. Hem insanların hem de makinelerin okuyabilmesi adına kodlama dosyaları için geliştirilen bir işaretleme dilidir. XML etiketleri HTML'in tersine kullanıcı tarafından özel olarak tanımlanabilir. İnternet sitelerinde site haritalarını oluşturmak için sıkça kullanılır.
YANİ
-------
Kısacası XML son derece kullanışlı ve kolay, veri saklama, yayınlama ve paylaşma imkanı sunan bir dildir.ÖRNEK
Windows pencereleriniz için XML editörü olarak çalışan yazılım, XSLT şeklindeki yazılmış verileri kullanırken HTML ve XML verisine dönüştürebilir. XML verisinin direk biçimlenmesi için XML ile CSS'yi birleştirebilir.
Kod:
[COLOR="Yellow"]<?xml version="1.0" encoding="utf-8"?>[/COLOR]
<kullanicilar>
<kullanici id="1">
<ad>Murat</ad>
<soyad>Boz</soyad>
</kullanici>
<kullanici id="2">
<ad>Emre</ad>
<soyad>Şen</soyad>
</kullanici>
</kullanicilar>İndirme Linki:
-----------------------
XMLwriter XML Editor İndir - XML Editörü - Tamindir
↓↓↓
XHTML: eXtensible HTML (Genişletilebilir HTML) kelimelerinin kısaltılmışıdır. XML ve HTML'in kompozit hâlidir. HTML'deki fazla esnek yapı yüzünden oluşan hataları en aza indirmek için W3C tarafından geliştirilmiştir.
Web Sitenizde hataları aramak istiyorsanız aşağıdaki link'te sorunu çözebilirsiniz.
The W3C Markup Validation Service
-----------------------------------------------------------
XHTML belgesi kesinlikle XHTML DOCTYPE tanımlaması içermeli.DOCTYPE tanımlaması "<html>" etiketinin bir üst satırında olmalı ve DOCTYPE tanımlamasının üstünde hiçbir şey olmamalıdır.
ÖRNEK
--------------------
Kod:
<!DOCTYPE>
<html>
<head>
<title>TURK HACK TEAM</title>
</head>
<body>
XML ve !DOCTYPE örneği
</body>
</html>Örneği Açıklama
--------------------------------
↓↓↓
Domain: Alternatif ismi "alan adı"dır. Web sitelerinin internet üzerindeki adıdır. Örneğin; turkhackteam.com bir domain'dir. Temelinde bir IP adresi vardır. Kullanıcıların bu IP adresini yazıp sitelere erişmesi zor olduğu için böyle bir sistem geliştirilmiştir.
Google amca'da arama motoruna yazarak güvendiğiniz ve istediğiniz yerden domain satın alabilirsiniz.
↓↓↓
Hosting: 7/24 Web'de erişilebilmesi için çeşitli firmalar tarafından sağlanan hizmet, hosting olarak adlandırılır. Hosting firmalarının sabah akşam hiç kapatılmadan çalışan server'ları, diğer bir ifade ile sunucuları vardır. Web sitesi sahibi oluşturduğu site dökümanlarını bu sunuculara gönderir ve yaptığı sitenin tüm dünya tarafından ziyaret edilmesine olanak tanır.
↓↓↓
HTTP: Site adlarında www'dan önce http:// şeklinde yazılır. Adından da anlaşılacağı üzere sitelerin ekranımızda görüntülenmesi için W3C tarafından oluşturulan bu protokol esas alınır. Bir web sitesi ile sunucu arasındaki veri transferini belli standartlara oturtmak için geliştirilmiştir. Bu transferin daha güvenli bir versiyonu olan HTTPS (HTTP Secure) bugün tüm ticarî alışveriş sitelerinde veri güvenliğini sağlamak amacıyla kullanılmaktadır.
ziyaretçi ~ sunucu (visitor ~ server) arasındaki ilişkiyi belirlerken; FTP, site sahibi ~ sunucu (client ~ server) arasındaki ilişkiyi belirler.
↓↓↓
FTP: Web sitesi sahibinin oluşturduğu site dosyalarını sunucuya gönderebilmesi amacıyla oluşturulmuş bir protokoldür. Web sitesi sahiplerinin sunuculara ulaşabilmesi oluşturulmuş FTP yazılımları geliştirilmiştir. SmartFTP, CuteFTP gibi birçok yazılım olsa da bunlar arasında en popüler FileZilla adlı yazılımdır. Kullanımı oldukça basittir.
↓↓↓
SEO: Sitelerin arama motorları tarafından index'lenebilmesi için HTML etiketleri içine yazılan bazı tanımlamalar dahilinde yapılır.
↓↓↓
HTML Etiketi: < ve > şeklinde gördüğünüz köşeli parantezler içine yazılır.
Örneğin;
Kod:
[CENTER]<title> bir etikettir. </title>[/CENTER]HTML5 ve CSS'de eğitimine girmeden özellikle araştırıp bilinmesi gerekenler paylaşmak istedim okuduğunuz için teşekkür ederim.
:RpS_thumbup:
------------------------------------------------------
--------------------------------------------
------------------------------
-----------------------
☪
-----------------------
--------------------------------------------------------------------------
------------------------------------------------------
Diğer derslerde görüşmek üzere
TURK HACK TEAM
AİLESİ
-Rolls-
Asistan/Stajer
Son düzenleme:
