Wen.ru Site yapımı-Bedava Siteniz olsun

Wen.ru Site yapımı-Bedava Siteniz olsun

SunShinE ile hızlı ve bedava site yapımı derslerine hoş geldiniz
hergun bir takım bilgileri, elimden geldigi kadar ve olabidigince basit , anlaşılır bir şekilde
sizlerle paylaşacagım. bu konu ile ilgili sorularını bu topicte bildirebilirsiniz..

Ders.1
------
YaSeNYA'nında belirttigi gibi http://wen.ru adresine gidip sitemizi kayıt edeceğiz.
( yanlız şunu belirtelim ingilizcenizin çok olmasa da biraz olması şart.çünkü herşey ingilizce )

*açılan sayfada registration dan sitemizi kayıt edecez.

*resim 1de de goruldugu gibi gerekli yerleri dolduruyoruz ve register diyoruz.




*sitemizi kayıt ettikten sonra sisteme giriş yapıyoruz. öncelikle sistemimizi bir tanıyalım ve nereden neler yapılabilecegini söyleyelim.



*wexplorer:
sayfamızın tasarımı ile ilgili herşeyi yapacagımız menü.

*Settings:
site ile ilgili ayarlar,sifre degisimi,e posta degişimi gibi ayarları yapabileceğimiz menü.

*Statistics:
sitemizi istatistiklerini görebilecegimiz menu.

*Services:
ziyaretci deftreri,admine mail gonderme, banner ekleme,anket gibi servisleri yapacagımız menu...


Wexplorer menüsü

----------------
oncelikle yapmak istedigimiz sayfa turunu belirleyelim. yani wml mi html mi?
sitemiizi wap istiyorsak,yani sadece cep telefonundan girilebilsin, sayfayı gezerken
görsellikten cok sayfanın hızlı ve boyutunun ufak olmasını ve siteyi dolaşırken
az kontor gitmesini istiyorsanız `index.wml` bizim ana sayfamız olacaktır.

fakat gorsellige onem veriyorsanız, site renkli cıvıl cıvıl olsun ve aynı zamanda webdende ziyaret edilebilsin diyorsanız o zaman uzerinde çalışacagımız sayfa `index.html` olacaktır.

ya kardeşim ne diyorsun sen? index.wml nedir,index.html nedir,bunları nereden
nasıl yapacagız tam anlayamadım??? gibi sorularınız varsa, yarını beklemeniz
gerekecek yarınki dersimizde bunlardan bahsedeceğiz.

Ders.II
-------
şekil 1 de goruldugu gibi ornek olarak siteismi.wen.ru yu
aldık. simdi sayfamızı dizayn etmeye başlayalım.
index.wml: siteismi.wen.ru
ya girdigimiz zaman acilacak wap ana sayfamızdır.
index.html: siteismi.wen.ru
ya girdigimiz zaman acilacak web&wap ana sayfamızdır.
*sitemizi
oluşturduğumuz zaman index.wml zaten oluşmuş olacaktır.
*index.html sayfa
oluşturmak şekil 3 te görünen `add` linkine tıklıyoruz. karşımıza bu şekilde bir
sayfa çıkacak:


*buradan Create page
wml,xhtml,html ye tıklıyoruz.

*karşımıza çıkan ekranda boşluğa index yazıp yanındaki sekmeden .html seçenegini
seçiyoruz.


