Webtasarım a başlangı 0069i006e rehber,yeniler ii006e kaynaktır... Tamamını okumanız n00650072ilir... Neden Web Siteniz Olmalı? *Bir Web sayfası sadece onu incelemek isteyen “hedef kitleye” ulaşır.*Web sayfaları oluşturmak ii006e tek masrafınız telefon hat c0072006500740069 olacaktır. *Web sayfaları hazırlarken hayal gc006e007a 006f006c00610062ilidiğince kullanabilirsiniz. *Web sayfaları kolayca dz0065006c00740069lip tekrar yayınlanabilir. *Sayfalarınız zamanında etkisiyle yeniliklere uğrayacaktır. *Web sayfalarınız 24 saat boyunca tm00200064006eyaya a&0023305;k olacak ve internet kullanıcılarına “etkileşimli” bir hizmet verecektir. *Web sayfalarını kullanıcıların fikirlerini ve beklentilerini &0023003287;renmek ii006e derleyebilirsiniz. *Web sayfalarının kaderi diğer medyalar gibi p kutusunda sonlanmaz. Web Editr006c0065ri ve İncelemeleri Herşeyden n00630065 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 ii006ede yer almasını istediğiniz resimleri, yazıları ve bağlantıları istediğiniz bii006dde bir Web Browser'ı tarafından izlenecek şekilde tasarlayarak biraraya getirebilirsiniz. Bunun ii006e n006ez0064006500200041llaire Homesite,Microsoft Frontpage, Netscape Composer, Adobe PageMill, Macromedia DreamWeaver, HotDog Pro gibi biro006b program alternatifi bulunuyor. Bir Dz0065006e006c0065yici Hangi zellikleri Desteklemeli Kolay Kullanım Site yn00650074imi ve dosyaların sunucuya kolayca aktarılması HTML dışında da farklı dosya tiplerini tanıyabilme Renkli kodlama İyi bir dokm0061006e00740061syon Şablonlama ve proje desteği zelleştirebilme CSS desteği Bazı Dz0065006e006c0065yicilerin İncelemeleri Microsoft Frontpage 2000: Microsoft firmasının, kendi r006e0020olan Word’e benzerliğiyle dikkat e006ben, bu nedenlede biro006b kullanıcıya kullanımı kolay gelen dz0065006e006c0065yicisidir. Artıları: Frontpage en başta kullanması ve &0023003287;renmesi kolay bir dz0065006e006c0065yicidir.Ayrıca Microsoft’un ISS Web sunucusuyla tm006c006500260023351;mesi o006b iyidir.Frontpage gr00730065l arabilimi (tam olmasada WYSIWYG denebilir) sayesinde hib0069r HTML kodu yazmadan Web siteleri oluşturabilmeyi sağlar. Eksileri: Frontpage, n00630065den sizin dz0065006e006c0065miş olabileceğiniz kodları, tekrardan dz0065006e006c0065mekte o006b ısrarcıdır.Bu nedenle sayfa kodlarına elle md006100680061006ce etseniz bile, bir sonraki a&0023305;şınızda bu ince ayarların silinme olasılığı yk00730065006b0074ir. Allaire Homesite: Piyasadaki en iyi HTML kod dz0065006e006c0065yicisi. Artıları: En gelişmiş z0065006cleştirebilme see006eekleri.Bir kod dz0065006e006c0065yicisi olsa da, sistemde IE4+ yk006c00790073e, sınırlı miktarda gr00730065l tasarıma izin vermektedir.Bt006e006c0065şik FTP istemcisi, şablonlama desteği, siteleri projeler altında gruplandırma sistemi, yazım kontrol,0020005000650072l-PHP-ASP-VBScript-Java-CSS- SMIL-ColdFusion gibi dilleri otomatik tanıma, Dreamweaver’la bt006e006c0065şme, istenen şekilde kodu girintileyebilme, o006b iyi bir dokm0061006e00740061syon, Homesite’la tm006c006500260023351;ik a006cışan bir sr006d0079le gelmesi. Eksileri: WYSIWYG dz0065006e006c0065yiler arayan kişiler ii006e tam anlamıyla uygun olmaması, Windows 9x’de bellek ka&0023305;rması ve maalesef sadece Windows’ta a006cışması. Macromedia Dreamweaver: Homesite’ın HTML kodu alanındaki liderliğini, WYSIWYG dz0065006e006c0065yiciler alanında paylaşan program Artıları: Dreamweaver’ın ilk gz00650020a0072pan z0065006cliği, gr00730065l dz0065006e006c0065yiciler arasında en iyi tablolama desteğini sunmasıdır.HTML koduna fazla md006100680061006ce etmemesi, blokların kolayca sei006cebilmesi, sei006cen etiketlerin nerdeyse tm0020007a0065lliklerinin kolayca ayarlanabilmesi, tm006c006500260023351;ik FTP istemcisi ve site yn00650074imi,o006b iyi DHTML ve Frame desteği, Internet z006500720069006eden de yk006c0065006e0065bilen etiketlerle genişletilebilmesi, tabloları katmanlara, katmanları tablolara e0076irebilmesi, rehber resim desteği, Homesite’la bt006e006c0065şme. Eksileri: Homesite kadar iyi bir doğrudan HTML kodu yazımı olmaması ve maalesef sadece Windows ve MacOs’da a006cışması. HotDog Pro: Birka 0079ıl n00630065sine kadar gr00730065l olmayan dz0065006e006c0065yiciler piyasasında Homesite’la başabaş giden bu program, yeni sr006d006c0065rinin sık sık gm0065si, firmanın yanlış taktikler izlemesi gibi nedenlerle popl00650072006c0069ğini yitirmiştir. Artıları: Biro006b z0065006cleştirebilme see006eeği, tablo ve frame’lerin yaratılmasında kullanılabilen sihirbazlar, tm006c006500260023351;tirilebilentarayıcı desteği, site yn00650074imi, ftp istemcisi, renkli kodlama. Eksileri: Sık sık gm0065si, zayıf dokm0061006e00740061syon ve a006cışmayı engelleyici ses efektleri Web Sayfalarının Tasarlanması Yukarıda incelemesini yaptığımız biro006b web editr0020size HTML dilini bilmeden, HTML kodlarını kullanarak web sitesi yapma imkanı veriyor.Bu tip editr006c0065r sitenizde yaptığınız her adımı, otomatikman HTML koduna e0076iriyor. Peki o zaman neden HTML &0023003287;renmelisiniz?HTML &0023003287;renmelisiniz nk:000d000a0045006e basit neden; eğer iyi bir webmaster olmak istiyorsanız, ve HTML bilmeden sadece bu tr002000700072006fgramları kullanmayı d&0023003300350031;n0079006f0072sanız, muhtemelen programın verdiği, programdan kaynaklanan en kk00200062ir hatada eliniz kolunuz bağlı kalacaktır. Lisans gerektiren programlar: Biro006b kaliteli "HTML e0076irici" programını kullanmak ii006e, o programın lisansına sahip olmanız gerekir. Ve bu da genelde by006b00200070aralar gerektirir. HTML Nedir? HTML, Hyper Text Mark-up Language'ın kısaltılmışıdır. Tr006b00650020karşı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 ii006e, 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 ii006e "/" işareti kullanılır. Bir r006e0065k ile gs00740065rmemiz gerekirse;

