Darmowe Forum

Java Script => Java Script => W±tek zaczêty przez: admin Czerwiec 09, 2014, 10:28:39


Tytu³: Strona w div
Wiadomo¶æ wys³ana przez: admin Czerwiec 09, 2014, 10:28:39
Zadanie 1. Podstawowy szablon strony (nag³ówek+ menu+tre¶æ) wykorzystuj±cej znaczniki div

Kod Html:

<html>
<head>

<link href="fronty.css" type="text/css" rel="stylesheet">

<title>Adam Company</title>
</head>
<body>
<div id="poziom1">poziom1

<div id="naglowek">naglowek</div>
<div id="lewy">lewy</div>
<div id="prawy">prawy</div>


</div>
</body>
</html>

Kod CSS:   Kod CSS:     Kod CSS:     KOd CSS:     Kod CSS:   

body {
   font-family: arial;
   font-size: 20px;
   background-color: yellow
}

#poziom1 {
   width: 800px;
   min-height: 500px;
   margin: auto;
   background-color: pink
}

#naglowek {
width: 800px;
   margin: auto;
   background-color:magenta
}
#lewy {
width: 300px;
float:left;
min-height: 200px;
   margin: auto;
   background-color:aqua
}
#prawy {
width: 500px;
float:left;
min-height: 200px;
   margin: auto;
   background-color:lime
}

Tytu³: Odp: Strona w div
Wiadomo¶æ wys³ana przez: admin Czerwiec 09, 2014, 10:42:43
Zadanie 2. Kolejny krok w tworzeniu strony. Pojawiaja siê w Menu odno¶niki do plików, które otworz± sie w prawej czê¶ci strony (okno prawy).

<!DOCTYPE html>
<html>
<head>

<link href="fronty.css" type="text/css" rel="stylesheet">

<title>Adam Company</title>
</head>
<body>
<div id="poziom1">poziom1

<div id="naglowek">naglowek</div>
<div id="lewy">Wybierz stronê:
      <ul>
         <li>
            <a href="pesel.html">Pesel</a>         
         </li>
         <li>
            <a href="dodatnia.html">Czy liczba dodatnia?</a>
         </li>
         <li>
            <a href="ciag.html">Ciag kolejnych liczb</a>
         </li>
      </ul></div>
<div id="prawy">prawy</div>


</div>
</body>
</html>

Plik CSS  PLIK CSS Plik CSS  PLIK CSS Plik CSS  PLIK CSS Plik CSS  PLIK CSS Plik CSS  PLIK CSS Plik CSS  PLIK CSS

body {
   font-family: arial;
   font-size: 20px;
   background-color: yellow
}

#poziom1 {
   width: 800px;
   min-height: 500px;
   margin: auto;
   background-color: pink
}

#naglowek {
width: 800px;
   margin: auto;
   background-color:magenta
}
#lewy {
width: 300px;
float:left;
min-height: 200px;
   margin: auto;
   background-color:aqua
}
#prawy {
width: 500px;
float:left;
min-height: 200px;
   margin: auto;
   background-color:lime
}

Tytu³: Odp: Strona w div
Wiadomo¶æ wys³ana przez: admin Czerwiec 09, 2014, 11:25:55
Krok 3. Tworzenie stron pesel, i dodatnia (rozpoznawanie znaku liczby - dodatnia, ujemna, zero). Kolejne strony tworzymy przez kopiowanie strony podstawowej i dopisywanie dos³ownie linijki kodu lub kilku. Uwaga potrzebne s± 4 pliki: adamindex.html, adampesel.html, adamdodatnia.html, adamciag.html

plik adamindex.html -podstawowy
<!DOCTYPE html>
<html>
<head>

<link href="fronty.css" type="text/css" rel="stylesheet">

<title>Adam Company</title>
</head>
<body>
<div id="poziom1">poziom1

<div id="naglowek">naglowek</div>
<div id="lewy">Wybierz stronê:
      <ul>
         <li>
            <a href="adampesel.html">Pesel</a>         
         </li>
         <li>
            <a href="adamdodatnia.html">Czy liczba dodatnia?</a>
         </li>
         <li>
            <a href="adamciag.html">Ciag kolejnych liczb</a>
         </li>
      </ul></div>
<div id="prawy">prawy</div>


</div>
</body>
</html>

2.Plik adampesel.html - dodano linijke kodu
<!DOCTYPE html>
<html>
<head>

<link href="fronty.css" type="text/css" rel="stylesheet">

<title>Adam Company</title>
</head>
<body>
<div id="poziom1">poziom1

<div id="naglowek">naglowek</div>
<div id="lewy">Wybierz stronê:
      <ul>
         <li>
            <a href="adampesel.html">Pesel</a>         
         </li>
         <li>
            <a href="adamdodatnia.html">Czy liczba dodatnia?</a>
         </li>
         <li>
            <a href="adamciag.html">Ciag kolejnych liczb</a>
         </li>
      </ul></div>
<div id="prawy">123458777</div>


</div>
</body>
</html>
Plik 3. -adamdodatnia.html  dodano kilka linijek skryptu Java

<!DOCTYPE html>
<html>
<head>

<link href="fronty.css" type="text/css" rel="stylesheet">

<title>Adam Company</title>
</head>
<body>
<div id="poziom1">poziom1

<div id="naglowek">naglowek</div>
<div id="lewy">Wybierz stronê:
      <ul>
         <li>
            <a href="adampesel.html">Pesel</a>         
         </li>
         <li>
            <a href="adamdodatnia.html">Czy liczba dodatnia?</a>
         </li>
         <li>
            <a href="adamciag.html">Ciag kolejnych liczb</a>
         </li>
      </ul></div>
<div id="prawy">
<script> var liczba;
liczba=prompt("podaj liczbe:",'');
if (liczba==0){document.write("Podales liczbe 0");}
else if (liczba>0)
{document.write("Podales liczbe dodatnia");}
else
{document.write("podales liczbe ujemna");}
</script>
</div>


</div>
</body>
</html>

Plik 4. -adamciag.html  dodano kilka linijek skryptu Java
<!DOCTYPE html>
<html>
<head>

<link href="fronty.css" type="text/css" rel="stylesheet">

<title>Adam Company</title>
</head>
<body>
<div id="poziom1">poziom1

<div id="naglowek">naglowek</div>
<div id="lewy">Wybierz stronê:
      <ul>
         <li>
            <a href="adampesel.html">Pesel</a>         
         </li>
         <li>
            <a href="adamdodatnia.html">Czy liczba dodatnia?</a>
         </li>
         <li>
            <a href="ciag.html">Ciag kolejnych liczb</a>
         </li>
      </ul></div>
<div id="prawy">
<script>
var
a=prompt("podaj liczbe1",'');
b=prompt ("podaj liczbe2",'');
a=parseInt(a);b=parseInt(b);
if (a<=b){for(a;a<=b;a++){document.write(" "+a);};}
else{for(b;b<=a;b++){document.write(" "+b);};}
</script>
</div>


</div>
</body>
</html>


Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

polski-serwer-rpg articz gang-nd zlotasiodemka mylittlepony