Kilka pytań odnośnie stron internetowych

Question

Witam,

chciałbym zapytać o następujące rzeczy:

1. Da się, robiąc prostą stronę (4/5 zakładek) zrobić tak, że gdy chce edytować jedną wartość np. w nawigacji to zamiast podmieniać ją w 4/5 różnych plikach, podmienić tylko w jednym.

2. Jak powinien wyglądać CSS?

 a) jeden plik do wielu zakładek

 b) nowy CSS do każdej zakładki

3. Polecane kanały na yt do nauki:  html, css, js , angielskiego (najlepiej w języku polskim, ewentualnie angielskim)

4.Jeżeli mam na stronę wkleić koło 100 zdjęć w sumie, to najlepiej będzie tworzyć osobne foldery z nazwami co do czego czy lepiej jeden folder z img 1-100.

@edit 5. Jak ustawić , żeby podczas pobytu na jakiejś zakładce miała ona tło np. czerwone, próbowałem tak:
 

a:active
{
  text-decoration: none;
  color: white;
  background-color: red;
}

ale to nie to.

Z góry dziękuję za odpowiedzi pod tym postem.

Pozdrawiam

Answer 1

1. Musisz podzielić szablon na elementy typu header, footer, sidebar i includować je w PHP, JS albo jakimś innym języku.
2. Jeden plik css.
3. Nie znam do HTML i CSS, ale do JS polecam FunFunFunction. Po angielsku, ale świetnie tłumaczy.
4. A to zależy jakich zdjęć i do czego. Podziel je najlepiej tematycznie.
5  Nie da się tego zrobić w samym CSS, musisz ten stan jakoś rozpoznać, przy pomocy jakiegoś języka typu PHP, JS i wtedy w zależności od tego pod jakim adresem aktualnie jesteś, dodawać odpowiednią klasę.

Comments

1. Jesteś w stanie przybliżyć mi ten punkt?

---

W PHP masz funkcję include.

<?php

include("header.php");

// treść tutaj

include("footer.php");

Dzielisz template na poszczególne pliki, czyli header footer, main, sidebar i jakie jeszcze tylko chcesz i includujesz je do podstrony. Ogólnie tak się już nie robi, tylko wykożystuje się systemy szablonów, takie jak blade, czy twig.

W JS możesz skorzystać z funkcji .load(); w jQuery, albo napisać ją samemu, ew W3Schools też ma w swoich bibliotekach taką funkcję.

Answer 2

3. Kanały na yt:

• koduje
• Samuraj Programowania
• The Net Ninja - ten akurat po angielsku, ale ma duuużo filmików z różnymi technologiami, dość fajnie tłumaczy i filmiki są krótkie więc też fajnie się ogląda

5. Najlepiej dodawać do tej zakładki nową klasę .item-active czy coś i w CSS taką klasę ostylować, a za pomocą JS dodawać .item-active do elementu i usuwać w odpowiednim momencie