CSS blondynka prosi o pomoc

[giezeta]

Ściągnęłam darmowy szablon XHTML i nie umiem go rozgryźć do końca.
Szablon jest dla strony o podanym układzie jak na rysunku:
http://giezeta.republika.pl/ogrod/strona.jpg
Jest menu główne w górnej warstwie i menu podrzędne w dolnej warstwie w prawej kolumnie. Rozumiem, że dla każdego linku z górnego menu powinna się zmieniać zawartość menu podrzędnego i dopiero treść linku z tego menu wyświetlać się w lewej kolumnie (podobnie jak to można zrobić w ramkach czy tabelkach)
Całe formatowanie z pliku style.css rozgryzłam ale utknęłam na linkach.

Problem 1-szy.
Poniżej skopiowałam zawartość menu głównego w pliku index.html
<div id="menu">
<ul>
<li>» <a href="#" class="active">Home</a></li>
<li>» <a href="#">About Us</a></li>
<li>» <a href="#">Products</a></li>
<li>» <a href="#">Services</a></li>
<li>» <a href="#">Help</a></li>
<li>» <a href="#">Contact Us</a></li>
</ul>
</div>
Wydaje mi się, że class="active" dotyczy aktualnie wyświetlanej dolnej warstwy. Ale co mam wpisać wewnątrz "#"? Czy ma to być

odwołanie w postaci: "#nazwa_kolejnej_tresci.html"?
Próbowałam w ten sposób utworzyć plik html linkowany przez "About Us". W tym linkowanym pliku, z pierwszego wyliczenia <li> skasowałam class="active" a wpisałam go do drugiego <li>, a treść wyświetlaną w oknie treści zmieniłam całkowicie
Ale nic się nie działo. Nadal po kliknięciu na "About Us" treść była jak w index.html. Tylko w menu głównym odnośnik przy Home cofnął się do rzędu a wysunął z rzędu odnośnik About Us.

Problem 2-gi.
Poniżej skopiowałam zawartość menu podrzędnego
<div id="right">
<h2 class="firsth2">Donec laoreet</h2>
<ul>
<li><a href="#">Scelerisque nisl</a></li>
<li><a href="#">Class aptent</a></li>
<li><a href="#">Taciti sociosqu</a></li>
<li><a href="#">Ad litora torquent</a></li>
<li><a href="#">Per conubia nostra</a></li>
<li><a href="#">Nulla sit amet libero</a></li>
</ul>
......
</div>
Tutaj już całkiem się pogubiłam. Skąd program ma "wiedzieć" który z tych ma linków wyświetlać w treści?

I problem 3-ci.
Jeżeli moje rozumowanie jest prawidłowe to jeśli menu główne zawiera 5 linków a każde menu podrzędne również 5 daje to 25 plików prawie identycznych z plikiem index.html, różniących sie tylko zawartością treści z minimanymi zmianami w "wyliczankach".

Oczywiście podejrzewam, że moje rozumowanie było błędne, DLATEGO BARDZO PROSZĘ O INSTRUKTAŻ.

I jeżli jeszcze nie znudziła Was "blondynka" to bardzo też proszę o durakoodporną odpowiedź:co mam robić aby to działało!. Bez
gwary informatycznej. Bo mogę zacząć się pytać co znaczą podawane przez kogoś terminy
Nie jestem informatykiem!!!

[ardziej]

<li>» <a href="#" class="active">Home</a></li>

active - tam gdzie to jest jest to aktualna podstrona (np. w menu widzisz ją inaczej)
a href="#" gdzie zamiast tego # wpisujesz adres pliku do którego chcesz się odwołać,

Tutaj już całkiem się pogubiłam. Skąd program ma "wiedzieć" który z tych ma linków wyświetlać w treści?

tego nie rozumiem
co do 3 (wydaję mi się że rozumiem pytanie ) to jak 25 podstron to musisz mieć tyle plików html
Jak coś to pisz bo ja też do końca Cię nie rozumie

[giezeta]

Natomiast ja zrozumiałam wszystko! Dzięki za odpowiedź

[SzamanGN]

Czy znasz PHP?

[ardziej]

Szaman uzasadnij to pytanie do kogo???
Wydaję mi się że do mnie bo "blondi" html się uczy dopiero.
Odpowiedź jestem w trakcie poznawanie PHP
a co??

[giezeta]

Szaman, jeżeli do mnie pytanie, odpowiedź brzmi: nie znam i znać nie potrzebuję. Głowa nie śmietnik, a jak dotąd radziłam sobie bez niego.

Utknęłam na początku XHTML i zaawansowanych plików zewnętrznych CSS bo jak dotąd nie opanowałam webmasterskiego żargonu a uczę się metodą "prób i błędów". Metoda bardzo skuteczna.
Gdyby nie ten głupi # byłabym rozgryzła wszystko sama.

I mam pytanie: gdzie i w jakim podręczniku on-line jest napisane czarno na białym że ZAMIAST # (a nie OBOK) trzeba wstawić nazwę pliku html?
Niby drobnostka a właśnie na tym się wyłożyłam.

[SzamanGN]

Pytanie było do giezety.

Generalnie chodziło mi o to, że przy pomocy PHP można lepiej zapanować nad linkami w naszej stronie.

Dla przykładu opiszę proste rozwiązanie:

Plik index.php
[php]<?php
//Kod HTML
<div id="menu">
include('gorne_menu.php');
</div>

<div id="left">
if (is_set($_GET['podstrona']))
{ //Odwołanie do podstrony.
if (file_exists($_GET['podstrona'].'.html'))
{ //Załadowanie podstrony.
include($_GET['podstrona'].'.php');
}
else
{ //Nie ma takiej podstrony, więc nastąpi załadowanie strony powitalnej.
include('powitanie.php');
}
}
else
{ //Pokaż stronę powitalną.
include('powitanie.php');
}
</div>

