co tu poprawic?

Jak stworzyć swoją pierwszą stronę. Jeśli jeszcze nie orientujesz się w temacie robienia stron, zapraszamy tutaj.
sowa
Posty: 45
Rejestracja: 23 lut 2014, 19:26:45
Płeć: Niewybrana
User Agent: Firefox Windows

co tu poprawic?

Post autor: sowa »

czesc
co tu poprawic?
tak wyglada: http://vpx.pl/i/2014/03/23/222.jpg
<html>
<head>
<title>...</title>

<style>

#box1 {height:100px; width:1000px; border:1px solid white;background-image:url("logo.jpg");background-repeat:no-repeat;}

#box2 {height:50px; width:1000px; border:1px solid white; clear:both; float:left;background-image:url("menu.jpg");background-repeat:no-repeat;}

#box3 {height:400px; width:1000px; border:1px solid white; clear:both;float:left;background-image:url("tresc.jpg");
background-repeat:no-repeat;}

#box4 {height:50px; width:1000px; border:1px solid white;background-image:url("stopka.jpg");
background-repeat:no-repeat;}

h3{margin-left:100px; text-align:left; margin-top:10px;}

h1{margin-left:10px; text-align:left; margin-top:10px;font-size:50px;}

</style>
</head>

<body>

<div id="box1"><h1>Akwarium moja pasja</h1></div>

<div id="box2"><h3>

<a href='adres'>Strona glowna</a>
<a href='adres'>O mnie</a>
<a href='adres'>O rybach</a>
<a href='adres'>Galeria</a>

</h3></div>

<div id="box3"></div>

<div id="box4"></div>
</div>

</body>
</html>
Awatar użytkownika
fuma
Przyjaciel CBA
Posty: 11168
Rejestracja: 01 sie 2005, 14:57:56
Lokalizacja: z jajka niespodzianki :P
Płeć: Mężczyzna
User Agent: Opera Windows 1440x900

Re: co tu poprawic?

Post autor: fuma »

Dawno nie bawilem sie css i html, dlatego skupie sie na najwazniejszych i najbardziej rzucajacych sie bledach ;]
HTML heading sluzy do tytulowania, separowania sekcji na stronie. Menu nie wrzuca sie do heading. Do tego sluzy <nav> w ostatecznosci <section>. Nie musisz tez pakowac heading w divy. Osobiscie jestem zdania, ze im mniej div, tym lepiej. Przy duzej ich ilosci tworzy sie tzw. div hell :) Style css z reguly wrzuca sie w osobny plik, ulatwia to ewentualne zmiany w rozrastajacej sie stronie. Swoja droga do tworzenia przyjaznych czytnikom stron menu uzywa sie tzw description lists czyli listy na bazie

Kod: Zaznacz cały

<dl>
<dt>link</dt>
<dd>opis linku</dd>
</dl> 
ale to juz troche wyzsza szkola jazdy. Prosciej bedzie na poczatek uzyc Tobie listy uporzadkowanej.
W elementach anchor <a> i image <img> warto zawsze dodawac atrybut title=""

Pozdrawiam
ODPOWIEDZ