Egzamin z kwalifikacji E.14. Strona internetowa. HTML / CSS

Witaj Kamilu - a z czym masz dokładnie problem? Czego nie rozumiesz z tych poleceń? 😉

A więc tak Kamilu, styl.css może wyglądać następująco:

body{
      /* Kolor tła według tego co w arkuszu */
      background-color: #99FF66;
}

.kontener{
      /* Ustalamy szerokość */
      width: 1000px;
      
      /* marginesy zewnętrzne automatyczne */
      margin: 0 auto;
}

.baner{
      /* Tło */
      background-color: #99FFCC;

      /* Wysokość */
      height: 200px;
}

.menu{
      /* Kolor tła */
      background-color: #66CCFF;

      /* Wyrównanie do środka */
      text-align: center;

      /* Górny i dolny margines wewnętrzny */
      padding: 20px 0;
}

/* Odnośniki z bloku menu */
.menu a{
      /* Kolor */
      color: #006666;

      /* Margines wewnętrzny */
      padding: 50px;

      /* Rozmiar czcionki */
      font-size: 200%;

      /* Bez podkreślenia */
      text-decoration: none;
}

.kolumna{
      /* Szerokość */
      width: 310px;

      /* Margines wewnęrzny */
      padding: 10px;


      /* Nie wiem czy na to zezwalają ale żeby były obok siebie to trzeba użyć czegoś takiego*/
      display: inline-block;
      
      /* A to aby były "przyklejone" do góry */
      vertical-align: top;
}

.stopka{
      background-color: #66CCFF;
      color: #006666;
      text-align: right;
      height: 30px;
      padding: 20px;
}

h2, h3{
      text-align: center;
}

/* Przycisk reset w formularzu */
form button[type="reset"]{
      background-color: #ff0000;
}

/* Przycisk wysyłający formularz */
form button[type="submit"]{
      background-color: #00ff00;
}

Mam nadzieję, że o to chodziło. Niestety nie wiem jak was w szkole przygotowują więc polegam na swoim doświadczeniu gdy byłem w technikum i z czym nie było problemu na egzaminie. Podany kod musisz sobie dostosować pod siebie i swoje nazewnictwo dla danych klas bloków/sekcji.

Nie wiem też czy Cię te tematy z tworzeniem stron interesują ale tak na koniec napiszę - że to co się uczy w technikum na zajęciach odnośnie stron to ponad 70% rzeczy wyszło z użycia i w obecnym internecie stosuje się bardziej wygodniejsze techniki 😉

Oj Kamilu to źle wytłumaczyłeś - chodzi Ci w takim razie o grafikę? O baner i favicon?

To musisz zrobić w programie graficznym takim jaki Twoja szkoła dostarcza (Gimp lub Photoshop)

PS: (Prosiłbym abyś nie dublował odpowiedzi 😉)

Okej to powiedz mi co z tych grafik tam masz?

Bo niestety favicon nie dasz rady zrobić bez grafiki (a na wyższym poziomie wiedzy mógłbyś to uzyskać przy pomocy base64 ale ta wiedza raczej nie jest Ci znana).

Jeśli chcesz zrobić ten baner w kodzie no to podobnie jak w przypadku kolumn tworzysz 3 tylko że boczne (1 i 3) robisz np.: na szerokość 100px a wiedząc że cała strona ma 1000px łatwo to obliczyć ile ma mieć środkowa część

100 + 100 = 200

1000 - 200 = 800

800px będzie miała środkowa część czyli kolumna 2 i do niej wsadzasz tekst a do bocznych grafikę

Możesz sprawdzić gotowe rozwiązane zadania które dodałem jakiś czas temu:

• E14 - Forum hobbistyczne. Gotowy skrypt.
• E14 - Sklep muzyczny z formularzem. Gotowy skrypt.
• E14 - Salon pielęgnacji kotów i psów. Gotowa strona.
• E14 - Usługi remontowe. Gotowy skrypt.