POMOCY!

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
paatter
Posty: 8
Rejestracja: sob sty 02, 2010 2:19 pm

POMOCY!

Post autor: paatter »

Otóż mam taki problem: sciagnalem z netu szablon strony html, ktory zawiera: 1)folder z jpeg'ami, ktore sa potrzebne do utworzenia strony, 2)plik strony (.html) oraz 3)plik stylow (.css). Ja nie rozumiem tych stylow css i mam pytanie: CZY MOGE TEKST Z PLIKU .CSS JAKOS ZAMIENIC I WKLEIC DO PLIKU .HTML ZEBY STRONA DZIALALA POPRAWNIE? po prsotu chce sie pozbyc tego pliku css. POMOCY!
oto zawartocs tego pliku css:

body {
background-color: #f2f2f0;
margin: 0;
padding: 0;
text-align:center;
}
a {
text-decoration: none;
}
#container {
background: url(images/background.jpg);
margin:0 auto;
padding:0 0px 0 0px;
position:relative;
width:750px;
height:100%;
text-align:left;
clear: both;
background-color:#FFFFFF;
}

#naglowek {
background: #fff url(images/logo.jpg) no-repeat;
width:750px;
height:375px;
margin-bottom:0px;
}
#menu {
background: #fff url(images/pasek.jpg) no-repeat;
width:auto;
height:33px;
margin-bottom:0px;
margin-top:-16px;
}
#menu ul {
list-style: none;
}
#menu li {
float: left;
padding-left:20px;
padding-top:5px;
font-weight: bold;
font-size: 14px;
}
#menu a {
display: block;
line-height: 20px;
padding: 0 8px;
color: #fff;
font-weight: bold;
}
#menu a:hover {
background: #fff;
color: #294b9d;

}
#lewy {
background: #fff url(images/tlo1.jpg) repeat;
width:160px;
height:100%;
float:left;
padding-left:0px;
margin-left:28px;
}
#lewy dl {
margin: 0px;
}
#lewy dt {
font-size: 12px;
color: #000;
background:url(images/menu.jpg) no-repeat;
font-weight: bold;
height:20px;
width:157px;
padding-top:6px;
text-align:center;
}
#lewy dd {
font-size:13px;
margin-top:3px;
margin-left:6px;
}
#lewy a {
font-size:14px;
color: #000000;
line-height: 150%;
}
#lewy a:hover {
text-decoration:underline;
}
#bottom {
background: url(images/bottom.jpg) no-repeat;
width:160px;
height:8px;
margin-top:20px;
}
#srodek {
background: #fff url(images/tlo2.jpg) repeat;
width:500px;
height:auto;
float:left;
margin-left:15px;
margin-top:3px;
margin-bottom:40px;
}
#srodek a {
color:#000000;
text-decoration:underline;
}
#srodek h2 {
padding-top:15px;
background-color:#FFFFFF;
font-size: 15px;
color: #294b9d;
line-height: 150%;
padding-left:15px;
margin-top:0px;
}
#srodek p {
margin-bottom:8px;
text-indent: 15px;
text-align: justify;
padding-left:15px;
padding-right:5px;
padding-top:0px;
padding-bottom:4px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#tlo2 {
background: url(images/tlo_2.jpg) repeat;
float:right;
width:27px;
height:400px;
}
#stopka {
background: #f2f2f0 url(images/stopka.jpg) no-repeat;
clear:both;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:28px;
color:#FFFFFF;
padding-top:8px;
padding-right:30px;
}
#stopka a {
color: #FFFFFF;
}
#stopka a:hover {
text-decoration:underline;
}
#copyright {
float:left;
padding-left:340px;
}
#design {
float:right;
}
slawko
Nowy
Nowy
Posty: 127
Rejestracja: ndz sty 23, 2005 6:43 pm
Kontakt:

Re: POMOCY!

Post autor: slawko »

Można plik css przenieść do pliku html, ale nie jest zalecane
Po między znaczniki

Kod: Zaznacz cały

<head></head>


dajesz

Kod: Zaznacz cały

<style></style>
pomiędzy tymi znacznikami wstawiasz zawartość pliku .css

Teraz wszystkie strony buduje się na css (kaskadowe arkusze stylów) odpowiedzialne są wygląd prezentacje strony.

Możesz jeszcze stronę zrobić na tabelkach, lecz i tak musiałbyś w jakimś stopniu używać css,
zresztą stron na tabelkach też się już nie robi.
paatter
Posty: 8
Rejestracja: sob sty 02, 2010 2:19 pm

Re: POMOCY!

Post autor: paatter »

no to jest jakies rozwiazanie i odpowiedz na moje pytanie, dzieki slawko, ale wiesz... ja robie strone na informatyke i nie mielismy nic o css, bo tylko 3 lekcje teorii (poznalismy kilka znacznikow i tyle xD) są odpowiedniki tych wszystkich komend css w html?bo w necie nic nie moge znalezc :(
slawko
Nowy
Nowy
Posty: 127
Rejestracja: ndz sty 23, 2005 6:43 pm
Kontakt:

Re: POMOCY!

Post autor: slawko »

W tej chwili css jest nierozłącznym narzędziem razem z html-em do tworzenia stron www.
Czy można zrobić stronę bez arkuszy stylów? Można ale jakąś prostą, wtedy trzeba używać takich znaczników w html-u jak font-color, bold, i innych, w necie na pewno znajdziesz, wszystkich komend css nie zastąpisz html-em.
A dobry kurs html jest tutaj http://www.kurshtml.boo.pl/
paatter
Posty: 8
Rejestracja: sob sty 02, 2010 2:19 pm

Re: POMOCY!

Post autor: paatter »

dzieki za odp i za ta stronke, wlasnie moja strona ma byc prosta :)
ODPOWIEDZ