illegalbilisim - webmaster

webmaster

WEB MASTERLİK
70 li yıllarda marangozluk ve terzilik deyim yerindeyse en baba mesleklerden birisiydi. herkes terzi ve marangoz olmanın peşindeydi. ve beklenen oldu terzi ve marangozlar o kadar çoğalmıştıki yoldaki iki bilemediniz üç kişiden birisi kesinlikle marangoz veya terziydi. hatırı sayılır para kazandılar. terzi ve marangoz olamayanlar ise onlar kadar rahat değillerdi. sizde 40 yıl sonra moda olan web tasarım uzmanı olamaya ne dersiniz. kesinlikle bu fırsatı kaçırmayın

terzinin kumaşı marangozun tahtası kadar önemli olan html nedirle başlayalım.

xhtml ve html arasındaki fark

: xhtml etiketleri gereği gibi dizilmelidir.tüm xhtml etiketleri mutlaka kapatılmalıdır.yazılan etiketler mutlaka küçük harfle yazılmalıdır.önce html öğrenmek gerekir.tüm web sayfalarının arkalarında html kodları vardır. not defterinde biçim menüsüne gelin ve sözcük kaydırı seçin o zaman yazılar sağa sola kaymaz. not defterinde tam ekran çalışın kaydederken index.html olarak kaydetmeniz gerekiyor. kodlar yazı modellerini ve resimlerin yerlerini ayarlar. yazı boyları h1 den h6 yakadardır. h1 en büyük yazı boyutu olurken h6 en kücük yazı boyutudur.

örneğin; source kelimesi kaynak anlamındadır. ingilizce sözlüğü kısayol olarak ayarlayıp ihtiyacınız olduğunda bakabilirsiniz. çünki asıl proğramınız dreamweaver olacak ve şu ana kadar türkcesi piyasaya çıkmadı.

internetten resim eklerken; resim, eklerken resim png gif jpg olabilir bu uzantıları hiç değiştirmeyin, resime sağ tıklayın en altta özellikler göreceksiniz orayada sol tıklayın ve resmin konumunu kopyalayıp yapıştırın.

gif ve jpg kafanızı karıştırabilir. kısaca şöyle aklınızda kalsın gif az renk olan resimleri harika gösterirken jpg bunu başaramaz.

örneğin word art yazısı bir resim sayılır işte bunu gif yapmalısınız. bu bilgileri internette bulmanız zordur. hatırı sayılır para alan öğretmenler bu bilgileri verirler.

web sitesi yaparken resmin konumunu kopyalamalısınız. hangi yazıye veya resme link verecekseniz seçin şimdi link bölümüne kopyaladığınız resmin konumunu yapıştırın. entere basın; 'link verirken url eklemeyi sakın unutmayın' yani http:// yazmadan denediğinizde resim gözükebilir ama sitede veye bazı bilgisayarlarda resminiz gözükmez. link verirken isterseniz kopyalayıp yapıştırın isterseniz siz kendiniz http:// yzmayı ununmadan adresi yazın

web sitenize madde işareti eklemek veya girinti çıkıntı vermek aynı word programındaki gibidir. çünki şekiller aynıdır.

headings; başlıklar demektir boylarını renklerini ayarlamak yine sizin elinizdedir.

diyelimki bir yazı yazarken geri alacaksınız edit menüsünden 'undo typing' veya ctrl+z ile geri alabilirsiniz.

web sitesi yapmak için kendinize klasörler ayarlamanız gerekecek. örneğin müşterinizin sitesine koymak için resimlerim klasörü web projelerim klasörü müşterinizin sitesinin ismi olan bir klasör açmalısınız.

bu klasörler olmalıdır. sitenize resim koyarken kaç kilobayt olduğunuda öğrenmenizde fayda vardır. yine site yaparken arka plana fazla resim koyarsanız site geç açılır.

bir teknikte şu; sitenizin hertür bilgisayar tarafından görülebilmesi için yazı tipi eklemeniz gerektiğinde iki yazı tipi ekleyebilirsiniz yani bilgisayarda birinci yazı tipi yüklü değilse diğer yazı devreye girecektir. buna benzer bir çok metodu kendiliğinden öğreneceksiniz.

örneğin imlecinizin olduğu yere date yani tarihe gelip tıklayınca o günün tarihinin hatta saatinin eklendiğini kendiniz keşfedeceksiniz. zaten biz eğitimcilerin aktardığı bilgilere tabiki ihtiyacınız var ama kendi bulduğunuz hatta biraz zorlanarak araştırarak ulaştığınız bilgileri kesinlikle unutmayacaksınız. özcümle en kalıcı eğitim bireyin kendi tecrübeleriyle öğrendiği eğitimdir.