*create `e tıkladıktan
sonra istedigimiz gibi html sayfamız oluşmuş olacaktır.

-----

*şimdi html sayfamızı nasıl düzenleyecez ayarları nerden yapacaz onlardan
bahsedelim.

şekilde görüldügü üzere
html page editor de sitemizin kodlarını yazabilecegimiz bir sayfa
cıktı.
*buraya kadar herşey gayet basit ve net sanırım.
bundan sonra
sitemizin genel ayarlarını nasıl ve nereden yapacagimizi göstereceğim sizlere.

Ders.III
--------
*.html sayfamızı oluşturduk şmdi sayfanın genel
ayarlarını yapalım

*şekil 6 da görülen `title` e tıklayıp `edit`
diyoruz

*bu şekilde bir sayfa cıkacak karşımıza



*title yazan yere
sitemizin ismini yazıyoruz.

*background color : arka plan rengi,linklerin ve yazıların rengini
buradan ayarlıyorız.renkleri yazarken renk kodları ( #cccccc gibi ) yada
ingilizce renk isimleri yazıyoruz.

*eger sayfamızın arka planında olmasını
istedigimiz bir resim varsa "url background image" boşluguna resimin url sini
yazıyoruz.

*sitemizin renk ayarlarını buradan hallettik.

---

*şimdide sayfamıza yazı-resim-link eklemek gibi özeellikleri
gosterelim.

*şekil 6 daki html page editorde gorunen `align: center` a
tıklayarak paste after diyoruz ve ne eklemek istedigimizi seciyoruz


*yazı eklemem için
`text`

*adres eklemek icin icin `link`

*resim eklemek icin
`image`

*yazıların yada resimleri sayfanın sagında-solunda yada ortasında
gorunmesini ayarlamak için `align`

*satır atlamak icin `break`

gibi
secenekleri buradan yapıyoruz.

*örnegin ilk başta `Sitemize Hoşgeldiniz` yazalım

*şekil 8 deki text yazısını
tıklıyoruz



*`text` yazan yere
yazacagıımız yazıyı yazıyoruz.

*`font` seçeneginde yazının italik,kalın,altı
çizgili,kayan yazı,yanıp sönen yazı gibi karakterlerini seciyoruz.

*`size`
yazının buyuklugunu ayarlıyoruz.

*yazımızı yazdıktan sonra paste diyerek
eklemiş oluyoruz.

*NOT: translit her zaman `no` olacak aksi takdirde
yazılar rusça cıkar

----



page editorde
gordugumuz gibi yazımız ekranda gorunuyor , birde ornek olarak bu yazıdan
sonra site adresi ekleyelim.
şekil 8 deki link e tıklıyoruz ve açılan sayfada
gerekli boşlukları şekil 11 deki gibi dolduruyoruz.


paste dedigimiz zaman
sayfada gorunmesini istedigimiz sitemizin adresi sayfada çıkacaktır.



*sayfamızda
görüldügü üzere yazımız ve adresimiz çıktı

sayfamıza yazı,adres ekleme gibi basit işlemleri artık ogrendik,aynı şekilde
resimleride ekleyebiliriz.

yarınki dersimizde ise bir html kodu sayfaya
nasıl eklenir, sitemize yeni sayfalar nasıl eklenir ve hostumuza yeni bir klasor
neden ve nasıl oluşturulur gibi konulara deyinecegiz

Ders.IV
--------

*sitemize html kodu eklemek

*şekil8 deki sayfanın en
altında html code secenegini goreceksiniz buraya tıklayarak elimizdeki herhangi
bir html kodu sitemize kolaylıkla ekleyebiliriz.

-----

*Yeni bir sayfa olusturmak:

diyelim sayfamıza guzel yazılar diye yeni bir
sayfa ekleyecegiz.
yapmamız gerekenler;

*yeni bir index.html sayfasını
olusturmasını ilk basta ogrendik,

ayni işlemi tekrarlayacaz.bu sefer sayfa
ismine ornek olarak `yazilar.html` şeklinde
yazacagiz.



görüldügü gibi
"yazilar.html" sayfamız oluştu.

------

*ana sayfamızda bu linki ekleyelim

*olusturdugumuz sayfanın adresi
http://siteismi.wen.ru/yazilar.html oldu.

*bu linki sayfamıza
ekliyoruz

*onceki yazıılarımda bahsettigim gibi link ekliyoruz



sayfamıza linkimizi
ekledik.

-------

*son konumuz ise sitemize yeni bir klasor olusturmak

*yeni bir klasoru neden
olustururuz?
diyelim sitemize resim,muzik,video gibi dosyalar
ekleyecegiz

*hostumuza resimler isminde bir klasor olusturup resimlerimi bu
klasore upload edersek işimiz dahada kolaylaşacaktır.

**yeni bir klasor
olusturmak zorunda degilsiniz sadece işinizi kolaylaştırmak icin bu işlemi
yapıyoruz.

*şekil 13 te gorulen wexplorer menusunde add dedikten sonra
karşımıza cıkan sayfada `create folder` diiyoruz,

*klasorumuzun ismini
yazıyoruz ve create diyoruz



create dedikten sonra wexplorer menusunde oluşturdugumuz klasörü
gorebiliriz.

sitemize dosya (resim,video,mp3...vs) nasıl yuklenir
konusuna yarın bahsedecegiz.

Ders.V
---------
*hostumuza resim,muzik,video gibi dosyaların yuklenmesi
(NOT: dosya boyutu max. 1 Mb sınırı vardır)

* http://wen.ru/upload/?en buradan
upload yapabilir.



Secret Code: şekil 4 te gorunen secret kode linkinden sitemize ait kodu
ogrenebiliriz,

Save in Folder: hostumuza olusturdugumuz `resimler`
klasoru yazarsak yukledigimiz dosya resimler klasorunde gorunecektir. veya
olusturacagımız herhangi bir klasor ismini yazabiliriz. boş bırakırsanız
yuklediginiz dosyayı wexplorer menusunde gorursunuz.

Daha sonra file
1,2,3,4,5 ten pc nizde yada cep telefonunuzda kayıtlı olan dosyaları secerek
upload butonuna basıyoruz.
Aynı anda 5 adet dosya yukleyebiliriz fakat daha
oncede belirttigim gibi dosya boyutu 1 Mb den ufak olmalıdır.

Sitemize ekleyebilecegimiz diger özellikler:

*Admine Mail Gonder
menüsü
*Ziyaretci defteri menüsü
*Anket menüsü
*Banner
menüsü

yarınki dersimizde de bunlardan bahsedeceğiz...

Ders.VI
--------



site menüsünden (şekil
2) "services" bölümüne giriyoruz.


*Admine mail menusu eklemek:

Feedback linkine tıkladıgımızda karşımıza çıkan
ekranda bir URL adresi goreceksiniz.



bu url yi kopyalıyoruz
ve ana sayfada link eklerkenki yazdıgımız url kısmına yapıstırıyoruz.



*duzenleme
yaptıgımız index.html sayfasına geldik ve bu linki şeklide goruldugu gibi normal
bir adres ekler gibi ekledik.

*sayfamızda admine mail gonder linkimiz cikacak
ve ziyaretciler o linke tıklayarak sizin belirttiginiz mail adresine kolaylıkla
mail gonderebileceklerdir

services menusunde Guestbook a tıklarsak bu seferde sitemizin ziyaretci defteri
linkini goreceğiz.. aynı şekilde oradaki linki ziyaretci defteri olarak ana
sayfamıza ekleyebiliriz.

*Servisler bolumunden sitemize ekleybilecegimiz diger bir ozellik ise anket -
vote - eklemektir.

*peki nasıl eklecegiz?

*aynı şekilde servisler
bolumunden votes e tıklıyoruz.

*how to add linkine tıkladıgımız zaman
karşımıza 3 adet url cıkacaktır. bunlardan bir tanesini seciyoruz. aralarındaki
fark grafik farkıdır. birisi sadece yazı şeklinde cıkar digeri grafik şeklinde
cıkar falan, orası size kalmış...

*o url lerden birini ana
sayfamıza anket baslıgı adı altında ekledikten sonra nasıl anket
oluşturacagimizi anlataccagim.

*Votes menusunde how to add linkinin altındaki add votes linkine
tıklıyoruz.

*questions boşluguna anket sorumuzu

*answers boşluklarına ise
anket seceneklerini yazıyoruz ve add butonuna tıklıyoruz.

anketimiz oluştu
ana safyadaki anket linkine tıklayarak anketimizi,show result a tıklayarak ta
anket sonuclarını gorebiliriz.



sitemize birde guzel bir logo bulduk mu bu işş tamamdır. bundan sonrası sizin
becerinize ve hayal gücünüze kalıyor

S: Peki wen.ru nun kendi hit sayacini nasil eklicez?

C: HTML page editorde en uste title yazıyor. oraya tiklayınca statics göreceksin,
onu on yaparsan sayfanın altında sayacı gorursun, her sayfa icin bu sayacı aktif
hale getirmelisin.