1-Öncelikle Dreamweaver'da boş bir HTML sayfası açıyoruz.
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
2-Daha sonra giriş için kullanacağımız: Kullanıcı Adı ve Şifre yazıyoruz
Orjinal boyutu görmek için tıklayın 550x307px ve 34KB.
3-Şimdide Kullanıcı Adı ve Şifre'nin yanına "Text Box" ekliyoruzki paneli kullanan misafirlerimiz gerekli alanları doldurabilsin.
Orjinal boyutu görmek için tıklayın 550x307px ve 37KB.
Orjinal boyutu görmek için tıklayın 550x307px ve 37KB.
Orjinal boyutu görmek için tıklayın 550x307px ve 36KB.
4-Yaptığımız işlemler sonucu bu hale geldi ve Text Box'ımız istediğimiz yerde değil. Bu yüzden Text Box'ımıza tıklayıp kopyalıyoruz ve Text Box'ımızla ilgili herşeyi siliyoruz.
Orjinal boyutu görmek için tıklayın 550x307px ve 34KB.
Sonuç: Resimdende anlaşıldığı gibi Text Box'ımızla ilgili hiç birşey kalmadı. Ancak arayüzümüze kopyaladığımızdan dolayı Text Box'ımızı Kullancı Adının ve Şifrenin yanlarına yapıştırıyoruz.
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
5-Şimdi şifremizi yazarken *** çıkması için Şifre'nin Text Box'ına tıklayıp aşağıda bulunan
Orjinal boyutu görmek için tıklayın 550x307px ve 33KB.
6-Son işlemimiz olan ve olmazsa olmazımız Gönder butonunu eklemek
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
7-Şimdi Text Box'ımızda uyguladığımız işlemin aynısını uygulayacağız ve aşağıdan butonun ismini değiştireceğiz Submit yerine Gönder veya opsiyonlu birşey yazacağız.
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
Bakalım ne yapmışız.
Orjinal boyutu görmek için tıklayın 550x307px ve 17KB.
Yok ben üşendim yapamam uğraşamam derseniz de alın size kod:
<!--//Designed by bthn --><body><p>Kullanıcı Adı <input type="text" name="textfield" id="textfield" /></p><p>Şifre: <input type="password" name="textfield2" id="textfield2" /></p><input type="submit" name="button" id="button" value="Gönder" /><p> </p></body>
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
2-Daha sonra giriş için kullanacağımız: Kullanıcı Adı ve Şifre yazıyoruz
Orjinal boyutu görmek için tıklayın 550x307px ve 34KB.
3-Şimdide Kullanıcı Adı ve Şifre'nin yanına "Text Box" ekliyoruzki paneli kullanan misafirlerimiz gerekli alanları doldurabilsin.
Orjinal boyutu görmek için tıklayın 550x307px ve 37KB.
Orjinal boyutu görmek için tıklayın 550x307px ve 37KB.
Orjinal boyutu görmek için tıklayın 550x307px ve 36KB.
4-Yaptığımız işlemler sonucu bu hale geldi ve Text Box'ımız istediğimiz yerde değil. Bu yüzden Text Box'ımıza tıklayıp kopyalıyoruz ve Text Box'ımızla ilgili herşeyi siliyoruz.
Orjinal boyutu görmek için tıklayın 550x307px ve 34KB.
Sonuç: Resimdende anlaşıldığı gibi Text Box'ımızla ilgili hiç birşey kalmadı. Ancak arayüzümüze kopyaladığımızdan dolayı Text Box'ımızı Kullancı Adının ve Şifrenin yanlarına yapıştırıyoruz.
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
5-Şimdi şifremizi yazarken *** çıkması için Şifre'nin Text Box'ına tıklayıp aşağıda bulunan
Orjinal boyutu görmek için tıklayın 550x307px ve 33KB.
6-Son işlemimiz olan ve olmazsa olmazımız Gönder butonunu eklemek
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
7-Şimdi Text Box'ımızda uyguladığımız işlemin aynısını uygulayacağız ve aşağıdan butonun ismini değiştireceğiz Submit yerine Gönder veya opsiyonlu birşey yazacağız.
Orjinal boyutu görmek için tıklayın 550x307px ve 35KB.
Bakalım ne yapmışız.
Orjinal boyutu görmek için tıklayın 550x307px ve 17KB.
Yok ben üşendim yapamam uğraşamam derseniz de alın size kod:
<!--//Designed by bthn --><body><p>Kullanıcı Adı <input type="text" name="textfield" id="textfield" /></p><p>Şifre: <input type="password" name="textfield2" id="textfield2" /></p><input type="submit" name="button" id="button" value="Gönder" /><p> </p></body>