Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi
 
Domov > Forum > Računalništvo

Osnovna vprašanja pri izdelavi spletnih strani

 
 
20.11.2011, 21:56
Zanima me nekaj osnovnih stvari, ki jih je dobro vedeti pri izdelavi spletnih strani.

Torej...

1. Kako se ustvari taka vrstica kot je pri 24ur.com na vrhu čez celotno okno (bolj opazna je, če sliko oddaljite (CTRL + -))?




2. Kako se postavi spletno stran "na sredino" okna in ne v zgornji levi kot, kot je privzeto? Primer: 24ur.com (bolj opazno, če sliko oddaljite)




3. Kako se nastavi tak prikaz slik? ...




4. Kako se nastavi možnost, da se slika ozadja ne ponavlja?




Hvala v naprej za vse odgovore.


spremenil: Matej V. (22.11.2011 ob 06.36.57)
 
 
 
20.11.2011, 22:16
2. Pred tistim kar želiš postaviti na sredino napišeš naslednji ukaz.<center>
vse kar je nas redini</center>

Lahko pa uporabiš tudi naslednji ukaz:
<DIV ALIGN=CENTER>Vse kar je na sredini</DIV>

1. in 4. ne vem.

Za 3. pa je lekcija na zmagi.:
http://www.zmaga.com/ucenje.php?id=1216


spremenil: .lolo (20.11.2011 ob 22.23.45)
 
 
 
20.11.2011, 22:18
Vse razen tretje zadeve se naredit s CSS-om.

1. DIV element, ki mu nastaviš 100% širino in višino npr 20px. To ti je vrstica. Vse ostale elemente strani postavljaš pod ta DIV.

2. DIV elementu nastaviš širino npr. 800px, margin levo in desno nastaviš 'auto'.

3. Javascript. Ena od možnosti, ki jo jaz največkrat uporabim je FancyBox: http://fancybox.net/
Seveda obstaja dosti podobnih zadev. Skratka, CSS in HTML tega ne zmoreta sama po sebi... razen HTML5 mogoče? Ga še nisem toliko raziskal...

4. Nastaviš ozadju repeat:no-repeat;


spremenil: maticg (20.11.2011 ob 22.19.58)
 
 
 
20.11.2011, 22:22
1. V Photoshopu narediš sliko, veliksoti 1px širine in višine 15px. Na vrhu strani narediš div v višini slike in širine 100%, nato pa še določiš, da se bo ta slika ponavljala horizontalno čez celoten div. Prilepiš še povezave in ikonce do prijateljskih strani.

2. V CSS-ju naredi glavni del (v tem delu naj bo logo, navigacija, vsebina...), ter mu določi margin:auto;.
Kako se naredi glavni del si lahko pogledaš v tej lekciji:
http://www.zmaga.com/ucenje.php?id=3422

3. Oglej si lekcijo Prikaz slik v stilu:
http://www.zmaga.com/ucenje.php?id=1216

4. Če je slika manjša, kot je resolucija tvoje slike monitorja, se bo slika na strani ponavljala. Če boš sliko s katerim programom povečal, se bo tej spremenila kvaliteta (slika bo bolj meglena). Dobro je, če si izbereš kakšno sliko, ki se lahko ponavlja horizontalno oz. vertikalno (npr. prerez debla oz. les. Primer, kjer se v ozadju ponavlja slika lesa: http://mizarstvo-montles.si/)


spremenil: .lolo (20.11.2011 ob 22.53.29)
 
 
 
21.11.2011, 0:59
1. na vrhu usvariš div blok, ki mu daš npr. id bar, potem pa s css definiraš, kako zgleda ta blok

#bar {
height:15px;
background:black;
}


Za barvo lahko definiraš tudi preliv. Pobrskaj po googlu "css gradient"

seveda moraš še prej pobrisat odmike (ker drugače se ti ta črn kvadrat ne bo čist držal roba brskalnika, ampak bo bel rob), ki jih ima vsak brskalnik drugače definirane. jaz na začetku dam zato še
* {
margin:0;
padding:0;
}




2. Vsebino strani obdaš z div blokom (jaz sem ga poimenoval z id container), ki mu nastaviš neko širino (taka bo potem končna širina spletne strani) in poravnavo levo in desno na auto.


#container {
width: 900px;
margin-left: auto;
margin-right: auto;
}


4. To nastaviš s CSS-jem in sicer

background-repeat:no-repeat;

Več infa: http://www.w3schools.com/css/css_backgro....


spremenil: Džeri (21.11.2011 ob 01.04.57)
 
 
 
21.11.2011, 22:54
Hvala vsem. Vsi odgovori so v izjemno veliko pomoč
 
 
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!