Uczniów

Gryffindor

29

Hufflepuff

24

Ravenclaw

20

Slytherin

26

Ogółem

99

W rezerwie

2
Wyszukaj ucznia:

    Najlepsi uczniowie:


    Opiekun: -

    Prefekt: -

    Prefekt: -

    Kapitan: -

    Specjalista: -


    zobacz więcej

    Najlepsi uczniowie:


    Opiekun: -

    Prefekt: -

    Prefekt: -

    Kapitan: -

    Specjalista: -

    Prefekt naczelny: -


    zobacz więcej

    Uczniów

    Gryffindor

    29

    Hufflepuff

    24

    Ravenclaw

    20

    Slytherin

    26

    Ogółem

    99

    W rezerwie

    2
    Wyszukaj ucznia:

    Pisanie newsa na stronę główną naszej szkoły może odbywać się na dwa sposoby. Używając wbudowanego edytora (niepolecane, aczkolwiek dopuszczalne) przy użyciu czystego HTMLa (polecane, aczkolwiek wymagające pewnej wiedzy).

    Jeśli chcesz używać edytora pamiętaj tylko o jednej rzeczy:

    Umieszczając w swoim newsie obrazek niepochodzący z naszych szkolnych zbiorów, tj. np. obrazek reklamujący olimpiadę międzyszkolną, należy umieścić argument "width" w tagu img. Wartość tego argumentu powinna wynosić od 20 do 60%.

    Na przykład:

    <img alt="Obrazek" src= "insygnia/belki/1.png" width= "20%">

    Wynik:

    Obrazek

    Na przykład:

    <img alt="Obrazek" src= "insygnia/belki/1.png" width= "60%">

    Wynik:

    Obrazek

    Jeśli chcesz dokonywać edycji na poziomie HTML (gratuluję dobrego wyboru, to po pierwsze) zapamiętaj kilka wskazówek, jak poprawnie konstruować kod:

    • Nie używaj znaczników <br> i <hr>
    • Nie używaj wielkości czcionek <font size="...">, ani kolorów <font color="...">
    • W zasadzie to nie używaj NICZEGO, co związane jest z wyglądem tekstu
    • Poprawne tagi, których możesz używać to <div>, <p> (bardzo polecany), <span>, <h1>-<h6>, <a>, <img> i oczywiście wszelkie związane z tabelami, tj. <table>, <th>, <tr> i <td>
    • Do stylowania (=nadawania pożądanego wyglądu) elementom służą KLASY
      Klasa Działanie klasy
      normal Powinien być przypisany paragrafom, może być ominięty, ponieważ nie daje istotnych zmian
      narrow Powinien być przypisany paragrafom, linijki są bardziej ściśnięte (więcej treści w danej przestrzeni)
      center-align Wyśrodkowanie elementu
      right-align Wyrównanie elementu do prawej
      gryff Służy do nadawania koloru Gryffindoru
      huff Służy do nadawania koloru Hufflepuff
      rav Służy do nadawania koloru Ravenclaw
      slyth Służy do nadawania koloru Slytherin
      colored Służy do nadawania oficjalnego koloru szkolnego (danego theme'a)
      top-buffer Dodaje 25 pikseli odstępu PONAD danym elementem
      bottom-buffer Dodaje 25 pikseli odstępu POD danym elementem
      italic Pismo pochyłe
      bold Pismo pogrubione
      basic-table Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej tabelki
      gryff-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, gryfońskiej tabelki
      huff-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, puchońskiej tabelki
      rav-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, krukońskiej tabelki
      slyth-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, ślizgońskiej tabelki
      no-wrap-fit Może być przypisany tylko tagowi <th> i ściska dają kolumnę dając pozostałym (np. zawierającym imiona i nazwiska) więcej miejsca

      Kolory do używania w newsach i dziennikach

      Kod koloru (hex) Kod koloru (dec) Przeznaczenie
      #FF0000rgb(255, 0, 0) Gryffindor (class="gryff")
      #FFCC00rgb(255, 204, 0) Hufflepuff (class="huff")
      #0066FFrgb(0, 102, 255) Ravenclaw (class="rav")
      #00CC00rgb(0, 204, 0) Slytherin (class="slyth")
      #FFDEADrgb(255, 222, 173) Nauczyciele (class="nau")
      #00ffffrgb(0,255,255) Kolor newsów #1 (jaśniejszy)
      #0099FFrgb(0,153,255) Kolor newsów #2 (ciemniejszy)

    Na przykład:

    <p class="normal">Tekst Tekst Tekst</p> <p class="bit-bigger">Tekst Tekst Tekst</p> <p class="normal huff">Tekst Tekst Tekst</p>

    Wynik:

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Na przykład:

    <p class="bit-bigger colored top-but-bottom">Wynik:</p> <p class="narrow slyth">Tekst Tekst Tekst</p> <p class="narrow">Tekst <span class="colored">Tekst</span> <a href= "http://wh.boo.pl">Tekst</a></p><p class="narrow italic bold top-buffer">Tekst Tekst Tekst</p>

    Wynik:

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Na przykład:

    <table class="basic-table"><tr><th class="no-wrap-fit">ID</th><th>Imię</th></tr> <tr><td>1</td><td>Karina</td></tr> <tr><td>2</td><td>Brian</td></tr> <tr><td>3</td><td>Vivienne</td></tr> <tr><td>4</td><td>Jessika</td></tr>

    Wynik:

    ID Imię
    1 Karina
    2 Brian
    3 Vivienne
    4 Jessika

    Na przykład:

    <table class="rav-tabelka"><tr><th class=>ID</th><th>Imię</th></tr> <tr><td>1</td><td>Karina</td></tr> <tr><td>2</td><td>Brian</td></tr> <tr><td>3</td><td>Vivienne</td></tr> <tr><td>4</td><td>Jessika</td></tr>

    Wynik:

    ID Imię
    1 Karina
    2 Brian
    3 Vivienne
    4 Jessika

    Pisanie newsa na stronę główną naszej szkoły może odbywać się na dwa sposoby. Używając wbudowanego edytora (niepolecane, aczkolwiek dopuszczalne) przy użyciu czystego HTMLa (polecane, aczkolwiek wymagające pewnej wiedzy).

    Jeśli chcesz używać edytora pamiętaj tylko o jednej rzeczy:

    Umieszczając w swoim newsie obrazek niepochodzący z naszych szkolnych zbiorów, tj. np. obrazek reklamujący olimpiadę międzyszkolną, należy umieścić argument "width" w tagu img. Wartość tego argumentu powinna wynosić od 20 do 60%.

    Na przykład:

    <img alt="Obrazek" src= "insygnia/belki/1.png" width= "20%">

    Wynik:

    Obrazek

    Na przykład:

    <img alt="Obrazek" src= "insygnia/belki/1.png" width= "60%">

    Wynik:

    Obrazek

    Jeśli chcesz dokonywać edycji na poziomie HTML (gratuluję dobrego wyboru, to po pierwsze) zapamiętaj kilka wskazówek, jak poprawnie konstruować kod:

    • Nie używaj znaczników <br> i <hr>
    • Nie używaj wielkości czcionek <font size="...">, ani kolorów <font color="...">
    • W zasadzie to nie używaj NICZEGO, co związane jest z wyglądem tekstu
    • Poprawne tagi, których możesz używać to <div>, <p> (bardzo polecany), <span>, <h1>-<h6>, <a>, <img> i oczywiście wszelkie związane z tabelami, tj. <table>, <th>, <tr> i <td>
    • Do stylowania (=nadawania pożądanego wyglądu) elementom służą KLASY
      Klasa Działanie klasy
      normal Powinien być przypisany paragrafom, może być ominięty, ponieważ nie daje istotnych zmian
      narrow Powinien być przypisany paragrafom, linijki są bardziej ściśnięte (więcej treści w danej przestrzeni)
      center-align Wyśrodkowanie elementu
      right-align Wyrównanie elementu do prawej
      gryff Służy do nadawania koloru Gryffindoru
      huff Służy do nadawania koloru Hufflepuff
      rav Służy do nadawania koloru Ravenclaw
      slyth Służy do nadawania koloru Slytherin
      colored Służy do nadawania oficjalnego koloru szkolnego (danego theme'a)
      top-buffer Dodaje 25 pikseli odstępu PONAD danym elementem
      bottom-buffer Dodaje 25 pikseli odstępu POD danym elementem
      italic Pismo pochyłe
      bold Pismo pogrubione
      basic-table Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej tabelki
      gryff-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, gryfońskiej tabelki
      huff-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, puchońskiej tabelki
      rav-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, krukońskiej tabelki
      slyth-tabelka Może być przypisany tylko tagowi <table> i nadaje wykład klasycznej, ślizgońskiej tabelki
      no-wrap-fit Może być przypisany tylko tagowi <th> i ściska dają kolumnę dając pozostałym (np. zawierającym imiona i nazwiska) więcej miejsca

      Kolory do używania w newsach i dziennikach

      Kod koloru (hex) Kod koloru (dec) Przeznaczenie
      #FF0000rgb(255, 0, 0) Gryffindor (class="gryff")
      #FFCC00rgb(255, 204, 0) Hufflepuff (class="huff")
      #0066FFrgb(0, 102, 255) Ravenclaw (class="rav")
      #00CC00rgb(0, 204, 0) Slytherin (class="slyth")
      #FFDEADrgb(255, 222, 173) Nauczyciele (class="nau")
      #00ffffrgb(0,255,255) Kolor newsów #1 (jaśniejszy)
      #0099FFrgb(0,153,255) Kolor newsów #2 (ciemniejszy)

    Na przykład:

    <p class="normal">Tekst Tekst Tekst</p> <p class="bit-bigger">Tekst Tekst Tekst</p> <p class="normal huff">Tekst Tekst Tekst</p>

    Wynik:

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Na przykład:

    <p class="bit-bigger colored top-but-bottom">Wynik:</p> <p class="narrow slyth">Tekst Tekst Tekst</p> <p class="narrow">Tekst <span class="colored">Tekst</span> <a href= "http://wh.boo.pl">Tekst</a></p><p class="narrow italic bold top-buffer">Tekst Tekst Tekst</p>

    Wynik:

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Tekst Tekst Tekst

    Na przykład:

    <table class="basic-table"><tr><th class="no-wrap-fit">ID</th><th>Imię</th></tr> <tr><td>1</td><td>Karina</td></tr> <tr><td>2</td><td>Brian</td></tr> <tr><td>3</td><td>Vivienne</td></tr> <tr><td>4</td><td>Jessika</td></tr>

    Wynik:

    ID Imię
    1 Karina
    2 Brian
    3 Vivienne
    4 Jessika

    Na przykład:

    <table class="rav-tabelka"><tr><th class=>ID</th><th>Imię</th></tr> <tr><td>1</td><td>Karina</td></tr> <tr><td>2</td><td>Brian</td></tr> <tr><td>3</td><td>Vivienne</td></tr> <tr><td>4</td><td>Jessika</td></tr>

    Wynik:

    ID Imię
    1 Karina
    2 Brian
    3 Vivienne
    4 Jessika

    Najlepsi uczniowie:


    Opiekun: -

    Prefekt: -

    Prefekt: -

    Kapitan: -

    Specjalista: -

    Prefekt naczelny: -


    zobacz więcej

    Najlepsi uczniowie:


    Opiekun: -

    Prefekt: -

    Prefekt: -

    Kapitan: -

    Specjalista: -


    zobacz więcej

      Najnowszy numer kleksa już w maju!

      Red. naczelny: Arianne Clair
      Jasper McCarthy

      Sowa: redakcja.kleks@gmail.com

      Nabór: OTWARTY


      zobacz więcej

      © 2005-2018 Dyrekcja i Zarząd WH. Wszelkie prawa zastrzeżone

      Designed&Developed: Xeme Graphics: Kayla Content: Społeczność WH

       Nasza strona korzysta z ciasteczek, ale takich bez masła, bo podrożało.