title başlık demek olduğunu bilmeniz ve unutmamanız gerekiyor. burada 'nlp' eğitimi aldığım dönemdeki bir hatırlama ve unutmama tekniğiyle beraber title nin başlık olduğunu unutmamanız için bir anekdot aktarmak istiyorum.

hani ilkokulda 'başlık' yazmak için özel bir kalemimizin olmasını ister ya öğretmen biz kırmızı kalemle başlık yazardık sonra lisede dolma kalem modası olmuştu.şimdi bizde başlık yazacağımız kalemi unuttuğumuzda öğretmenin bizi uyaracağını düşünerek titreyeceğimizi hayal edelim. titre baslık ve dreamweaver da site yaparken ingilizce kelime olan başlık 'title' sanırım biraz prova yaparsak unutmayız biz sadece title başlık olduğu için bu konunun üzerinde durmadık başlık web sitelerinin vazgeçilmezidir. nedenide google spiders yani google tarayıcıları sitelerin başlığına çok önem verdiği kesinlikle ispatlanmış gerceklerdir.

google algoritmaları en güzel olan bir arama motorudur. örneğin benim resmi web sitem http://www.hasbora.com tamamen illüzyon içeriklidir çünki ben illüzyon sanatcısıyım. web tasarımcı olarak blog sayfası açtığım ve internette web bilgileri yazdığım ve bu yazılarıma övgü dolu mesajlar geldiği için google bazı taramalarında resmi web sitem http://www.hasbora.com 'u ön sıralara almaktadır. nedenide hasbora web tasarım konularında yazılar yazdığına göre siteside web bilgisi olabilir gidin bu siteyi bir inceleyin diyebilmektedir. sıra googlenin algoritmalarının ayrıntılı operasyonuna gelince yok bu siteyi web tasarım kursu diye aradıklarında göstermiyeyim diyor.

yukarıda her ne kadar başlık önemli dediysekte asıl önemli olan ve devamlılık içeren konu içeriktir. başlık ve içerik çekici ve atraksiyon olursa kesinlikle ön sıralarda olursunuz.

bir çok programda olduğu gibi dreamweaverdede % 100 çalışmanızı öneriyorum. isteğinize göre ayarlama olanağınız vardır

desing sayfasında çalışıyor ve arar sırada kodlarınıza bakıyorsunuz; peki hem desing hemde kodları aynı sayfada görmek istemezmisiniz? o halde dreamweaverde

bu olanakta mevcut hemde kolay bir yerde 'code ve desing' düğmelerinin tam ortasında Split düğmesi var şekli ise küçük olmasına rağmen iki ayrı sayfa figürü var.

bu düğmeye tıklarsanız iki sayfayıda görebilir işlem yapabilirsiniz. bu düzende çalışırken sağ altta büyütec özelliği var hangi sayfa aktif ise büyütec o sayfayı büyütecektir. veya el resmi olan seçeneğe tıkladığıımzdada yine hangi sayfada çalışma yapıyorsak el işareti o sayfayı yukarı ve aşağı götürecektir. bu işaretlerin bir çoğunu fotoshop proğramındada karşılaşacaksınız. hemde mantaliteleri hiç değişmeden adapte olacaksınız. daha açık anlatımla word exel arasında belirgin fark nedir exel tablo poğramı olduğu için tablo konusunda word'den üstündür. menüsünde tablo yoktur çünki kendi başına bir tablolar proğramıda diyebiliriz. menüsünde fazladan sadece 'veri' menüsünün olduğunu gözlemleyebiliriz.dreamweaverda fotoshopta olan manyetic lasso veya lawer live copy nasıl gereksiz ise word programındada exelde olan veri menüsüne gerek yoktur.

dreamweaverde diyelimki sitenizde görünmesini istediğiniz bir yazı yazıyorsunuz ve yazınızdaki bir paragrafı seçmeniz gerekiyor hemen imlecinizi paragrafın

herhangi bir yerine getirin ve sol alt taraftaki [p] işaretine bir kez tıklayın paragrafınızın seçildiğini göreceksiniz. yine kafanız karışmasın bu paragrafınızı diğer yöntemlede seçmeniz mümkündür. nasıl link eklemenin 3 yolu varsa paragraf seçmenin ve diğer işlemlerinde en az 2 yolu kesinlikle mevcuttur.

