yürü be koçum.. kim tutar seni Edit: crazy_ozzy isimli kullanıcıya daha önce karma vermişsiniz. Tekrar karma verebilmek için, başka kullanıcılara karma dağıtmanız gerekiyor. - Dandik

Flash Flash, Macromedia tarafından geliştirilmiş Internet'te etkileşimli vektörel grafik ve animasyon hazırlanmasında kullanılan bir standarttır. Web tasarımcıları Flash'ı çekici, ölçümlendirilebilir, çok az yer kaplayan gezinilebilir yüzeyler, teknik canlandırmalar, uzun süreli animasyonlar ve diğer şaşırtıcı efektleri yapmak amacıyla kullanırlar. Kullanım Alanları: Flash ile en küçük reklam pankartından , en karmaşık animasyonun yapılması, hatta bütün bir web sitesinin oluşturulması mümkündür. Interaktif CD'lerin hazırlanması, oyunlar, veritabanı uygulamaları, PHP ve XML gibi birçok dil ile kullanılabilme, Flash'ın ileri düzey maharetleri arasında sayılabilir. Flash ile ses ile biteşlemler birleştirilebilir. Yani bir dosyanın içine müzik yada ses efekti rahatlıkla gömebiliriz. Bu bize etkileşim daha üst seviyelere çekebilme şansını verir. Flash içerisinde bulunan bütün görüntü, ses, text elemanları flash'a özgü bazı sıkıştırma teknikleri sayesinde çok küçük boyutlara sıkıştırılabilir. Bu sıkıştırma oranları program içerisinden kalitelerini değiştirmek suretiyle ayarlanabilir. Böylece örneğin 1 birim tutan bir ses/görüntü dosyası 0.1 ile 0.9 arasında boyutlarda son kullanıcıya ulaştırılabilir. Macromedia Flash programı, macromedia'nın Püf Noktalar Tasarımın en önemli unsurlarından biri tablolardır. Tabloları amacınıza uygun şekilde sayfaya yerleştirdiğinizde sayfanız, görsel açıdan daha üstün bir tasarıma sahip olacaktır. Çünkü hizalama, uygun yere uygun resmi yerleştirme gibi şeyler kod yazarak çok uzun sürebilir. Ama tablolar ile bu problemi aşabilirsiniz. Dikkat edilmesi gereken en önemli şeylerden biri de resim kullanımı. Sayfalarınızda mümkün olduğunca az resim kullanın. Şayet resim kullanırsanız, boyutları minimum, kaliteyi optimum düzeyde tutmaya özen gösterin. Çünkü Türkiye de internetin hızı malum. Teorik hızı 44.000 kb 'ı geçmeyen ziyaretçi, sayfanızın açılmasını dakikalarca bekleyemeyebiliyor. Sayfaların da daha çabuk açılması için akla gelen ilk şey de resimler oluyor. Eğer ki resimden başka Java Applet vs. varsa önceliği bunlara verin. İnternet üzerinde en çok kullanılan browser'lar IE ve Netscape Navigator ve Firefox dur. Büyük çoğunlukla da IE kullanılır. Sitenizin yapım aşamasında farklı browserlarda sitenizin nasıl göründüğünü test etmeniz gerekebilmektedir. Çünkü bazı tag'ler farklı browserlarda aynı etkiyi yaratamayabilmektedir. Bunun da çabuk fark edilmesi, sizi emek, zaman ve kaynak kaybından kurtarabilir. Sayfalarınızı, farklı ekran çözünürlüklerinde test edin. Optimum çözünürlükte karar kıldığınızda sayfaları bu ekran çözünürlüğünde tasarlayın. Bunu yapmanızdaki sebep şudur: Her kullanıcı sizinle aynı ekran çözünürlüğünü kullanmayabilir. Sizin 800 600 çözünürlükte yaptığınız site, browser'ınızda gayet güzel görünebilirken, 640 480 kullanan ziyaretçinin bilgisayarında dağınık ve biçimsiz görünebilir. yararlı siteler hazırkod webdersleri jsindir maxi asp asp indir umarım doğru yerdedir

