Darmowe Forum
Grudzieñ 22, 2024, 11:56:36 *
Witamy, Go¶æ. Zaloguj siê lub zarejestruj.
Czy dotar³ do Ciebie email aktywacyjny?

Zaloguj siê podaj±c nazwê u¿ytkownika, has³o i d³ugo¶æ sesji
Aktualno¶ci: Forum zosta³o uruchomione!
 
   Strona g³ówna   Pomoc Zaloguj siê Rejestracja  
Strony: 1 ... 7 8 [9] 10
 81 
 : Wrzesieñ 28, 2016, 10:04:00 
Zaczêty przez admin - Nowe: wys³ane przez admin
Do kodu HTML wprowadziæ funkcjê JAVY Script. Funkcja jest to taka struktura, która posiada  nazwê i mo¿e posiadaæ argumenty.  Funkcja ma syietlaæ trzy wiersze

<html>
<head>
<title>Javascript - deklaracja funkcji i jej wywo³anie</title>
<meta charset="UTF-8">
<script language=javascript type="text/javascript">

function wiersze(){for(i=1;i<5;i++) document.writeln("<hr>")}

document.writeln("<h2>Tak dziala wywolanie funkcji *wiersze* ktora ...cos robi czyli kresli dwie linijki </h2>")
wiersze()
document.writeln("<h2>jeszcze jedno wywolanie funkcji wiersze</h2>")
wiersze()</script>
</head>
<body>
<script type="text/javascript"SRC = "kalk.js">
document.write("Nie mo¿na otworzyæ pliku ze skryptem.")
</script>
<br><br><br><br>
<a href="http://www.programowanie.darmowefora.pl/"> Skrypt na stronie </a>

<br>

 82 
 : Wrzesieñ 09, 2016, 12:07:43 
Zaczêty przez admin - Nowe: wys³ane przez admin
Java Script wymaga zainstalowania interpretera javy
Zadanie dla Magdy Kod HTML
<html>
<head>
<link href="format.css" type="text/css" rel="stylesheet">

</head>

<div id="duze_pudlo" >Duze pudlo

<div id="naglowek1"> WITAJ DOBRY
</div>
<div id="naglowek2">w naszym Swiecie</div>
<div id="lewus">Menu</div>
<div id="srodek">
<script>
var liczba1,x, liczba2;
liczba1=prompt("podaj 1 liczbe:",'');
liczba2=prompt("podaj 2 liczbe:",'');
if(liczba1>liczba2){x=liczba1;liczba1=liczba2;liczba2=x;};
document.write("<br>Podales 1 liczbe= "+liczba1+" i druga="+liczba2);
for(x=liczba1;x<=liczba2;x++){document.write("<br>"+x);};
</script>

</div>

<br><input type="button" value="Dodaj" onClick="start()">
</div>

<div id="stopka">Wszelkie prawa do strony ma Misiek</div>
</div>
</body>
</html>

 83 
 : Wrzesieñ 09, 2016, 07:55:45 
Zaczêty przez admin - Nowe: wys³ane przez admin
Zadanie 4. Napisaæ kod strony sk³adaj±cej siê z pól jak poprzednim przyk³adzie (nag³ówek, lewy, ¶rodek, prawy i stopka). Ale... ¶rodek ma byæ podzielony na po³owê (poziomo). T³o górnej czê¶ci ma byæ bia³e, t³o dolnej czê¶ci ma byæ czerwone.

 84 
 : Wrzesieñ 09, 2016, 07:05:22 
Zaczêty przez admin - Nowe: wys³ane przez admin
AA

 85 
 : Wrzesieñ 09, 2016, 03:37:41 
