Submit Search
Upload
Web Onyuzu Nasil Olmali
•
2 likes
•
1,396 views
O
Osman Yuksel
Follow
"Özgür Web Teknolojileri Günleri" için hazırladığım sunum
Read less
Read more
Technology
Design
Report
Share
Report
Share
1 of 34
Download Now
Download to read offline
Recommended
jQuery
jQuery
Erol Dizdar
PHPUnit ve Laravel
PHPUnit ve Laravel
Osman Yuksel
Varnish
Varnish
Osman Yuksel
Jenkins
Jenkins
Osman Yuksel
Php1
Php1
Oyunzet Oyunlar
PHPkonf'15 - PHP Uygulamanızı Güçlendirin
PHPkonf'15 - PHP Uygulamanızı Güçlendirin
Muhittin Özer
Özgür Yazılım ve LINUX
Özgür Yazılım ve LINUX
İbrahim Bayraktar
Eticaret Güvenliği
Eticaret Güvenliği
Oğuzhan TAŞ Akademi
More Related Content
Viewers also liked
Docker - Ankara JUG, Nisan 2015
Docker - Ankara JUG, Nisan 2015
Mustafa AKIN
Git ile Sürüm Takibi
Git ile Sürüm Takibi
Ömer ÖZKAN
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Mustafa AKIN
Php mysql sunum
Php mysql sunum
Oyunzet Oyunlar
PHP Sunusu - 1
PHP Sunusu - 1
Bilgisayar Kulübü
Algoritma kurmak
Algoritma kurmak
Oğuzhan TAŞ Akademi
Özgür Yazılım & GNU/Linux
Özgür Yazılım & GNU/Linux
Ömer ÖZKAN
Java script
Java script
Oğuzhan TAŞ Akademi
Php MySQL
Php MySQL
Oğuzhan TAŞ Akademi
REST yoluyla Web Servis Geliştirme
REST yoluyla Web Servis Geliştirme
emirkarsiyakali
Jquery Giriş
Jquery Giriş
Oğuzhan TAŞ Akademi
Linux sunum
Linux sunum
Oğuzhan TAŞ Akademi
Nmap101 Eğitim Sunumu - Nmap Kullanım Kılavuzu
Nmap101 Eğitim Sunumu - Nmap Kullanım Kılavuzu
Mehmet Caner Köroğlu
JavaScript sunumu
JavaScript sunumu
Osman Yuksel
Laravel 5
Laravel 5
Brian Feaver
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu
Ahmet Gürel
Turkce
Turkce
simone.schaefer
Viewers also liked
(17)
Docker - Ankara JUG, Nisan 2015
Docker - Ankara JUG, Nisan 2015
Git ile Sürüm Takibi
Git ile Sürüm Takibi
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Docker Nedir, Ne İşe Yarar, Nasıl Kullanılmalıdır?
Php mysql sunum
Php mysql sunum
PHP Sunusu - 1
PHP Sunusu - 1
Algoritma kurmak
Algoritma kurmak
Özgür Yazılım & GNU/Linux
Özgür Yazılım & GNU/Linux
Java script
Java script
Php MySQL
Php MySQL
REST yoluyla Web Servis Geliştirme
REST yoluyla Web Servis Geliştirme
Jquery Giriş
Jquery Giriş
Linux sunum
Linux sunum
Nmap101 Eğitim Sunumu - Nmap Kullanım Kılavuzu
Nmap101 Eğitim Sunumu - Nmap Kullanım Kılavuzu
JavaScript sunumu
JavaScript sunumu
Laravel 5
Laravel 5
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu
Linux'a Giris ve VirtualBox a Ubuntu Kurulumu
Turkce
Turkce
Similar to Web Onyuzu Nasil Olmali
Mutant Web Applications
Mutant Web Applications
guest096801
Temel HTML Etiketleri - Text, Image, Link, List, Image
Temel HTML Etiketleri - Text, Image, Link, List, Image
cmkandemir
Javascript Performance Optimisation
Javascript Performance Optimisation
irfandurmus
Temel HTML Etiketleri ve Kullanım Örnekleri
Temel HTML Etiketleri ve Kullanım Örnekleri
cmkandemir
Html5 ile Gelen Yenilikler
Html5 ile Gelen Yenilikler
Ahmet Mermerkaya
Seo 101
Seo 101
Erhan Kolci
Web Performans Optimizasyon Prensipleri
Web Performans Optimizasyon Prensipleri
Mehmet Aykut Bulgu
Ozgur Web Catilari Mobil Uygulama Gelistirme
Ozgur Web Catilari Mobil Uygulama Gelistirme
Burak Dede
Merhaba Sinatra
Merhaba Sinatra
Uğur Özyılmazel
Pratik seo uygulamaları
Pratik seo uygulamaları
fsolak
Java EE Struts
Java EE Struts
Muharrem Tac
Wordpress SEO: Optimisations & Plugins
Wordpress SEO: Optimisations & Plugins
Burak Pehlivan
WordPress Hız Optimizasyonu
WordPress Hız Optimizasyonu
Mustafa UYSAL
Web
Web
umutaltuntass
Ajax
Ajax
eroglu
Asp.net ajax
Asp.net ajax
Murat Başeren
Seo
Seo
Serdar Buyuktemiz
AMP ile Yüksek Performanslı Mobil Deneyimi
AMP ile Yüksek Performanslı Mobil Deneyimi
Mehmet Aktug
Flex blaze ds
Flex blaze ds
Muharrem Tac
Performanslı site tasarımı ve Site performans ölçüm araçları
Performanslı site tasarımı ve Site performans ölçüm araçları
barisaydiner
Similar to Web Onyuzu Nasil Olmali
(20)
Mutant Web Applications
Mutant Web Applications
Temel HTML Etiketleri - Text, Image, Link, List, Image
Temel HTML Etiketleri - Text, Image, Link, List, Image
Javascript Performance Optimisation
Javascript Performance Optimisation
Temel HTML Etiketleri ve Kullanım Örnekleri
Temel HTML Etiketleri ve Kullanım Örnekleri
Html5 ile Gelen Yenilikler
Html5 ile Gelen Yenilikler
Seo 101
Seo 101
Web Performans Optimizasyon Prensipleri
Web Performans Optimizasyon Prensipleri
Ozgur Web Catilari Mobil Uygulama Gelistirme
Ozgur Web Catilari Mobil Uygulama Gelistirme
Merhaba Sinatra
Merhaba Sinatra
Pratik seo uygulamaları
Pratik seo uygulamaları
Java EE Struts
Java EE Struts
Wordpress SEO: Optimisations & Plugins
Wordpress SEO: Optimisations & Plugins
WordPress Hız Optimizasyonu
WordPress Hız Optimizasyonu
Web
Web
Ajax
Ajax
Asp.net ajax
Asp.net ajax
Seo
Seo
AMP ile Yüksek Performanslı Mobil Deneyimi
AMP ile Yüksek Performanslı Mobil Deneyimi
Flex blaze ds
Flex blaze ds
Performanslı site tasarımı ve Site performans ölçüm araçları
Performanslı site tasarımı ve Site performans ölçüm araçları
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
Download Now