Devam Sayfaların Web Alanına Gönderilmesi Grafikleri tasarladınız ve metinleri hazırladınız. Bunları bir Web tasarım programı ile Web sayfası haline getirdikten sonra hazırlamış olduğunuz Web sayfalarını kullanıcılara ulaştırabilmeniz için bunları yerleştireceğiniz Internet üzerinde bir disk alanına yani Web alanına ihtiyacınız olacaktır. Bu işlem için en iyi çözüm yine Internet üzerinde size bedava sabitdisk alanı sağlayan bir sunucu bulup sayfalarınızı oraya yerleştirmektir. Eğer alacağımız alanın FTP desteği varsa, yaptığımız sayfaları CuteFTP gibi FTP programları ile sunucu üzerindeki alana gönderebilirsiniz. Sitenizin Barınacağı Sunucuyu Seçerken Dikkat Etmeniz Gereken Ayrıntılar Internet üzerinde yasal olmadığı kanıtlanmış MP3'ler, emülatör dosyaları, Crack, Hack, Warez, çalınmış şifreler ve benzeri içerikle Adult öğelere sitenizde yer vermekten kaçının. Seçtiğiniz sunucunun teknik özelliklerini mutlaka dikkate alın. Örneğin Frame yani çerçeveye izin vermeyen bazı sunucular, iki ya da daha fazla parçadan oluşmuş site tasarımınızı tam anlamıyla sunamayacaklardır. Bunun yanında her sunucu çok serbest bir şekilde CGI, Perl gibi dillerin kullanılmasına izin vermeyebilir. Unutulmaması gereken fazla disk alanı her zaman en iyi şey değildir. Sınırsız bir alanda hiçbir özellik desteklenmeyeceği gibi, 3MB'lık bir alan sağlayan sunucu, buna karşılık Frame'den CGI dilllerine kadar her şeyi destekleyebilir. Web Tasarımını Destekleyici Programlar PHP ASP JAVA SCRIPT JAVA APPLET CSS FLASH PHP Html 'nin geliştirilmesinin çok eski zamanlara dayanmasından mıdır? yoksa o zaman ki şartlarla düşünülmediği için midir? bilinmez ama html bazı yönden eksik bir dildir. İşte bu eksikliklerin anlaşıldığı dönemlerde, herkesin anlayabileceği ve kısa sürede öğrenilebileceği bir dil yaratma çabasında olan Rasmus Lerdorf tarafından düşünülmüş ve Perl dilinden esinlenilerek yapılmaya başlanmış bir dildir Php. Php 'nin yaptığını kısaca anlatmak gerekirse; Web sayfası isteminde bulunan kullanıcılara, istenilen dosya içerisinde Php ile ilgili satırları işleyerek dosya içeriğini kullanıcının Browser ' ının anlıyabileceği html formatında sunan bir programlama dilidir diyebiliriz. Bu genel anlamda Server-Side Dil olarak anılır. Php 'yi rakiplerinden ayıran özellikler? En yakın rakibi ASP ile performans ve fiyat açısından açık farklılar vardır. Fiyat konusu haricinde ASP kullanıcılarının kabul etmedikleri şey hız faktörüdür. Belkide en çok tartışılan bu konu hakkında en basit karşılaştırma; PHP + MySql ve ASP + MSSQL oranlarında çıkmaktadır. Elde edilen verilere göre 5000 satırlık bir bilgiyi database' e; aynı makina üzerinde Php ve MySql 3 saniyede girerken, ASP + MSSQL 28 saniyede girmektedir. Php 'nin açık kaynak kodlu oluşu, hataların veya yeni özelliklerin güncellenmesi/eklenmesi gibi olaylarda büyük avantajlar sağlamaktadır. Kişisel kullanıcılar; Php ile web sayfalarında daha çok kullanıcı etkileşimli kodlar kullanmaktadır. Örnek olarak; Ziyaretçiler için oluşturulan, forum, sayaç, anket gibi kodlarda Php çok rağbet görmektedir. Peki bu dilin dezavantajları nelerdir? Günümüzde büyük şirketlerde internet ve intranet uygulamalarda, büyük paya sahip Microsoft firması, kendi ürünü olan ASP için büyük çabalar sarfetmektedir. Yeni teknolojiler ile ASP ye hergün yeni zeminler hazırlamakta ve iş istihdamı konusunda ASP yi bir adım öne taşımaktadır. Sunucu fiyatları olarak Php 'ye göre yerine göre üç kat daha fazla oranda olmasına rağmen, büyük şirketler tarafından tercih edilmektedir. ASP Sunucu taraflı bir teknoloji olan ASP, kullanıcı tarafına etkileşimli, dinamik Web sayfaları göndermek için kullanılır. ASP, Web programcılarına HTML, scripting ve kullanıcıdan bağımsız veritabanı uygulamalarını özgürce kullanma fırsatı verir. ASP programlama ortamının özgür olmasının sebebi tüm derleme işleminin sunucu tarafında bitmesi ve kullanıcının sadece sonuçta oluşan HTML sayfalarını görmesidir. ASP'nin Kullanım Amaçları ve Avantajları Çok geniş bir kullanım alanı olan ASP, scripting diye tabir edilen VBScript, JavaScript gibi her türlü ham kodu kullanabilir, sunduğu kolay anlaşılır doğal dili ile orta derece HTML bilen kimseler tarafından bile kolayca kavranabilir. ASP'nin Netscape Navigator / Internet Explorer /Opera gibi Web tarayıcılarından bağımsız olmasının yanısıra en büyük avantajlarından biri kullandığınız teknolojilerin, scriptlerin saklı kalmasıdır. ASP ile hazırlanan projeler kaynakların yönetimi, kontrolü ve uzaktan sistem yönetimine imkan verir. Şirketler arası bilgi paylaşımı için ideal bir ortam oluşturur. JAVA SCRIPT Java Script Netscape tarafından geliştirilmiş bir script dilidir. Düz yazı formundadır. Browserlara bağlıdır ve yorumlanır. HTML'nin içine gömülür. Etiketi <script>...</script> şeklindedir. Java Script; etkileşimli web sayfası yapımında HTML'nin yetersiz kalması nedeniyle C/C++ dilleri baz alınarak geliştirilen, "düz yazı" formunda bir script dilidir. Java Script kodları herhangi bir metin editörü (Win 95/98 Not defteri vb.) ile düz yazı formunda yazılabilir. Bu şekilde yazılmış Java Script kodları istemci tarafında, yani ziyaretçinin web tarayıcısı tarafından yorumlanır ve yaptırılmak istenen işlemler gerçekleşir. Ama bu işlemlerin gerçekleşmesi için mutlaka bir olay gereklidir. Java Script kodlarını web sayfası içerisinde 2 şekilde tanımlayabiliriz; 1. HTML kodları içerisinde <SCRIPT>...</SCRIPT> etiketleri arasında yazarak, <script> <!-- JavaScript kodları --> </script> 2. Düz yazı formunda ve. js uzantısı ile farklı bir dosya oluşturup, bu dosyaya HTML içerisinde link vererek. <SCRIPT LANGUAGE="javaScript" src="inc/navbar. js"> </SCRIPT> JAVA APPLET Java , Sun Microsystems tarafından geliştirilmiş nesneye yönelik programlama dilidir ve işletim sistemlerinden bağımsız olarak çalışır. HTML'nin bir parçası olamaz. Etiketi <applet>...</applet> şeklindedir. Java Applet hazırlayabilmeniz için Sun firmasının ücretsiz olarak dağıttığı JDK programını download etmeniz gerekmektedir. <APPLET code=hotbutton. class height=20 width=122> <PARAM NAME="clıp" VALUE=""> <PARAM NAME="actıveshadow" VALUE="fff9e3"> <PARAM NAME="shadowcolor" VALUE="ffedaf"> <PARAM NAME="alıgn" VALUE="icon"> </APPLET> CSS CSS , Bir HTML dökümanındaki HTML takılarının sitillerini belirleyen tekniktir. CSS kodlarını web sayfası içerisinde 3 şekilde tanımlayabiliriz; HTML takılarının sitillerini, takıların içinde <h1 style= font-family:Verdana, Arial> CSS öğreniyorum </h1> Sayfanın başında "" takıları arasında <style> h1. buyukyazilar h1. digerleri h2 </style> Link olarak başka bir dosyadan alarak <link rel="stylesheet" type="text/css" href="sitillerim. css"> CSS Öğrenmenin avantajları: CSS, HTML takılarına, HTML ile yapılamayacak fakat işinizi kolaylaştıracak bir çok özellik katabilir. Örneğin; hemen hemen tüm web sayfalarında gördüğünüz değişik link sitilleri, CSS kullanılarak yapılmıştır. CSS ile sayfalarınızı daha hızlı hale getirebilir ve dosyanın yükünü hafifletebilirsiniz. Sayfalarınız için hazırlayacağınız bir CSS dosyasını kullanarak tüm sayfalarınıza aynı özellikleri verebilir, dolayısıyla hız ve tutarlılık sağlamış olursunuz. Tabiki CSS'in yapabilecekleri bunlarla sınırlı değildir. CSS öğrenilmesindeki kolaylığın aksine kapasitesi büyük bir dildir.

