Jak zrobić stronę www? cz5.

Jak zrobić stronę www

Jak zrobić stronę www? cz5.

Jak zrobić stronę www z działającym MENU?

Bardzo prosto:
 <ul>
    <li><a href="#cards">Kartki na walentynki</a></li>
    <li><a href="#info">O co chodzi?</a></li>
    <li><a href="#prezenty">Prezenty</a></li>
 </ul>

Tworzymy tak zwaną kotwicę. tzn. zamiast linku w atrybucie <a href> podajemy id sekcji, którą chcemy podlinkować.

Ważne !!!! Musi być to id nie klasa i przed nazwą sekcji musi być ten znaczek #(hasha) inaczej nie zadziała.

Im więcej treści jest w danej sekcji, tym jest lepszy efekt i lepiej widać jak to działa : ).

Tworzenie FOOTERa – czyli jak zrobić stronę www?

Została nam najszybsza i najłatwiejsza sekcja do zrobienia:
 <div class="pos-center">
    <footer>
       <h3>Copyright &copy; - Kopiowanie zabronione.</h3>
    </footer>
 </div>

Myślę, że po całym kursie – Jak zrobić stronę www już wiesz za co odpowiada, która linijka kodu i nie muszę za dużo tłumaczyć.

Powiem tylko, że za ten znaczek Copyrighta – to takie C w kółeczku odpowiada specjalna encja HTML, którą piszę się tak &copy;

Skoro wszystko jasne uzupełnijmy style dla stopki:
 footer
 {
    background:#4d4d4d;
    height:80px;
    width:100%;
 }
 footer h3
 {
    color:#f6f6f6;
    text-align: center;
    line-height:80px;
    font-size: 0.875em;
    margin-bottom:0;
 }

Jedyne czego w tym kawałku kodu możesz nie znać to:
margin-bottom:0; – ustawia margines dolny na 0.

Nasza pierwsza wspólnie napisana strona www jest już skończona : )
Napracowaliśmy się, ale było warto.

Strona jest typu Fluid layout – dopasowuje się do rozdzielczości ekranów.
Choć mogłaby to robić lepiej, ale do tego są potrzebne już media queries.
Nic nie stoi na przeszkodzie, żebyśmy w następnym kursie ją ulepszyli : )
ONE-PAGE też działa choć nie użyliśmy JavaScriptu.
Z JSem pewnie działało by lepiej, ale to nasza pierwsza strona.
Możemy być z siebie dumni : )

Jeśli dotrwałeś/ dotrwałaś do tego miejsca, to ja z Ciebie jestem.
Gratuluję Ci stworzenia razem ze mną jej strony.

Pamiętaj tylko proszę sprawdzić czy wszystkie znaczniki HTLM są dobrze zamknięte oraz CSSy.

W razie potrzeby zawsze masz do dyspozycji Gotową stronę – możesz podejrzeć kod.

Wierzę, że po tym kursie już wiesz Jak zrobić stronę www.

Jeśli masz pytania odnośnie tego kursu, lub chcesz się podzielić ze mną tym jak udało Ci się napisać te stronę.
Czekam na Twój komentarz pod tym artykułem lub na Facebooku.

Dziękuję Ci za wspólne kodowanie.
Do usłyszenia wkrótce 🙂

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *