Cevap: Web Sitesi Açmak İsteyenler Mutlaka İncelesin

10 yıl

Yüzbaşı

Konu Sahibi

Tüm sorularınızın cevabı javascript te gizli.

Css gitgide javascript kullanımını azaltmaya yönelik geliştiriliyor.

Ancak ortadan kaldırması zor, hatta imkansız gibi bir şey. En azından mümkünse de bunun çok zaman alacağını dusunuyorum.

Bu sebeple CSS e hakimseniz Javascript e yönelin derim. Özellikle Jquery kütüphanesini iyi bilmek gerekir.

Ayrıca DW kursu gormussunuz. Kodlama bilginiz nedir ? Bu da etkili olacaktır.

Bu mesaja 3 cevap geldi.

R

realisticmind

10 yıl

Çavuş

Şöyle diyeyim ebilgic bunun kullanımıyla ilgili olarak kullanım klavuzu gibi...

Bu mesaja 1 cevap geldi.

R

r0di

10 yıl

Yüzbaşı

merhaba ustad, sitede bir çok şeyi değiştirdim sitenin anasayfası oturdu, fakat telden girildiğinde bağzı telefonlarda resim ile yazı üst üste biniyor varmıdır bir çözümü ?
soldaki resim note2, sagdaki resim s4

< Resime gitmek için tıklayın >< Resime gitmek için tıklayın >

Bu mesaja 2 cevap geldi.

Bu mesajda bahsedilenler: @ebilgic

A

altinbilek

10 yıl

Çavuş

Ben de ismek'in açtığı web tasarım krsuna gittim projem buydu ama daha çok eksiğim var diye düşünüyorum
http://gymforlife.besaba.com/.
1)Yanlardaki boşluklar neden oluyor ?
2)İletişim sayfası için veritabanı nasıl oluşturabilirim?
3)Genel olarak eksiklerim neler yardımcı olurmusunuz

Bu mesaja 2 cevap geldi.

R

realisticmind

10 yıl

Çavuş

Wix konusunda ne düşünüyorsunuz?

Bu mesaja 1 cevap geldi.

S

snyldi

10 yıl

Onbaşı

saol cevap için de ben daha css e hakim değilim. js ye elimi sürmedim. önce css sonra js ye bakıcam. dw de ise yine çok bi bilgim yok. başlangıca yakınım denebilir. kursta çok bişey öğrenememişim.

Bu mesajda bahsedilenler: @ebilgic

S

snyldi

10 yıl

Onbaşı

bi sorum daha var bu arada. ben bi menü yapıyorum. şuna benzetmeye çalışıyorum.
http://css3menu.com/flat-turquoise-vertical.html

o soldaki ikonları nasıl menüdeki yazıyla birlikte hizalayabilirim?
liste içindeki yazı ile resmi nasıl hizalayacağım css ile.
css kısmında resimle nasıl bağlantı kuracağım
mesela yazıya css ile ul.menu a ile stil verebiliyorum ama resim için nasıl yapıcam bilmiyorum hangi etiket kullanıcağımı

 
   
  <!DOCTYPE html> 
  <html> 
  <head> 
  <title>Page Title</title> 
   
  <style>  
   
   
   
  ul.menu {  
   
  padding: 0; 
  margin: 0;  
  list-style-type: none; 
  display: block; 
   
   
  } 
   
  ul.menu a { 
  	width: 7em; 
  	height: 1em; 
  	color: #DCF5EE; 
  	background-color: #0DA97D; 
  	display: block; 
  	text-decoration: none; 
  	transition: all 500ms; 
  	font-family: helvetica; 
  	list-style-type: none; 
  	text-align: center; 
  	vertical-align: middle; 
  	border-radius: 7px; 
  	border: 0 solid; 
  	margin: 5px; 
  	font-size: 14px; 
  	 
  	padding-right: 22px; 
  	padding-bottom: 40px; 
  	padding-left: 22px; 
  	padding-top: 15px; 
  	 
  } 
   
   
   
   
  ul.menu a:hover { 
  	transition: all 500ms; 
  	background-color: #40D7AC; 
  	font-family: helvetica; 
   
   
  } 
   
   
   
   
   
   
   
  </style> 
  <meta charset="utf-8"> 
  </head> 
  <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
   
   
   
   <ul class="menu"> 
    
   <li><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=107338065&url=#" data-href="#"><img src="001.png" alt=""/>Anasayfa</a></li> 
   <li><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=107338065&url=#" data-href="#">Hakkımızda</a></li> 
   <li><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=107338065&url=#" data-href="#">Galeri</a></li> 
   <li><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=107338065&url=#" data-href="#">Sponsor</a></li> 
   <li><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=107338065&url=#" data-href="#">Bayilikler</a></li> 
   <li><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=107338065&url=#" data-href="#">İletişim</a></li> 
   
  </ul> 
   
   
   
   
   
   
   
   
   
  </body> 
  </html>

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @ebilgic

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

Elbette, Özellikle mobil görünümün düzenli olabilmesi için elementlerin hepsini float:left; ile biçimlendirin.
* {float:left;}

kullanabilirsiniz. yalnız başka bir şey koymayın. çünkü tüm tag ları etkilediği için <title> falan görünür oluyor.

eğer margin:0 auto; ile ortaladığınız elementler varsa onları float:none; yöntemiyle yine ortalanmasında problemsiz çözüm sağlamış olursunuz.

Bu mesajda bahsedilenler: @r0di

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

Başlangıç aşamasında olan birisine göre gayet iyi durumdasınız.

Yandaki boşluklar derken,ben gereksiz olarak sadece alttaki boşlukları gördüm.

iletişim sayfası için Cpanelden MYsql veritabanı oluşturabilirsiniz. Php ya da asp kursu aldıysanız kendiniz kodlayabilirsiniz zaten. Ama almadıysanız şimdilik hazır php scriptler kullanın. Sonra onları vs inceleyerek ilerleyebilirsiniz.

Siz ve sizin gibi öğrenim aşamasındakilere göre iyi durumdasınız. Şu an teknik anlamda bir eksik göremedim. Elbette öğrenilecek bir çok şey var. Bende sürekli yeni birşeyler öğreniyorum.
Size en büyük tavsiyem gezdiğiniz web sitelerine eleştirel gözlerle bakıp yani bir webdizayncı gözüyle bakıp, standartları ( Renk, uyum, yerleşim vs. ) yakalamak adına aşinalık oluşturmanız kendinizde.
başarılar diliyorum.

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @altinbilek

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

Wix ve benzeri hazır site oluşturucu yapılar bana göre çok gereksiz. Eninde sonunda herkes .com lu ve reklamsız kendi web sitesine sahip olmak istiyor. Bu yapılar sadece insanların ve özellikle web sitesi yapma konusunda meraklı olanların hevesini giderdiği, daha çok teknik bilgiye sahip olmak adına hırslandırdığı bir yapıdan başka birşey değil benim gözümde. Ve dahi kesinlikle büyük firmalar kullanmadıkları için ÇAKMA ÜRÜN,KOLPA ÜRÜN,REPLİKA ÜRÜN, YAN SANAYİ ÜRÜN vs adını ne koyarsanız koyun, bu statüden ileri gidemeyeceği sabittir.

Bu mesajda bahsedilenler: @realisticmind

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

@snyldi

Menüdeki yazıyla hizlamak için resmin konumunu tam ortaya gelecek şekilde ayarlayın. ve yazıyı eklediğiniz alanın yükseklik değeri ne ise line-height: xx px; aynı değeri buraya verin. Yazı tam ortalanacaktır. Aynı zamanda resmin olduğu taraf kaç px ise text-indent: xx px; buraya da o değeri yazarak yazıyı padding değerini arttırmadan sağa kaydırmış olursunuz. font büyüklüğüne dikkat etmeyi unutmayın bu arada.

Css de resim ile "background-image" yöntemiyle bağlantı kurabilirsiniz.