Webtasarım a başlangıç için rehber, yeniler için kaynaktır... Neden Web Siteniz Olmalı? Bir Web sayfası sadece onu incelemek isteyen "hedef kitleye" ulaşır Web sayfaları oluşturmak için tek masrafınız telefon hat ücreti olacaktır Web sayfaları hazırlarken hayal gücünüzü olabilidiğince kullanabilirsiniz Web sayfaları kolayca düzeltilip tekrar yayınlanabilir Sayfalarınız zamanında etkisiyle yeniliklere uğrayacaktır Web sayfalarınız 24 saat boyunca tüm dünyaya açık olacak ve internet kullanıcılarına "etkileşimli" bir hizmet verecektir Web sayfalarını kullanıcıların fikirlerini ve beklentilerini öğrenmek için derleyebilirsiniz Web sayfalarının kaderi diğer medyalar gibi çöp kutusunda sonlanmaz Web Editörleri ve İncelemeleri Herşeyden önce size gerekecek olan program, kullanıcıların izleyeceği Web sayfalarınızı hazırlayacağınız bir programdır. Bu tip programlar ile site içinde yer almasını istediğiniz resimleri, yazıları ve bağlantıları istediğiniz biçimde bir Web Browser'ı tarafından izlenecek şekilde tasarlayarak biraraya getirebilirsiniz. Bunun için önünüzde Allaire Homesite, Microsoft Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver, HotDog Pro gibi birçok program alternatifi bulunuyor Bir Düzenleyici Hangi Özellikleri Desteklemeli Kolay Kullanım Site yönetimi ve dosyaların sunucuya kolayca aktarılması HTML dışında da farklı dosya tiplerini tanıyabilme Renkli kodlama İyi bir dokümantasyon Şablonlama ve proje desteği Özelleştirebilme CSS desteği Bazı Düzenleyicilerin İncelemeleri Microsoft Frontpage 2000 Microsoft firmasının, kendi ürünü olan Word'e benzerliğiyle dikkat çeken, bu nedenlede birçok kullanıcıya kullanımı kolay gelen düzenleyicisidir Artıları: Frontpage en başta kullanması ve öğrenmesi kolay bir düzenleyicidir. Ayrıca Microsoft'un ISS Web sunucusuyla tümleşmesi çok iyidir. Frontpage görsel arabilimi sayesinde hiçbir HTML kodu yazmadan Web siteleri oluşturabilmeyi sağlar Eksileri: Frontpage, önceden sizin düzenlemiş olabileceğiniz kodları, tekrardan düzenlemekte çok ısrarcıdır. Bu nedenle sayfa kodlarına elle müdahale etseniz bile, bir sonraki açışınızda bu ince ayarların silinme olasılığı yüksektir Allaire Homesite Piyasadaki en iyi HTML kod düzenleyicisi Artıları: En gelişmiş özelleştirebilme seçenekleri. Bir kod düzenleyicisi olsa da, sistemde IE4+ yüklüyse, sınırlı miktarda görsel tasarıma izin vermektedir. Bütünleşik FTP istemcisi, şablonlama desteği, siteleri projeler altında gruplandırma sistemi, yazım kontrolü, Perl-PHP-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi dilleri otomatik tanıma, Dreamweaver'la bütünleşme, istenen şekilde kodu girintileyebilme, çok iyi bir dokümantasyon, Homesite'la tümleşik çalışan bir sürümüyle gelmesi Eksileri: WYSIWYG düzenleyiler arayan kişiler için tam anlamıyla uygun olmaması, Windows 9x'de bellek kaçırması ve maalesef sadece Windows'ta çalışması Macromedia Dreamweaver Homesite'ın HTML kodu alanındaki liderliğini, WYSIWYG düzenleyiciler alanında paylaşan program Artıları: Dreamweaver'ın ilk göze çarpan özelliği, görsel düzenleyiciler arasında en iyi tablolama desteğini sunmasıdır. HTML koduna fazla müdahale etmemesi, blokların kolayca seçilebilmesi, seçilen etiketlerin nerdeyse tüm özelliklerinin kolayca ayarlanabilmesi, tümleşik FTP istemcisi ve site yönetimi, çok iyi DHTML ve Frame desteği, Internet üzerinden de yüklenebilen etiketlerle genişletilebilmesi, tabloları katmanlara, katmanları tablolara çevirebilmesi, rehber resim desteği, Homesite'la bütünleşme Eksileri: Homesite kadar iyi bir doğrudan HTML kodu yazımı olmaması ve maalesef sadece Windows ve MacOs'da çalışması HotDog Pro Birkaç yıl öncesine kadar görsel olmayan düzenleyiciler piyasasında Homesite'la başabaş giden bu program, yeni sürümlerinin sık sık göçmesi, firmanın yanlış taktikler izlemesi gibi nedenlerle popülerliğini yitirmiştir Artıları: Birçok özelleştirebilme seçeneği, tablo ve frame'lerin yaratılmasında kullanılabilen sihirbazlar, tümleştirilebilentarayıcı desteği, site yönetimi, ftp istemcisi, renkli kodlama Eksileri:Sık sık göçmesi, zayıf dokümantasyon ve çalışmayı engelleyici ses efektleri Web Sayfalarının Tasarlanması Yukarıda incelemesini yaptığımız birçok web editörü size HTML dilini bilmeden, HTML kodlarını kullanarak web sitesi yapma imkanı veriyor. Bu tip editörler sitenizde yaptığınız her adımı, otomatikman HTML koduna çeviriyor Peki o zaman neden HTML öğrenmelisiniz?HTML öğrenmelisiniz çünkü: En basit neden; eğer iyi bir webmaster olmak istiyorsanız, ve HTML bilmeden sadece bu tür programları kullanmayı düşünüyorsanız, muhtemelen programın verdiği, programdan kaynaklanan en küçük bir hatada eliniz kolunuz bağlı kalacaktır Lisans gerektiren programlar Birçok kaliteli "HTML çevirici" programını kullanmak için, o programın lisansına sahip olmanız gerekir. Ve bu da genelde büyük paralar gerektirir veya crack dosyalarıyla halledersiniz HTML Nedir? HTML, Hyper Text Mark-up Language'ın kısaltılmışıdır. Türkçe karşılığı Hiper Metin İşaretleme Dili'dir. Browserlar tarafından tanınıp yorumlanabilen metin tabanlı bir dildir ve metnin browser tarafından yorumlanması sonucu da web sayfaları elde edilir. Yazdığınız kodların browser tarafından alınıp yorumlanabilmesi için, dosyalarınızın uzantısının ".htm" veya ".html" olması gerekir HTML de her işaretleme dilindeki gibi komutlardan oluşur, bu komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farklı oldukları browser tarafından anlaşılabilsin diye "<" ve ">" işaretlerinin arasına yazılır. Her tag'in bir başlangıcı ve bitişi vardır. Bitiş tag'lerinde, "<" işaretinden sonra tag'in bitiş tag'i olduğunu belirtmek için "/" işareti kullanılır. Bir örnek ile göstermemiz gerekirse; <P>Bu bir Paragraf tag'idir.</P> Temel Komutlar: <HTML></HTML> Tüm HTML dokümanını içine alan en temel tag'dir ve dokümanın HTML ile yazıldığını browser'a bildirir <HEAD></HEAD> Bu tag'in arasına yazılan her şey, sayfanın tanımını oluşturur. Buna sayfanın başlığı da dahildir. Ayrıca meta takıları da bu tag'in arasına yazılır: <TITLE></TITLE> Sayfa başlığıdır. Bu tag'in arasına yazılan her şey sayfamızın ismi olacak ve başlık çubuğunda görüntülenecektir META Etiketi: Arama motorlarında iyi bir sıralama kapmak için meta etiketleri içerisine yazdığımız notlar çok önemlidir Örneğin "Afyon Kocatepe Üniversitesi" sitesinin Meta etiketleri şöyle olabilir: <META name="keywords" content="Afyon Kocatepe Üniversitesi, AKÜ, AKU, fakülteler, Yüksekokullar, Enstitüler, Akade mik Takvim, Üniversite, afyon kocatepe university, Turkey, University, education, campus, Türkiye, academics, students, faculty> Sayfanızda kullandığınız Türkçe karakterlerin başka bilgisayarda bozuk şekillerde görülmemesi için: <meta http-equiv="Content-Type" content="text/html; charset=windows-1254"> <BODY></BODY> Sayfanın browser tarafından ekrana basılacak tüm kısımları bu tag'in arasına yazılır. Ekrana basılacak kısmın içine metinler, resimler, formlar, tablolar vs. girer <html> <head> <title>İlk Sayfam</title> </head> <body bgcolor="#e3e3e3"> <b>Web sayfama hoşgeldiniz</b><br> <i>Web sayfama hoşgeldiniz</i><br> <font face="Lucida Sans Unicode" size="+2" color="