diyelimki desing sayfanızda çalışmaktasınız ve istediğiniz yöntemle bir paragraf seçin ve 'code' şekline bir kez tıklayın. seçtiğiniz paragrafın kodlarınında seçili olarak karşınıza geldiğini göreceksiniz.

dreamweaveri ilk olarak çalıştırıyorsanız dil seçeneğinden türkçeyi seçmeyi unutmayın. seçmezseniz desing sayfasında yazdığınız türkce (tü rkce) karekterler bozuk görünecektir. yani bu şekilde (tü rkce)

dreamweaverda çalışırken diyelimki yazı yazıyorsunuz ve yazdığınız yazılarda bir kaç sayfa olsun ve siz bir cümlesinin kod bölümünde nasıl gözüktüğünü merak ediyorsunuz. kod bölümünü code düğmesine basarak gitmeyi biliyorsunuz ya aradığınız cümlenin kodlarını nasıl bulacaksınız? gayet kolay kodlarını görmek istediğiniz cümleyi seçin ve code düğmesine basın kod sayfasını açtığınızda seçtiğiniz cümlenin kodlarınında seçildiğini göreceksiniz. aynı işlemin terside mümkündür yani kod sayfasındayken istediğiniz kodu seçin ve desing sayfasına geçin bu seferde seçtiğiniz kodların yazıları kopyalanmış olarak karşınıza çıkacaktır. f12 tuşuna basınca internetteki gibi gözüküyor. daha sonra desing yazıp sayfanıza dönüş yapabilirsiniz.

ileride 'asp'css'php' konularındada bilgileneceksiniz.

left margin right margin bottom margin top margin nedir onlarıda sözlükten bakabilirsiniz. neden bunu söylüyorum öğrenme heyecenınızı canlı tutmanız için böylece başarınız kaçınılmaz olacak.

site yaparken 1. sayfanız ana sayfa olacak. bu sayfanız deyim yerindeyse vurucu ve atraksiyon olmalıdır.

para kazanmak istiyorsanız dreamweaver'la site yapın.

dreamweaverde paga properties ( kısa yolu ctrl+j) bölümü sizi başarıya götürecek bunu iyi öğrenmenizi öneriyorum.

sitenizin nasıl göründüğünü müşterinizin cep telefonuna gönderip kontrol etmesini sağlayın müşterinizin ara sıra siteyi cep telefonundan kontrol etmesinin ne faydası var diyorsanız. hataları büyümeden kontrol altına alırsınız. yoksa işleriniz uzar.

burda konu reklam olmamakla beraber bir telefon markası yazmamda fayda var. n93i yani nokia marka telefon bu özellikleri taşımaktadır.

dreamweaverde çalışırken cetveller dikkatinizi çekecek rulers cetveller demektir. wiev sekmesinden rullers se gelip

cetvelleri kaldırabilirsiniz. bu cetveller orjinal olduğu için inç olarak hazırlanmıştır. bu cetvelleri cm yapabilirsiniz.yine kafanızı karıştırmadan inç hakkında kısa bilgi aktarabilirim.

bir bayan profesör ölçümler yaparken parmağının kalınlığını inç olarak tarihe geçirmiş. ve kabul edilmiş.

şimdi web bilgilerini tamamen kavrayacak hale gelmek üzeresiniz şunu sakın unutmayın.

belkide siz bilgisayar mühendisliğinde okumuyor olabilirsiniz. yada eğitimiz yarı kalmışta olabilir bu hiç önemli değilki!

500 yıldır unutulmayan ve günümüzün ünlü ressamı sayılan veya büyük buluşlar yapıp bizi huzura kavuşturan deha insanların bazıları ilk günlerde okuldan kaçıp bir daha okula gitmeyenlerde var. burada örnekleri çoğaltabiliriz. bir tanede ülkemizde örnekle konumuza dönelim.

ilkokulu ancak bitirmiş ama işadamı olmuş 700-800 tane üniversite bitirmiş insanları yanında çalıştıran onlara iş olanağı

sağlayıp dua alan deyim yerindeyse deha insanlarımız var; bizim ülkemizde. bu örneği okuyunca sizlerinde aklına güzel örnekler geldiğini biliyorum. peki burada önemli olan sizlersiniz. 8-9 yaşında çocukların bile site yapabildiği haberleri internette

kol gezerken siz neden başaramayasınız ki! web uzmanlığını şöyle düşünün bir şiir kitabı yazacaksınız ve hiç okuma yazma bilmiyorsunuz ne yapardınız. önce harfleri öğrenirdiniz sonra kelime kurmayı ve okuma yazmayı öğrendikten sonra

