ict-trainer.pl

Komunikacja biznesowa w Internecie

zad. 1 zad. 2 zad. 3 zad. 4 zad. 5 zad. 6 zad. 7 zad. 8 zad. 9 zad. 10 zad. 11 zad. 12

Zadanie 1 - elementy HTML + CSS + BOOTSTRAP + IKONY

Podręcznik HTML (bootstrap):
w3schools bootstrap

Zdjęcia do wykorzystania:
PIXELS

Struktura dokumenty HTML z BOOTSTRAP + Font Awsome.

Struktura kodu zakładek

Układy kolumn bootstrap

<div class="col-md-12"></div>
        
        
        <div class="col-md-6"></div>
        
        
        <div class="col-md-4"></div>
        
        
        <div class="col-md-3"></div>
        
        
        <div class="col-md-2"></div>
        
        
        <div class="col-md-12 text-center"></div>
        
        
        <div class="col-md-12 text-right"></div>
        
        
        <div class="col-md-12 text-justify"></div>
        
        
        <div class="col-md-12 text-center">
            <h1>Nagłówek 1</h1>
            <h2>Nagłówek 2</h2>
            <h3>Nagłówek 3</h3>
            <h4>Nagłówek 4</h4>
            <h5>Nagłówek 5</h5>
            <h6>Nagłówek 6</h6>
        </div>

Wstawianie obrazków

Wstawianie ikon GLYPHICONS

Dostępne ikony w zestawie GLYPHICONS

Wstawianie ikon Font Awsome

Zestawienie ikon Font Awsome wyszukiwarka
Animowane, większe ikony Font Awsome: przykłady

Ćwiczenie
________

Przygotuj ogłoszenie (dokument HTML) z trzeba kartami.
Pierwsza karta powinna dotyczyć ogólnych informacji o sprzedawanym przedmiocie.
Druga karta powinna zawierać dokładniejszy opis przedmiotu.
Trzecia karta powinna zawierać zdjęcia przedmiotu.

Ogłoszenie może dotyczyć dowolnego przedmiotu, można wykorzystać dane z ogłoszenia znalezionego w sieci np. samochód, mieszkanie, działka, wyjazd, ....