SlideShare a Scribd company logo
Submit Search
Upload
Web Onyuzu Nasil Olmali
Report
Share
O
Osman Yuksel
Osman Yuksel
Follow
•
2 likes
•
1,395 views
1
of
34
Web Onyuzu Nasil Olmali
•
2 likes
•
1,395 views
Report
Share
Download Now
Download to read offline
Technology
Design
"Özgür Web Teknolojileri Günleri" için hazırladığım sunum
Read more
O
Osman Yuksel
Osman Yuksel
Follow
Recommended
jQuery by
jQuery
Erol Dizdar
2.7K views
•
384 slides
PHPUnit ve Laravel by
PHPUnit ve Laravel
Osman Yuksel
5.6K views
•
56 slides
Varnish by
Varnish
Osman Yuksel
1.7K views
•
40 slides
Jenkins by
Jenkins
Osman Yuksel
985 views
•
27 slides
Php1 by
Php1
Oyunzet Oyunlar
1K views
•
46 slides
PHPkonf'15 - PHP Uygulamanızı Güçlendirin by
PHPkonf'15 - PHP Uygulamanızı Güçlendirin
Muhittin Özer
1.4K views
•
34 slides
More Related Content
Viewers also liked
Docker - Ankara JUG, Nisan 2015 by
Docker - Ankara JUG, Nisan 2015
Mustafa AKIN
2K views
•
54 slides
Git ile Sürüm Takibi by
Git ile Sürüm Takibi
Ömer ÖZKAN
9.6K views
•
53 slides
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? by
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Mustafa AKIN
2.2K views
•
50 slides
Php mysql sunum by
Php mysql sunum
Oyunzet Oyunlar
2K views
•
127 slides
PHP Sunusu - 1 by
PHP Sunusu - 1
Bilgisayar Kulübü
2.2K views
•
20 slides
Algoritma kurmak by
Algoritma kurmak
Oğuzhan TAŞ Akademi
14K views
•
6 slides
Viewers also liked
(17)
Docker - Ankara JUG, Nisan 2015 by Mustafa AKIN
Docker - Ankara JUG, Nisan 2015
Mustafa AKIN
•
2K views
Git ile Sürüm Takibi by Ömer ÖZKAN
Git ile Sürüm Takibi
Ömer ÖZKAN
•
9.6K views
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır? by Mustafa AKIN
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Mustafa AKIN
•
2.2K views
Php mysql sunum by Oyunzet Oyunlar
Php mysql sunum
Oyunzet Oyunlar
•
2K views
PHP Sunusu - 1 by Bilgisayar Kulübü
PHP Sunusu - 1
Bilgisayar Kulübü
•
2.2K views
Algoritma kurmak by Oğuzhan TAŞ Akademi
Algoritma kurmak
Oğuzhan TAŞ Akademi
•
14K views
Özgür Yazılım & GNU/Linux by Ömer ÖZKAN
Özgür Yazılım & GNU/Linux
Ömer ÖZKAN
•
1.7K views
Java script by Oğuzhan TAŞ Akademi
Java script
Oğuzhan TAŞ Akademi
•
13.6K views
Php MySQL by Oğuzhan TAŞ Akademi
Php MySQL
Oğuzhan TAŞ Akademi
•
17.3K views
REST yoluyla Web Servis Geliştirme by emirkarsiyakali
REST yoluyla Web Servis Geliştirme
emirkarsiyakali
•
8.6K views
Jquery Giriş by Oğuzhan TAŞ Akademi
Jquery Giriş
Oğuzhan TAŞ Akademi
•
7.2K views
Linux sunum by Oğuzhan TAŞ Akademi
Linux sunum
Oğuzhan TAŞ Akademi
•
30.2K views
Nmap101 Eğitim Sunumu - Nmap Kullanım Kılavuzu by Mehmet Caner Köroğlu
Nmap101 Eğitim Sunumu - Nmap Kullanım Kılavuzu
Mehmet Caner Köroğlu
•
23K views
JavaScript sunumu by Osman Yuksel
JavaScript sunumu
Osman Yuksel
•
1.9K views
Laravel 5 by Brian Feaver
Laravel 5
Brian Feaver
•
7.1K views
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu by Ahmet Gürel
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu
Ahmet Gürel
•
9.7K views
Turkce by simone.schaefer
Turkce
simone.schaefer
•
12.9K views
Similar to Web Onyuzu Nasil Olmali
Mutant Web Applications by
Mutant Web Applications
guest096801
454 views
•
40 slides
Temel HTML Etiketleri - Text, Image, Link, List, Image by
Temel HTML Etiketleri - Text, Image, Link, List, Image
cmkandemir
3.1K views
•
103 slides
Javascript Performance Optimisation by
Javascript Performance Optimisation
irfandurmus
1.5K views
•
38 slides
Temel HTML Etiketleri ve Kullanım Örnekleri by
Temel HTML Etiketleri ve Kullanım Örnekleri
cmkandemir
114 views
•
114 slides
Html5 ile Gelen Yenilikler by
Html5 ile Gelen Yenilikler
Ahmet Mermerkaya
420 views
•
37 slides
Seo 101 by
Seo 101
Erhan Kolci
10 views
•
131 slides
Similar to Web Onyuzu Nasil Olmali
(20)
Mutant Web Applications by guest096801
Mutant Web Applications
guest096801
•
454 views
Temel HTML Etiketleri - Text, Image, Link, List, Image by cmkandemir
Temel HTML Etiketleri - Text, Image, Link, List, Image
cmkandemir
•
3.1K views
Javascript Performance Optimisation by irfandurmus
Javascript Performance Optimisation
irfandurmus
•
1.5K views
Temel HTML Etiketleri ve Kullanım Örnekleri by cmkandemir
Temel HTML Etiketleri ve Kullanım Örnekleri
cmkandemir
•
114 views
Html5 ile Gelen Yenilikler by Ahmet Mermerkaya
Html5 ile Gelen Yenilikler
Ahmet Mermerkaya
•
420 views
Seo 101 by Erhan Kolci
Seo 101
Erhan Kolci
•
10 views
Web Performans Optimizasyon Prensipleri by Mehmet Aykut Bulgu
Web Performans Optimizasyon Prensipleri
Mehmet Aykut Bulgu
•
3.3K views
Ozgur Web Catilari Mobil Uygulama Gelistirme by Burak Dede
Ozgur Web Catilari Mobil Uygulama Gelistirme
Burak Dede
•
796 views
Merhaba Sinatra by Uğur Özyılmazel
Merhaba Sinatra
Uğur Özyılmazel
•
929 views
Pratik seo uygulamaları by fsolak
Pratik seo uygulamaları
fsolak
•
2.2K views
Java EE Struts by Muharrem Tac
Java EE Struts
Muharrem Tac
•
731 views
Wordpress SEO: Optimisations & Plugins by Burak Pehlivan
Wordpress SEO: Optimisations & Plugins
Burak Pehlivan
•
543 views
WordPress Hız Optimizasyonu by Mustafa UYSAL
WordPress Hız Optimizasyonu
Mustafa UYSAL
•
76 views
Web by umutaltuntass
Web
umutaltuntass
•
511 views
Ajax by eroglu
Ajax
eroglu
•
977 views
Asp.net ajax by Murat Başeren
Asp.net ajax
Murat Başeren
•
581 views
Seo by Serdar Buyuktemiz
Seo
Serdar Buyuktemiz
•
381 views
AMP ile Yüksek Performanslı Mobil Deneyimi by Mehmet Aktug
AMP ile Yüksek Performanslı Mobil Deneyimi
Mehmet Aktug
•
1K views
Flex blaze ds by Muharrem Tac
Flex blaze ds
Muharrem Tac
•
549 views
Performanslı site tasarımı ve Site performans ölçüm araçları by barisaydiner
Performanslı site tasarımı ve Site performans ölçüm araçları
barisaydiner
•
615 views
Web Onyuzu Nasil Olmali
1.
Web Önyüzü Nasıl
Olmalı? <Markup> : İskelet {css} : Görünüm JavaScript() : Etkileşim
2.
Bu üç öğe
olabildiğince esnek bağlı olmalı Kötü Örnek / İyi Örnek
3.
4.
5.
6.
7.
8.
Standartlara uygun olmalı!
9.
Standartlara uygun olmalı!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> veya <!DOCTYPE html>
10.
11.
HTML Tidy :
http://tidy.sf.net/
12.
Düzenli ifadeler
13.
14.
http://validator.w3.org/
15.
CSS için
16.
http://jigsaw.w3.org/css-validator/
17.
JavaScript için
18.
http://www.jslint.com/
19.
20.
21.
22.
anaSayfa.css //Sadece ana
sayfaya özel stiller
23.
24.
Scope başlangıç ve
bitişleri
25.
(bkz: kötü örnek,
iyi örnek)
26.
27.
Görsel işler ile
ilgilenen kişi sadece CSS
28.
29.
Gururumuz okşandı!
30.
31.
32.
JavaScript : noktalı
virgül sorunsalı
33.
34.
35.
36.
37.
38.
JPEGTran :
http://jpegclub.org/jpegtran/
39.
Yahoo! Smush.it :
http://developer.yahoo.com/yslow/smushit/
40.
41.
42.
AJAX isteklerini önbelleğe
alın
43.
44.
45.
46.
47.
48.
Aynı hostname'de cookie
her istekte taşınır!
49.
50.
İçeriği Expires, Cache-Control
veya ETags başlıkları ile ve Gzip'lenmiş olarak sunun
51.
52.
Page Speed
http://code.google.com/intl/tr/speed/page-speed/
53.
54.
55.
Bir listeyi <ul>,<ol>,<li>,<dl>,<dt>,<dd>
ile listelemek daha “anlamlı”dır.
56.
Bir başlığı <h1>,
<h6> ile göstermek “anlamlı”dır.
57.
Tablo verisini <table>
ile listelemek daha “anlamlı” iken sayfayı <table> ile tasarlamak “anlamsız”dır.
58.
59.
<article>,<section>
60.
61.
Erişilebilirlik
62.
SEO
63.
64.
65.
Sorular?
66.
Teşekkürler http://github.com/yuxel/presentations http://slideshare.net/yuxel/web-onyuzu-nasil-olmali