Kezdőoldal » Számítástechnika » Weblapkészítés » Weboldal felosztása "modern"...

Weboldal felosztása "modern" megoldással?

Figyelt kérdés

A frame modernebb változata érdekelne. Bal oldalra menü, középre a szöveges tartalmak, cikkek, jobb oldalra pedig egy újabb sáv, ahol egyéb "extrák" lennének.


(Nem használok semmi weblapkészítő szoftvert rá, hanem az Ultraweb speciális adminfelületén készítem az oldalt, amihez nem kell FTP-kliens, hanem online tudom csinálni a dolgokat.)

Keresgéltem a Google-ben, de nem nagyon találok megoldást, vagy ha igen, az bonyolultan van megfogalmazva.


Tudna nekem valaki segíteni azzal, hogy érthetően, konyhanyelven leírja a kódot, és a magyarázatot hozzá?

Előre is köszönöm.


2010. okt. 24. 14:42
 1/6 A kérdező kommentje:

[link]

Így néz ki jelenleg, frame-kkel megoldva.

Ehelyett szeretnék valami jobban működőt, korszerűbbet.

2010. okt. 24. 14:42
 2/6 anonim ***** válasza:

Nem akarod inkább blog formában megcsinálni?

-Sokkal jobb oldalt össze lehet vele rakni.

Blogspot.com, blog.hu

2010. okt. 24. 15:03
Hasznos számodra ez a válasz?
 3/6 A kérdező kommentje:

Van már sablonos oldalam, nem blog formájú, mert azt erre a célra nem szeretem.


De érdekel a CSS és a HTML, meg szeretném tanulni őket.

2010. okt. 24. 15:11
 4/6 anonim ***** válasza:

Újra én:)

Az alábbi link egy fősulis tanárom honlapját láthatod: [link]

Balra, a jegyzetek között letudod tölteni a "Web programozás 0.7" c. irományt. Az első fejezetekben tárgyalja a HTML/CSS témakört! Nagyon okosan felépített jegyzet, tipikusan kezdőknek. Én is ebből tanultam meg programozni.


A HTML és CSS egyáltalán nem bonyolult, ezért buktatták az évfolyamot a PHP témakörből. Engem abból sem;))


Írj, ha valamit nem értesz. Privátban sem zavarsz a keresztkérdéseiddel.

2010. okt. 24. 15:44
Hasznos számodra ez a válasz?
 5/6 anonim ***** válasza:
*Bocs, jobb oldalon lehet letölteni :)
2010. okt. 24. 15:47
Hasznos számodra ez a válasz?
 6/6 krw válasza:

a technológia neve AJaX:


index.html:

<body>

<table cellpadding=0 cellspacing=0 border=0 width="100%" align="center">

<tr valign="top">

<td align="left" id="baloldal" width="30%"></td>

<td align="center" id="kozep" widht="40%">középső rész ( érintetlen )</td>

<td align="right" id="jobboldal" width="30%"></td>

</tr>

</table>

<script language="javascript">

var baloldal_link="baloldal.html";

if(window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}

else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("baloldal").innerHTML=xmlhttp.responseText;

}}xmlhttp.open("GET",baloldal_link,true);xmlhttp.send();


var jobboldal_link="jobboldal.html";

if(window.XMLHttpRequest){xmlhttp=new XMLHttpRequest();}

else{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4 && xmlhttp.status==200){

document.getElementById("jobboldal").innerHTML=xmlhttp.responseText;

}}xmlhttp.open("GET",jobboldal_link,true);xmlhttp.send();

</script>

</body>


ezzel a módszerrel is be lehet tölteni a tartalmat, mint a framenél. a <script> és </script> tagok közt van a javascript kód, amely meghívja az AJAX eljárást.

a bal oldali lap linkjét ebben a sorban kell változtatni: var baloldal_link="<link>"; tehát ha a bal oldalra betöltendő fájl neve az123.html akkor így fog kinézni ez a sor: var baloldal_link="az123.html";

a jobb oldalnál ugyan ezzel a módszerrel, csak ott ezt a sort keresd: var jobboldal_link="<link>"; tehát ha a jobb oldalra betöltendő oldal neve xyz321.html akkor az a sor így nézzen ki: var jobboldal_link="xyz321.html";

2010. okt. 26. 19:02
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:





Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!