Dreamweaver ile sadece kod kullanarak form yapmak

Hocam bu biraz ağır oldu sanki herkes herşeyi bilmez öğrenmelidir, Yardımcı olursak daha iyi olur gibi :)

Ödevin son gününe kadar yapmayıp. Ödev hakkında hiçbir şey öğrnmeyip üstüne araştırma yapmadan sadece konu açarak yardım istemesi bence mantıklı değil.
 
Okumayın siz bence.
Dreamweaver görmedim daha önce. Ne olmasını bekliyodun ? :D
Ödevin son gününe kadar yapmayıp. Ödev hakkında hiçbir şey öğrnmeyip üstüne araştırma yapmadan sadece konu açarak yardım istemesi bence mantıklı değil.
Ödev de dün verildi bu arada :) Bu forumun akıllısı sizsiniz sanırım. Hayatınızda başarılar. Bu akıl siz de varken gereksiz bir şey dedim ama olsun :)
 
css kodunu, text dosyasına yapıştırıp save as diyerek form.css ismiyle, html kodunu da yine text dosyasına yapıştırarak form.html olarak aynı yere kaydet (sadece bu isimlerle kaydet, txt uzantısı silinecek). Bu iki dosya işin görür herhalde. Tıpatıp aynı olmasa da idare ettirir.

CSS:
body {
}

p {
    margin: 0;
    padding: 0;
    text-align: center;
}

#discizgi {
    width: 1000px;
    height: 1180px;
    padding: 10px;
    margin: 0 auto;
    border: double 1px black;
}

.ilksirasol {
    width: 248px;
    height: 100px;
    float: left;
    border: solid 1px black;
}
.daire {
    height: 80px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
    width: 80px;
    border: 2px double #333;
    margin: 0 auto;
    margin-top: 6px;
}

.ilksiraorta {
    width: 498px;
    height: 100px;
    float: left;
    border: solid 1px black;
}
.logo {
    width: 478px;
    height: 80px;
    border: solid 1px black;
    margin: 8px;
    line-height: 80px;
}

.ilksirasag {
    width: 248px;
    height: 100px;
    float: right;
    border: solid 1px black;
}

.nav {
    float: left;
    width: 1000px;
    height: 30px;
    border: solid 1px black;
    margin: 10px 0;
    line-height: 30px;
}

.slider {
    float: left;
    width: 1000px;
    height: 300px;
    border: solid 1px black;
    margin-bottom: 10px;
    line-height: 300px;
}

.hesap {
    float: left;
    width: 1000px;
    height: 500px;
    border: solid 1px black;
    margin-bottom: 10px;
}
.ustdiv {
    width: 500px;
    height: 50px;
    margin: 0 auto;
    margin-top: 30px;
    border: solid 1px black;
    line-height: 50px;
}
.altdiv {
    width: 500px;
    height: 300px;
    margin: 0 auto;
    margin-top: 10px;
    border: solid 1px black;
}
.formdiv {
    width: 400px;
    height: auto;
    margin: 0 auto;
    margin-top: 10px;
}

.footer {
    float: left;
    width: 1000px;
    height: 200px;
    border: solid 1px black;
}

.footerkutusu {
    float: left;
    width: 200px;
    height: 150px;
    margin: 23px;
    border: solid 1px black;
    border-radius: 15px;
    line-height: 150px;
}

HTML:
<!DOCTYPE html>

<html>

<head>
<title>Form</title>
<meta charset="utf-8">
<link href="form.css" type="text/css" rel="stylesheet"/>
</head>

<body>
    <div id="discizgi">
        <!-- ilk sıra başla-->
        <div>
            <div class="ilksirasol">
                <div class="daire"></div>
            </div>

            <div class="ilksiraorta">
                <div class="logo"><p>LOGO</p></div>
            </div>

            <div class="ilksirasag">
                <div class="daire"></div>
            </div>
        </div>
        <!-- ilk sıra son-->

        <div class="nav"><p>NAV</p></div>

        <div class="slider"><p>SLİDER</p></div>

        <div class="hesap">
            <div class="ustdiv"><p>HESAP AÇ</p></div>
            <div class="altdiv">
                <div class="formdiv">
                    <form>
                        <input type="text" name="AD" value="AD" size="23">
                        <input type="text" name="SOYAD" value="SOYAD" size="23"><br><br>
                        <input type="text" name="EMAİL" value="EMAİL" size="51"><br><br>
                        <input type="text" name="YENİ ŞİFRE" value="YENİ ŞİFRE" size="51"><br><br>

                        <input type="radio" name="cinsiyet" value="kadın" checked> KADIN
                        <input type="radio" name="cinsiyet" value="erkek"> ERKEK<br><br>

                        <input type="radio" name="medenihal" value="evli" checked> EVLİ
                        <input type="radio" name="medenihal" value="bekar"> BEKAR<br>
                        <br><br>

                        <input type="submit" value="HESAP AÇ">
                    </form>
                </div>
            </div>
        </div>

        <div class="footer">
            <div class="footerkutusu"><p>FOOTER 1</p></div>
            <div class="footerkutusu"><p>FOOTER 2</p></div>
            <div class="footerkutusu"><p>FOOTER 3</p></div>
            <div class="footerkutusu"><p>FOOTER 4</p></div>
        </div>
    </div>
</body>

</html>
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Yeni konular

Geri
Yukarı