Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Prosta stronka - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Prosta stronka (/thread-prosta-stronka)

Prosta stronka - Owneds - 17-10-2010

Witam serdecznie. Smile

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ń. Smile
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.

RE: Prosta stronka - ixtab - 17-10-2010

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;
}


RE: Prosta stronka - Owneds - 17-10-2010

Serdecznie dziękuje za pomocSmile + Rep

Znalazłem sobie them i sobie go edytuje Smile
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. Sad
A nie chce wpisywac ciągle np:
Kod:
<h3><font color="yellow">Owneds</font><h3>


RE: Prosta stronka - ixtab - 17-10-2010

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

RE: Prosta stronka - Owneds - 17-10-2010

Przerobiłem. Smile
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. Smile

RE: Prosta stronka - razorskate - 17-10-2010

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

RE: Prosta stronka - beny - 18-10-2010

(17-10-2010, 13:25)razorskate napisał(a): 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 Wink 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 Smile

RE: Prosta stronka - razorskate - 21-10-2010

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