☰

» »

Preprosta Izdelava spletne strani

Preprosta Izdelava spletne strani

maticm ::

Zanima me kako naj na najbolj preprost način naredim preprosto spletno stran (kater program naj uporabim). Objavljena bo na mojem Clarkconnectu (router-strežnik)...
Sem popoln začetnik glede teh stvari!

overlord_tm ::

če se nočeš kej preveč gledat s kamim htmljem (torej hočš več al mn sam klikat) potem kak NVU. če bi kej pogledu tud html, samo bi še zmeri kliku, potem DW (samo se ga boš mogu navadt). če bi pa rad sam pisu, pa nč kliku, potem pa notepad :p

če pa hočš imet res ogromno html kode z malo uporabnimi stvarmi, potem pa je prava izbira frontpage >:D

maticm ::

frontpage ni ok - tolk da vem

overlord_tm ::

sej je ok, če samo pišeš. če pa misliš klikat, ti bo pa tolko kode napacav ...:D sej večinoma je z vsemi click editorji tko.

jaz ti bi priporočil nvu

maticm ::

a so kje kakšni manual za NVU? Zgleda zelo uporaben pa tut ni nevem kako zahteven na prvi pogled

overlord_tm ::

na googlu :p

mogoče uporabno

pivmik ::

Ma kar osnove HTMLja in CSS malo poglej. Piši kodo kar v kaki beležnici(notepad). Predogled pa imej v kakšnem Firefoxu. Najprej naredi osnovno strukturo: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sl" xml:lang="sl">
<head>
<title>NASLOV STRANI</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="sl" />
<meta name="description" content="OPIS SPLETNE STRANI" />
<link rel="stylesheet" type="text/css" media="all" href="oblika.css" />
</head>
<body>

<div id="celota">

<div id="glava">
<a href="index.html"><img src="logotip.jpg" alt="logotip" /></a>
</div>

<div id="telo">

<ul id="menu">
<li><a href="index.html">Domov</a></li>
<li><a href="podstran1.html">Podstran 1</a></li>
<li><a href="podstran2.html">Podstran 2</a></li>
<li><a href="podstran3.html">Podstran 3</a></li>
</ul>


<div id="vsebina">

<h1>GLAVNI NALSLOV NA STRANI</h1>

<h2>PRVI PODNALSLOV NA STRANI</h2>

<div id="tekst">

<p>To je en odstavek.</p>

<p>In tole je še eden. Besedilo lahko <strong>obebeljuješ</strong> oz. 'daš' na  <strong>krepko</strong>, lahko ga <em>poudariš</em> ali pa mu dodeliš prav <span class="mojslog">poseben slog</span>, ki ga kasneje oblikuješ.</p>

<p>Z <code>div<code> ločiš svoj dokument na različne sekcije/področja, recimo glavo, telo, nogo, menuje in nato te sekcije in vse ker je v njih ločeno oblikuješ.</p>

<p>Delaš lahko tudi sezname:

<ul>
<li>v obliki pike,</li>
<li>v obliki črtic,</li>
<li>razvrščene (OL),</li>
<li>nerazvrščene (UL),</li>
<li>...</li>
</ul>
</p>

<p class="desno">Pa še malo teksta pišeš. Pa s pomočjo CSS slogovnih predlog cel odstavek poravnaš na desno recimo.</p>

<p>Pa še malo teksta pišeš. Pa kakšno sliko vstaviš, ki jo boš kasneje s slogi 'zaplaval' na levo ali desno. <img src="slikca.jpg" alt="slikica" class="levo" /> Če imaš kakšno programsko kodo za objavit na strani, jo ustrezno označiš(in dodaš PRE značko, da ni treba pretvarjat presledke in prelome vrstic v "nbsp" in "br"):

<code><pre>main() {
	
  int i,c,r1,r2,t;
  
  printf("Vnesi stevilo: ");
  scanf("%d",&c);
  
  
  for (i = 1; i <= c; i++) {
     if( (i == 1)|| (i == 2))
     	r1 =r2= 1;
     else {
     	t = r2;
        r2 = r1 + r2;
    	r1 = t;
    	}
    printf("%d ", r2);	
  }	
	
	
}//main
</pre></code>

</p>

</div>

<h2>Povezave - DRUGI PODNASLOV NA STRANI</h2>

<p>Seveda zelo pomembna stvar je delanje povezav(linkov) do <a href="drugi_dokument.html">drugih html dokumentov</a>, <a href="podstran1.html">podstrani</a> ali <a href="http://www.google.com">drugih spletnih strani</a>.</p>

<div id="noga">
TVOJE IME &#169; 2005, vse pravice pridržane.</div>
</div>

</div>

</div>

</body>
</html>
Ko si končal z strukturiranjem (X)HTML dokumenta in si vso vsebino že vnesel v html dokument(e), lahko še vse skupaj dosti olepšaš s pomočjo že prej omenjnih slogovnih predlog CSS.
LP, Gregor GRE^

Zgodovina sprememb…

  • spremenil: Tody ()

strictom ::

in to kar si napisal je zelo grdo raztegnalo cel slo-tech.
drugače imaš pa na vrhu foruma navodila kot program ima pa word en lušn wizard;)
"Violence is the last refuge of the incompetent" - Salvor Hardin

Tody ::

Stric tom da te nebi sanjal z kakim Wordom, to je pa tok slabo orodje za spletne strani da ga vsak web wizard prekosa...

njok ::

Ja, moderator bi lahko malo oklestil dolge vrstice.

strictom ::

mogoče word ni dobro orodje za spletne strani ampak je preprosto kot sirovi mandljni
"Violence is the last refuge of the incompetent" - Salvor Hardin

root987 ::

Tudi nvu je.
"Myths which are believed in tend to become true."
--- George Orwell

Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Uvod v izdelavo spletnih strani (strani: 1 2 3 4 5 6 )

Oddelek: Izdelava spletišč		277265443 (1752) Netrunner
»

Kateri program za izdelavo spl.strani (enostaven)?

Oddelek: Izdelava spletišč		353300 (2361) tomaz321
»

Kateri program za domačo spletno stran?

Oddelek: Izdelava spletišč		383059 (2281) Highlag
»

Kako izdelati spletno stran?!

Oddelek: Izdelava spletišč		232790 (1457) smash
»

Kateri program za HTML programiranje oz. delanje HTML strani

Oddelek: Izdelava spletišč		183420 (3216) CaqKa

Več podobnih tem