• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

passwortschutz

T

tobifeli

Neues Mitglied
hallo zusammen,
liebe leutz ich bin ein totaler anfänger wenn es um das programmieren geht und brauche nun dringend eure hilfe ich würde gerne für meine Webseite die ich für die schule erstelle ein passwort einbinden.
Könnt ihr mir vielleicht weiterhelfen. Ich schick euch hierzu mal meine erste seite bevor diese erscheint würde ich gerne das Passwort abfragen. ich tu mir relativ schwer da ich erst 10 stunden html unterricht hatte.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html>
<head>
<title>Meine eigene Hompage</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="gray">
<P align="center">
<font color="blue"><a>Home</a></font>
<a href="Hobby.html">Hobby</a>
<a href="Schule.html">Schule</a>
<a href="Impressum.html">Impressum</a>
</p>
<table bgcolor="F2F2F2" align="center">
<tr >
<td width="11000" >
<p align="center"><b><font size="7">Willkommen auf meiner Hompage</font></b></p>
</table>
</td></tr>
<p align="center">Übungsaufgabe der Klasse BKE 10 erstellt im Fach KOMP<br>
</p>

<p align="center">

<font size="3">
<b>
Tobias Schädler
</b>
</font>

</p>
<br>
<p align="center">

<img src="Bild4.jpg" alt="Tobias Schädler" border="3" >
</p>

<marquee behavior="alternate" scrolledelay="100">
<b>So mich kennt ihr Ja!</b>
</marquee>

<p align="center">
<a href="http://www.validome.org/referer">

<img style="border:none"
src="http://www.validome.org/images/set2/valid_html_4_0_1.gif"
alt="Valid HTML 4.01" width="88" height="31">
</a>
<a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html40"
alt="Valid HTML 4.0 Transitional" height="31" width="88"></a>
</p>
</body>
</html>

Über eure Hilfe würde ich mich mächtig freuen.

LG aus dem Allgäu
 
Hallo,

wird die Seite auf einem Server liegen, oder wirst du das als Datei abliefern?

Wenn du die Seite auf einem Server hast, kannst du zB über die .htaccess-Datei eine Username/Password Abfrage machen.
Hier mehr dazu - da kannst du dir den code f. die .htaccess und die .htpasswd generieren lassen.
 
vast schrieb:
Hallo,

wird die Seite auf einem Server liegen, oder wirst du das als Datei abliefern?

Wenn du die Seite auf einem Server hast, kannst du zB über die .htaccess-Datei eine Username/Password Abfrage machen.
Hier mehr dazu - da kannst du dir den code f. die .htaccess und die .htpasswd generieren lassen.
Zum Vergrößern anklicken....
-------------------

Die Seite wird leider nicht auf einem Server liegen, wir liefen das ganze als Datei ab.
Wie gehe ich da vor?

Lg aus dem Allgäu
 
...dann kannst du das eigentlich nur simulieren, da du nur auf client-Seite Abfragen machen kannst.
Soll heissen, ohne server-seitige Abfragen kann man das nicht wirklich sicher machen, weil du das Handling der Login-Form mit javascript machen müsstest.
Javascript kann man einfach im browser abschalten.

Du könntest aber zB den Inhalt deiner Seite verstecken, bis das Formular korrekt ausgefüllt ist, dann Login verstecken und Inhalt einblenden.
Wie gesagt, kann das aber jeder halbwegs schlaue Fuchs umgehen, oder bekommt gar nichts vom Passwortschutz mit, falls javascript aus ist.

Evtl reicht das dann aber aus, um deine Lehrer zu beeindrucken ;)
 
spasseshalber mal ausprobiert:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html>
<head>
    <title>Meine eigene Homepage</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

<style type="text/css">
* {margin:0;padding:0;} 

body {
    font-family: Arial,Helvetica,sans-serif;
}

input,label {
    display:block;
    margin: 10px auto;
}

a img {
    border: 0 none;
}

#loginbox {
    position:absolute;
    width:380px;
    padding:10px;
    height:190px;
    border: 1px solid #CCC;
    left:50%;
    top:20%;
    margin-left:-200px;
    text-align:center;
}

</style>

<script type="text/javascript">
        var validUser = 'tobi';
        var validPass = 'passwort';
        
        function checkForm() {
            if ( document.loginform.user.value == validUser && document.loginform.pass.value == validPass) {
                document.getElementById('loginbox').style.display = 'none';
                document.getElementById('main').style.display = 'block';
                return false;
            }
            else { 
                alert('Login incorrect!'); 
            }            
        }
</script>
</head>

