Layout: ramki?

[Gość Morte]

hej!

Po pierwsze primo moje doswiadczenia z html i css sa bardzo znikome itd, a o jakims ogolnie przyjetych zasada tworzenia tez pewnie nie mam pojecia wiec jakby co prosze mnie uswiadomic. Rzecz wyglada nastepujaco. Mam przygotowany w css bardzo prosty layout strony, taki jak w zalaczniku. Zielen to jakis tam header bedzie, niebieski to menu, no i czerwony to main content. Calosc ma stara szerokosc i jest w centrum, niezaleznie od rodzielczosci. Teraz rzecz z ktora nie moge soie poradzic - chcialem zeby rzecz w czerwonym dzialala jak frames- czyli mamy linki w menu i po kliknieciu zmienia sie zawartosc obszaru w czerwonym, a reszta strony sie nie przeladwuje. Jak najlepiej do tego podejsc? Zwykle stare htmlowe ramki(choc czytalem ze tego juz nie powinno sie uzywac) czy moze jakies inne cuda?

Za wszelka pomoc bede mega wdzieczny:)

edit:-> no i chodzi o to zeby 'czerwien' mogla sie rozciaagacw pionie w zaleznosci od tego co bedzie w linku docelowym.

[olaf]

poza ramkami ja znam tylko ajaxa. nie wiem co lepsze - jak zalezy Ci na SEO to ajax odpada, ramki chyba też. problem z nieprzeladowwyaniem sie serwisu to spory klopot, ostatnio zobilem portal na ajaxie ale trzeba bylo dla googla dodac sztucznie przeładowania strony, ktore w zasadzie nie byly potrzebne do niczego ;)

[torm]

hmmm.. jeżeli nie zależy Ci na samym braku przełodowania.. tylko na tym, żeby mieć header i menu w oddzielnych plikach to możesz użyć php... i includować w odpowiednich miejscach...

 

ale dlaczego ramek nie wolno... skoro działają i to całkiem dobrze... to Ci nie powiem...

[kots]

Prosty trick polegający na ukrywaniu niechcianych elementów. Wszystko tak naprawdę ładuje się za pierwszym razem. Myślę, że jest to całkiem fajny sposób o ile stronka ma być *prosta* - niezbyt dużo treści, kilka podstron. Na proste folio w sam raz. ;) W przeciwnym wypadku raczej nie polecam - to, moim zdaniem, zbyt toporna metoda na większe strony.

 

By nie być gołosłownym załączam pliki z przykładem. :P

 

A tak swoją drogą... W czym przeszkadza Ci stare, dobre przeładowywanie stron? :) Teraz przeglądarki keszują css, całą grafę i odbywa się to w mig. ;)

[kots]

Acha- js tylko i wyłącznie dla internet fuckin explorerów (są lekko upośledzone). Reszta przeglądarek radzi sobie tylko za pomocą css. :)

[Gość Morte]

Dzieki! Rzecz bedzie raczej prosta wiec albo pokombinuje z twoim sposobem, albo zrobie ramki skoro mowicie ze to wporzadku. Po prostu gdzies czytalem ze sa passe, a ja jeszcze raz podkreslam nie jestem w temacie:)

[zgred]

http://pornel.net/ramki

 

Zawsze możesz użyć flasha ;]

[avant.garde]

Hmmm, z tego co ja kminię to tak jak mówi torm - skonstruuj sobie

, zwykły kontener na to zielone, a nie ustawionej wysokości na sztywno. w miejsce tego kontenera wrzuć sobie kod z includem w php:

 

 

Działa to tak, że w miejscu gdzie to wstawisz wstrzyknięta zostanie zawartość pliku - czyli w naszym przypadku kod strony "podstrona.php". Skoro nie masz ustawionej wysokości kontenera do którego wstrzykujesz, to rozciągnie się on dokładnie tak, by pasował do wstrzykiwanego elementu.

 

Oczywiście żeby to zadziałało, musisz mieć serwer z obsługą php (jeśli testujesz sobie lokalnie na kompie to np. jakiś kombajn w stylu appserv). Po drugie oczywiście nie możesz wstawić kodu php do pliku html - musisz mieć plik z rozszerzeniem php: index.php dla przykładu. Kwestia w tym, że skrypty php nie są "przerabiane" przez przeglądarkę, ale przez odpowiedni silnik, który znajduje się po stronie serwera.

 

Jeszcze ostatnia sprawa - menu. Żeby zainkludować różne pliki w zależności od klikniętego linka musisz zbudować taką funkcję php, która będzie bazowała na zmiennej, a nie na sztywnym linku:

 

 

Dolar definiuje zmienną w php. Dalej musisz sobie trochę poszukać bo z pamięci nie uda mi isę tak na szybkiego nic sensownego tu skonstruować, w każdym razie musisz napisać coś takiego, że przyporządkowujesz linkom jakieś ID. I w zależności od klikniętego ID linku taki adres jest wstawiany w $akcja.

 

TUTAJ#1 i TUTAJ#2 i TUTAJ#3 i TUTAJ#4 jeszcze na szybkiego wrzucam coś o warunkach w php - nie wiem na ile jest to sensowne merytorycznie bo nie mam czasu aktualnie tego przeanalizować, ale może się przyda.

[illy]

no to moze lepiej cos takiego

$akcja = $_GET['akcja'];
include('php/'.$akcja.'.php'); 
?>

a linki wtedy robisz

o mnie

Oczywiscie trzeba dac warunek co sie stanie jesli nie bedzie zdefiniowana akcja w linku oraz co sie stanie jak nie bedzie pliku o-mnie.php, ale to prostymi ifami zrobisz