--------------------------------------------------------------------------------
1 ) İsmi satın al
2- Kaç sayfa olacağına karar ver
3- Rakip Siteleri incele
4- Statik mi, Dinamik mi
5- Dinamik ise hangi program ( ASP, PHP,ISP ) kullanılır
6- Site için bir ana renk bir de yardımcı renk seç
7- Bulabildiğimiz kadar resim
8- Şirketin logosu kullanılacak
9- Photoshop’ta resimlere efekt vermek gerekir
10- Anasayfa tasarla
11- Yardımcı sayfalara link ver
12- ftp ile internete gönder
Web site kaynak kodlarını Encrypt HTML Pro ile şifreleme
Program İsmi: Encrypt HTML Pro
Program İşlevi: Web sayfalarının kaynak kodlarını şifreleyerek siteyi kullanıcı ve webmaster açısından güvenli kılmaktır.
Programın desteklediği web dilleri ve yardımcı diller: HTML – PHP – ASP – JS – CSS
Programın kullanılışı: Programı çalıştırdıktan sonra ilk adımda kullanmak istediğiniz profil bulunmakta. Programın açılış penceresindeki Configuration butonu ile program boyunca yaptığınız düzenlemeleri sabitleştirebilirsiniz. Bu adımı çoğu zaman kullanmanıza gerek kalmayacak, program otomatik olarak ilk yaptığınız konfigürasyon ile çalışacaktır. Bu adımdan sonra Next butonu ile dosya seçim sayfasına geçiyoruz. Bu kısımda (Step 1) seçenek olarak bir klasör içerisindeki tüm dosyaları yada tek bir dosyayı şifreleyebilir, şifrelediğiniz dosyayı çözebilirsiniz. Add File butonu ile yapacağınız seçimlerde, şifreleme alanına tek tek dosya seçebilirsiniz. Add Folder butonu ile yapacağınız seçimler bir klasör içerisindeki tüm dosyaları, şifreleme için hazırlar. Delete File butonu ile seçtiğiniz tek bir dosyayı, Delete All butonu ile şifreleme alanındaki tüm dosyaları iptal edebilirsiniz. Save File List butonu size şifreleme alanındaki dosya listesini kaydetmenize olanak sağlar. Load File List ise daha önce kaydetmiş olduğunuz dosya listesini çağırır. Restore from backup files seçeneği ile şifrelemiş olduğunuz dosyalarınızı eski haline çevirebilirsiniz. Bunu ikinci bölümde anlatacağım. Yapacağınız işlemler için mutlaka Create Backup files seçeneği işaretli olsun yoksa tekrar çözemeyiz. Dosyaları seçtikten sonra Next butonu ile ana şifreleme sayfasına (Step 2) geçiyoruz. Buradaki seçeneklerden;
Encrypt entire page – Her dosyanın tüm içeriğini şifreler.
Only encrypt BOdy section – Sadece dosyadaki BOdy tagları arasını şifreler.
Only encrypt partial section
Encrypt email links – Sadece E-posta linklerini şifreler.
Encrypt Script sections – Sadece Java Script taglarını şifreler.
Encrypt all links – Tüm linkleri şifreler.
Customized partial section encryption – Dosya içerisinde özel taglar arasını şifreler (Bu seçeneği kullanabilmek için dosyanız içerisinde sadece şifrelemek istediğiniz kısmın başına ve sonuna kodlarını yerleştiriniz.).
Do not encrypt html source code – Şifreleme yapmadan koruma sağlar.
Bu kısımda kullanmak istediğiniz alternatifi seçtikten sonra Next ile alt şifreleme sayfasına (Step 3) geçiyoruz. Bu sayfada şifreleme için kullanacağımız özellikler yer almakta. Bunlar:
Disable right mouse click – Mouse için sag tuşu iptal eder.
Show warning – Bu seçenek Mouse sağ tıklamalarında uyarı verir.
Disable page printing – Sayfanın yazdırılmasını engeller.
Disable links display in status bar – Linklerin durum çubuğunda gösterilmesini engeller.
Disable clipboard and printscreen – Sayfa için kopyalama ve printscreen tuşlarını iptal eder.
Disable Adobe Acrobat web capture – Acrobat ve benzeri programların web kopyalamasını engeller.
Add referrer domain check – Sayfalar için sabit bir adres kullanır, diğer adreslerden (domain yonlendirme) o sayfaya girilmesini engeller.
Add mark of the Web comment in the Hml code – Web commentlerin gizli kalmasını sağlar.
Disable text selection – Yazıların seçilmesini engeller.
Break out of frameset – Sayfada çerçeve kullanılmasını ve sayfanın çerçeve içinde kullanılmasını engeller.
Disable off-line page viewing – Offline sayfa gösterimini engeller (site kaydetme).
Disable Opera browser – Opera kullanıcılarının sayfayı ve özel alanları görmesini engeller.
Bu adımda kullanmak istediğimiz özellikleri seçerek Next ile özel şifreleme sayfasına (Step4) geçiş yapıyoruz. Bu adımda bulunan seçenekler;
Disable IE6 Image Toolbar – IE 6 resim araç çubuğunu iptal eder.
Disable IE6 Smart Tags – IE 6 özel cache taglarını iptal eder.
Make page expire immediately – Sayfayı kopyalamaya çalışanlara süre aşımı gösterir.
Disable page caching – Sayfanın cache’e atılmasını engeller.
Disable search engine robots – Arama motorlarının sayfayı indexlemesini önler.
Insert Copyright Notice – Kaynak koduna telif hakkı yazısı atar.
Insert empty lines on top of the HTML code – Kaynak kodunun başına girdiğiniz sayıda boş satır yerleştirir.
Bundan sonra şifreleme işlemimizin son basamağına geldik. Next ile sonuç sayfasına (Last) geçiyoruz. Bu adımda bulunan Protect butonu ile tüm yaptığımız işlemleri onaylıyoruz. Sayfaların şifrelendiği hakkında alert çıkınca Test butonu ile yaptıklarımızı kontrol edebiliriz.
Çözme;
Programı çalıştırdıktan sonra ayarlar ekranını Next ile geçiyoruz. Adım 1 de Restore from backup files seçeneğini işaretledikten sonra daha önce şifreleyip şimdi çözmek istediğimiz dosyaları (dosyaların kendilerini seçiyoruz backupları değil) seçiyoruz. Daha sonra Next ile çözme adımına gidiyoruz. Bu adımda Restore butonuna tıkladığımız zaman şifrelediğimiz dosyalar eski haline geri dönecektir
Birkaç adımda flash mükemmel siteler yapmanızı sağlar .
Program adı : Trendy side builder 1.0
Site URL : http://www.trendyflash.com/
DOWNLOAD : http://rapidshare.de/files/28222912/TFSB.rar
Program ve serial içindedir
sitenizin arama motorlarında üst sıralarda çıkmasını ve sitenizin içeriğinin daha iyi indexlenmesi için ana dizininize
siteniz.com/robots.txt
robots.txt dosyası oluşturun ve içine şu kodu yazın:
kod:
user-agent: *
allow: /
bu kod bütün siteyi indexler.buradaki kod:
user-agent: *
parametresi bütün arama örümcekleri sitemi indexlesin demek.
benim sitemi google indexlesin yeter derseniz
kod:
user-agent:googlebot
yapmanız gerekmektedir.bunu tavsiteye etmem hepsi gelsin indexlesin
arama motorlarında çıkmasın dediginiz dizin varsa disallow yapmanız gerekmektedir.örnegin admin klasörü yada cgi-bin klasörü gibi dizinler içinbeyaz evin kodunu inceleyebilirsiniz.
http://www.whitehouse.gov/error-404.html
aşagıdaki kodu kullanan google.com içeriginin başka arama motorları tarafından indexlenmemesi için o şu kodu kullanıyor
http://www.google.com/robots.txt
kod:
user-agent: *
disallow: /search
disallow: /groups
disallow: /images
disallow: /catalogs
disallow: /catalog_list
disallow: /news
disallow: /pagead/
disallow: /imgres
disallow: /keyword/
disallow: /u/
disallow: /univ/
disallow: /cobrand
disallow: /custom
disallow: /advanced_group_search
disallow: /advanced_search
disallow: /googlesite
disallow: /preferences
disallow: /setprefs
disallow: /swr
disallow: /url
disallow: /wml
disallow: /hws
disallow: /bsd?
disallow: /linux?
disallow: /mac?
disallow: /microsoft?
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 (tam olmasada WYSIWYG denebilir) 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.
Web Grafiklerinin Hazırlanması
Zor olan işlem, sayfaların içine içeriğin yerleştirilmesi değil, bu içeriğin hazırlanmasıdır.
Tahmin edebileceğiniz gibi, sayfalarda yer alan grafikler metinlerden daha da zor hazırlanırlar.
Çünkü sayfada yer alacak renkler ve grafik tasarımları sitenin genel çizgisini belirleyeceği için, özenle ve uyumlu bir şekilde hazırlanmalıdır.
Bu tip programlar ile hazırlanacak site grafiklerinde görselliğin yanında dikkat edilecek bir başka unsur da grafik dosyalarının boyutlarının küçük olmasıdır.
Çünkü ne kadar fazla grafik kullanılırsa, site o kadar yavaş açılacaktır ve bir site ne kadar görsel olursa olsun, eğer yavaş açılıyorsa pek de cazip olmayacaktır.
Bu tür çeşitli grafikleri tasarlamak için kullanabileceğiniz yegane program Photoshop'dur.
Ancak ücretli ve profesyonel bir program olan Photoshop'un yerine buna çok yakın olan tamamen bedava olarak dağıtılan Paint Shop Pro adlı Shareware programı da kullanabilirsiniz.
Bu ve buna benzer programlar ile rahatlıkla arka fonlar, Web tuşları, başlıklar ve Banner'lar gibi sabit Web grafiklerini oluşturabilirsiniz.
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ı (host) 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.
Site Alan Miktarı Reklam FTP Destaği
www.lycos.co.uk 50 MB Var Var
www.mynet.com 10 MB Var Yok
Freeservers.com 10 MB Yok Yok
Brinkster.com 20 MB Var Var
Ayrıca diğer ücretsiz hostları forumda arama yaparak bulaabilirsiniz... Başlangıç olarak www.lycos.co.uk dan webalanı alabilirsiniz...
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 ******
JAVA APPLET
CSS
FLASH
PHP (Personal Home Page)
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 ek¤¤¤ bir dildir. İşte bu ek¤¤¤liklerin 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 ( Server-Taraflı ) 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 ( Php ücretsiz dağıtılmaktadır. ) 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 ( Özellikle .Net ) 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 (Active Server Pages)
Sunucu taraflı bir teknoloji olan ASP, (Active Server Pages/Aktif Sunucu Sayfaları) kullanıcı tarafına etkileşimli, dinamik Web sayfaları göndermek için kullanılır. ASP, Web programcılarına HTML, ******ing 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, ******ing 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, ******lerin 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 ******
Java Script Netscape tarafından geliştirilmiş bir ****** dilidir. Düz yazı formundadır. Browserlara bağlıdır ve yorumlanır. HTML'nin içine gömülür. Etiketi <******>... ş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 ****** (komutlar dizisi) 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. (Örneğin, sayfanın açılması-kapanması, ziyaretçinin sayfada herhangi bir yeri tıklaması veya klavyede herhangi bir tuşa basması gibi...)
Java Script kodlarını web sayfası içerisinde 2 şekilde tanımlayabiliriz;
1. HTML kodları içerisinde <******>.... etiketleri arasında yazarak,
<******>
2. Düz yazı formunda ve .js uzantısı ile farklı bir dosya oluşturup, bu dosyaya HTML içerisinde link vererek.
<****** LANGUAGE="javaScript" src="inc/navbar.js">
JAVA APPLET
Java (yani Java Applet), 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 şeklindedir. Java Applet hazırlayabilmeniz için Sun firmasının ücretsiz olarak dağıttığı JDK (Java Development Kit – Java Geliştirme Ortamı) programını download etmeniz gerekmektedir.
CSS
CSS (Cascading Style Sheets), 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(Local)