<body bgcolor="gray">
    <div id="loginbox">
        <h4>Login</h4>
        <form action="#" name="loginform" id="loginform" onsubmit="return checkForm();">
            <label for="user">Username:</label>
            <input type="text" name="user" />
            <label for="pass">Password:</label> 
            <input type="password" name="pass" />
            <input type="submit" name="submitForm" />
        </form>
    </div>
    
    
    <div id="main" style="display:none;">
        <!-- HIER DEIN CONTENT -->
          <P align="center">
        <font color="blue"><a>Home</a></font>
        <a href="Hobby.html">Hobby</a>
        <a href="Schule.html">Schule</a>
        <a href="Impressum.html">Impressum</a>
        </p>
        <table bgcolor="F2F2F2" align="center">
        <tr >
        <td width="11000" >
        <p align="center"><b><font size="7">Willkommen auf meiner Homepage</font></b></p>
        </table>
        </td></tr>
        <p align="center">Übungsaufgabe der Klasse BKE 10 erstellt im Fach KOMP<br>
        </p>

        <p align="center">

        <font size="3">
        <b>
        Tobias Schädler
        </b>
        </font>

        </p>
        <br>
        <p align="center">

        <img src="Bild4.jpg" alt="Tobias Schädler" border="3" >
        </p>

        <marquee behavior="alternate" scrolledelay="100">
        <b>So mich kennt ihr Ja!</b>
        </marquee>

        <p align="center">
        <a href="http://www.validome.org/referer">

        <img style="border:none"
        src="http://www.validome.org/images/set2/valid_html_4_0_1.gif"
        alt="Valid HTML 4.01" width="88" height="31">
        </a>
        <a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html40"
        alt="Valid HTML 4.0 Transitional" height="31" width="88"></a>
        </p>
    
    </div>
</body>
</html>

Wie gesagt ist das keine sichere Sache, man kann ja im Quelltext schon Username und Passwort sehen:

HTML: 
var validUser = 'tobi';
var validPass = 'passwort';

in diesem Beispiel wird auch nur ein User und ein Passwort akzeptiert, sonst wird es komplizierter.
Wenn du dich aber für die Materie interressierst, hilft dir das vielleicht ein wenig auf die Sprünge.

bei Fragen fragen. ;)
 
vast schrieb:
spasseshalber mal ausprobiert:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html>
<head>
    <title>Meine eigene Homepage</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">

<style type="text/css">
* {margin:0;padding:0;} 

body {
    font-family: Arial,Helvetica,sans-serif;
}

input,label {
    display:block;
    margin: 10px auto;
}

a img {
    border: 0 none;
}

#loginbox {
    position:absolute;
    width:380px;
    padding:10px;
    height:190px;
    border: 1px solid #CCC;
    left:50%;
    top:20%;
    margin-left:-200px;
    text-align:center;
}

</style>

<script type="text/javascript">
        var validUser = 'tobi';
        var validPass = 'passwort';
        
        function checkForm() {
            if ( document.loginform.user.value == validUser && document.loginform.pass.value == validPass) {
                document.getElementById('loginbox').style.display = 'none';
                document.getElementById('main').style.display = 'block';
                return false;
            }
            else { 
                alert('Login incorrect!'); 
            }            
        }
</script>
</head>

<body bgcolor="gray">
    <div id="loginbox">
        <h4>Login</h4>
        <form action="#" name="loginform" id="loginform" onsubmit="return checkForm();">
            <label for="user">Username:</label>
            <input type="text" name="user" />
            <label for="pass">Password:</label> 
            <input type="password" name="pass" />
            <input type="submit" name="submitForm" />
        </form>
    </div>
    
    
    <div id="main" style="display:none;">
        <!-- HIER DEIN CONTENT -->
          <P align="center">
        <font color="blue"><a>Home</a></font>
        <a href="Hobby.html">Hobby</a>
        <a href="Schule.html">Schule</a>
        <a href="Impressum.html">Impressum</a>
        </p>
        <table bgcolor="F2F2F2" align="center">
        <tr >
        <td width="11000" >
        <p align="center"><b><font size="7">Willkommen auf meiner Homepage</font></b></p>
        </table>
        </td></tr>
        <p align="center">Übungsaufgabe der Klasse BKE 10 erstellt im Fach KOMP<br>
        </p>

        <p align="center">

        <font size="3">
        <b>
        Tobias Schädler
        </b>
        </font>

        </p>
        <br>
        <p align="center">

        <img src="Bild4.jpg" alt="Tobias Schädler" border="3" >
        </p>

        <marquee behavior="alternate" scrolledelay="100">
        <b>So mich kennt ihr Ja!</b>
        </marquee>

        <p align="center">
        <a rel="nofollow" href="http://www.validome.org/referer">

        <img style="border:none"
        src="http://www.validome.org/images/set2/valid_html_4_0_1.gif"
        alt="Valid HTML 4.01" width="88" height="31">
        </a>
        <a rel="nofollow" href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html40"
        alt="Valid HTML 4.0 Transitional" height="31" width="88"></a>
        </p>
    
    </div>
</body>
</html>

Wie gesagt ist das keine sichere Sache, man kann ja im Quelltext schon Username und Passwort sehen:

HTML: 
var validUser = 'tobi';
var validPass = 'passwort';

in diesem Beispiel wird auch nur ein User und ein Passwort akzeptiert, sonst wird es komplizierter.
Wenn du dich aber für die Materie interressierst, hilft dir das vielleicht ein wenig auf die Sprünge.

bei Fragen fragen. ;)
Zum Vergrößern anklicken....


vielen vielen Dank ich liebe euch leute aus den Forums wenn ich jemals soviel wissen hab werd ich anderen auch hier helfen
 
vielen vielen Dank ich liebe euch leute aus den Forums wenn ich jemals soviel wissen hab werd ich anderen auch hier helfen[
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben