1. Benim de bir web sayfam olabilir mi? Bunun için nelere ihtiyacım var?
Internet erişimi olan herkesin bir web sayfası olabilir. Web üzerinde gezinirken rastladıklarınıza benzer sayfalar yapabilmeniz için ilk öncelikle bu sayfaları koyabileceğiniz bir "web sunucusu" olması lazım. Bu sunucular, dışardan insanların, netscape, msie vb gibi web istemcileri kullanarak ilgili sayfaları görmesini sağlayan bilgisayarlardır ve bunların üzerlerinde çalışan özel sunucu programlar (httpd) vardır. Internet Servis Sağlayıcı şirketlerin hemen hemen hepsi kullanıcılarına kişisel web sayfası hizmeti veriyorlar. Bu yüzden, internet erişiminiz varsa, muhtemelen, kendinize web sayfası yapabilmeniz için artık hazırsınız demektir. Web sayfaları sunucu bilgisayarda özel bazı dizinler altına konmalı. Hangi dizin altına konulması gerektiğini de servis sağlayıcınızdan öğrenmelisiniz. Ayrıca, internet servis sağlayıcınızdan, dışardan kişilerin sayfalarınıza erişebilmesi için yazmaları gereken tam URL satırını da almalısınız. Hazırladığınız sayfaları Bazı servis sağlayıcılar hazırladığınız sayfaları sizden e-posta ile isteyebilir ve kendileri web sunucusuna yerleştirebilirler. 2. Bir Web Sayfası Neye Benzer? HTML Nedir?
Web sayfaları, HTML adı verilen özel bir formatlama dili kullanılarak yapılır. HTML, Hypertext Markup Language için uydurulan bir kısaltmadır. HTML, sayfalara yazacağınız bilgilerin formatlarını (yazı rekleri, büyüklükleri, paragraf biçimleri vb gibi), sayfalar arasındaki kompozik geçiş bağlantılarını vb verebileceğiniz vb bazı komutlar içerir. Bunu küçük bir örnekle açıklayalım :
Sağdaki başlık, bir web sayfasına bağlandığımızda web istemcimiz ile gördüğümüz şekil olsun. Bunu üreten ise, aslında, solda görülen HTML kodu. Yani, web istemcileri ile gördüğümüz cicili-bicili sayfalar aslinda, birtakım web sunucularında tutulan, HTML kodlarından (ayrıca diğer bazı yardımcı elemanlardan) ve vermek istediğimiz bilgilerden oluşan düz yazı (ASCII) dosyalar!!. Soldaki kısımda görülen < > işaretleri arasındaki komutlar HTML belirteçleri, ya da HTML komutları olarak bilinir. HTML sayfaları <BODY> .... </BODY> arasına yazılan bilgiler/komutlarla (HTML kodu/kaynak programı) oluşturulur. Yukarıdaki örnekte, <CENTER>, <FONT>, <B> örnek HTML belirteçleri/komutlarıdır. HTML kodu içinde bırakılan boşlukların hiçbir önemi yoktur. Asıl olan, HTML belirteçleri ile verilen biçimlendirme ortamlarıdır. Aşağıda, genel bir web sayfası formu görülmektedir :
<HTML>
<HEAD> Bu alana, normal olarak web sayfasında görüntülenmeyen bilgiler yazılır. Bunlar; sayfa başlığı, anahtar kelime tanımlamaları ve sayfa içeriğinde kullanılan karakter bilgisi (dil, code page vb) vb. dir. </HEAD> Döküman genelinde öncelikle yüklenmesi istenen JavaScript, VBScript kodları da bu alana yazılabilir.
<BODY>
Bu alana, doğrudan web sayfasında görülen her türlü düzyazı, formatlama bilgileri, diğer komutlar vb. yazılır.
</BODY>
</HTML>
Netscape Navigator, Microsoft Internet Explorer, Mosaic, Lynx ve Opera gibi web istemcileri (tarayicilari) ise bu HTML kodlarini yorumlayarak sonucta web sayfalarının görünen biçimlerini oluştururlar. Döküman formatlama özellikleri düşünüldüğünde, HTML'yi bir kelime işlemci gibi düşünmek te olası. Ancak bir farkla : HTML her bilgisayar ortamında, her türlü web tarayıcısı ile hep benzer sayfa biçileri oluşturur ve sunar. HTML'nin döküman formatlama (biçimleme) dışında sunduğu en önemli özelliklerden biri de dökümanlar içinde ve dökümanlar arası kurulabilecek bağlantılardır (link). Bu haliyle, dökümanlar arası gezinmek ve bilgiler arasında dolaşmak mümkün olur.
Web istemciniz ile bağlandığınız sayfanın kaynak kodunu (yani HTML halini) istemcinizin "View" manüsü altındaki Page Source (Microsoft IE için sadece "Source") ile görebilirsiniz. Yani, Web istemcilerinizde gördüğünüz sevimli sayfalar aslında tamamen ASCII karakterlerden oluşan "metin dosyalarıdır".
HTML'nin sağladığı bazı önemli özellikler şunlardır : Web sayfalarındaki yazılara değişik formatlar verilebilir (koyu renk yazı, italik yazı, yazı ortalama, renk verme, değişik boyutlarda yazma gibi), Tablo, Liste, Adres Alanı, sabit genişlikli yazı alanı vb gibi özel biçimler oluşturulabilir, Web sayfalarında "frame" adı verilen, ve birbirleri ile ilişkilendirilebilen alt-kısımlar oluşturulabilir. Değişik tipteki menü yapıları ile kullanıcının etkileşimli bir şekilde seçebileceği veri giriş sistemleri kullanılabilir, Ses, grafik, animasyon gibi uygulamaların web sayfalarından çalıştırılabilmesi için gerekli ortamlar sağlanabilir, Java, JavaScript, VB Script gibi programlama dilleri ile web içeriklerinin etkileşimli kullanımı için gerekli ortamları sağlar, Sunucu tarafında çalışan CGI programları ile we içeriklerinin etkileşimli kullanımını sağlar (şifre uygulamaları, sayaç uygulamaları vb gibi). HTML standartları sürekli güncellenmektedir. Konu hakkında,http://www.w3.org/ adresinden daha ayrintili bilgi alinabilir. Şu anki mevcut standart HTML 3.2 (Eylül 1997). HTML 4.0 standartı üzerinde çalışılıyor.
3. Bir web sayfasında görülebilecek tipik elemanlar nelerdir?
Web'de gezinmişseniz bilirsiniz. Sayfalara bağlandığınızda, karşınıza oldukça değişik türden bilgi ve bu bilgileri size sunan sayfa elemanları geliyor. Aslında bu, web'in sağladığı en büyük özelliklerden birisi. Yani, birbirinden çok farklı türden bilgiye aynı platformda ve kompozit bir şekilde ulaşmak!!
HTML sayfaları, grafik, animasyon, film, müzik, arkaplan müzikleri gibi hergeçen gün artan oranlarda desteklenen bileşenler de içerirler. Bunun yanında, kullanıcıların etkileşimli bir şekilde doldurabilecekleri formlar, kullanıcının yönlendirebileceği ve içeriğini değiştirebileceği dizaynlar (dinamik html) da içerir. web sayfaları yapısı ve web istemci teknolojisi, standart olmayan veri yapılarının da web üzerindeki diğer bilgilerle entegrasyonuna "plug-in" denilen yardımcı programlar vasıtasıyla izin verirler.
4. Sayfa içeriği nasıl saptanır? Ön dizayn yapmanın getirebileceği avantajlar Nelerdir? Nelere dikkat edilmeli?
Web sayfasında hangi bilgilerin yer alacağını saptamak ilk yapılması gerekenlerden. Sayfanızı hazırlamadaki amacınız ne? Kendinizi tanıtmak mı? Bir ürünü mü tanıtmak? Ya da, sevdiğiniz bir sanatçı ile ilgili bir sayfa mı yapmak istiyorsunuz?? Daha sonra, 1-2 hafta süreyle web'de gezinin. Sizinkine benzer içerikli sayfalarla mutlaka karşılaşırsınız. Buradan, iyi ya da kötü tasarımın ne olduğu konusunda kafanıda fikirler oluşacaktır. Öte yandan, normal bir internet kullanıcısının profesyonel bir grafik ya da web sayfası tasarımsıcı olmasını da bekleyemeyiz.. Bu yüzden, ilk sayfanız çok sade görünümlü olabilir. Herzaman, web sayfasının içerdiği bilgilerin önemli olduğunu ve sayfa düzeninin de bu bilgilere kolayca erişimi sağlayacak şekilde olmasının getireceği kolaylıklar ve avantajları akılda bulundurun. Eğer web sayfalarınızda birden çok konuyu işleyecekseniz, buna göre ilgili dosyaların sabit diskte bulunması gereken dizin yapılarını saptamak ta yapılması gereken ilk işlerden biri olmalı. Her farklı sayfanın farklı bir dizinde saklanması sayfa organizasyonunu kolaylaştırır.
Belirli bir konuda hazırlanmış iyi web sayfaları, öncelikle, buraya bağlanan insanların mümkün olduğunca zahmetsiz ve kısa yoldan isteklerine ulaşmalarını sağlamalıdır. Ayrıca, konunun dışına taşmadan, verilmek istenen anlatılmalıdır. Hiç kimse, ekranlar dolusu uzunlukta yazılardan oluşan bir siteyi okumak istemez. Bu genellikle çok sıkıcı olur.
Web sayfasında ne kadar grafik/resim/ses vb olacağı, bu dosyaların büyüklüklerinin belirlenmesi de çok önemli. Hiç kimse, bağlandığı bir web sayfasında 100lerce kilobyte tutan bir resim ya da animasyon dosyasının yüklenmesini beklemek istemez. Web sayfalarında resim ve animasyon kullanımı sayfanın çekiciliğini arttırsa da, unutmayın ki bu sayfalara ulaşacak kişilerin internet bağlantı hızları 14.4kbps modem bağlantısı düzeyinde de olabilir.
5. Tipik bir web sayfası düzeni nasıldır?
Tipik bir web sayfası aslında tam anlamıyla hiyerarşik bir yapıdadır. Bu modüler yapı, sayfalara yeni bilgiler ve sayfalar eklenmesini kolaylaştırır.
6. Web Sayfası Hazırlamak zor mudur? Özel bir editöre ihtiyacım var mı?
Web sayfası hazırlamak başta tahmin edildiği gibi ya da sanıldığı kadar zor değildir. Bu işi kolaylaştıran birçok araç var.
Aslında, HTML dökümanlarının tamamı ASCII karakterlerden oluşan ve herhangi bir editörde yazılabilen metinlerden oluşmuştur. UNIX üzerinde pico, vi; DOS altında MSDOS Edit ya da bir windows textpad veya sevdiğiniz herhangi bir metin editörü kullanarak HTML dökümanlarınızı hazırlayabilirsiniz. Yani, hiç bir özel editöre ihtiyacınız yok. Ancak, HTML format belirteçlerini hatırlamak ayrı bir dert, yazmak ayrı bir dert.. Yüzlerce HTML belirteçini hatırlamak profesyonel bir tasarımcı için bile gerçekten çok zor.
Bunu berteraf eden bazı yardımcı bilgisayar programları var. Bunlara, "HTML Editörleri" denir. HTML editörleri 2 grupta toplanır : Ilk gruba giren editörler, HTML komutlarını menüler ya da bazı butonlar yardımıyla döküman içine yazmanızı, ilgili ortamları kolayca oluşturmanızı sağlar. Bu editörlerden bazıları, yazdığınız HTML kodunun sonuçlarını bir "preview" pencereden görmenizi sağlarlar. Hemen hepsi, tüm HTML belirteç ve komutlarının anlatıldığı yardım dosyaları sunarlar. Bazılarında (genellikle ingilizce) heceleme (spell-check) özelliği vardır. Hazırladığınız sayfaların içinde kullandığınız resim linklerini, diğer sayfa linklerini vb istatistik tablolar olarak size gösterebilirler ve bu şekilde dizaynda yardımcı olurlar. Bu tip editörlerin hemen hepsi, kolay web sayfası hazırlama sihirbazları (wizard) sunarlar. Böylece, bazı boşlukları doldurarak basit bir web sayfasını kolayca oluşturabilirsiniz. Ayrıca, hemen hemen tüm editörler, hazırladığınız sayfaları bir web sunucusuna (FTP ya da HTTP protokolü ile) gönderebilmek için gerekli araçları (web publishing) da içerirler. Bu editörler, çoğunlukla, dökümanınız içinde kullandığınız HTML komutlarını farklı renklerde göstererek sayfanızın oluşturulma sürecini kolaylaştırırlar. Çoğu editör, bazı temel JavaScript programları/özellikleri ekleme ya da hareketli GIF resimlerini (animated GIF) kolayca hazırlamanızı sağlayabilirler.
Bu editörlerden bazıları, hazırladığınız web sayfalarındaki HTML kodlarını kontrol edebilirler ve hatalı/eksik kullanımları saptayabilirler. Bunları yapan bazı yardımcı programları dahttp://www.halsoft.com/web-lint adresinde bulabilirsiniz.
Bu editörlerden en popülerlerinden bazıları HotDog Pro (http://www.sausage.com/), HomeSite, Web Edit, HotMetal ve DiDo 'dur. Bunlar ve benzeri diğer editörlere (Windows, Mac ve OS/2 için) Raksnet Tucows yansısından kolayca ulaşabilirsiniz. Adresi :http://tucows.raksnet.com.tr/tucows http://www.zdnet.com/~pcweek/navigator/htmled.html adresinde deHTML editörleri ile ilgilibilgilere ve bu programların bulunduğu diğer adreslere erişebilirsiniz. İkinci gruba giren editörler, günümüz windows kelime işlemci programları gibi (word, wordperfect vb), yazdığınız anda tüm formatlama özellikleri ile birlikte görebildiğiniz (WYSIWYG - what you see is what you get) türden "görsel HTML editörleri"dir. Bu programlar kullanılarak, karmaşık HTML kodlarına bulaşmadan oldukça iyi sayfalar oluşturabilirsiniz. Bu tip editörlerden bazıları, aynı anda doğrudan HTML koduna da müdahele edebilmenize olanak tanır. HTML yardımı, kolay sayfa hazırlama sihirbazları, heceleme, web sunucusuna dosya gönderebilme gibi özellikleri bu programlar da, genellikle, sunarlar. Benzer şekilde, buton hazırlama, JavaScript programları/komutları ekleme ya da hareketli GIF resimlerini (animated GIF) kolayca hazırlamanızı sağlayabilecek özellikler de bu programlarda son günlerde sıkça karşılaştığımız özelliklerden. Popüler web istemcilerinden olan Netscape Navigator (4.x) bünyesi içinde yer alan "Composer" bu tür bir editör. Eğer Netscape 3.x kullanıyorsanız web editörü bu ürünün Gold sürümünde. Popüler görsel editörlerden bazları ve alabileceğiniz adresler şöyle : Microsoft Front Page (http://www.microsoft.com/) ; Symantec Visual Page (http://www.symantec.com/); Adobe Page Mill (http://www.adobe.com/); Claris Home Page (http://www.claris.com/). Ayrıca, Microsoft Internet Explorer 4.x surumu ile birlikte "Front Page Express" adıyla, orijinal ürünün daha basit bir sürümü de ücretsiz dağıtılmaktadır. Programlar genellikle Windows (95/NT) ve Mac (PowerPC) altında çalışmaktadır. Bunlar ve benzeri diğer editörlerin çoğuna (Windows, Mac ve OS/2 için) Raksnet Tucows yansısından kolayca ulaşabilirsiniz. Adresi :http://tucows.raksnet.com.tr/tucows http://www.zdnet.com/~pcweek/navigator/htmled.html adresinde deHTML editörleri ile ilgili diğer bazı bilgilere ve bu programların bulunduğu diğer adreslere erişebilirsiniz. Görsel editörlerin sundukları imkanlar, çoğu web sayfası hazırlama işi için yeterli görünmektedir. Özellikle; tablo hazırlama, frame'ler ile çalışma, form hazırlama gibi yüksek oranda HTML kodlaması gerektiren uygulamalar çok kolay yapılabilmektedir. Sayfa içinde bağlantı (link) oluşturma, temel formatlama özelliklerini verme bu tip editörlerle kolaydır. Özellikle, hem görsel editör özelliği sunan, hem de düz HTML kodunu değiştirebilmenize olanak tanıyan editörler hergeçen gün yaygınlaşmaktadır. Böylece, görsel editörlerle yapamadığınız bazı işleri bütünleşik bir şekilde, dökmanın HTML hali üzerinde değişiklikler yaparak halledebilirsiniz. 7. Hiç HTML bilmeden görsel editörlerle web sayfası hazırlayabiliyorum. HTML'ye yine de ihtiyacım var mı?
Bu sayfanızın içeriğine bağlı. Görsel editörler; tablo, frame, her türlü formatlama, resim/ses vb ekleme gibi özellikleri sağlarlar ve bunlar ortalama bir web sayfası için yeter. Ancak, özellikle yeni HTML komutları, Java Appletleri, bazı CGI teknikleri vb eklemek için sayfanızın HTML şekli üzerinde biraz çalışmanız gerekebilir.
Ayrıca, HTML felsefesini anlamak ve formatlama ortamlarını öğrenmek yazdığınız sayfaya herhaliyle hakim olmak demektir. Bağlandığınız sitelerdeki sayfa içeriklerini anlamak ve bazı teknikleri öğrenmek için de biraz HTML bilmek sonuçta yararlıdır.
8. HTML dilinin en temel elemanı : Döküman biçimleme belirteçleri (TAG)
HTML'nin en temel işlevi, yazdığınız bir dökümana biçim vermektir (yazı karakterini, rengini, büyüklüğünü değiştirmek; paragraf eklemek; resim eklemek vb gibi). Bu, kullanılan bazı biçimlendirme (formatlama) belirteçleri/komutları kullanılarak yapılır. Söz gelimi; sayfamızda "merhaba" kelimesinin koyu renkli görünmesini isteyelim. Bu durumda, <BODY> ... </BODY> arasına;
<B>deneme</B>
yazmalıyız. Bu ise, bir web istemcisinde görüntülendiğinde, deneme şeklinde bir sonuç üretir. Bu basit örnek aslında HTML dilinin en temel kuralı hakkında tüm ipuçlarını vermektedir : Bir HTML döküman hazırlamak, temel olarak, öncelikle sayfada görünmesini istediğimiz düzyazı bilgileri yazmak; sonrasında da bu yazının istediğimiz yerlerinde uygun belirteçler (TAG) kullanarak istediğimize uygun bir görünüm kazandırmaktır.
Tüm HTML belirteçleri < karakteri ile başlar ve > karakteri ile biter ve bu HTML dökümanını gösterecek Netscape, MSIE gibi web istemcilerine, yazıyı koyu göstermek, italik yapmak, bir resim göstermek vb türünden özel birşeyler yaptırır. < > arasına ise, ilgili belirteç komutu ve bazen de birtakım ilave parametreler (seçenekler) gelir. Sözgelimi yukarıdaki örnekte, <B> belirteçi, kendinden sonra yazılan yazıların web istemcilerinde KOYU RENK görünmesini bildirir.
Genellikle HTML belirteçleri çift halinde kullanılır (ancak bu kuralın istisnaları da vardır). Yukarıdaki örneğe tekrar dönecek olursak, <B> belirteçinin çifti </B> dir. Böylece, yazının belli bir kısmına (yani, sadeec <B> ..... </B> arasına yazdığımız kısmına) biçimlendirme yapmak mümkün olur. Her belirteçin çifti, isminin başına bir ayıraç (/) konarak elde edilir ve yine < > arasına yazılır.
Herhangi bir HTML belirteçinin genel formatı şöyledir :
Bilgileri yazmada küçük/büyük harf ayırımı yoktur. Ancak, tüm HTML belirteçlerini ve seçenek adlarını büyük harfle; değerleri ise küçük harfle yazmak oldukça yaygın bir alışkanlıktır.
HTML, dökümanlar üzerinde kullanılabilecek yüzlerce belirteç içerir. Bu da, web editörlerinin sayfa hazırlamada ne kadar yararlı araçlar olduğunu göstermektedir. En baştaki örneğe tekrar dönelim :
<FONT SIZE=+3> Ev Sayfama Hoş Geldiniz </FONT>
<FONT> belirteçi, kendisinden sonra gelen karakterlerin yazı büyüklüğü, rengi, tipi vb ile ilgili değişiklikler yapabilmemizi sağlar. Dikkat edilirse, belirteç adından sonra bir seçenek kullanılmış. Biçilendirme sadece dökümanın belli bir kısmına uygulanmak istendiğinden, ilgili belirteç, çifti olan </FONT> ile kapatılmış. Kapatma belirteçinde, sadece belirteçin adı ve sol tarafına ayıraç işareti (/) konur.
Bir başka örnek verelim :
<img src="sad.gif"> Bu örnekte de, web sayfasının bulunduğu dizindeki sad.gif isimli resim dosyasının sayfa üzerinde, bu komutun yazıldığı bölümde, görüntülenmesi isteniyor. Bunun sonucunda ise görülecektir. Tabii bunun için, ilgili resim dosyasının, html sayfanızı sakladığınız dizinde bulunması lazım. Okuduğunuz dökümanın ilerleyen bölümlerinde önemli HTML belirteçleri ve önemli kullanımları ile ilgili bilgiler de verilecek.
9. HTML dökümanın genelinde etkili ve sayfada doğrudan görülmeyen belirteçler
Baştaki tabloda da belirtildiği gibi, bir HTML döküman, <BODY> </BODY> arasına yazılır. Baştaki <HEAD> .. </HEAD> arasına yazılan belirteçler tüm döküman üzerinde etkilidir ve web istemcileri tarafından doğrudan görüntülenmezler. Bunlardan en önemlisi, yazılan HTML dökümana isim vermekte kullanılan <TITLE>'dır. Bu belirteç, hazırlanan web sayfasına bir isim verilebilmesini sağlar. Böylece, sayfayı yükleyen birisi, <TITLE> ile verilen isim bilgisini (sayfanın konusunu içeren bir tanımlama) kendi istemcisinin tanımlama satırında görür. Aşağıda, bu belirteçin örnek bir kullanımı görülmektedir.
Bu alanda kullanılabilecek ikinci önemli belirteç <META> 'dır. Kullanımda, kendisinden sonra bir seçenek adı verilerek kullanılır. Bu belirteç kullanılarak verilen bilgiler çok çeşitli olabilir. Söz gelimi, web sayfaları üzerinde dolaşan arama motorları, sayfaların bu kısmındaki <META> belirteçlerine bakarak sayfaları gruplar. Bu kullanımda, <META> ile birlikte, sayfanızdaki içeriği yansıtan bazı anahtar kelimeler ve tanımlamalar verebilirsiniz. Aşağıda bununla ilgili bir örnek görülmektedir :
Meta belirteçinin önemli bir kullanımı da, sayfadaki yazıların hangi "dil ailesi"ne ait karakterlerle yazıldığını belirtmek içindir. Türkçe, Latin5 dil ailesindedir. Buna ait standart tanimlamasi ise iso-8859-9 olmaktadır. Aşağıda buna ait bir kullanım gösterilmiştir.
Web sayfalarının en önemli özelliklerinden birisi, kolayca başka sayfalara ve dökümanlara geçiş yapılabilinmesidir. Bu, <A> belirteçi kullanılarak yapılır. Aşağıdaki örneği inceleyelim :
Ana sayfaya dönmek için <A HREF="http://www.mubam.net"> buraya </A> fare ile tıklayınız.Bunun bir web istemcisindeki görüntüsü ise aşağıdaki gibi olacaktır :
Ana sayfaya dönmek için buraya fare ile tıklayınız.
Örnekte, "buraya" kelimesine index.html dosyası bağlanmıştır. Böylece, "buraya" kelimesinin üstüne gelip fare ile tıkladığınızda, http://www.nohut.8m.com/index.html yüklenecektir.Bu ve benzeri URL lere bağlantı tanımlarken, bağlantı kurmak istediğimiz kelimenin soluna <A HREF="tam-url-adı"> yazıyoruz. Bağlantı kelimesinden sonra ise, </A> ile belirteçi kapatıyoruz. Yukarıdaki örnekte, eğer index.html dosyası aynı dizinde ise, uzun uzun URL'i yazmak yerine doğrudan <A HREF="index.html> yazmak ta yeterlidir. Bu yolla, her türlü URL kullanılabilir (ftp, http, e-posta, gopher, wais). Aşağıda kullanımla ilgili bazı örnekler var :
Bana <A HREF="mailto:ysava@yahoo.com> e-posta göndermek </A> ister misiniz? Bana e-posta göndermek ister misiniz?
İstenildiği kadar bağlantı aynı anda kullanılabilir. Bir diğer kullanımda, eğer istenirse, bir URL adresine değil de herhangi bir dosyaya da bağlantı yapılabilir. İlgili bağlantı fare ile tıklandığında, eğer o dosya tipi web sunucusu ve sizin web istemciniz tarafından bilinen bir tipse, o zaman ekranda sonucu görürsünüz. Söz gelimi, düzyazı dosyalar (TXT), Resim dosyaları (GIF, JPG, JPEG, PNG, XBM) böyledir.
<A HREF="sad.gif"> Buraya tıklarsanız </A> üzgün bir surat göreceksiniz.
Eğer ilgili dosya bilinmeyen bir tipte ise, o zaman bu bağlantı tıklandığında, kullanıcının web istemcisi o dosyayı "diske saklamak" ya da bir uygulama programıyla açmak şeklinde iki seçenek sunar. Bazı dosya tipleri ise, web istemcilerine yüklenen yardımcı "plug-in" ler ile işlenebilir. Bunlardan en popülerleri ses formatları (AU, WAV, MID); video formatları (RM, MOV, AVI) ve bazı özel tipte dosyalardır (AutoCAD çizim dosyaları gibi).
Bir Resim Dosyasının Bağlantı Elemanı Olarak Kullanılması : Bazen bir resim dosyası da bağlantı elemanı olabilir. Böylece, kullanıcı ilgili resmi fare ile tıklayarak belirtilen yeni dosyaya ulaşır. Bunu bir örnekle görelim :
Mail göndermek için zarfın üzerini tıklayın..... <A HREF="mailto:mubam@cihannet.com"><IMG SRC="../../index_dosyalar/e-mail.gif" HEIGHT=20 WIDTH=28 BORDER=0></A> Mail göndermek için zarfın üzerini tıklayın......
Dikkat edilirse, bağlantı yapılacak yerde, <IMG SRC="envelope.gif" HEIGHT=20 WIDTH=28> kullanıldı. <IMG>, tek başına kullanılan bir belirteçtir ve başka parametreler de alabilir. Yukarıdaki örnekte, resmin eni ve boyu piksel cinsinden veriliyor. Ayrıca, resmin çevresinde bir belirgin sınır (BORDER) verilmek isteniyorsa 0 yerine daha büyük bir değer kullanılmalı.
Döküman İçi Bağlantılar :
Bir metin üzerinde belirli bölgelere ulaşmak için yine belirteçler kullanılabilir. Şu an okuyor olduğunuz döküman, buna bir örnektir. Aşağıdaki satırları inceleyelim :
<A HREF="#1">Benim de bir web sayfam olabilir mi? Bunun için nelere ihtiyacım var?</A> <A HREF="#2">Bir web sayfası neye benzer? HTML nedir?</A> <A HREF="#3">Bir web sayfasında görülebilecek tipik elemanlar nelerdir?</A>
Yukarıdaki satırlar bir web istemcisinde şöyle görünecektir :
Benim de bir web sayfam olabilir mi? Bunun için nelere ihtiyacım var? Bir web sayfası neye benzer? HTML nedir? Bir web sayfasında görülebilecek tipik elemanlar nelerdir?
Burada, HREF ile verilen aslında, dökümanın sizin belirlediğiniz bir kısmı. Söz gelimi, ilk satırı ele alacak olursak, kullanıcı buraya fare ile tıkladığında dökümanda "1" belirteci ile verilen kısma gidiliyor. Burası ise,
<A NAME="1"></A> Benim de bir web sayfam olabilir mi? Bunun için nelere ihtiyacım var? <P>Internet erişimi olan herkesin bir web sayfası olabilir. Web üzerinde gezinirken rastladıklarınıza benzer sayfalar yapabilmeniz için ilk öncelikle
şeklinde. Yani, bir bağlantıya tıklandığında döküman içinde nereye gelinmesi isteniyorsa, ilgili yere <A NAME="belirteç-adı"></A> şeklinde bir tanımlama yapıyoruz. Buna "Anchor" (belirteç?) denir. Belirteç adlarının illa ki sayılar olması gerekmez. tek karakterden oluşması da gerekmez. Kendinizin belirleyeceği herhangi bir isim olabilir.
Eğer, bir döküman içinden başka bir dökümanın "belirteç kullanılarak tanımlanmış" bir bölümüne bağlantı verilmek isteniyorsa, bu durumda da, HREF="diğer_döküman_ismi#parça_ismi" şeklinde bir kullanım uygulanır.
11. Temel HTML Komutları/Belirteçleri
Metin Formatlama Belirteçleri :
Bir HTML döküman hazırlarken, satırlar ya da kelimeler arasında istediğiniz kadar boşluk bırakabilirsiniz. Kodu takip etmeyi kolaylaştırmak için HTML komutlarını metinden boşluklarla ayırabilirsiniz. Bunun dökümanın web istemcisi üzerindeki görünümünde hiç bir fonksiyonu olmayacaktır.
Döküman içinde, yeni bir paragrafa başlarken, <P> belirteçini kullanmalısınız. Bu belirteçi çokça kullanacaksınız :-) HTML dökümanlarında <P> belirteç kullanmadıkça bir cümle herhangi bir yerinden ayrılıp kalan kısmı altta görünebilir, birden fazla boş satır tek satır olarak algılanır. Bir web tarayıcısı satır sonlarını ve boş satırları gözardı edeceğinden, paragrafları mutlaka < p> belirteci ile ayırmalısınız.
Eğer bir satırı belli bir yerinden bölmek istiyorsanız <BR> belirteçini kullanmalısınız. Aşağıda bunlarla ilgili küçük bir örnek var : <P>Burada yeni bir paragraf başladı. Ben satırın burada <BR> bölünmesini istiyorum. Eğer <P> kullanılmasa idi, ilgili metin bir üstteki bilgilerle birleşecekti. <BR> kullanılmasaydı, henüz satır bitmediği için, alt satıra geçilmeyecekti. Hem <P>, hem de <BR> belirteçleri tek kullanılır, çiftleri yoktur.
Aşağıdaki tabloda, sık kullanılan bazı metin formatlama belirteçleri görülmektedir. Belirteçler iç içe kullanılabilir, ancak birbirlerini kesmemelidirler. Bu belirteçleri kullanırken, belirtecin etkimesi istenen yazı <> .. </> arasına alınır. Söz gelimi, <i> Bu yarı italik </i> şeklindeki bir HTML kodu, "Bu yazı italik" şeklinde bir sonuç üretecektir.
<i> </i>Yazıyı italik yapar.<tt> </tt>Yazıyı sabit gernişlikli yapar (daktilo harfleri gibi).<h1> </h1> <h2> </h2> <h3> </h3> <h4> </h4> <h5> </h5> <h6> </h6>Bu belirteçler, döküman içinde kullanılabilecek başlıklardaki yazıların büyüklüklerini tanımlar. Sayı arttıkça yazı büyüklüğü azalır. Bunların yerine, daha esnek <FONT> </FONT> belirteci de kullanılabilir. Bu kullanımda, <FONT SIZE=-2> 'den <FONT SIZE=+2> ye kadar yazı büyüklüklerü verilebilir. <hr>Yatay bir çizgi oluşturur. <hr SIZE=4 WIDTH= "50%"> şeklinde, daha kalın ve dar bir çizgi de yapılabilir.<center> </center>Yazı ve resimleri sayfada ortalar .<blockquote> </blockquote>Yazıyı hem sağdan, hem soldan birmiktar içeri kaydırır.<pre> </pre>Bu belirteçler arasına yazılan her şey, yazıldığı gibi ekrana çıkar. Boşluklar, tab'ler, satır bölmeleri vb. korunur. HTML Döküman İçinde Açıklama Satırları : HTML Döküman İçinde, kodu takip etmede kolaylıklar sağlayacak bazı açıklama satırları konabilir. Döküman içinde herhangi biryerde, "<!--" ve "-->" belirteçleri arasında kalan hiçbirşey web istemcileri tarafından dikkate alınmaz.Örnek;
<!-- Bu bir açıklama satırıdır ve web istemcisinde görüntülenmez -->
12. Sayfa Arka Plan resimleri/renkleri ve Metin İçinde Renk Kullanımı
HTML sayfalarınızın arka planında isterseniz bir resim olabilir. Ya da, sayfa arkaplanını sizin istediğiniz bir renk yapabilirsiniz. Bu, döküman başlangıcındaki <BODY> belirtecine bazı seçenekler ekleyerek yapılır. Sözgelimi şu an okuduğunuz dökümanın arkaplanı aslında, "chalk.gif" isminde bir resim dosyası. Bu, <BODY BACKGROUND="chalk.gif"> şeklindeki bir kullanımla sağlandı. Eğer arkaplan renginin kırmızı olmasını isteseydik o zaman da, <BODY BGCOLOR="#FF0000"> dememiz gerekecekti. Buradaki FF0000, kırmızının, RGB renk ayrım sistemindeki hekzadesimal (16-lik sistem) karşılığı.
Aslında, HTML döküman içinde bazı şeylerin renklerini kontrol edebiliyoruz : <body> belirtecinde, bgcolor, text, link, vlink, ve alink seçenekleri sırasıyla sayfa arkaplan rengi, sayfadaki yazıların rengi, henüz kullanıcının ziyaret etmediği bağlantı elemanları (link), ziyaret edilmiş bağlantı elemanları ve aktif bağlantı elemanlarını (yani, tam bir bağlantının üzerine fare ile tıkladığınızdaki renk) tanımlar. Sayfa içinde herhangi bir yazının rengini değiştirmek için <font> belirteci, color seçeneği ile birlikte kullanılır (<FONT color="#FF0000"> ... </FONT> gibi).
Renk değerleri verilirken şu şekilde hareket edilir : Genel renk tanımı : "#RRGGBB" dir. Burada, RR, GG, ve BB, sırasıyla kırmızı (red), yeşil (green) ve mavi (blue) renklerin toplam renk içindeki yoğunluğunu gösteren hekzadesimal sayılardır. Bu sayılar yerine aşağıdaki renk tanımlama kelimeleri de kullanılabilir : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white (white), or yellow (yellow) 13. Listeler
Dökümanların göze hoş görünmelerini sağlamak amacıyla listeler yaygın olarak kullanılır. HTML, pek çok liste çeşidi destekler. Bunlar, düz listeler, numaralı listeler, tanımlı listeler ve içiçe listelerdir.
Düz (Numarasız) listeler
Düz liste (unordered lists, <ul>) oluşturmak için, Listeye başlamak için belirteç açılır. <ul> Liste elemanlarını teker teker girerken başına <li> belirteci girilir. Kapatmak için </li> belirtecine gerek yoktur. Listeyi bitirmek için belirteç kapatılır. </ul> Örnek olarak,
<ul> <li> Elma <li> Armut </ul>
Örnek, ekranda şu şekilde görülür : Elma Armut <li> belirteçleri içinde paragraflar, diğer dökümanlara bağlantılar, ve diğer belirteçleri kullanabilirsiniz.
Numaralı Listeler Numaralı listeler (ordered lists <ol>), düz listelerden farklı olarak, <ul> belirteci yerine <ol> kullanırlar. Ekrandaki liste elemanlarının başına 1'den başlayarak sayılar eklenir. Aşağıdaki HTML kodu,
ekrana şunları yazar: Linux İşletim Sistemi Linux'un desteklediği donanımlar Tanımlı Listeler Genellikle birden fazla başlığı olan, her başlık altında kısa bir metin içeren yazılar, tanımlı listeler ile oluşturulur. Tanımı yapılacak başlık, <dt> ile belirtilir, <dd> ile başlık altına metin girilir. Tüm liste, <dl> ile </dl> arasına alınır.
<DL> <DT> Kişisel Kullanım <DD> Linux evinde veya işinde UNIX işletim sistemi altında çalışmakisteyenler için ideal bir platformdur. <DT> Internet Sunucusu <DD> Linux doğrudan TCP/IP desteği ile gelmektedir. </DL>
Ekrandaki çıktı şu şekilde görünür: Kişisel Kullanım Linux evinde veya işinde UNIX işletim sistemi altında çalışmak isteyenler için ideal bir platformdur. Internet Sunucusu Linux doğrudan TCP/IP desteği ile gelmektedir. İçiçe Listeler Tüm liste çeşitleri, 3'den fazla bölüm kullanmadıkça içiçe yazılabilir. Örnek olarak,
<ul> <li> İstanbul'un büyük semtleri <lu> <li> Beyoğlu <li> Bakırköy <li> Kadıköy </lu> <li> Ankara'nın belli başlı yerleşim birimleri <lu> <li> Kızılay <li> Ulus </lu> </lu>
Ekrandaki görüntüsü, İstanbul'un büyük semtleri
Beyoğlu Bakırköy Kadıköy Ankara'nın belli başlı yerleşim birimleri
Kızılay Ulus
14. Basit Tablolar
HTML, her türlü tablo kullanımına olanak tanır. Tablolar, bilgileri matris düzeninde, birçok hücreler tanımlayarak bunların içinede verebilmemizi sağlar. Ayrıca, hazırladığımız dökümanın kolonlar halinde ya da, belirli hizalarda yapışık şekilde (align) görünmesini de sağlarlar. HTML standartları gelişim süreci içinde tablo tanımlama belirteci de bazı değişikliklere uğradı. Döküman içinde tablo oluştururken aşağıdaki işlemler takip edilir : Tablolar, <table> belirteci ile tanımlanır. <table> belirteci, tablo kaç satır ise, o kadar sayıda arka arkaya <tr> belirteci içerir Her <tr> belirteci, o satırda kaç kolon varsa o kadar <td> belirteci içerir. <td> belirteci ile tanımlı hücrelere her türlü bilgi (yazı, link, resim, liste, ve hatta başka bir tablo) gelebilir. Tablo içinde satırlar yukardan aşağıya, sütunlarla oluşturulan hücreler ise soldan sağa tanımlanır. Eğer satırlar ve sütunlar arasında satır/sürun çizgilerinin de görünmesi isteniyorsa, <table> belirteci ile birlikte "border" seçeneği kullanılır.
Aşağıdaki örneği inceleyelim : <table border> 1. tablo belirteci başlangıcı <tr> 1. satır başlangıcı <td>Ankara</td> 1. satır 1. sütun <td>İstanbul</td> 1. satır 2. sütun </tr> 1. satır sonu <tr> 2. satır başlangıcı <td>Eskişehir</td> 2. satır 1.sütun <td>Şanlı Urfa</td> 2. satır 2. sütun </tr> 2. satır sonu </table> 1. tablo belirteci sonu Yukarıdaki kod, bir web istemcisinde görüntülendiğinde aşağıdaki tablo oluşacaktır :
AnkaraİstanbulEskişehirŞanlı UrfaIstenirse, tablolar için tablo arka plan rengi ya da, her bir hücre ya da satıra bgcolor seçeneği <table>, <tr>, <th>, ve <td> belirteçleriyle kullanılarak verilebilir. Standart html editörlerinin hepsi de, kolay tablo oluşturmak için birtakım tablo sihirbazları sunmaktadırlar.
Tablolar ile ilgili daha ayrıntılı bilgiler bu dökümanın sonraki sürümlerinde verilecektir.
15. Form kullanımı Formlar, web sayfalarında kullanıcıların doğrudan bilgi girip sayfanın bulunduğu web sunucusuna ya da başka yerlere bunları gönderebildikleri mekanizmalardır. Bir on-line alışveriş merkezinden ürün seçmek, para ödemek, ya da bir ankete cevap verip sonucu göndermek vb gibi birçok iş <FORM> belirteci kullanılarak yapılır. Kullanımla ilgili ayrıntılı bilgiler CSS'nin ilerleyen sürümlerinde verilecektir.
16. HTML döküman içinde sayaç kullanımı Sayaçlar, sayfalarınızın kaç kez ziyaret edildiğini saptayan ve sunucu tarafıda çalışan CGI programlardır. Kullanımla ilgili ayrıntılı bilgiler CSS'nin ilerleyen sürümlerinde verilecektir.
17. HTML döküman içinde basit JavaScript kullanımı Kullanımla ilgili ayrıntılı bilgiler CSS'nin ilerleyen sürümlerinde verilecektir.
18. Sayfamı hazırlarken Türkçe karakterler kullanmalı mıyım? Nasıl? Sayfalarınızda kullandığınız Türkçe karakterler eğer iso-8859-9 kod tanımlamasına uygunsa popüler 2 web istemcisi netscape ve msie tarafından sorunsuz görüntülenebilmektedir. Daha fazla ayrıntı daha sonraki sürümlerde verilecektir.
19. Hazırladığım sayfa her web istemcisinde aynı görünecek mi? Bu konuda nelere dikkat etmeliyim? Eğer sayfalarınızda standart HTML kullanmışsanız, tüm istemcilerde aynı görünmemesi için hiç bir sebep yok. Ancak; Eğer sayfalarınıza, lynx ya da benzeri bir metin tabanlı web istemcisi (tarayıcısı) ile birisi bakarsa, resimleri göremeyecektir. Sayfalarınızda, sadece özel bir istemcinin anlayabileceği bazı ek HTML belirteçleri kullanmışsanız yine bazı kötü sürprizlerle karşılaşabilirsiniz.. 20. Web sayfası hazırlama ve HTML ile ilgili daha ayrıntılı dökümanlara nasıl/nereden ulaşabilirim? Aşağıda, HTML ve Web ile ilgili bazı Türkçe ve Ingilizce kaynaklar listelenmiş durumda. Özellikle HTML Premier ve bunun Türkçe Sürümü size çok yararlı olacaktır.
21. Web sayfası içinde kullanabileceğim küçük "resimcikler"i (gif ve animated gif) nereden alabilirim? Kendim de oluşturabilir miyim? Nasıl? Bu tip resimleri oluşturmanın birkaç yolu var :Kendiniz bir resim editörüyle oluşturabilirsiniz. Varolan bazı resimleri yine editörler yardımıyla değiştirebilirsiniz ya da kağıt ortamından "Scanner" yardımıyla bulduğunuz/çizdiğiniz resimleri bilgisayar ortamına aktarabilirsiniz. Özellikle küçük logolar, bazı yazı efektleri vb kolayca oluşturulabilir.
Öte yandan, bu resimcikleri bulabileceğiniz siteler de mevcut. İşte bunlardan bazıları :
22. Bağlandığım bir web sayfasının HTML kodunu nasıl alabilirim?
Bunun için, sayfa yüklendikten sonra, web istemcisinizin "File" menüsünden "Save (As)" seçeneği ile dosyayı kendi bilgisayarınıza kaydedebilirsiniz. Ancak, bu durumda sadece HTML kodu almış olursunuz. Sayfadaki resimler ve link bilgileri gelmez.
23. Sayfamın HTML kodunu başkalarının görmesini engelleyebilir miyim? Malesef hayır.
24. Web sayfamda internetteki diğer sayfalardan aldığım bilgileri (yazı, resim vb) serbestçe kullanabilir miyim?
Özellikle resimcik ve anime gif'leri, ya da genel amaçlı Java Script-leri, eger ilgili sayfada aksi bir ibare yoksa, kullanabilirsiniz. Bunların hemen hemen tamamı zaten artık anonim olmuş ve ilk kimin yaptığı bilinmiyor. Ancak, bir sayfadan, o sayfanın yazarına ait bir bilgiyi, dökümanı, grafiği -herhangi birşeyi- izin almadan kullanmamalısınız.
25. Web sayfasında kullandığım resimler için hangi formatı tercih etmeliyim? GIF mi, JPEG mi?
Standart GIF, en fazla 256 renge müsade eder. Eğer resminizin daha çok renkli görünmesini istiyorsanız JPG tercih etmelisiniz. Öte yandan, 256 renk çoğu uygulamalar için yeterlidir. 256 renk için de, JPG sıkıştırması ile, GIF formatına göre daha küçük dosyalar elde edilebilir. Sonuçta, küçük dosyalar için (1-5kbyte civarında) GIF kullanımı yaygındır. Dosya boyu 20-30kbyte'ı geçmeye başladı mı genellikle JPG tercih ediliyor.
26. Bir web sayfası yaptım. Diğer insanların bundan nasıl haberi olacak?
Bunun birkaç yolu var. Eğer sayfanızda işlediğiniz bir konu varsa (pop müzük ya da bilgisayar programlama veya başkabirşey..) bununla ilgili listeler ve tartışma öbeklerine sayfanızın varlığından sözeden mesajlar atabiliriniz. Ayrıca, gönderdiğiniz her e-posta'nın sonuna isminizden sonra web sayfanızın adresini yazabilirsiniz. Bu yolla daha çok insanın bilgisi olacaktır. Ayrıca, AltaVista, LyCos gibi popüler arama motorlarına sayfanızı kaydettirebilirsiniz.
27. Bedava "kişisel web sayfası hizmeti" veren yerler var mı? Evet var, ve bunların sayıları her geçen gün artmaktadır. Bu siteler, genellikle, bir web listeleyicisi (istemci, browser, tarayıcı) ile erişilebilen bir kullanıcı ara yüzü ile, kişilere kendi ev sayfalarını hazırlama ve saklama servisi vermektedir. Böyle merkezler, daha çok reklam gelirleri ve bazı sponsorluklar yolu ile bu servisleri bedavaya verebilmektedir. Web ortamının, her geçen gün, ticari amaçlı olarak daha fazla kullanılacağını düşünürsek, burada bu servislerin argümanı : "üyelerine bazı paralı servislerin ve ürünlerin kataloglarını tanıtmak, reklamını yapmak" şeklinde olabilir. Nedeni ne olursa olsun en önemlisi, bu servisin bedava olması. Burada da, bedava e-posta hesap servislerinde olduğu gibi, çok önemli potansiyel güvenlik problemleri var. Önümüzdeki aylarda bu konuda da hararetli tartışmalar olabilir. Eğer kişisel web sayfanız yoksa aşağıdaki adresleri bir deneyin. Geocities :http://www.geocities.com/ Tripod :http://www.tripod.com/ Angel Fire :http://www.angelfire.com/ Home Pages for Homeless :http://www.homeless.com/ CRHome Student Web :http://www.crhome.com/ Free Town :http://www.freetown.com/ NorthWest Voyager :http://www.nwvoyager.com/ Hompage Central :http://www.i-exposed.com/freehp/ WebSight Magazine Free Home Page :http://free.websight.com/free/ Net Hosting :http://www.nethosting.com/ Paradigm-Net Free Home Page :http://www.paradigm-net.com/home/free.htm PHooL Communications :http://phool.dhinternet.com/ Info Chase :http://www.infochase.com/ Inca :http://www.inca.de/ Bu servisleri, kötü kullanım ile suistimal etmemek ve kullanım kurallarına uymak ta bir internet etiğidir. Tabii ki en iyisi, web sayfanızın bulunduğunuz sitede olması. Web sayfası servisi artık standart bir internet hizmeti haline geldi. Hemen heme tüm İSS şirketler ve üniversitelerin çoğu kullanıcılarına bu hizmeti vermektedirler.
://http://www.geocities.com/ [/fon...rler.
28. Diğer formatlarda (Word DOC, (La)TeX, PPT vb) hazırlanmış dosyaları hemen HTML'ye dönüştürebilir miyim?
Microsoft Word ve Power Point, yeni sürümüyle birlikte (Word 97, PowerPoint 97), hazırladığınız dökümanları HTML olarak kaydetmenize izin veriyor. Diğer Word sürümleri için de HTML Assistant adında bir yardımcı program var. La(TeX) ile hazırlanan dökümanları ise hemen hemen bire-bir html'e dönüştürmek mümkün. Bu konuda programlar ve daha fazla bilgi arıyorsanız;
29. Web sayfamı başkaları silebilir mi? Ya da değiştirebilir mi?
Bunun olabilmesi için birilerinin sizden izinsiz bilgisayarınıza girmesi lazım. Bu da sistem güvenliği ile ilgili bir sorun.
<A name=30>30. Sayfa hazırlamada gözönüne alınması yararlı olabilecek bazı diğer ipuçları Mutlaka ana web sayfanızın sonuna kendi e-mail adresinize bir bağlantı ekleyin. Böylece insanların size ulaşmalarını ve sayfa hakkındaki muhtemel görüşlerini size iletebilmelerini kolaylaştırmış olursunuz. Söz gelimi, Her türlü görüş ve öneriler için e-mail adresim : <a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=15073366&url=mailto:isim@domain.com.tr" data-href="mailto:isim@domain.com.tr"> isim@domain.com.tr </a> şeklindeki bir satır oldukça işe yarar.
Hazırladığınız sayfalara, mümkünse birkaç farklı web istemcisi ile (netscvape, msie, mosaic, opera gibi) bakın. Istemcinizin görüntü penceresini küçülterek (window resize) sayfanızın nasıl göründüğünü kontrol edin. Tablolar kayıyor mu? Paragraflar ne alemde? Mutlaka sayfalarınızdaki tüm linkleri kontrol edin. Acaba yanlışlıkla kendi yerel diskinizdeki bir dosyaya bağlantı yapmış olabilir misiniz??? Unutmayın, tüm bağlantıları "bağıl" yapmak herzaman en iyisidir. Bir arkadasşınıza sayfanız hakkında fikrini sorun.
Sayfalarınıza, grafik, renk vb özellikleri kısıtlı bilgisayarlardan da erişilebileceğini düşünerek biraz dikkatli olun. Sayfanıza herhangi bir istemci ile (sozgelimi, metin tabanli lynx ile) erişen birisinin sayfayı (resimleri/renkleri göremese bile) takip edebilmesi lazım. Eğer ana sayfanıza bağlı birden çok sayfa tasarlamışsanız, bu sayfalar arasında rahatça dolaşılabilmesi için gerekli tedbirleri alın (sayfalar arası bağlantılar ve uygun yerlerde verilecek ana sayfaya dönüş bağlantıları gibi) Eğer <img> belirteci kullanıyorsanız, mutlaka "alt", "width", ve "height" seçeneklerini de ekleyin. "alt" seçeneği, bu resmi gösteremeyen istemciler için alternatif bir yazıyı ekrana getirir. "width" ve "height" ise, resmin piksel cinsinden genişlik ve uzunluğunu verir. Bu bilgileri vermezseniz, resim yüklenmesi bitmeden sayfanın kalan yazı kısımları görüntülenmez. Eğer verirseniz, resim yükleniyorken, sayfanızın ziyaretçisi aynı anda ziyaretçi yazıları da görebilir. HTML kodunu anlaşılır ve kolayca takip edilebilir şekilde yapın. Sonuçta, siz ya da bir başkası aynı satırları tekrar elden geçirmek zorunda kalabilir. Yoksa, siniz krizleri geçirebilirsiniz. Ziyaret ettiğiniz web sitelerindeki iyi ve kötü tasarlanmış sayfa tarzları sizin kendi stilinizi ve kendi sayfa organizasyonunuzu geliştirmenizde yardımcı olacaktır. ALINTIDIR
PROFESYÖNEL BİR WEB SİTESİ NASIL OLUŞTURULUR? Kaliteli Web Sitesi nasıl olur ?
Bu yazı birkaç düzenlemeler haricinde 2000 li Yıllara aittir. bir zamanlar AWARD Siteterinde buna benzer birçok tavsiye, öneri Yazıları okuyordum ve bende oralardan öğrendiğim bazı Web Tekniklerini yazayım dedim.
Web Sitesi yapmak aslında çok kolay bir iştir önemli olan Göze hoş görünen Sade ve Temiz olması mümkün olduğunca gereksiz Sayfalar, Animasyon ve Popup lardan kaçınılmasıdır. (içerik önemlidir eğer size ait ise bir başkadır.)
Başlarken:
* Doğru dürüst çalışmayan açılmayan her hangi bir uygulama veya script ne kadar güzel olursa olsun işe yaramaz. * Herşeyin bir başlangıcı vardır kolayı varken işi zora sokmamak (sadece bildiğinizi yapmak biri bitmeden diğerine başlamamak)
İçerik:
İçerik bir Web Sitesinin en önemli unsurlarından biridir. Ziyaretçiler sitenize neden geliyor. Siteye başlamadan önce Ziyaretçilerinize sunacak ne varsa hepsini yerli yerinde kullanmak. Kaliteli ve kendinize ait olan bir şeyler sunmak en iyisidir. Bütün içeriği konulara göre hangi konu nereye ait güzel bir þekilde kategorilere ayırıp. Mümkün olduğunca sık sık Sitenizi güncellemek. Linkleri (köprüler) çok dikkatli kullanmak gerekiyor - Sitenizdeki yabancı Linkler kendinize ait olanlardan fazla olmasın, yoksa bir anlamı kalmaz. Arama Motorları ne Güne duruyor.
Menü:
Sayfa içeriğinden sonra başarılı bir Sitenin en önemli unsuru Menü dür. Sayfaların Linklerini çok dikkatli düzenlemelisinizi, Ziyaretçiler oraya buraya tıklarken nerede ne var ve nerede olduklarını kolayca bulabilmeliler. Ziyaretçi nerede olursa olsun geri gelme ve aradığnı bulma şansı kolay olsun.
Eğer Menü de Java, Javascript var ise, değişik Browserlerde çalışıyormu?
Uzun Sayfalarda aşağıda ve yukarıda birden fazla Menü olması lazım, yandaki Scroll Bar lara gerek duymadan Sayfanın başına gelebilsin. YUKARI çıkması kolay olsun.
Yatay Scroll ler hiç bir zaman kullanmasın. (Sayfa genişliğine dikkat)
Site içi Linkler devamlı aynı Pencere içinde açılsın. Sitenin içindeki Linkler hepsi çalışıyormu, bu çok önemli."target=_self" en iyisidir.
Durmadan Pencere kapatmak kimsenin hoşuna gitmez, Siteye ait olmayan Linkler hiç bir zaman Frame "içinde" olmasın, ("target=_new" veya target=_blank) Bütün Sayfalara geri gelme şansı tanıyın ("Home", "Ana Sayfa") ...
Tasarım: Websiteleri devamlı Yapım aşamasındadır — Tamirat var gibi bilmem bitmemiş Siteler!!! buna ne gerek var eğer o Sayfa bitmemiş ise Link koymayın oraya gelen kişi bir şeyler bulurum diye gelmiş bir de bakıyor ki (Tamirat) hoppalaa... Ziyaretçilerinizi Saat, Tarih, Hava durumu, Haberler, İsim sorma, Passwort sorusu, Browseriniz şudur Sisteminiz budur İsminiz nedir gibi dalgalarla rahatsız etmeyin buna ne gerek var? MSIE 5.5 Java yı çalıştır, yoksa Appletleri göremezsin." gibi yazılar gereksizdir. Şu Siteyi güzel bi göreyim diye hiç kimse sadece bir Site için yeni Browser veya Plug Ins kurmaya kalkmaz yada Sistem ayarlarını kurcalamaz. Pop-Up-Pencereler gereksiz ('Alert') çok Can sıkıcı kullanmayın. Bazı durumlarda önemli olabilir fakat iyice düşünülmesi gerekir. En kötüsü de Tam boy Ekran, Browserlerin (Menüleri, Sembolleri, Scrolleri vs.) gizlemek.
Pop-Up ların durumları: Ziyaretçi Tam Ekran geziniyor; herhangi bir Link e basıyor ve bir PopUp; Ziyaretçi başka bir yere basıyor - PopUp kayboluyor, ama bilmiyor, arka tarafta Pencere halen açık duruyor. Başka bir Link e basıyor - ne oluyor? Yeniden bir PopUp, daha sonra? al sana bir "Pencere Salatası" bazen Bilgiyayarınızı kapatmak zorunda kalabilirsiniz !"( Browser de ne yapacağını şaşırıyor ).(devamlı alt+F4 Tuşlarona basarak kurtulabilirsiniz) kendi kendinize sorun Siz böyle bir Siteye bir daha giremisiniz? Scrollbars Kaydırma Çubukları — Uzun süreden beri Web Masterler, o çirkin-gri Renkli Çubuklarla güzelim Sayfalara katlandılar... M$ (Microsoft) nihayet , bir atak daha yaptı (ki her ne kadar IE 5.5 ve üzeri IE6 da). çalışsada ...Style Sheets - CSS, çok güzel bir Olaydır. Java-Appletler önemli bir Funktion olmadığı sürece. — kullanmayın! <Fare imlecinin peşinde dolaşan Yıldızlar, yazılar? Çok çirkin — kullanmayın! (jawa script Bölümü var ise gösteri amaçlı olarak sadece o Sayfada kullanabilirsiniz.) Ekranda , hoplayıp zıplayan yanıp sönen her ne varsa — çok çirkin görünür felaket bi şey! Müzik iyide. Uzun bir yazının içinde arka planda çalışan bir Müzik dosyası iyi değildir. illa ki olacak ise Ziyaretçilerinizin isteği üzerine bir Düğme yapın açıp kapatması kolay olsun . "AutoLoad" olmasın. Reklam-Banner -Başka bir Sitenin Banneri Sitenizde ne işi var. ( Ticari Siteler hariç ) Arka Plan Grafik (back ground jpg, gif) ne gerek var - illa ki, olacaksa , dikkatli Renk seçimi ve mümkün olduğunca küçük , ve bütün Sayfalarda aynı, Yazıya uygun bir renk olması.
Karmaşık Yazı - Tek bir çeşit Yazı tipi kullanın (en fazla iki). Yazılara değişik Renkler kullanmayın. Yazılara arasında Y e t e r l i aralık bırakın ve onları ezmeyin. Bu NE biÇİm YaZI bÖYle YahUU ? Ziyaretçileriniz Linkleri ve Yazıları kolayca ayırt edebilsin.
Ve Dil Seçeneği - çok önemli, unutmayınız Siteniz sadece Türkiyeden ziyaret edilmiyor......... <META NAME="Language" CONTENT="Turkish"> Windows sistemleri için için <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> buda diğer Sistemler için Pornographie, Şiddet gibi benzer şeyler kendi Bilgisayarınızda kalsın — Web Sitesinde değil.
Grafik:
Resimler veya Grafik; bir Web Sitesinde olmazssa olmaz, kişinin karakterini bile ortaya çıkaran bir olaydır. Kendi yapmış olduğunuz Grafikler en güzelidir başkalarının Grafiklerini kullanırsanız, var ise Copyright lere dikkat etmeniz ve Grafik in kime ait olduğunu belirtmeniz gerekir.
Sayfa içeriðine uygun Grafikler seçiniz. Boyutları ve büyüklüğüne dikkat ediniz. Tek bir Sayfaya fazla Resim koymayınız
Sadece (gij, jpg, png). kullanınız mümkünse Resimleri sıkıştırın, ama kalitenin kaybolmamasına dikkat ediniz.
Animationlar her zaman için ( Kb) çok yer kaplar ve Sayfanın yüklenmesniz ağırlaştırır uzun sürebilir. Tek bir Sayfada birden fazla Animasyonlu Grafik dikkat dağıtır ve çirkin görünür. Ziyaretçiyi rahatsız eder.
Codların arasına devamlı "width" ve "height" Grafiklerin genişlik yükseklik değerleri koyun, Sayfanın yüklenmesi hızlanırmış.
HTML
Html öğrenin - ama iyi öğrenin! Web te bir Sürü Site mevcut Arama Motorlarında arayıp ve bulabilirsiniz. WYSIWYG-Editorler (mesela. Frontpage, GoLive, NetObjectsFusion vs.). Bunlar harika birer Yazılımdırlar.
Test yapın
Sayfalarınızı Server e yüklemeden önce güzel bir kontrol edin Linkler hepsi çalışıyormu? Javascript-Hataları varmı?
Sayfaları Server e yolladıktan sonra kontrol edin Sayfalar çabuk açılıyormu? Linkler çalışıyormu? Eğer Sayfalar yavaş açılıyorsa Grafikleri küçültün yada Yazıları kısaltın Scriptleri veya Appletleri silin Cod ları yeniden düzenleyin ...
1024 x 768 ---- 800 x 600
Buna Siz karar verin þu an Web de tahminlere göre 90% 1024 x 768 çözünürlük kullanılıyor.
Bitti Tamam buraya kadar Siz nasıl isterseniz öyle yapın
Nelere Dikkat etmemiz lazım..
Aşağıdaki uygulamalara Dikkat ederseniz uygularsanız Siteniz ve Sayfalarınızın görünümü Kalitesi artacaktır.
Sitenize gelen Ziyaretçi birdaha gelmesi için cazip bişeyler sunmalısınız Sitenizi sık sık güncellemelisiniz ben güncellemiyorum (Forum) çok aşırı güncel zaten.
Renkler ve Zevkler tartışılmaz fakat yinede göz yorucu Renlerdedn kaçınmalısınız.
Kötü Site örneği
* Arkaplan Grafik kulanmak!!! hem Sayfayı ağırlaştırır hem de görünümü bozar - kimse istemez Çukulata Kağıdının üzerine Şiir yazsın (en iyisi Sade Renkler RGB) * Hover Buttons (Java Applet, uzun sürüyor ve çirkin görünüyor - FrontPage dekiler dahil) * Yan ortadan Bölme çizgiler ve boş Satırlar * Under Constructions- Bu Site de Tamirat var bilgisi ve Siteye uygunsuz Grafikler ve Siteniz bitmemişse PC nizde kalsın Link bağlamayın. * Arkaplanda çalan Müzik, hele birde kapatamıyorsan çok kötü...:--)) * Pop-Up Pencereler ve Reklam Panoları. * ve Bilgi çalıp Kaynak belirtmemek Copyright lere uymamak (bende çalıyom arada bir ama o kadarda değil hani) * Animasyonlu @-Şekiller hoplayan Kediler, bi Sürü yanıp sönen ışıklar. * Normalinden büyük Counter, en iyisi görünmeyen Counter yada Sayfanın en altında olması iyidir. * DHTML Effekleri - bazı Sitelerde acaip Textler ve Grafikler birbirine girmiş hop oraya hop buraya (berbat) * Netscape yada MS Internet Explorer burada indir Link i. Bu Browserler her yerde Dergilerin arasında yada direkt MS Sitesinde upload hemde son sürüm var iken Sitenizden Link vermek gereksiz. * Envai çeşit Haber Başlıkları Hava durumu Fal gibi dalgalar - Sayfanın yüklenmesi uzun sürüyor ve Siteniyin Dizaynı kaçıyor (illa ki olacaksa o zaman PopUP Pencerede olsun yani.) * Sağ Tuş kilidi ne işe yarayacaksa - Güvenlik 0 (Sıfır) isteyen her şeyi çalabilir doğrumu? * Misafir Defterlerine Copy & Paste yapmak, (Sayfan çok güzel olmuş başarılarının devamını diliyorum benim Siteyede bir uğra.) gibi hazır bi Text yapıştırmak. * Ve bir sürü Site ile alakası olmayan Dandik konular vs.
İyi Site örneği
* Göze hoş bir Dizayn * Her ayrı Sayfada aynı Dizaynı görmek. * Çabucak yüklenen Sayfalar, en önemlisi Ana Sayfa (Splash Screen) * Görünmeyen Counter ve Statistikler * Güzel bir Menü * Kendi yaptığınız Grafikler iyi olmasada Fark etmez. * Konulara uygun Link listeleri (bende halen yapacam) * Kısa URL' ler - Domain ler çok ucuzladı. * Style Sheets - CSS, ile çalışmak. * Meta Tags lar - Arama Motorlarında bulunmanızı sağlar. * Size ulaşabilmeleri için görünür bir yerde E-Mail Adresi veya iletişim için Formailer Link. * Fare ile Grafiklerin üzerine gelince Text ile Link belirtmek. ALINTI OLDUĞU SİTE:http://www.merhabadunya.net/index.php?showtopic=637&hl=script
SİTEMİN GÜVENLİĞİNİ NASIL SAĞLARIM? 1) ftp şifreniz biraz karışık olsun sadece harf veya sadece rakamdan oluşmasın örnek: t5g4h8k9m6 bu şekilde olması daha uygun. 2)Hosting seçiminize dikkat edin hosting firması ele geçirilirse sizin sitenizde zarar görür. 3)Kullandıgınız asp ,php scriptlere dikkat edin ikinci bir admin gizli olabilir.Güvenmediğiniz yerlerden kişilerden script almayın. 4)serverda çok önemli bilgiler barındırıyorsanız dosya şifreleme kullanın bunun için çeşitli scriptler mevcut. 5)Panel şifreside tabiki ftp şifresi kadar önemli bunuda çok güvenli şeçin 6)Kullandıgınız uygulamaları sürekli güncel tutmaya çalışın son sürümleri tercih edin 7)Ftp sunucunuzda anomizer logine kesinlikle izin vermeyiniz.özellikle WinNT yada Win2000 sunucu kullaniyorsaniz.(kullanıcıyı görünmez yapan) 8)İnternet cafe gibi ortamlarda ftp ye girmemeye özen gösterin çünkü pcler keylogger barındırabilir. 9)kurdugunuz sistemin (forum ,portal ...) chmodlarına dikkat edin burdaki açıgınız sitenizin sonu olabilir ALINTI OLDUĞU SİTE:http://www.merhabadunya.net/index.php?showtopic=327&hl=script
HTML KODLARI(KISA AMA NESE) Sayfayı kapatma butonu
" Diyelimki web sitenize gelen ziyaterçilerinizin isteğine göre kapanması gereken bir sayfanız var, bu ufak script sanırım işinizi görür. örnek ve html kodları aşağıda. ..."
Hesap makinesi" * çarpma / bölmedir biliyorsunuzdur zaten html de diyebiliriz jscript de son derece kullanişli web e atmak zorunda degilsiniz masaüstünüzde size yardimi olabilir ..."
100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */
var results='' var previouskey='' var re=/(\/|\*|\+|-)/ var re2=/(\/|\*|\+|-){2}$/ var re3=/.+(\/|\*|\+|-).+/ var re4=/\d|\./ var re5=/^[^\/\*\+].+\d$/ var re6=/\./
function calculate(){ if (event.srcElement.tagName=="TD"){ if (event.srcElement.innerText.match(re4)&&previouske y=="=") results='' if (result.innerText.match(re3)&&event.srcElement.inn erText.match(re)){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString() .match(re6)) results=results.toString().substring(0,12) result.innerText=results }
results+=event.srcElement.innerText if (results.match(re2)) results=results.substring(0,results.length-2)+results.charAt(results.length-1)
result.innerText=results } }
function calculateresult(){ if (!results.match(re5)){ result.innerText="Error!" return } results=eval(results) if (results.toString().length>=12&&results.toString() .match(re6)) results=results.toString().substring(0,12) result.innerText=results }
function pn(){ if (result.innerText.charAt(0)!='-') result.innerText=results='-'+result.innerText else if (result.innerText.charAt(0)=='-') result.innerText=results=result.innerText*(-1) }</script> </body>
FORUM KURMAK İÇİN JOOMLA! BİLEŞENLERİ utChat Bileşeni: utChat bileşeni iframe şeklinde çalışmaz menüden linkini verdiğiniz anda kayıtlı üyeleriniz birbirleri arasında rahatlıkla chat yaparlar. Dowland :http://www.utopiart.com/index.php?option=c...dl&Itemid=2 JoomlaComment JoomlaComment 2.40 yeni ve kullanışlı bir joomla siteniz için yorum bileşenidir Dowland :http://cavovweb.ca.funpic.de/downloads/fin..._2.40_Final.zip FacileForms FacileForms, siteniz için her türden form hazırlamanıza yardımcı olabilecek bir form bileşenidir, içerisinde bulunan onlarca form örneğinden size bu bileşen karışık gelsede formları düzenleyerek istediğinizi halledebilirsiniz. Tab halinde formlardan, sipariş formlarına, iletişim formundan daha bir çokm tarzda form hazırlamanıza yardımcı olur. Demosunu buradan görebilirsiniz Dowland :http://www.facileforms.biz/component/optio...d,89/Itemid,96/ Quran - Kur'an-ı Kerim Quran - Kur'an-ı Kerim Bileşeni, islami içerikli bir joomla siteniz var ve bileşen, modül bulmakta zorlanıyorsunuz, işte bu bileşen bu ihtiyacınıza bir nebze de olsa katkısı olacak Bu bileşenle ziyaretçileriniz Kur'an okuyabilir ve dinleyebilirler. En kısa zamanda yükleme olayını anlatacağım şimdilik siz bunu deneyebilirsiniz. Dowland :http://muslimonline.org/downloads.html&...fbcdcb112b314cb VirtueMart VirtueMart bileşeni joomlaya entegre olabilen ve tam anlamıyla profesyonel bir alışveriş scriptidir. Bu bileşeni yükledikten sonra siteniz tam anlamıyla online satış sitesi haline gelebilir ve bu hizmeti verebilmenize olanak tanır. Oldukça detaylı bir bileşen olduğundan ilk anda kullanımı zor gelebilir ancak sizin tüm isteklerinize yanıt verecek bir bileşen olduğundan bu emeğe değer bir bileşendir. Bir çok eklentisi de ayrıca işlerinizi kolaylaştırır ve görsellik açısından size yardımcı olur Dowland :http://virtuemart.net/index.php?option=com...oad&gid=305 Joom!Fish Joom!Fish, bileşeniyle birden çok dil seçeneği olan siteler yapmak için tasarlanmış bir joomla bileşenidir, bu bileşen ile sayısını sizin belirleyeceğiniz kadar çoklu dil seçenekli siteler yapabilirsiniz. Bu işlemi siz elle yapıyorsunuz yani çoğu kullanıcının yanlış anlaması açıklanmamasından kaynaklı ki, bir joomla sitesine girdiğiniz tüm içerik, modül, menü öğesi gibi bölümleri eş zamanlı olarak çevirmenize ve yayınlamanıza olanak tanır isterseniz menüye bayrak simgesi olarak isterseniz de açılır kapanır menü olarak geliyor ve site ziyaretçilerinizin seçimine olanak tanıyor Dowland :http://joomlacode.org/gf/download/frsrelea...0/com.jfcei.zip JXplorer (File Management And Sharing System) JoomlaXplorer bileşeninin kardeş bileşeni olarak çıkarılan bu araç, sitenizdeki dosyaların yönetimi ve kullanıcılarınıza sunulmasını başarılı bir şekilde yapar. Bir nevi download düzenleyecisi olarak düşünebilirsiniz. Kullanıcılarınıza sunacağınız çeşitli dosyaların düzenli bir şekilde onlara sunulmasını sağlar Dowland :http://joomlaequipment.com/index.php?optio...2&Itemid=11 ReMOSitory ReMOSitory, bu alanda en iyi download ve dosya paylaşım bileşenidir, gerek kullanımı ve gerekse de pek başınızı ağrıtmayacak tarzda hatalardan arınıp bu sürede gelişimiş bir bileşendir. Kullanım seviyeleri, dosya paylaşım seviyeleri, download ve upload işlerimde bir çok ayarı mevcut. Bileşenin ayrıca bir çok modülü ve eklentisi de vardır, indirdiğiniz dosyayı zipten çıkarın ve ekli bir kaç eklentiyi ayrı ayrı yükleyin. Dowland :http://www.remository.com/rem/Remository/startdown/431/ DOCMan DOCMan, bu bileşen için sadece bu kadar söylersek yeterlidir sanırım, gelişmiş bir dosya yönetim sistemi, kullanıcıların dosya upload edebilmelerine olanak tanıyan aynı zamanda tüm bu dosyaların paylaşılabilmesine olanak veren güçlü bir joomla bileşeni. Bir çok modülü ve eklentisi bulunan bu bileşeni sitelerinizde download bölümü açmak isteyen kullanıcıların işini görecek en iyi bileşenlerden birisidir. Kurulum paketini indirdiğinizde zipi açın ve içinden çıkan modül ve eklentileri ayrıca yükleyin Dowland :http://joomlacode.org/gf/download/frsrelea...cman_1.3RC2.zip Shared Private Space v1.2 Shared Private Space v1.2 pek kimse tarafından bilinmeyen ancak aramalar sonucunda rastgeldiğim çok önemli bir bileşen aslında küçük bir eklenti olmasına rağmen bayağı bir iş yapacak bir bileşen gibi görüyorum yeterki geliştirilsin. Bu bileşen sitenize üye olan kişilerin dosya uplad etmelerine yarıyor ancak bu dosyaları kendi kullanıcı adlarında ve eğer yüklediği dosyanın linkini vermezlerse kimse bilmiyor. Yani gizli dosya saklama alanı. Aslında bu script geliştirilse Rapidshare tarzı bir şey yapılabilir ve verilen link sistemi buna benziyor. O dosyaya erişim ya linki paylaşırsa yada kendi adına biri girerse görebiliyor güzel bir sistem denemenizi tavsiye ederim. Dowland :http://www.altersystems.fr/downloads/com_s...ivate_space.zip Primezilla Private Messaging Primezilla is a Private Messaging System (PMS) joomla sitelerinizde özel mesajlaşma sistemi kurmak isteyen joomla kullanıcıları için kullanışlı bir diğer özel mesaj sistemidir. Fakat bu bileşenin çalışabilmesi için sisteminizde Register Globals Off ve RG_EMULATION Off olarak ayarlanmış olması gerekmektedir, aksi halde bileşen çalışmayacaktır. Ajax tabanlı bir uygulama olduğundan silme ve yeniden yazma gibi işlemler siz sayfadan ayrılmadan gerçekleşir ve yeni mesajları da bu arada kontrol eder. Modülü sayesinde yeni mesaj uyarısını görsel olarak size bildirir. Dowland :http://www.joomster.com/index.php?option=c...5&Itemid=46 Letterman Newsletter Component Letterman Newsletter Component, sitenize ait zaman zaman duyurular hazırlayıp üyelerinize toplu halde göndermeye yarayan bir uygulamadır. Joomlanın bunu yapan ve kurulumda orjinal olarak eklenen bir bileşeni var fakat yetersiz kalmaktaydı. Html tarzda olsun düz metin olsun istediğiniz tip içerikler ekleyebilir e-bülten tarzı veya dergi tarzı yada broşür gibi... tüm bu işlerinizi bu bileşenle rahatlıkla yapabilirsiniz, üstelik ücretsiz ve zahmetsiz Dowland :http://www.thejfactory.com/component/optio...d,30/Itemid,56/ Easybook 1.1 Joomlanızla tam uyumlu çalışabilen ücretsiz bir ziyaretçi defteridir, sitenizde kullanıcılarınıza çeşitli konularda başvurmak veya sitenize girenlerin siteniz hakkındaki izlenimlerini yazabilmelerine olanak tanıyacak iyi bir bileşendir. Kötü kelime filtreleme, ban, ayrıca güvenlik kod uygulaması mevcut halde geliyor fakat bu uygulamanın çalışabilmesi için register globals ayarı off olması gerekiyor. Dowland :http://joomlacode.org/gf/download/frsrelea..._unzipfirst.zip Fireboard Forum İşte sizlere son günlerin en popüler forum bileşeni olan fireboard'u tanıtıyoruz. Joomla sitelerinize bileşen olarak kurulabilen ve sorunsuzca kullanabileceğiniz bir forum bileşenidir. Joomla board ekibi tarafından ve başka katılımlarla beraberce hazırlanan bu bileşenin en önemli olan özelliklerinden birisi de tema yapısı. Yapı itibariyle SMF forumu andıran özelliklere sahip ve daha şimdiden temaları yapılmakta ve eklentileri çıkmaktadır. Eski joomlaboard ve simpleboard forum sistemi kullanıcıları için converter mevcuttur. Ayrıca forumumuzda SMF forumdan da geçiş için bir script eklendi. Yani SMF forumunuzdaki verileri aktarablirsiniz. Dowland :http://joomlacode.org/gf/download/frsrelea..._1.0.1.beta.zip Akocomment Tweaked Special Edition 1.4.6 Akocomment Tweaked Special Edition, ücretli olan benzerlerinden hiç bir farkı olmayan bir yorum bileşenidir, spam korumalı, güvenlikli, RSS başlıklı, kullanıcıların okudukları yorumu isterse sık kullanılanlarına ekleyecekleri butonları, abonelik gibi bir çok özelliği bünyesinde barındırıyor. Ayrıca türkçe dil dosyası da içinde geliyor ve bu bileşenin zipli dosyasını açtığınızda modülleri ve bot dosyalarınıda ayrıca yükleyebilirsiniz Dowland :http://www.visualclinic.fr/component/optio...showdown/id,39/ BlastChat BlastChat bileşeni, sitesinde shout box tipi basit modüllerden sıkılanlar için geliştirilmiş ücretsiz bir chat bileşenidir. Profesyonel chat sistemlerinden hiç bir farkı olmayan bu chat bileşeni trafiği geniş ve server load sorunu olmayan daha çok dedicated sunucu diye tabir edilen sunucusu olanlar için ideal. Joomla 1.0.X versiyonlarıyla uyumludur, içeriğinde bileşen hariç artı olarak modül ve mambot barındırmaktadır indirdikten sonra zipten çıkarıp kurulumları ilgili yerlerden yapınız Dowland :http://www.blastchat.com/component/option,...download/gid ALINTI OLDUĞU SİTE:http://www.merhabadunya.net/index.php?showtopic=390&hl=script
MACROMEDİA DREAMWEAVER NEDİR? Macromedia DreamWeaver bir text editorudur. Salt html sayfa yapmak için gelenellikle kullanılır fakat ileri düzeyde uygulamalarda gerçekleştirilebilir.(örnek :www.whoispride.uni.cc) Macromedia Dreamwaverda kullanılabilecek web programlama dilleri şunlardır :
1.HTML 2.PHP 3.ASP (VB script ve Javascript 4.ASP.NET( 4 versionunda yoktur zaten 4 versionuda kullanmayacagız burda ) (C# ve VB ) 5.Javascript 6.CSS 7.XLS 8.XML 9.Action Script 10.Java 11.VML (Wap Uygulamaları için => Html in telefonlar için olan versionu ) dillerini desteklemektedir.
buda bize bir çok platformda çalışabilme olanağını sağlar. Ve bu özelliklere ek olarak Macromedia Contriube programındaki gibi sitenizi Evdeki bilgisayarınızdan her an güncelleyebilirsiniz.
Sorularınız olursa bu başlık altına sorabilirsiniz... ALINTI OLDUĞU SİTE:http://www.merhabadunya.net/index.php?showtopic=56&hl=script
FRONTPAGE İLE İLGİLİ HERŞEY Oval Table Oluşturmak Table > Layout Table and Cells'e tıklayarak çerçevelerin (table) ve hücrelerin (cell) değerleriyle oynayabileceğiniz pencereyi açın ve Insert Layout Cell seçeneğine tıklayın. Inline, Height=75, Weight=75 değerlerini girin, After Selection seçili iken Ok'e tıklayın. Görünüm aşağıda birinci resimdeki gibi olacaktır.
Daha sonra aynı pencerede Cell Formatting'e tıklayın. Cell Properties and Borders seçeneği altındaki Borders kısmında Weight değerini 1 yapın, Color Siyah kalsın ve bunu tüm çerçeveye uygulayın. (Apply bölümünde ilk sıradaki, dört yanı çizgi ile kaplanmış buton) Sonra sayfanızda herhangi boş kısma bir kere tıklayın. Bu durumda çerçeveniz aşağıdaki ikinci resim gibi olmalıdır.
Cell Corners and Shadows kısmındaki Width, Height kısımları 20, color = beyaz, border color = siyah olsun. Bunu tüm köşelere uygulayın. (Apply bölümünde ilk sıradaki, dört yanı oval çerçeve resmi içeren buton) İşleminizin gerçekleşmesi durumunda üçüncü resme benzemelidir.
Yatay Çizgi (Horizontal Line) Ekleme Sayfanıza yatay çizgi eklemek için Insert > Horizontal Line'ı seçin.
Eklenen çizgiye çift tıklarayak Pixel ya da Percent (Yüzde) bazında Width (Genişliği) ve Heigth (Kalınlığı) üzerinde oynayabilirsiniz.
Alignment çizilen çizginin nereye hizalanacağını; Color çizginin ne renkte olması gerektiğini belirtir.
Web Teması Seçimi FrontPage'de bir düzinenin üzerinde tema vardır. Temalar, Format / Theme menü komutuyla seçilir. Themes iletişim kutusu, bir temayı Web'inizin herhangi bir kısmına uygulamadan önce izleyebilmenizi sağlar. FrontPage'deki temalar, görünümlerini açıklayan kısa isimlere sahiptir. Blueprint (plan), teknik ressamın işaretlerine benzeyen teknik görünümlü bir temadır.Citrus Punch (limon pançı), çiçekler ve canlı renkler içerir. Blank (boş), aslında boş olmamasına karşın, nispeten boştur.
Her temayı tek tek seçerek, iletişim kutusunun Sample of Theme kısmında bir önizlemesini görebilirsiniz.
Yapmanız gereken ilk seçim, seçtiğiniz temayı bir sayfaya veya tüm Webe uygulamaktır. Tek sayfalık bir tema seçerseniz, bu Page görünümünde o anda açık olan sayfaya uygulanır.
Almanız gereken bir sonraki karar, şu seçeneklerden birini seçip seçmeyeceğiniz: - Vivid colors (Canlı renkler) - Active graphics (Etkin grafikler) - Background picture (Arka plan resmi) - Apply using CSS (CSS kullanarak uygula)
Vivid colors seçeneği, temanın çeşitli parlak renkleri veya beyaz arka plan ile daha koyu renkleri kullanacağını belirler. - Bir temada Vivid colors kullanılırsa, açık yeşil veya sarı gibi parlak bir arka plan rengi alır ve tüm diğer renkler de bu arka plana uygun olur. - Bir temada Vivid colors seçeneği kullanılmadığında, arka plan beyaz olur ve tüm diğer renkler daha koyu olur ve okunmayı kolaylaştırır.
Bu renk seçimi, temanın arka plan resmini kullandığınızda o kadar anlamlı olmaz. Bu, sayfanın içeriğinin altında bir grafiğin döşenmesine neden olur (mutfak zeminindeki karolar gibi yan yana tekrarlanır). Bir arka plan resmi kullanıldığında, canlı ve koyu renkler arasındaki fark daha az belirgin olur.
Active graphicsi seçmeniz, temaya bazı animasyon efektleri ekler. Hareketli temaların ortak özelliklerinden biri, düğmeleri fare hareketine bağlı olarak şekil değiştiren bir gezinti çubuğudur. FrontPage'de bunlara hover düğmeleri adı verilir; fare üzerlerine geldiğinde bu düğmeler şekil değiştirir.
FrontPage, bu efekti desteklediği script dillerinden birini kullanarak gerçekleştirir: JavaScript veya VBScript. Tüm scriptler FrontPage tarafından idare edilir, bu sayede Weblerinizde kullanmak için bu dilleri öğrenmeniz gerekmez.
Scriptler tarafından sağlanan tüm özelliklerde olduğu gibi, hover düğmeleri de tüm tarayıcılar tarafından desteklenmez. Microsoft Internet Explorerın ve Netscape Navigatorın 3.0 sürümleri ve sonrası sürümler bu düğmeleri destekler. Bunları desteklemeyen tarayıcılarda, grafiklerin hareketli olmayan bir versiyonu görülür.
Bir temada kullanabileceğiniz son seçenek, CSS (Cascading Style Sheets) kullanarak uygulamaktır. CSS, Navigator ve Internet Explorera geçenlerde eklenen bir Web tarayıcısı standardıdır. Bunlar, bir sayfanın temel görsel öğelerinin (metin, renk, yazı tipi ve format), sayfanın içerdiği bilgiden bağımsız olarak tanımlanmasını sağlar.
Bir tema bir Web sayfasının görsel durumunun bir temsili olduğundan, onu Cascading Style Sheets kullanarak tanımlamak faydalıdır. Ancak, Cascading Style Sheets hakkında dikkat edilmesi gereken en önemli şey yakın zamanda eklendiğidir. Aralık 1996dan beri Cascading Style Sheets için bir standardın olmasına karşın, Microsoft ve Netscape CSS için farklı ve bazen birbiriyle uyumsuz olan uygulamalara sahip.
Cascading Style Sheets kullanarak bir FrontPage temasını uygularsanız, Internet Explorerın geçerli sürümü tarafından tümüyle desteklenmesi gerekir. Bu, CSS desteği sağlayan ilk FrontPage sürümü ve Microsoftun Web tarayıcılarının çoğuyla uyumlu. Diğer kullanıcıların sitenizi başarıyla göreceğinden emin olmak için Webinizi diğer tarayıcıları kullanarak da test etmelisiniz.
Bir Şablonun Özelleştirilmesi Bir şablondan yeni bir Web yarattıktan sonra, bu Webi özelleştirmek için değişiklik yapmaya başlayabilirsiniz.
Kendiniz veya son derece samimi olduğunuz biri için bir ana sayfa yaratıyorsanız, Personal Web şablonu iyi bir başlangıç noktası olacaktır.Bu beş sayfalık şablonda şu öğeler yer alır: - Giriş için bir boşluk içeren bir ana sayfa - Fotoğrafları göstermek için bir sayfa - Çeşitli hobileri ve ilgi alanlarını anlatmak için bir sayfa - Favori Web siteleri için bir liste.
Bu sayfaların her birini Page görünümüne yükleyerek, pek çok çeşitli şeyi düzenleyebilirsiniz: Yazılar, hiperlinkler, gezinti çubukları, zaman damgaları (timestamp) ve sayfa bannerları
İmlecinizi metin içinde herhangi bir yere koyarak ve klavyenizi kullanarak metni düzenleyin. Ayrıca çoğu metin editörlerinde bulunan özellikleri kullanabilirsiniz: Metin seçme, kesme ve yapıştırma, Formatting araç çubuğu.
Bir sayfadaki bazı şeyler metin gibi görünürken, aslında hiperlinkler ve zaman damgaları gibi farklı şeyler olabilir.
İmlecinizi sayfanın farklı kısımlarına götürdüğünüzde, imleç neyin üzerinde olduğuna bağlı olarak şekil değiştirir. FrontPage, sayfanın o kısmını nasıl değiştirebileceğinizi açıklayan bir ToolTip de (Araç ipucu: Bilgi veren kısa bir metin içeren bir kutu) gösterebilir.
Gezinti çubukları, zaman damgaları ve sayfa bannerlarının tümü bileşenlerdir, yani bir FrontPage Webine işlevsellik katan özel sayfa öğeleridir.
Bu Webin ana sayfası index.htm, This page last updated on (bu sayfa en son şu tarihte güncellendi) ifadesinden hemen sonra ve cümlenin sonundaki noktadan hemen önce bir zaman damgası (timestamp) içerir. Bu zaman damgası, sayfanın son düzenlendiği tarihi gösterir ve sayfa üzerinde her değişiklik yapıldığında otomatik olarak güncellenir.
Zaman damgası bileşeni, ziyaretçilerin sayfa üzerindeki bilginin ne kadar güncel olduğunu öğrenmesini sağlar. Her sayfa güncellemesi sırasında tarihi ve metni tekrar girmek veya her sayfa güncellemesinde elle tarihi güncellemek zorunda değilsiniz. İmleci bir zaman damgası üzerine getirmeniz, imlecin bir el-ve-sayfa simgesi haline gelmesine neden olur. Zaman damgasına çift tıklayın, bir iletişim kutusu açılarak nasıl gösterileceğini değiştirmenizi sağlar.
Zaman damgası bileşeni, bir tarihi, bir zamanı veya her ikisini birden göstermek üzere düzenlenebilir. Ayrıca, gösterilen tarih ve zamanın formatını da değiştirebilirsiniz. Değişikliği yaptıktan sonra, F5 fonksiyon tuşuna basın; bu tuş Refresh (tazele) düğmesi olarak bilinir.
Refresh düğmesi, bir Web tarayıcısındaki aynı isimdeki düğme gibi çalışır ve bir Web sayfasının tümüyle yeniden çizilmesine neden olur. FrontPagede bir sayfadaki bileşenler değiştirildikten sonra, Refresh düğmesine basılması gerekir.
Değiştirebileceğiniz bir diğer bileşen, sayfanın bannerıdır; bu sayfanın üst kısmında bulunan bir başlıktır.
Personal Web şablonundaki her sayfa, üst tarafinda bir bannera sahiptir. Varsayılan halde, banner grafikseldir: Metin, basit bir grafik dosyasının üzerinde görünür. Bir banner değiştirmek için, üstüne çift tıklayarak aşağıda görülen Page Banner Properties iletişim kutusunu açın.
Bir bannerın yazısını değiştirebilir ve yazı ya da resim olarak görünmesine karar verebilirsiniz.
Bir sayfanın bannerındaki değişiklikler, bu sayfanın Navigation görünümündeki simgesinden yapılır; bu sayfaya bağlanan gezinti çubuklarının yazısı değişir. Bir sayfa bannerı, o sayfa için bir başlık vazifesi görür.
Personal Web, ayrıca çok sayıda farklı hiperlink içerir Bunların bazıları, Navigation görünümünü kullanarak hangi bağların gösterileceğine karar veren bir FrontPage bileşeni olan gezinti çubuğunun bir parçasıdır.
Diğer hiperlinkler doğrudan düzenlenebilir. Personal Web şablonunun favorite.htm sayfası, bu hiperlinklerden üçünü içerir. Bunlardan biri Yahoo!ya, bir diğeri Microsoft Networke ve bir üçüncüsü de My Favorite Site (favori sitem) isimli bir sayfaya işaret eder.
Hiperlinkler bir Web sayfasındaki herhangi bir öğe ile ilişkilendirilebilir; bunlar yazı, grafik veya bunların ikisinin kombinasyonu olabilir. Web adresine, URL adı da verilir;bu Uniform Resource Locator kelimelerinin kısaltmasıdır.
URL, World Wide Web üzerindeki sayfalar, grafikler ve diğer dosyalar gibi herhangi bir şeye bağlantı sağlayabilir. Ayrıca, geçerli Web içindeki bir şeye de bağlantı kurabilir.
Bir hiperlink olarak kullanılan metin, sayfadaki diğer tüm metinler gibi klavyeden değiştirilebilir.
Bir hiperlinkin URLinin değiştirilmesi bir bileşenin düzenlenmesinden farklıdır. Hiperlinke sağ tıklayın ve açılan menüden Hyperlink Propertiesi seçin. Edit Hyperlink iletişim kutusu açılır.
Edit Hyperlink iletişim kutusu, Windowsda bir dosyayı açarken görülen iletişim kutusuna benzer. Başka bir sayfaya veya geçerli Webdeki bir sayfaya bağlantı kuracaksanız, bu iletişim kutusunu kullanarak seçim yapabilirsiniz. Bağlantıhttp://www.yyyy.com/24 gibi World Wide Web üzerindeki bir adres olacaksa, bu adresi iletişim kutusunun URL alanına girin.
URLi değiştirdikten sonra, Standard araç çubuğundan Preview in Browser düğmesine tıklayarak bir Web tarayıcısında önizlemesini görebilirsiniz. URL, World Wide Webdeki bir adrese bağlanıyorsa, bunu denemeden önce Internete bağlanmanız ALINTI OLDUĞU SİTE:http://www.merhabadunya.net/index.php?showtopic=425&hl=script
Bir Web Şablonunun Seçimi FrontPagede bir sayfa yaratmak için, önce o sayfayı içerecek bir Webi yaratmanız gerekir. Tüm Webler bir şablondan itibaren başladığından, bir projeyi başlatmak için bir şablon seçmelisiniz.
Bir Webe başlamak için şu şablonlar kullanılabilir: Empty Web: Sayfa içermeyen bir Web. One Page Web: Bir tek boş sayfa içeren bir Web. Personal Web: Kişisel bilgiler için bir Web. Customer Support Web: Bir firmanın bir veya daha fazla ürünü için müşteri desteği sunmasını sağlayan 19 sayfalık bir Web. Project Web: Katılımlı projeler için 23 sayfalık bir Web. Üye bilgileri, projenin durumu, plan, grup tartışmaları ve arşiv için sayfalar içerir.
Bir şablon seçerken, ayrıca Webin kaydedileceği konumu da seçmelisiniz. Webler bir diske veya bir World Wide Web sunucusuna kaydedilebilir.
Bir Webi diske kaydederseniz, genel erişime açılması için ayrıca bir World Wide Web sunucusuna kaydetmeniz gerekir. Buna Webin yayınlanması (publish) da denir, çünkü bu işlem kitap gibi şeylerin yayınlanmasına benzer. Dış dünyanın erişebilmesi için, bir Webin bir Web sunucusu üzerinden erişilebilir hale getirilmesi gerekir.
Bir Webi bir Web sunucusuna kaydedebilmek için, önce o sunucu için bir kullanıcı adına ve şifreye sahip olmalısınız.
Bir Webi diske kaydetmek için, Webin depolanacağı bir klasör belirtin. Bu klasörü sadece Webinizle ilgili dosyaların depolanmasında kullanmalısınız. Zaten yoksa, FrontPage istediğiniz klasörü yaratır.
Yeni Web için bir şablon ve konum seçildikten sonra, FrontPage Webdeki tüm sayfaları ve bunların ihtiyaç duyduğu alt klasörleri yaratır. Mevcut şablonların her biri, özel ve resim alt klasörlerine sahiptir. Images isimli alt klasör, Webin bir parçası olan grafik dosyalarını içerir. Private (özel) isimli alt klasör ise, ilk başta herhangi bir dosya içermez ve Webinizin ziyaretçilerinden gizlenmesi gereken dosyalar için bir yer olarak kullanılabilir. Ziyaretçinin ismi ve e-posta adresi gibi bilgileri toparlayan bir Web yaratırsanız, bu bilgileri meraklı gözlerden uzakta tutmak için bu klasörde tutabilirsiniz.
İsmine karşın __private klasörü aslında Webiniz yaratıldığında diğer her şey kadar erişime açıktır. FrontPagein güvenlik özelliklerini kullanarak bu klasörün içeriğini gizlemelisiniz, bu da sadece FrontPage Server Extensions kurulu olan Web hostlarında mümkün olur. Şablonunuzda sayfalar varsa, Webin ana sayfasının (home page) ismi index.htm olur.
Şablonlar (Templates) Şablonlar (template), FrontPagein talep edildiğinde yaratabildiği standart Webler veya Web sayfalarıdır.
Mevcut şablonlar arasında, kişisel Web, kurumsal Web, müşteri geribildirimi Web sayfaları ve site arama sayfaları gibi hazır Web sayfaları var.
Bir şablonla yeni bir Web yaratmak için, File / New / Web menü komutlarını kullanın. Yeni bir sayfa yaratmak için File / New / Pagei kullanın. Her iki durumda da kullanabileceğiniz şablonların ve sihirbazların listesini gösteren bir iletişim kutusu açılır.
Web Hakkındaki Raporların Görülmesi Reports görünümü, Webiniz hakkında daha fazla bilgi veren bir raporlar listesini açar. Bu görünümdeki her rapor, ne amaçla kullanıldığını açıklayan bir tanıma sahiptir. Raporların sekizi, Web'de yer alan dosyaları belirli bir kritere göre listeler.
Bağlı olmayan dosyaları gösteren rapor, bir ya da daha fazla Web sayfası Webinizin geri kalanına bağlı olmadığında faydalı olacaktır. Bu sayfalara Webinizin ana sayfasına ulaşarak sitenizdeki her sayfayı ziyaret etmekte hiperlinkleri kullanan bir kişi tarafından ulaşılamaz. Bu sayfaları Webin bir parçası haline getirmemek için bir neden olmadığı sürece, bu raporu alandan tasarruf için dosyaları silerken ya da bu sayfalara ilave bağlar eklerken kullanabilirsiniz.
Bir diğer faydalı rapor, bir Webde 28.800 baudluk bir Internet bağlantısı kullanarak çekilmesi 30 saniyeden daha fazla süren sayfaların listesini gösterir.
Bir Web tasarımcısı olarak aklınızda tutmanız gereken şeylerden biri, ziyaretçilerinizin lnternete bağlanma şeklidir. İnsanların çoğu bir Internet servis sağlayıcısına bağlanmak için 28.8lik bir modem kullanır, Web tarayıcısını çalıştırır ve sayfaları izlemeye başlar; ancak bu durum ISDN ve kablolu modemlerin daha da yaygınlaşmasıyla değişebilir. 30-saniye raporu, bir Web sayfasının tüm kısımlarını dikkate alır: Yazı, resimler, Java appletleri gibi etkileşimli programlar ve sayfa bir tarayıcıda görülürken çekilen her şey.
Webde sörf yaparken, bir sayfanın yüklenmesi için 30 saniye beklemek uzun bir süre midir? Yarım dakikalık bekleme süresi, bir sayfanın çok fazla yazı, grafik ve diğer öğeleri içermesi hakkında kaygılanmaya başlamanız için iyi bir ölçüttür.
28.8 Kbpslik bağlantı ve 30 saniyenin her ikisi de özelleştirilebilir. Tools / Options menü öğesini seçip Options iletişim kutusunun Reports View sekmesini açarak farklı hızlar ve farklı bir süre için ayarlama yapabilirsiniz.
Options iletişim kutusunun Reports View sekmesi, bir Webe yeni eklenmiş veya eski bir dosyanın değiştirilmesi için gün sayısının ayarlanmasında da kullanılabilir.
Reports görünümünde gördüğünüz beş rapor, bir Webde kullanılan hiperlinklerle ilgilidir. Bu raporlar, kullanıldıklarında bir file not found (dosya bulunamadı) hatasına neden olan bağları bulmanızı sağlar. Webinizde bulunan hatalı bağları raporlayabilir ve bunları World Wide Webdeki diğer adreslere bağlayabilirsiniz.
Tümüyle güncel bir hiperlink raporu görmek için, raporu seçmeden önce Tools / Recalculate Linkse tıklamalısınız. FrontPage, o anda Internete bağlıysanız, diğer Web adreslerine bağlı dış bağlar da dahil olmak üzere tüm bağları kontrol eder. Bu, Webinizde kaç tane Web adresinin bulunduğuna bağlı olarak beş dakika ya da daha uzun sürebilir. Hatalı bir bağ bulduğunuzda, raporda o bağı gösteren satıra tıklayarak doğrudan Reports görünümünde güncelleyebilirsiniz. Webinizde çok sayıda hiperlink varsa bu sayede büyük miktarda zaman kazanabilirsiniz, çünkü her sayfanın düzenleme penceresine yüklenerek hatalı bağın bulunmasından daha hızlıdır.
ALINTI OLDUĞU SİTE:http://www.merhabadunya.net/index.php?showtopic=425&hl=script
quote:
Orjinalden alıntı: malatyaspor44
quote:
Orjinalden alıntı: Husay
Konu yanlis yerde
Arkadasim copy/paste azmini anliyorum ama konunun burada isi ne daha yarali olmasi icin web tasarim / hazir kodlara tasinmasini rica ediyorum
quote:
Orjinalden alıntı: Husay
quote:
Orjinalden alıntı: malatyaspor44
quote:
Orjinalden alıntı: Husay
Konu yanlis yerde
Arkadasim copy/paste azmini anliyorum ama konunun burada isi ne daha yarali olmasi icin web tasarim / hazir kodlara tasinmasini rica ediyorum
quote:
Orjinalden alıntı: Husay
quote:
Orjinalden alıntı: malatyaspor44
quote:
Orjinalden alıntı: Husay
Konu yanlis yerde
Arkadasim copy/paste azmini anliyorum ama konunun burada isi ne daha yarali olmasi icin web tasarim / hazir kodlara tasinmasini rica ediyorum
+1
Hocam yanlış anlamada artık bu bilgilere çok kolay bir şekilde ulaşılabiliyor, her yerde aynı şekilde derlenmiş bi sürü bilgi var, zaten donanımhaberin önemli bir özelliği var, kimse öğrenmek istemiyor, onun yerine bana yaparmısınız diyor, bu nedenle bu kadar uzun yazıyı okuyacaklarına inanmıyorum ama daha mantıklı olan buraya başlıklarını yazsaydın, bu bilgileride bir word belgesi haline getirseydin daha şık olurdu, şahsen ihtiyacım yok ama olsaydı bu kadar yazıyı forumdan okumazdım. Kolay Gelsin.
eywallah, bana lazım değil zaten bol miktar da var ama lazım olan varsa en azından bilgisayarına atar, gerektiğinde bu sayfayı aramadanda istediğine ulaşır.
Zaten konu modlar tarafından doğru yere alınmış. Saol ihtiyacı olan arkadaşlar faydalanabilir
sağol ama bikaç sorum olcak web sitesi yapayı bilen bi arkadaş msn ni verirse bikaç sorum olcak sadece
ya valla hiç bu kodlardan anlamıyorum. ama şu ana kadar 2'si forum olmak üzere 3 site yaptım. bi kuruş da para harcamadım. 2 tanesi şimdi aktif durumda. biri forum sitesi diğeri de kişisel bi site(mynetten :))