faydalı bir çalışma, sağolasın... You must log in or register to reply here. Forum Programlama Html - CSS - XML - JavaScript - Ajax Bize Ulaşın Forum Kuralları Gizlilik Sözleşmesi Yardım Ana Sayfa RSS bafra oto ekspertiz, Tiktokbegeni.com, erkek cüzdan, eskişehir haber, çelik ranza, hasta yatağı kiralama, bonus veren siteler, ankara oto ekspertiz, istanbul oto ekspertiz, eskişehir oto ekspertiz, çorum oto ekspertiz, geobonus. org, deneme bonusu, bonusportali.com, vbet giriş, Pokerklas, Caddebet, megapari giriş, meritking giriş, meritking, kingroyal giriş, bahis siteleri, betwinner, rokubet giriş, deneme bonusu veren siteler, takipçi satın al, deneme bonusu veren siteler, betnano giriş, elektronik sigara, deneme bonusu veren siteler, replika saat, melbet giriş, smok, deneme bonusu, bahis forum, melbet, izmit oto ekspertiz, poppers turkiye, eskişehir oto ekspertiz, dalyan otel, hack forum, melbet, sohbet numaraları Wardom. Org Bilginin Adresi. 1998'den beri Wardom yayında! Wardom Türkiye'nin en eski forum sitelerinden biri olarak günümüz web sitelerine sponsor linkler yayınlanmaktadır. ataşehir escort maltepe escort pendik escort gaziantep rus escort xxx videos erotik film izle istanbul escort ankara escort istanbul escort gaziantep escort gaziantep escort Paylaşım sitemizde 5651/8 ve 125. madellere göre, tüm üyeler ve ziyaretçiler sitenin kullanımı ve yapılan paylaşımlarından kendileri sorumludur. Şikayetleriniz için bize ulaşabilirsiniz. Tüm hakları saklıdır 2015 Wardom. Org bilginin adresi. Forum ve bilgisayar güvenliği sitesi. var sc_project=2030864;var sc_invisible=1;var sc_security="c6df530c"; Üst <div class="tooltip-content-inner"> <div class="reactTooltip"> <a href="#" class="reaction reaction--1" data-reaction-id="1"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Like" title="Like" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--2" data-reaction-id="2"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Love" title="Love" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--3" data-reaction-id="3"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Haha" title="Haha" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--4" data-reaction-id="4"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Wow" title="Wow" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--5" data-reaction-id="5"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Sad" title="Sad" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--6" data-reaction-id="6"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Angry" title="Angry" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> </div> </div> { "@context": "https://schema.org", "@type": "DiscussionForumPosting", "@id": "https:\/\/www.wardom.org\/threads\/web-tasarima-baslangic.123211\/", "headline": "Web Tasarıma Başlangıç", "articleBody": "Webtasarım a başlangıç için rehber, yeniler için kaynaktır...\r\n\r\nNeden Web Siteniz Olmalı?\r\n\r\n Bir Web sayfası sadece onu incelemek isteyen "hedef kitleye" ulaşır\r\n Web sayfaları oluşturmak için tek masrafınız telefon hat ücreti olacaktır\r\n Web sayfaları hazırlarken hayal gücünüzü olabilidiğince kullanabilirsiniz\r\n Web sayfaları kolayca düzeltilip tekrar yayınlanabilir\r\n Sayfalarınız zamanında etkisiyle yeniliklere uğrayacaktır\r\n Web sayfalarınız 24 saat boyunca tüm dünyaya açık olacak ve internet kullanıcılarına "etkileşimli" bir hizmet verecektir\r\n Web sayfalarını kullanıcıların fikirlerini ve beklentilerini öğrenmek için derleyebilirsiniz\r\n Web sayfalarının kaderi diğer medyalar gibi çöp kutusunda sonlanmaz\r\n\r\n\r\nWeb Editörleri ve İncelemeleri\r\n\r\nHerşeyden önce size gerekecek olan program, kullanıcıların izleyeceği Web sayfalarınızı hazırlayacağınız bir programdır. Bu tip programlar ile site içinde yer almasını istediğiniz resimleri, yazıları ve bağlantıları istediğiniz biçimde bir Web Browser'ı tarafından izlenecek şekilde tasarlayarak biraraya getirebilirsiniz. Bunun için önünüzde Allaire Homesite, Microsoft Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver, HotDog Pro gibi birçok program alternatifi bulunuyor\r\n\r\nBir Düzenleyici Hangi Özellikleri Desteklemeli\r\n\r\nKolay Kullanım\r\nSite yönetimi ve dosyaların sunucuya kolayca aktarılması\r\nHTML dışında da farklı dosya tiplerini tanıyabilme\r\nRenkli kodlama\r\nİyi bir dokümantasyon\r\nŞablonlama ve proje desteği\r\nÖzelleştirebilme\r\nCSS desteği\r\n\r\nBazı Düzenleyicilerin İncelemeleri\r\n\r\nMicrosoft Frontpage 2000\r\n\r\nMicrosoft firmasının, kendi ürünü olan Word'e benzerliğiyle dikkat çeken, bu nedenlede birçok kullanıcıya kullanımı kolay gelen düzenleyicisidir\r\n\r\nArtıları: Frontpage en başta kullanması ve öğrenmesi kolay bir düzenleyicidir. Ayrıca Microsoft'un ISS Web sunucusuyla tümleşmesi çok iyidir. Frontpage görsel arabilimi sayesinde hiçbir HTML kodu yazmadan Web siteleri oluşturabilmeyi sağlar\r\n\r\nEksileri: Frontpage, önceden sizin düzenlemiş olabileceğiniz kodları, tekrardan düzenlemekte çok ısrarcıdır. Bu nedenle sayfa kodlarına elle müdahale etseniz bile, bir sonraki açışınızda bu ince ayarların silinme olasılığı yüksektir\r\n\r\nAllaire Homesite\r\n\r\nPiyasadaki en iyi HTML kod düzenleyicisi\r\n\r\nArtıları: En gelişmiş özelleştirebilme seçenekleri. Bir kod düzenleyicisi olsa da, sistemde IE4+ yüklüyse, sınırlı miktarda görsel tasarıma izin vermektedir. Bütünleşik FTP istemcisi, şablonlama desteği, siteleri projeler altında gruplandırma sistemi, yazım kontrolü, Perl-PHP-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi dilleri otomatik tanıma, Dreamweaver'la bütünleşme, istenen şekilde kodu girintileyebilme, çok iyi bir dokümantasyon, Homesite'la tümleşik çalışan bir sürümüyle gelmesi\r\n\r\nEksileri: WYSIWYG düzenleyiler arayan kişiler için tam anlamıyla uygun olmaması, Windows 9x'de bellek kaçırması ve maalesef sadece Windows'ta çalışması\r\n\r\nMacromedia Dreamweaver\r\n\r\nHomesite'ın HTML kodu alanındaki liderliğini, WYSIWYG düzenleyiciler alanında paylaşan program\r\n\r\nArtıları: Dreamweaver'ın ilk göze çarpan özelliği, görsel düzenleyiciler arasında en iyi tablolama desteğini sunmasıdır. HTML koduna fazla müdahale etmemesi, blokların kolayca seçilebilmesi, seçilen etiketlerin nerdeyse tüm özelliklerinin kolayca ayarlanabilmesi, tümleşik FTP istemcisi ve site yönetimi, çok iyi DHTML ve Frame desteği, Internet üzerinden de yüklenebilen etiketlerle genişletilebilmesi, tabloları katmanlara, katmanları tablolara çevirebilmesi, rehber resim desteği, Homesite'la bütünleşme\r\n\r\nEksileri: Homesite kadar iyi bir doğrudan HTML kodu yazımı olmaması ve maalesef sadece Windows ve MacOs'da çalışması\r\n\r\nHotDog Pro\r\n\r\nBirkaç yıl öncesine kadar görsel olmayan düzenleyiciler piyasasında Homesite'la başabaş giden bu program, yeni sürümlerinin sık sık göçmesi, firmanın yanlış taktikler izlemesi gibi nedenlerle popülerliğini yitirmiştir\r\n\r\nArtıları: Birçok özelleştirebilme seçeneği, tablo ve frame'lerin yaratılmasında kullanılabilen sihirbazlar, tümleştirilebilentarayıcı desteği, site yönetimi, ftp istemcisi, renkli kodlama\r\n\r\nEksileri:Sık sık göçmesi, zayıf dokümantasyon ve çalışmayı engelleyici ses efektleri\r\n\r\nWeb Sayfalarının Tasarlanması\r\n\r\nYukarıda incelemesini yaptığımız birçok web editörü size HTML dilini bilmeden, HTML kodlarını kullanarak web sitesi yapma imkanı veriyor. Bu tip editörler sitenizde yaptığınız her adımı, otomatikman HTML koduna çeviriyor\r\n\r\nPeki o zaman neden HTML öğrenmelisiniz?HTML öğrenmelisiniz çünkü:\r\nEn basit neden; eğer iyi bir webmaster olmak istiyorsanız, ve HTML bilmeden sadece bu tür programları kullanmayı düşünüyorsanız, muhtemelen programın verdiği, programdan kaynaklanan en küçük bir hatada eliniz kolunuz bağlı kalacaktır\r\n\r\nLisans gerektiren programlar\r\n\r\nBirçok kaliteli \"HTML çevirici\" programını kullanmak için, o programın lisansına sahip olmanız gerekir. Ve bu da genelde büyük paralar gerektirir veya crack dosyalarıyla halledersiniz\r\n\r\nHTML Nedir?\r\n\r\nHTML, Hyper Text Mark-up Language'ın kısaltılmışıdır. Türkçe karşılığı Hiper Metin İşaretleme Dili'dir. Browserlar tarafından tanınıp yorumlanabilen metin tabanlı bir dildir ve metnin browser tarafından yorumlanması sonucu da web sayfaları elde edilir. Yazdığınız kodların browser tarafından alınıp yorumlanabilmesi için, dosyalarınızın uzantısının \".htm\" veya \".html\" olması gerekir\r\n\r\nHTML de her işaretleme dilindeki gibi komutlardan oluşur, bu komutlara tag veya mark-up denir. Tag'ler herhangi bir metinden farklı oldukları browser tarafından anlaşılabilsin diye \"<\" ve \">\" işaretlerinin arasına yazılır. Her tag'in bir başlangıcı ve bitişi vardır. Bitiş tag'lerinde, \"<\" işaretinden sonra tag'in bitiş tag'i olduğunu belirtmek için \"\/\" işareti kullanılır. Bir örnek ile göstermemiz gerekirse; \r\n\r\n<P>Bu bir Paragraf tag'idir.<\/P> \r\n\r\nTemel Komutlar:\r\n\r\n<HTML><\/HTML>\r\n\r\nTüm HTML dokümanını içine alan en temel tag'dir ve dokümanın HTML ile yazıldığını browser'a bildirir\r\n\r\n<HEAD><\/HEAD>\r\n\r\nBu tag'in arasına yazılan her şey, sayfanın tanımını oluşturur. Buna sayfanın başlığı da dahildir. Ayrıca meta takıları da bu tag'in arasına yazılır:\r\n\r\n<TITLE><\/TITLE>\r\n\r\nSayfa başlığıdır. Bu tag'in arasına yazılan her şey sayfamızın ismi olacak ve başlık çubuğunda görüntülenecektir\r\n\r\nMETA Etiketi: Arama motorlarında iyi bir sıralama kapmak için meta etiketleri içerisine yazdığımız notlar çok önemlidir\r\n\r\nÖrneğin "Afyon Kocatepe Üniversitesi" sitesinin Meta etiketleri şöyle olabilir:\r\n\r\n<META name="keywords" content="Afyon Kocatepe Üniversitesi, AKÜ, AKU, fakülteler, Yüksekokullar, Enstitüler, Akade \r\nmik Takvim, Üniversite, afyon kocatepe university, Turkey, University, education, campus, Türkiye, academics, students, faculty>\r\n\r\nSayfanızda kullandığınız Türkçe karakterlerin başka bilgisayarda bozuk şekillerde görülmemesi için:\r\n\r\n<meta http-equiv="Content-Type" content="text\/html; charset=windows-1254">\r\n\r\n<BODY><\/BODY>\r\n\r\nSayfanın browser tarafından ekrana basılacak tüm kısımları bu tag'in arasına yazılır. Ekrana basılacak kısmın içine metinler, resimler, formlar, tablolar vs. girer\r\n\r\n<html>\r\n<head>\r\n<title>İlk Sayfam<\/title>\r\n<\/head>\r\n<body bgcolor=\"#e3e3e3\">\r\n<b>Web sayfama hoşgeldiniz<\/b><br>\r\n<i>Web sayfama hoşgeldiniz<\/i><br>\r\n<font face=\"Lucida Sans Unicode\" size=\"+2\" color=\"