resim için background-size gibi özellikleri kullanabilirsiniz. Tüm tarayıcılarda tüm çözünürlüklerde düzgün görüntülenmesi için resmi koyduğunuz elementin yükseklik ve genişlik değerini sabitledikten sonra background-image:cover; özelliği vermeniz faydalı olacaktır.
Bu özellik arkaplan resmini elementin yükseklik ve genişlik değerine göre sabitlieyecektir.

Bu mesajda bahsedilenler: @snyldi

A

altinbilek

10 yıl

Çavuş

Baştaki js galerisini copy-paste yaptım resimlerini değiştirdim sadece

php kursu almadım hazır scriptleri nasıl kullanacağım? wampserver ile mi?

Teşekkürler cevaplar için.

Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @ebilgic

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

Farketmez. Hosting e atıp kullanabilirsiniz.
Rica ederim.

Bu mesajda bahsedilenler: @altinbilek

L

lucius-132

10 yıl

Teğmen

Resim boyutu sorununu çözdüğümüze göre farklı bir konu daha var..
NAVBAR collapse ettik, sorunsuz çalışıyor. Sayfada navbar-inverse kullanmıştım. Siyah çıkıyor. Ben mavi renkli ve aşağıda ekte olan gibi renklendirmek istiyorum. O rengi oluşturan css kodu da şöyle. Bu kodu navbar inverse'e nasıl uyarlayabiliriz?

