Dreamweaver ile sadece kod kullanarak form yapmak

muzan · 16 Haziran 2019

Silinen üye dedi:
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.

batuhan3707 · 16 Haziran 2019

muzan dedi:
Okumayın siz bence.

Dreamweaver görmedim daha önce. Ne olmasını bekliyodun ?

muzan dedi:
Ö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

xenefon · 16 Haziran 2019

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>

Dreamweaver ile sadece kod kullanarak form yapmak

muzan

Kilopat

batuhan3707

Hectopat

xenefon

Kilopat