Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Postavimo in oblikujmo tabele
Avtor: NikMan | Objavljeno: dne 30. september 2006, 12:09
  Tabele so najbolj važno orodje za postavljanje spletnih strani. zato vam bom pokazal osnove dela z njimi in še kaj več.
 
 
1
  
 
Odprite Macrmedia Dreamweaver in nov HTML dokument.
 
 
2
  
 
Kliknite na ikono Table.
 
 
3
  
 
Odpre se vam novo okno.

Kreirali bomo tabelo z tremi celicami, zato bomo izbrali Rows:1 in Columns:3. Spodaj pa določili Border thickness:0, Cell padding in spacing pa tudi 0.

Še klik na OK.
 
 
4
  
 
V dokumentu se vam prikaže nova tabela.
 
 
 
 
 
5
  
 
Kliknite sedaj v prvo celico tabele.
 
 
6
  
 
In v nastavitvah določite širino celice 200.

To pomeni, da bo ta celica široka 200 pik (lahko določate tudi v procentih, tako da lahko poiskusite z 20%).
 
 
7
  
 
Sedaj kliknite na drugo, sredinsko celico.
 
 
8
  
 
In določite širino celice 10.

Ta celica nam bo služila kot razmak med osnovnim menijem in tekstom na desni strani.
 
 
9
  
 
Celice v tabeli bi morale sedaj izgledati tako kaže slika.
 
 
10
  
 
Kliknite spet na prvo celico v tabeli.
 
 
11
  
 
Kliknite na kvadratek, kjer se določa barva za ozadje.
 
 
12
  
 
In izberite neko lahko ter prijetno barvo. Jaz sem modro.
 
 
13
  
 
Prva celica je sedaj obarvana.

Kliknite spet na to celico.
 
 
14
  
 
In spet na ikono za vnašanje tabele.
 
 
15
  
 
Sedaj tabeli določite Rows:3 in Columns:1. Spodaj pa določite Border thickness: 0, Cell padding in spacing pa 2.

Potrdite še na OK.
 
 
16
  
 
Kreirala se vam je čisto nova tabela in to z malce večjimi razmaki med njimi.
 
 
17
  
 
Vpišite sedaj v vsako celico posebej poljuben tekst za osnovni meni.

Jaz sem vpisal PRVA STRAN, PONUDBA in KONTAKT.
 
 
18
  
 
Ko boste vnesli tekst, označite tekst v prvi celici (v mojem primeru je toPRVA STRAN...).
 
 
19
  
 
...in določite v nastavitvah, da bo tekst poravnan na desno in pobarvan z belo barvo.

Ponovite postopek še za ostale tekste v osnovnem meniju.
 
 
20
  
 
Tekst je pobarvan.

Sedaj pa v desno celico vpišite poljuben tekst za prvo stran. Jaz sem vpisal standardno dobrodošlico.
 
 
21
  
 
Ker pa nas moti, da je tekst lociran na sredini dokumenta in ne na vrhu, bomo pri nastavitvah izbrali Vert: Top.
 
 
22
  
 
Tole bi bilo za začetek dovolj. Shranite ta dokument in pritisnite tipko F12, da boste videli svoj izdelek v brsklaniku.

Naredite še dve novi strani in jih med seboj povežite. Kliknite sem za ogled lekcije "Povezave med spletnimi stranmi".
 
 
Komentiraj
  
 
 
 
 
27.8.2009, 11:53
Nikakor ne morem ugotoviti kako narediti da se povezava odpre v drugi celici , ki jo določiš.
 
 
 
 
27.8.2009, 12:05
Pri kliku na povezavo se običajno vedno osveži cela stran.

Najlažji način je, da pripraviš več strani, kjer imajo isti levi meni in različno desno stran in nato samo nastaviš povezave na te strani.

Drug način pa je recimo uporaba funkcije iframe, znotraj katerega se da osveževati samo del strani.
Kako narediš iframe, je opisano v lekciji:
http://www.zmaga.com/program_ucenje.php?....
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!
  
Zmaga.com na Facebooku | Pošljite nam e-pošto | Informacije o Zmaga.com