{"id":17147,"date":"2014-02-15T16:35:25","date_gmt":"2014-02-15T16:35:25","guid":{"rendered":"http:\/\/www.grafikerler.org\/portal\/?p=17147"},"modified":"2014-02-15T16:40:08","modified_gmt":"2014-02-15T16:40:08","slug":"html5-tabanli-web-sitesi-tasarim-ornekleri","status":"publish","type":"post","link":"https:\/\/www.grafikerler.org\/portal\/html5-tabanli-web-sitesi-tasarim-ornekleri.html","title":{"rendered":"Html5 Tabanl\u0131 Web Sitesi Tasar\u0131m \u00d6rnekleri"},"content":{"rendered":"

HTML5<\/b>, \u00a0internet’in \u00e7ekirdek teknolojilerinden\u00a0HTML\u00a0i\u015faretleme standard\u0131n\u0131n be\u015finci s\u00fcr\u00fcm\u00fcd\u00fcr.\u00a0Internet Explorer,\u00a0Mozilla Firefox\u00a0ve\u00a0Operataray\u0131c\u0131lar\u0131n\u0131n g\u00fcncel s\u00fcr\u00fcmleri taraf\u0131ndan k\u0131smen desteklenmektedir. K\u0131saca H5\u00a0Google Chrome\u00a0ve\u00a0Safari\u00a0taray\u0131c\u0131lar\u0131n\u0131n g\u00fcncel s\u00fcr\u00fcmleri \u00fczerinde deneme a\u015famas\u0131nda da olsa \u00e7ok daha iyi bir \u015fekilde \u00e7al\u0131\u015fmaktad\u0131r. G\u00fcn\u00fcm\u00fczde kullan\u0131lan HTML 4.1 s\u00fcr\u00fcm\u00fc,\u00a0CSS\u00a0deste\u011fiyle ne kadar d\u00fczenli ve sa\u011flam bir yap\u0131da kodlan\u0131rsa kodlans\u0131n yine de fazladan yaz\u0131lan kodlar\u0131n i\u015flevselli\u011fi bozdu\u011fu bilinmektedir. Bu y\u00fczden HTML 5 bu ihtiya\u00e7lar\u0131 kar\u015f\u0131lamak ad\u0131na geli\u015ftirilmeye ba\u015flanm\u0131\u015ft\u0131r. Video payla\u015f\u0131m sitesi Youtube, deneme a\u015famas\u0131nda HTML5’i kullan\u0131c\u0131lar\u0131na sunmaktad\u0131r.<\/p>\n

HTML5 kullanmak ayn\u0131 zamanda UI (kullan\u0131c\u0131 arabirimi) m\u00fchendislerinin ve back end (sunucu uygulama) geli\u015ftiricilerinin sadece tek codebase kullan\u0131m\u0131ndan yararlanabiliyor olmalar\u0131 demektir. Yap\u0131n\u0131n temelleri ayn\u0131 kalsa da, her platforma entegre edilmi\u015f back end layerlar ve g\u00f6r\u00fcnt\u00fcler olabilecektir. Bu, birbirine ba\u011fl\u0131 bir \u00fcr\u00fcn tecr\u00fcbesinin yarat\u0131lmas\u0131na yard\u0131m eden\u00a0\u00fcr\u00fcn\u00a0\u00e7izgisinin kar\u015f\u0131s\u0131nda, geli\u015fimin yay\u0131lma s\u00fcrecini h\u0131zland\u0131rmaktad\u0131r.<\/p>\n

Ses veya film etiketleri gibi bir\u00e7ok spesifik y\u00f6nleriyle birlikte kullan\u0131lmas\u0131 gereken HTML 5, sadece bir bi\u00e7imleme dili olmas\u0131ndan ziyade web uygulamalar\u0131 yaratmakta da kullan\u0131labilmektedir. CSS3 ve\u00a0JavaScript\u00a0ile birle\u015ftirmek \u00e7ok daha g\u00fc\u00e7l\u00fc uyumlu ve sa\u011flam uygulamalar\u0131 m\u00fcmk\u00fcn k\u0131lmaktad\u0131r. Uygulamalar bu sayede binlerce cihazda bir\u00e7ok ihtimale uygun \u015fekilde kullan\u0131labilmektedir. \u00d6zellikle de ili\u015ftirilmi\u015f platformlar ve ba\u011flanm\u0131\u015f cihazlarla \u00e7ok daha g\u00fc\u00e7l\u00fc olacaklard\u0131r.<\/p>\n

Sizler i\u00e7in html5 tabanl\u0131 web sitesi tasar\u0131m \u00f6rneklerini bir araya getirdik. \u0130\u015fte o tasar\u0131m \u00f6rnekleri;<\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

\"html5<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

HTML5, \u00a0internet’in \u00e7ekirdek teknolojilerinden\u00a0HTML\u00a0i\u015faretleme standard\u0131n\u0131n be\u015finci s\u00fcr\u00fcm\u00fcd\u00fcr.\u00a0Internet Explorer,\u00a0Mozilla Firefox\u00a0ve\u00a0Operataray\u0131c\u0131lar\u0131n\u0131n g\u00fcncel s\u00fcr\u00fcmleri taraf\u0131ndan k\u0131smen desteklenmektedir. K\u0131saca H5\u00a0Google Chrome\u00a0ve\u00a0Safari\u00a0taray\u0131c\u0131lar\u0131n\u0131n g\u00fcncel s\u00fcr\u00fcmleri \u00fczerinde deneme a\u015famas\u0131nda da olsa \u00e7ok daha iyi bir \u015fekilde \u00e7al\u0131\u015fmaktad\u0131r. G\u00fcn\u00fcm\u00fczde kullan\u0131lan HTML 4.1 s\u00fcr\u00fcm\u00fc,\u00a0CSS\u00a0deste\u011fiyle ne kadar d\u00fczenli ve sa\u011flam bir yap\u0131da kodlan\u0131rsa kodlans\u0131n yine de fazladan yaz\u0131lan kodlar\u0131n i\u015flevselli\u011fi bozdu\u011fu bilinmektedir. Bu y\u00fczden HTML […]<\/p>\n","protected":false},"author":11,"featured_media":17150,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[405],"tags":[833,834,819,358],"_links":{"self":[{"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/posts\/17147"}],"collection":[{"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/comments?post=17147"}],"version-history":[{"count":3,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/posts\/17147\/revisions"}],"predecessor-version":[{"id":17171,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/posts\/17147\/revisions\/17171"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/media\/17150"}],"wp:attachment":[{"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/media?parent=17147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/categories?post=17147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.grafikerler.org\/portal\/wp-json\/wp\/v2\/tags?post=17147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}