<div id="right">
if (is_set($_GET['prawe_menu']))
{ //Podano które podmenu załadować.
if (file_exists($_GET['prawe_menu'].'.html'))
{ //Ładowanie podmenu.
include($_GET['prawe_menu'].'.php');
}
}
//Jeżeli nie podano prawe_menu lub jest ono nieprawidłowe, to nic nie pojawi się w tym oknie.
</div>

//Dalsza część kodu HTML.
?>[/php]

Przykładowy plik gorne_menu.php

Kod: Zaznacz cały

<a href="index.php?podstrona=powitanie&prawe_menu=menu_do_powitania">Powitanie</a> | 
<a href="index.php?podstrona=o_mnie&prawe_menu=menu_do_o_mnie">O mnie</a> | 
...

Przykład pliku menu_do_powitania.html

Kod: Zaznacz cały

<h2 class="firsth2">Donec laoreet</h2>
<ul>
<li><a href="#">Scelerisque nisl</a></li>
<li><a href="#">Class aptent</a></li>
<li><a href="#">Taciti sociosqu</a></li>
<li><a href="#">Ad litora torquent</a></li>
<li><a href="#">Per conubia nostra</a></li>
<li><a href="#">Nulla sit amet libero</a></li>
</ul> 

Oczywiście # w tej samej formie co wyżej.
Jeżeli w linku nie poda się wartości do prawe_menu, to nie będzie żadnego wpisu do prawego menu.

Tak zastosowane PHP (jest to proste rozwiązanie, bo nie chciałem komplikować) powoduje, że jest o wiele prościej odszukać błąd (plik z błędnym linkiem) niż poprawiać każdą podstronę z osobna.

[ardziej]

Szaman nie wiem czy wiesz że "giezeta" dopiero załapuję html
a sam znacznik # to że jak w niego klikniesz to strona się odświeża

[giezeta]

Alem się uśmiała!
Jeszcze mam się uczyć PHP tylko po to by, dla u ł a t w i e n i a, skomplikować jeszcze bardziej kod strony, nie mówiąc o konieczności zainstalowania sobie apacza i to tylko po to bym mogła sprawdzić czy to co popisałam działa?

Nie masz Szamanie litości dla blondynek!

[gorylek]

Hehe Szaman magie rozpowszechnia Szaman, ten Twój kod jest lekko dziurawy i na dodatek mógłby być spokojnie krótszy.

giezeta, czy ja Ci gdzieś przypadkiem nie wspominałem o używaniu

Kod: Zaznacz cały

 ?? :P Co do samego xHTML i CSS to chyba najlepszy kurs jaki można znaleźć jest tutaj:
www.kurshtml.boo.pl

a co do # to autor skórki najwyraźniej nie miał tam co wpisać, w końcu zrobił jedną stronę służącą jako szablon więc podawanie linków mijało się z celem więc powsadzał #. Niektórzy pseudo-webmasterzy stosują takowe w sytuacjach gdy robią menu javascript itp.

PS: W momencie jak znajdę czas by otworzyć własny kącik na sieci chyba pierwszym wpisem będzie "Jeżeli jesteś kobietą na sieci to dobrze a jeżeli nie... udawaj takową". Jak tylko się płeć piękna odezwie to zaraz się wszyscy z pomocą rzucają ^_^. To chyba przez małą ilość kobiet w tym środowisku ^_^.

Pozdrawiam

[ardziej]

Gorylek po prostu czas miałem

[giezeta]

gorylku, jak najbardziej jestem kobietą i nie całkiem początkującą w pisaniu stron.. Rzecz w tym ze bardzo jestem przywiązana do ramek. Jakoś udało mi się przetrzymać modę na tabelki, do PHP nabrałam od początku wstrętu - z racji konieczności instalacji apacza a także z racji jego wielkiego sformalizowania.
Niestety moje ukochane ramki są traktowane po macoszemu przez wyszukiwarki które wolą od nich XHTML i CSS.
Więc aby nie być przez nie lekceważona zdecydowałam się na to ostatnie.
Najbliższym moim zadaniem będzie przerobienie http://amicus.malopolska.pl na XHTML.
Tylko diabli mnie biorą, że wszystkie menu będą znikały w górze w trakcie czytania treści.

A może ktoś z czytających podpowie jakiś sposób na XHTML taki aby górne menu i boczne podmenu stało w miejscu?
Ze wstrętem myślę, że tym sposobem być może jest PHP. Ale po moim trupie!

[SzamanGN]

Giezeta, mimo wszystko powodzenia!

[ardziej]

Ja bym proponował stworzenie stronki od nowa
W XHTML czy HTML

[gorylek]

Ale to na dzień dzisiejszy jest normalne. Można zastosować oczywiście position: fixed ale wtedy trzeba się męczyć z IE6. Poza tym takie trendy i nawet większe portale się przed nim nie obroniły (choćby onet.pl).

Zresztą, ostatnia moja realizacja www.bio-concept.pl mimo że w pionie długaśna nie jest, jednak menu ma umiejscowione w jednym miejscu i tam pozostaje.
Także nie bój się nowego podejścia bo jest ono dobre. Zauważ też że dla tych którzy nie lubią jeździć w górę jest menu alternatywne w stopce. Do tego HTML ma coś takiego jak etykiety które to pozwalają przeskakiwać po stronie kiedy jest dłuuuuuuuugaśna.

PHP tu Ci nic nie pomoże, ten język służy do zupełnie innych rzeczy. A sam zaś jest bardzo przydatny przy dynamicznych stronach WWW. Zapoznaj się z kursem który Ci podesłałem, na pewno pomoże.