Bu bir Paragraf tag'idir.

Temel Komutlar: Tm002000480054004dL dokm0061006e00260023305;nı ii006ee alan en temel tag'dir ve dokm0061006e00260023305;n HTML ile yazıldığını browser'a bildirir. 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: : Sayfa başlığıdır. Bu tag'in arasına yazılan her şey sayfamızın ismi olacak ve başlık u0062uğunda gr006etl0065006e00650063ektir. META Etiketi: Arama motorlarında iyi bir sıralama kapmak ii006e meta etiketleri ie0072isine yazdığımız notlar o006b n0065006dlidir. rneğin “Afyon Kocatepe niversitesi” sitesinin Meta etiketleri şy006c0065 olabilir: Sayfanızda kullandığınız Tr006b00650020karakterlerin başka bilgisayarda bozuk şekillerde gr006cmemesi ii006e: Sayfanın browser tarafından ekrana basılacak tm0020006b00260023305;sımları bu tag'in arasına yazılır. Ekrana basılacak kısmın ii006ee metinler, resimler, formlar, tablolar vs. girer. Web sayfama hoşgeldiniz
Web sayfama hoşgeldiniz
Web sayfama hoşgeldiniz
Web sayfama hoşgeldiniz
Web sayfama hoşgeldiniz Web sayfama hoşgeldiniz
Sonu:000d Web Grafiklerinin Hazırlanması Zor olan işlem, sayfaların ii006ee ie0072iğin yerleştirilmesi değil, bu ie0072iğin hazırlanmasıdır. Tahmin edebileceğiniz gibi, sayfalarda yer alan grafikler metinlerden daha da zor hazırlanırlar.