aliterasyon nedir cinas nedir uyak nedir redif nedir bunlarıda öğrenip önce yarım uyaklı şiirlerle başlayıp sonra ise aliterasyonlu ve tam uyaklı şiirlerle devam edip şiir kitabınızı çıkarırdınız.

işte bu web tasarım işinide aynen böyle düşünün kesinlikle başaracaksınız. ilkokul çocuklarına okulu sevsin okumayı yazmayı öğrensin diye nasıl özen gösteriliyorsa aynı özeni kendiniz kendinize göstermeniz gerekiyor.

hiç merak etmeyin hazırladığınız web sitesini put deyip göndermeye fazla zamanınız kalmadı beklenen olacak yeterki

başarmalıyım ve başarmak zorundayım kelimesini ilkesini edinin

WEB MASTER OLUN ,?

web tasarım uzmanı olabilmeniz için önce dreamweaver öğreten kitaplardan bir tane elde edin. kitabınızı alırken cd de verecekler cd deki öğretmenler kurslardakinden daha iyi anlatıyorlar neden peki?

nedeni kurslardaki öğretmenin beni geçerler kaygısı olabilirken cd deki öğretmenin böyle bir kaygısı kesinlikle yok.

sakın front page ile zaman kaybetmeyin sadece not defterinde bir süre kod yazmaya zaman ayırın. bunun faydası olacaktır.

neden web tasarım uzmanı olmayayaımki başkası nasıl olduysa bende başarmalıyım ve başarmak zorundayım diyerek hemen işe başlayın.

şimdi yazacaklarımı düşünün; diyelimki bu yıl öğrenmeye karar verdiniz bir bilemediniz iki yıl sonra web master olacaksınız. oysa bir yıl önce karar verseydiniz şimDi 5-10 bin dolarlık site projeleri üzerinde çalışıyor olacaktınız.

1000 dolarlık siteler yapabilmeniz için bir yıl çalışmanız kesinlikle yeterli olacaktır.

ben size diğer kafanıza talılan yerlerdede yardımcı olurum.

Dreamweaverin en önemli bilgilerini sizler için yazıyorum. Sizler dreamweaverde kodlarla çalışma yapabilirsiniz. Ayrıca görsel çalışmalarda yapmayı öğreneceksiniz. Dreamweaverle beraber diğer proğramlarında nasıl çalıştıklarını öğreneceksiniz. Benim önerim dream weaver proğramın açıp dikkatinizi vererek panellere araçlara menülere gözlerinizi alıştırın bunun size çok faydası olacak. Dreamweaver proğramı ile sitemize fotoğraf tablo şekiller ekleyebiliriz. Size anlattığım yapı ihtiyacınız olacak diğer proğramlarlada aynı olacağı için işiniz kolaylaşacak.

Dreamweaver proğramına başladığınızda önce bir klasör açmalısınız. Bu klasörünüzün ismine web tasarım. diyebilirsiniz. Yine bu klasörün içersine Dreamweaver proğramıyla sitenizi yaparken size gerekli olan bilgi ve belgeleri saklayacağınız ve ihtiyacınız olduğunda alacağınız bir klasör daha açmanız ve onuda web tasarım klasörünüzün içersine yerleştirebilirsiniz onun isminede Dreamweaver proğramı diyebilirsiniz şimdi sıra yapacağımız web sitesinin isminde bir klasör açmak ve onunda içine sitemize yerleştireceğimiz fotoğraflar klasörünü açmak. Biz web tasarımcılar bu klasörlerimizi masa üstüne veya belgelerimize saklamayız “c” sürücüsü en uygunu diyebilirim.

Dreamweaver proğramını yeni kurduysanız panellerin yerinin sağda veya solda olması önemli değildir. Hatta bunu ayarlamak sağa ve sola almak sizin elinizdedir. Örneğin daha önce Dreamweaver proğramında bir arkadaşınızın panelinin sağtarafta sizin ise sol tarafta olması sizi şaşırtmasın. Paneller genelde Flash,firevorks ve diğer birkaç proğramda sağ tarafta bulunmaktadır.
Window menüsünden Workspace layout a gelip coderi yada desinger’i seçebilirsiniz.
panellerinizin yerlerini değiştirebilirsiniz. Yine bir ayrıntıda Dreamweaver proğramında bazı menüler gözükmeyebilir siz bunu isteğinize göre ayarlamanız lazım. Word’e çalışırken nasılsa aynı denebilir.

Yine panelleri kapatıp açabilir daraltıp genişletebilirsiniz.