Prosta stronka

[Owneds]

Witam serdecznie.

Jako, że dopiero zaczynam bawić się kodowaniem , to chce stworzyć sobie prostą stronkę która ma wyglądać tak:

U góry, na środku miejsce na banner
z lewej strony menu z 3 pozycjami:
O mnie
Moje Programy
Kontakt

a po lewej stronie treść.

I teraz mam kilka pytań.
1. Jest może gdzieś taki gotowiec?
2. Jak już zrobię szablon CSS, to wtedy muszę go wstawiać w każdej z podstron?
4. Dajmy na to, że tło strony jest czarne, a napisy w menu czerwone. Jak zrobić takie coś, że jak kliknę np: Moje programy, to przeniesie mnie do strony np: www.xxx.pl/mojeprogramy.html, i jednocześnie, zmieni kolor Moje Programy w Menu z czerwonego na zółty.
W skrócie:
Klikam w Menu np: Moje Programy -> Przenosi mnie na stronę www.xxx.pl/mojeprogramy.html -> Zmienia kolor Moje Programy z czerwonego na zółty...
Teraz np Jestem w Moje Programy, przechodzę do menu i klikam np: Kontakt -> otwiera mi się strona www.xxx.pl/kontakt.html i jednocześnie zmienia się kolor w menu z czerwonego na zółty, a kolor "Moje programy" powraca do pierwotnego, czyli czerwonego.

[ixtab]

1. http://www.darmowe-szablony.net/
http://webmade.org/grafika/darmowe-szablony.php
http://www.freecsstemplates.org/
http://www.freecsstemplates.com/

2. Plik CSS wystarczy jeden, i wtedy tylko w pliku HTML w sekcji HEAD podajesz ścieżkę do tego pliku np.

Kod:

<link rel=stylesheet href="css/style.css" type="text/css" media="all">

"css/style.css" to scieżka do pliku.

3 gdzieś Ci wsiąkło...

4. dla index.html:

Kod:

<ul>
       <li class="active"><a href="#">Strona Główna</a></li>
       <li><a href="#">Moje programy</a></li>
       <li><a href="#">Kontakt</a></li>
</ul>

dla mojeprogramy.html:

Kod:

<ul>
       <li><a href="#">Strona Główna</a></li>
       <li class="active"><a href="#">Moje programy</a></li>
       <li><a href="#">Kontakt</a></li>
</ul>

itd...
A w CSS:

Kod:

li {
       background:#ff0000;
}
li.active {
       background:#ffff00;
}

[Owneds]

Serdecznie dziękuje za pomoc + Rep

Znalazłem sobie them i sobie go edytuje
Mam kolejne pytanie:
Jak w css mogę sobie zdefiniować dana funkcje, aby miała ona dany rozmiar i kolor?
Mam np: Napisane przez: Owneds
i chcę aby słowo Owneds było na żółto.

Próbowałem zrobić to tak:
CSS:

Kod:

n {
    color: yellow;
}

a w html:

Kod:

<n>Owneds</n>

Ale nie działa.
A nie chce wpisywac ciągle np:

Kod:

<h3><font color="yellow">Owneds</font><h3>

[ixtab]

Powinieneś zrobić kurs HTML -> http://www.kurshtml.boo.pl/
Użyj <span style="color:#ffff00">text</span>. Nie ma czegoś takiego jak <n>.

[Owneds]

Przerobiłem.
Wiem, że nie ma, ale chciałem sobie jakoś ułatwić prace i użyć jakiejś utworzonej komendy, np. w tym przypadku <n>, która zawierała by to, iż kolor tekstu w niej miałby być żółty.

[razorskate]

Jeśli ma być wyrazów np. w innym zabarwieniu, dla każdego koloru warto by utworzyć klasę w CSS, wtedy w HTML będzie porządek, i kod będzie przejrzysty.
Przykład:
CSS

Kod:

.zolty {
color:ff0;
}

A w HTML:

Kod:

<span class="zolty">Żółty tekst</span>
[...]
<span class="zolty">Drugi żółty tekst</span>

Kiedy jest wiele napisów w innym kolorze, warto rozważyć ten sposób, gdyż kiedy będziesz np. chciał zmienić kolor z żółtego na inny, to będziesz musiał to robić osobno do każdego wyrazu, natomiast moim sposobem wystarczy tylko zmienić deklarację w CSS.

Pozdrawiam

[beny]

Jeśli ma być wyrazów np. w innym zabarwieniu, dla każdego koloru warto by utworzyć klasę w CSS, wtedy w HTML będzie porządek, i kod będzie przejrzysty.
Przykład:
CSS

Kod:

.zolty {
color:ff0;
}

A w HTML:

Kod:

<span class="zolty">Żółty tekst</span>
[...]
<span class="zolty">Drugi żółty tekst</span>

Kiedy jest wiele napisów w innym kolorze, warto rozważyć ten sposób, gdyż kiedy będziesz np. chciał zmienić kolor z żółtego na inny, to będziesz musiał to robić osobno do każdego wyrazu, natomiast moim sposobem wystarczy tylko zmienić deklarację w CSS.

Pozdrawiam

to ja dorzucę swoje trzy grosze mnie osobiście uczono, żeby nie pisać nazw klasy opisującej jej cechę, a raczej to, co w niej się będzie znajdować, tzn. zamiast pisać .zolty, napisac .wyrozniony, bo po zmianie w css owego wyróżnienia na np. kolor niebieski, w kodzie będzie klasa .zolty, a kolorować będzie tekst na niebiesko

[razorskate]

Masz rację, przyznaję się, nie pomyślałem o tym