Zaczêty przez admin - Nowe: wys³ane przez admin
Przyk³ad 3. Strona internetowa, w której pojawia siê okienko. Okienko jest nadpisane nad pozosta³e div-y. Efekt uzyskano przez wprowadzenie pozycjonowania absolutnego (bezwzglêdnego) w pliku css (patrz klasa .luzak, polecenie position:absolute;). Dzieki adresowaniu bezwzglêdnemu mo¿na zbudowaæ stronê bez konieczno¶ci zagnie¿d¿ania div-ów jeden w drugim. Wymaga to jednak cierpliwo¶ci i trochê liczenia. Proszê zwróciæ uwagê, w pliku standard1.css, w klasie .stopka umie¶ci³em polecenie overflow:auto;pozwala automatycznie dopasowaæ rozmiar okienka do zawarto¶ci i dostêpnego obszaru, bardzo u³atwia pracê przy wykoñczeniu stron, nie widaæ t³a.

Plik HTML

<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="standard1.css" type="text/css" rel="stylesheet">
<title> Layout_strony</title>
</head>
<body>
<div id="tlo">

            <div class="naglowek">
            Nag³ówek
            </div>
            <div class="lewy">
            <p>format lewy</p>
            </div>
            
            <div class="srodek">
            Â¦rodek strony
            </div>
            
            <div class="prawy">
            <p>kolumna prawa</p>
            </div>
            
            <div class="stopka">
            <p>Obszar formatowany w css, klasy stopka"</p>
            </div>
</div>
<div class="luzak">
Okienko umieszczone w dowolnym miejscu
</div>
<body>
<html>

Plik standard1.css

#tlo{
width: 700px;
height:800px;
background: #0000ff;
padding: 0px;
border:0px solid #000;
}
.luzak{
background: #aaAAAF;
position:absolute;
top: 120 px;
left: 50px;
right:550px;
bottom:350px;
color:ff0000;}

.naglowek{
width:700px;
background-image:url(z1.jpg);
background-repeat:no-repeat;
margin: 0px;
padding:0px;
border: 0px solid #FF0000;
text-align: center;
color: #00ff00;
font-size: 40;

}
.srodek {
width:80%;
height:80%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #FFAAAF;
text-align: center;
color: rgb(0,0,255);
font-size:35;

}

.lewy {
width:10%;
height:80%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #11AAAF;
color: rgb(0,0,255);
font-size:15;

}
.prawy {
width:10%;
height:80%;
float: right;
margin: 0px;
padding:0;
border: 0px solid #FFAA00;
background: #BBBBAF;
}
.stopka{
width:100%;
height:120px;
overflow:auto;
margin: 0px;
padding:0px;
border: 0px solid #FF0000;
background: #AFFfFF;
text-align: right;
}


 86 
 : Wrzesieñ 08, 2016, 16:09:13 
Zaczêty przez admin - Nowe: wys³ane przez admin
1. Stworzyæ stronê zbudowan± na div'ach i formatowan± w css. Strona posiada nag³ówek, trzy kolumny i stopkê.

Kod HTML (w kodzie Html jak widac niewiele jest)

<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="standard.css" type="text/css" rel="stylesheet">
<title> Layout_strony</title>
</head>
<body>
<div id="tlo">

            <div class="naglowek">
            Nag³ówek
            </div>
            <div class="lewy">
            <p>format lewy</p>
            </div>
            
            <div class="srodek">
            Â¦rodek strony
            </div>
            
            <div class="prawy">
            <p>kolumna prawa</p>
            </div>
            
            <div class="stopka">
            <p>Obszar formatowany w css, klasy stopka"</p>
            </div>
</div>
<body>
<html>

2. Kod CSS (plik nazywa siê standard.css i odwo³anie do niego musi byæ umieszczone w kodzie html)

#tlo{
width: 700px;
height:800px;
background: #0000ff;
padding: 0px;
border:0px solid #000;
}
.naglowek{
width:700px;
height:80px;
right:10px;
bottom:250px;
background-image:url(z1.jpg);
background-repeat:no-repeat;
margin: 0px;
padding:0px;
border: 0px solid #FF0000;
text-align: center;
color: #00ff00;
font-size: 40;

}
.srodek {
width:80%;
height:80%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #FFAAAF;
text-align: center;
color: rgb(0,0,255);
font-size:35;

}