body { 
   
  } 
   
  a:hover { color: #090; } 
   
  .space30 { margin-top: 30px; } 
   
  .row ul { padding-left: 30px; } 
   
  .clear { clear: both; } 
   
  .float_left { float: left; } 
  .float_right { float: right; } 
   
  .img_left_gallery {	float: left; margin: 12px; padding: 8px; border: 1px solid #CCC; } 
   
  .img_left {	float: left; margin-right: 20px; margin-bottom: 15px; } 
   
  .img_right { float: right; margin: 0px 0px 15px 20px; } 
   
  .img_bottom { margin-bottom: 15px; } 
   
  .footer { 
    border-top: 1px solid #eee; 
    margin-top: 40px; 
    padding-top: 20px; 
  } 
   
  /* Main marketing message and sign up button */ 
  .jumbotron { 
    text-align: center; 
    background-color: transparent; 
    height: 0px; 
  } 
  /* Customize the nav-justified links to be fill the entire space of the .navbar */ 
   
  .nav-justified { 
    background-color: #006699; 
    border-radius: 6px; 
    border: 1px solid #006699; 
  } 
   
  .nav-justified > li > a { 
    padding-top: 15px; 
    padding-bottom: 15px; 
    color: #FFFFFF; 
    font-weight: bold; 
    text-align: center; 
    border-bottom: 1px solid #005588; 
    background-color: #006699; /* Old browsers */ 
    background-repeat: repeat-x; /* Repeat the gradient */ 
    background-image: -moz-linear-gradient(top, #0099FF 0%, #006699 100%); /* FF3.6+ */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0099FF), color-stop(100%,#006699)); /* Chrome,Safari4+ */ 
    background-image: -webkit-linear-gradient(top, #0099FF 0%,#006699 100%); /* Chrome 10+,Safari 5.1+ */ 
    background-image: -ms-linear-gradient(top, #0099FF 0%,#006699 100%); /* IE10+ */ 
    background-image: -o-linear-gradient(top, #0099FF 0%,#006699 100%); /* Opera 11.10+ */ 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099FF', endColorstr='#006699',GradientType=0 ); /* IE6-9 */ 
    background-image: linear-gradient(top, #0099FF 0%,#006699 100%); /* W3C */ 
  } 
   
  .nav-justified > .active > a, 
  .nav-justified > .active > a:hover, 
  .nav-justified > .active > a:focus { 
    color: #000000; 
    background-color: #22BBFF; 
    background-image: none; 
    box-shadow: inset 0 3px 7px rgba(0,0,0,.25); 
  } 
   
  .nav-justified > li > a:hover {  
  	color: black; 
  	background-color: #22BBFF;  
  	background-image: none; 
  	box-shadow: inset 0 3px 7px rgba(0,0,0,.25); 
  } 
   
  .nav-justified > li:first-child > a { 
    border-radius: 5px 5px 0 0; 
  } 
  .nav-justified > li:last-child > a { 
    border-bottom: 0; 
    border-radius: 0 0 5px 5px; 
  } 
   
  @media (min-width: 768px) { 
    .nav-justified { 
      max-height: 52px; 
    } 
    .nav-justified > li > a { 
      border-left: 1px solid #0099FF; 
      border-right: 1px solid #005588; 
    } 
    .nav-justified > li:first-child > a { 
      border-left: 0; 
      border-radius: 5px 0 0 5px; 
    } 
    .nav-justified > li:last-child > a { 
      border-radius: 0 5px 5px 0; 
      border-right: 0; 
    } 
  } 
   
  /* Responsive: Portrait tablets and up */ 
  @media screen and (min-width: 768px) { 
    /* Remove the padding we set earlier */ 
    .masthead, 
    .marketing, 
    .footer { 
      padding-left: 0; 
      padding-right: 0; 
    } 
  }

< Resime gitmek için tıklayın >

< Resime gitmek için tıklayın >

< Bu mesaj bu kişi tarafından değiştirildi lucius-132 -- 27 Haziran 2015; 20:08:40 >

Bu mesajda bahsedilenler: @ebilgic

G

godilli

10 yıl

Yüzbaşı

Ya bu site yapma işi ne kadar enteresan bi iş.Hevesim var aslında ve yapmakta istiyorum ama hadi yapayım dediğimde foss kalıyorum öyle.Nerden başlayacağımı bilmiyorum.Ne yapcağımı bilmiyorum.Hadi konu çalışayım en baştan diyorum.Çalışıyorum bakıyorum hep bildiğim şeyler

Ne eksik anlamadım.Aslında anladım.Şöyle güzel bir sitenin baştan sona yapım aşamalarını tecrübe edinebilsem bende işe yarayacağını düşünüyorum.O şekilde de faydalanabileceğim bir kaynak var mı acaba araştırıyorum.Sizin bildiğiniz varsa paylaşırsanız çok memnun olurum

Bu mesaja 1 cevap geldi.

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

Güncel

Bu mesaja 1 cevap geldi.

A

AlpKhanate

10 yıl

Binbaşı

quote:

Orijinalden alıntı: ebilgic

Güncel

Merhaba hocam. Site açma işini hep istedim ama hiç ciddi anlamda uğraşmadım. Bir kaç sene önce açayım dedim domain vs işler karışınca bıraktım. Öncelikle 1-2 ufak soru sormak istiyorum.
1)Domain vs dediğimiz olaylara belli bir para ödüyoruz aylık sanırım doğru mu?
2)Ücretsiz site açmanın bir yolu var mı?

Hocam şimdi ben bir site açmak istiyorum. Amatör bir şey olacak. Fakat konu hakkında bilgili değilim. Nerden başlarım? Nasıl kolay site açarım? Yardımcı olabilirseniz çok makbule geçer. Açacağım siteyi adsenseye de bağlamak istiyorum bu arada. Teşekkürler..

Bu mesaja 1 cevap geldi.

E

emresaygin2

10 yıl

Çavuş

Merhaba hocam benim footer'ım sayfanın en altında durmuyor yani sanki sayfa belli bir büyüklüğü ayarlanmış gibi footer yüzünden sayfadaki bazı şeyler gözükmüyor örnek olarakhttp://deneme-oyungezgini.tk/kay%C4%B1t.html burda kayıt butonu gözükmüyor acilen yardımlarınızı bekliyorum...

Bu mesaja 2 cevap geldi.

P

pisiprens

10 yıl

Er

Mobilden arama yapan müşteriler için direk mobil versiyona yönlendirme kodunu (sorunsuz çalışan) biliyormusunuz

Bu mesaja 1 cevap geldi.

E

ebilgic

10 yıl

Yüzbaşı

Konu Sahibi

Ücretsiz site açmanın yolları var Google dan araştırabilirsiniz.
Ücretler yıllık ödenir.
Html ile Web tasarım Öğrenmeye başlayabilirsiniz.

< Bu ileti mobil sürüm kullanılarak atıldı > Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @AlpKhanate