Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Stacja Meteo</title>
    <style>
        a
        {
            color: yellow;
        }
        .banner
        {
            background: #4A7684;
            color: #FFF;
            text-align: center;
            font-family: Arial;
            padding: 20px;
        }
        .prawy
        {
            background: #4A7684;
            color: #FFF;
            width: 35%;
            height: 500px;
            float: right;
        }
        .lewy
        {
            text-align: center;
            width: 65%;
            height: 500px;
            float: left;
        }
        .stopka
        {
            background: #4A7684;
            color: #FFF;
            text-align: center;
            font-family: Arial;
            padding: 20px;
            clear: both;
        }
        img
        {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <div class="banner">	<!--utworzenie divu o klaise "banner"-->
        <h1>STACJA METEO</h1>	<!--nagłowek pierwszego stopnia z tresci "STACJA METEO"-->
    </div>	<!-- zamknięcie diva 'banner'-->
    <div class="lewy"> <!-- utworznie diva o klasie 'lewy'-->
        <h2>Dokumentacja wyników zapytań w bazie Meteo</h2> <!--nagłówek drugiego stopnia-->
        <table>	<!-- utworznei tabeli-->
            <tr> <!--utworznie wiersza w tabeli-->
                <td><img src="kw1.jpg" alt="kwerenda1"></td> <!--utworzenie komórki w wierszu w którym znajduje się obraz-->
                <td><img src="kw2.jpg" alt="kwerenda2"></td> <!--utworzenie komórki w wierszu w którym znajduje się obraz-->
            </tr>	<!--zamknięcie wiersza-->
            <tr>	<!--utworznie kolejnego wiersza w tabeli-->
                <td><img src="kw3.jpg" alt="kwerenda3"></td>	<!--utworzenie komórki w wierszu w którym znajduje się obraz-->
                <td><img src="kw4.jpg" alt="kwerenda4"></td>	<!--utworzenie komórki w wierszu w którym znajduje się obraz-->
            </tr>	<!--zamknięcie wiersza-->
        </table>	<!--zamknięcie tabeli-->
    </div> <!--zamknięcie diva o klasie 'lewy'-->
    <div class="prawy"> <!-- utworzenie diva o klasie 'prawy'-->
        <h2>zamiana jednostek temperatury</h2>	<!--nagłówek drugiego stopnia-->
        Temperatura w <sup>o</sup>C<input type="text" id="zawartosc"> <!--pole inputowe o id 'zawartość', gdzie zostanie wpisana wartoosc, ktora zostanie zamienieniona-->
        <p id="info"></p> <!-- paragraf o id 'info' w którym zostaną wyświetlone wyniki-->
        <button onClick="zamien( 'k' );">Kelwiny</button>	<!--przycisk z funkcją onclick, po nacisknieci ktorego zostanie wykonana fuknkcja-->
        <button onClick="zamien( 'f' );">Fakrenheity</button>	<!--przycisk z funkcją onclick, po nacisknieci ktorego zostanie wykonana fuknkcja-->
        <h2>Do pobrania</h2> <!-- nagłowek drugiego stopnia-->
        <a href="#">Kwerendy</a>	<!-- odnośnik do pliku lub strony-->
        <a href="#">Eksport MySQL</a>	<!-- odnośnik do pliku lub strony-->
    </div><!--zamknięcie diva o klasie 'prawy'-->
    <div class="stopka">	<!--utworznei diva o klasie 'stopka'-->
        <p>PESEL AUTORA STRONY: pesel</p>	<!-- paragraf z PESELEM autora strony -->
    </div>	<!--zamknięcie diva 'stopka'-->
    <script> //skrypt w js
        function zamien( na )	//utworzenie fukncji zamien ze mniennym parametrem
        {
            input = document.getElementById( 'zawartosc' ); //do zmiennej 'input' przypisany element o id 'zawartosc'
            info = document.getElementById( 'info' ); //do zmiennej 'info' przypisany element o id 'info'

            if( input.value != '' ) //sprawdzenie czy zmienna 'input' posiada jakaś wartosć
            {
                if( isNaN( input.value ) ) //sprawdzenie czy wartość inputa jest czymś innym niż liczbą
                {
                    info.innerHTML = "Błąd danych";	//jeśli jest literą, znakiem specjalnym to zosatnei wyświetlony komunikat o blędnych danych
                }
                else //jeśli wartośc będzie liczbą to zostaną wykonane następne opreacja
                {
                    if( na == 'k' ) //jeśli parametr będzie 'k' to zostanie wykonane odpowiednie operacje
                    {
                        liczba = parseFloat( input.value ); // do zmiennej 'liczba' zosatnie przypisana wartośc liczbowa ze zmiennej input
                        wynik = liczba+273.15; //do zmiennej 'wynik' zostanie przypisana wartośc po operacji dodawanie wartości zmiennej 'liczba' i 273,15

                        info.innerHTML = wynik+"K"; // elemencie o id 'info' zostanei wyświetlony wynik powyższego działania
                    }
                    else	//jeśli parametr bęzdie inny niz 'k' to zostaną wykokane inne operacje
                    {
                        liczba = parseFloat( input.value );	// do zmiennej 'liczba' zosatnie przypisana wartośc liczbowa ze zmiennej input
                        wynik = (liczba*1.8)+32;	//do zmiennej 'wynik' zostanie przypisana wartośc po operacji mnożenia wartości zmiennej 'liczba' i 1,8 oraz póżniej zostanie dodana wartość 32 do otrzymanego wyniku

                        info.innerHTML = wynik+"F";// elemencie o id 'info' zostanei wyświetlony wynik powyższego działania
                    }
                }

            }
            else //jeśli wartośc zmiennej 'input' będzie pusta to zostanie wykonana odpowiednia operacja
            {
                info.innerHTML = "Błąd danych";	//w elemencie i id 'info' zostanie wyświetlony komunikat o błędnych danych
            }
        }
    </script>
</body>
</html>


index.php

<html>
<head>
    <meta charset="utf-8"/>
    <title>Szkoła Podstawowa</title>
    <link rel="stylesheet" href="styl.css"/>
</head>
<body>
    <?php //rozpoczęcie skryptu php
    mysql_connect('localhost', 'root', '') or die('Błąd łączenia z serwerem </br>Error:' .mysql_error());   //połązcenie się z bazą danych znajdującej sie pod adresem 'localhost' oraz połącznie się za pomocą konta 'root' i bez hasła, lub jeśli łączenie się niepowiedzie to zostanie wyświetlony komunikat o błędzie łączenia z serwerem
    mysql_select_db('szkola') or die('Błąd łączenia się z bazą danych</br> Error:' .mysql_error());   //wybranie bazy danych 'szkola' znajdującej się pod adresem 'localhost'
    ?>
    <div id="baner"><h1>Oceny uczniów: biologia</h1></div>  <!--utworzenie diva o id 'baner' oraz napisnie w nim nagłowka pierwszego stopnia a następnie zamknięcie diva-->
    <div id="lewy"> <!--utworzenie diva o id 'lewy'-->
    <h3>Uczeń: <!--nagłowek 3 stopnia o treści 'Uczen:'-->
    <?php
    $wyn = mysql_query('SELECT imie,nazwisko FROM uczen WHERE id=1') or die('Błąd zapytania');  //przypisanie do zmiennej wyn wyniki zapytania do bazy danych
    if(mysql_num_rows($wyn) > 0){   //jeś;li w zmiennej wyn będzie znajdować się więcej wynikow niz 0 to zostanie wykonana odpowiednia opracja
        while($r = mysql_fetch_assoc($wyn)){ //pętla w której do zmiennej 'r' zostaną przypisane rekordy ze zmiennej 'wyn' przez co zmienna 'r' stanię się tablicą
            echo " " .$r['imie']. " " .$r['nazwisko']; //wyświetlenie wyników z tabeli w kolejności wiersz po wierszu, w kazdym wierszy znajduje się kolumna 'imie' oraz 'nazwisko'
        }
    }
    ?>
    </h3>   <!--zamknięcie nagłowka stopnia 3-->
    <p>Najlepsza ocena z biologii: <!--paragraf o tresci 'Najlepsza ocena z biologii: '-->
    <?php
    $wyn = mysql_query('SELECT MAX(ocena) FROM ocena WHERE przedmiot_id = 4 AND uczen_id = 1') or die('Błąd zapytania'); //przypisanie do zmiennej 'wyn' wyniki zapytania o najwyższą wartośc kolumny 'ocena' z tabeli 'ocena' gdzie id przedmiotu jest 4 oraz id ucznia jest 1
    if(mysql_num_rows($wyn) > 0){ //jeśli liczba wyników jest większa niż 0 to zostaną wykonane odpowiednia operacje
        while($r = mysql_fetch_assoc($wyn)){ //utworzenie tablicy z wyników zmiennej 'wyn'
            echo " " .$r['MAX(ocena)']; // wyświetlenie wartości kolumny 'MAX(ocena)'
        }
    }
    ?>
    </p>
    </div>
    <div id="prawy">
    <h2>Lista nazwisk i numerów PESEL uczniów:</h2>
    <?php
    $wyn = mysql_query('SELECT nazwisko, pesel FROM uczen') or die('Błąd zapytania');//przypisanie do zmiennej 'wyn' wyniki zapytania o 'nazwisko' oraz 'pesel' z tabeli 'uczen'
    if(mysql_num_rows($wyn) > 0){   //jeśli liczba wyników jest większa niż 0 to zostaną wykonane odpowiednia operacje
        echo "<ul>"; //utworzenie listy
        while($r = mysql_fetch_assoc($wyn)) { //utworzenie tablicy z wyników zmiennej 'wyn'
            echo "<li>" .$r['nazwisko']. " " .$r['pesel']. "</li>"; //utworzenie listy kropkowanej  z nazwiskami i peselami im odpowiadającymi
        }
        echo "</ul>"; //zamknięcie listowania
    }
    mysql_close($con); //zamknięcie połączenia z bazą danych
    ?></div>
    <div id="stopka"><h2>Szkoła Podstawowa</h2> <!--utworzenie diva o id stopka oraz nagłowka drugiego stopnia-->
    <p>Stronę wykonał: 00000000001</p></div> <!--utworznei paragrafu z napisem 'Stronę wykonał: 0000000001' oraz zamknięcie diva 'stopka'-->

</body>
</html>