.lewy {
width:10%;
height:80%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #11AAAF;
color: rgb(0,0,255);
font-size:15;

}
.prawy {
width:10%;
height:80%;
float: right;
margin: 0px;
padding:0;
border: 0px solid #FFAA00;
background: #BBBBAF;
}
.stopka{
width:100%;
height:80px;
overflow:auto;
margin: 0px;
padding:0px;
border: 0px solid #FF0000;
background: #AFFfFF;
text-align: right;
}

 87 
 : Wrzesieñ 08, 2016, 16:02:35 
Zaczêty przez admin - Nowe: wys³ane przez admin
Zadanie 2
Przelicz liczbê dwójkowa na dziesiêtn±
 11111110
00000111
10101010
01110001
11001010
00110011
10111111

 88 
 : Wrzesieñ 07, 2016, 11:08:28 
Zaczêty przez admin - Nowe: wys³ane przez admin
Plik HTML o nazwie przyklad1.html

<html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<link href="p_szachownica.css" type="text/css" rel="stylesheet">
<title> Szachownica</title>
</head>
<body>
<div id="tlo">

            
            
            <div class="lewy">
            <p>lg</p>
            </div>
            <div class="prawy">
            <p>pg</p>
            </div>
            
            <div class="lewyd">
            <p>ld"</p>
            </div>
            <div class="prawyd">
            <p>pd"</p>
            </div>
</div>
</body>
</html>

Plik css o nazwie: p_szachownica.css

#tlo{
width: 700px;
height:700px;
background: #CCFFCC;
padding: 0px;
border:0px solid #000;
}

.lewy {
width:50%;
height:50%;
float:left;
margin: 0px;
padding:0px;
border: 0px solid #FFAAAA;
background: #ff0000;
}
.prawy {
width:50%;
height:50%;
float: right;
margin: 0px;
padding:0;
border: 0px solid #000000;
background: #ffffff;
}
.lewyd{
width:50%;
height:50%;
float:left;
background: #ffffff;
}
.prawyd{
width:50%;
height:50%;
float: right;
background: #ff0000;
}

 89 
 : Wrzesieñ 05, 2016, 13:10:09 
Zaczêty przez admin - Nowe: wys³ane przez admin
Liczby dwójkowe do przeliczenia:
11110010
11000101
11111110
00110011
10101011
11111110
00000001
00011101
11100011
11010011

 90 
 : Czerwiec 15, 2016, 11:05:11 
Zaczêty przez admin - Nowe: wys³ane przez admin
Zadanie 1. Wersja uproszczona. Sprawdza czy wprowadzona warto¶æ jest liczb±.

<html>
<head>
<meta charset="UTF-8">
<script>
function dawajk(f) {
  a=parseFloat(f.A.value);
 if (!isNaN(a))
 {d=273.15; e=a+d;
 f.C.value=e;
 }else
 {f.C.value='Blad';}
}
function dawajf(f) {
 a=parseFloat(f.A.value);   
 if(!isNaN(a)){
 f.C.value=1.8*a+32;}else
 {f.C.value='Blad';}

}
function czysc(b) {
 b.C.value=" ";
 b.A.value=" ";
 b.B.value=" ";
 
}
</script>
</head>

<b>przesy³anie tekstu</b>
<br><br>
<form>
Podaj temeraturê<input type="text" name="A">
<br>
<input type="text" name="C">
<br>
 <input type="button" name="adam" onclick="dawajk(this.form)">Kelvin</button>
<input type="button" name="ewa" onclick="dawajf(this.form)">Fahrenheit</button>
<br>
<em>Wci¶nij</em>
<P>

</form>
</html>

Strony: 1 ... 7 8 [9] 10
Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | Sitemap

Polityka cookies
Darmowe Fora | Darmowe Forum

polski-serwer-rpg moikrewni shaggydogss articz gang-nd