Strona na informatykę

Question

Witam wszystkich uczestników tego forum! Mam pewien problem. Walczę o szóstki z informatyki i napisać stronę internetową. Dzięki kursowi CSS-a poczyniłem na niej ogromne postępy, ale obecnie nie mogę sobie poradzić z menu nawigacyjnym. Właściwie moja strona przypomina obecnie tą z kursu #2 CSS-a.

Proszę o pomoc, pracę mószę oddać w maju (tak przed wystawieniem ocen), a zostało mi dużo pracy.

PS używam języków: HTML5 i CSS3

Answer 1

Trochę nie bardzo rozumiem gdzie jest problem... Nie możesz sobie poradzić z menu ale masz już coś napisane i coś Ci nie działa? Jeśli tak to pokaż kod, wtedy będziemy w stanie pomóc. Czy co, nie wiesz jak się do czegoś takiego zabrać?

Bo z Twojego pytania dowiedziałem się że masz problem z menu ale nie wiem jak mógłbym Ci pomóc :)

Comments

Już wyjaśniam. Właściwie dzięki za korektę. Otóż chcę Dodać do menu linki, które będą ukazywać tekst w właściwym bloku strony (w divie o id="content"). Jednakże nie wiem jak to zrobić i nie znalazłem narazie żadnego prostego wyjaśnienia jak to zrobić.

---

"linki, które będą ukazywać tekst w właściwym bloku strony" - zabrzmiało mi to tak jakbyś chciał skorzystać z rozwiązania bez przeładowania strony (np. AJAX), czy się mylę i chciałbyś aby to były po prostu zwykłe linki przekierowujące na inne podstrony?

---

Być może, ale jeszcze nie wiem co to jest :)

Chciałbym żeby linki w menu nie notwierały sie na innych stronych, tylko jednej stronie (tuż obok menu).

---

Okej, tylko jeśli dobrze rozumiem ma się to dziać bez przeładowania strony tak? Bo takim standardowym sposobem przez <a href=""></a> gdy klikniesz na dowolny link to przenosi Cię na inną podstronę czyli musisz mieć stworzone np. dwa pliki (lub więcej - tyle ile ma być podstron) i w każdym odpowiednią treść. Jeśli chcesz aby po kliknięciu w przycisk menu bez przeładowania strony zmianiała się jej zawartość to już musisz skorzystać z JavaScript i AJAX (ewentualnie może być też jQuery). Jeśli jednak nie znasz JSa to nie wiem czy jest sens aby wprowadzać takie rozwiązanie. Ale jeśli dobrze rozumiem i masz ochotę aby koniecznie robić takie coś to okej mogę jeszcze pomóc tyle że skopiowanie gotowego kodu po pierwsze jest bezsensowne a po drugie może nie działać tak jak byś chciał. Także w takim przypadku proponuję Ci poduczyć się JavaScriptu ;)

---

Bardzo dziękuję za tako odpowiedź. Dokładnie czegoś takiego poszukiwałem. Dzięki tobie wiem czeog się nauczyć aby to zrobić.

---

Cieszę się bardzo że mogłem pomóc 

Dobry kurs JavaScript znajdziesz tutaj: http://kursjs.pl/. Jest tam też omówiony AJAX zarówno w samym JS jak i jQuery.

Nie pozostaje mi nic innego jak życzyć przyjemnej i owocnej nauki! :D

---

Dziekuję myślę, że dzięki temu kursowi poradzę sobie z moim problem.

Answer 2

Ale zaraz...

Masz menu... Ale nie masz... 

Nie rozumiem. 

Najlepiej daj kod, zdjęcie jak wygląda strona i jak ma wyglądać, albo opisz. :)

Comments

Oto i kod. Mam menu ale bez hiperłączy.

<div id="menu">
    <div class="option">Strona główna</div>
    <div class="option">Historia </div>
    <div class="option">Znane cytaty </div>
    <div class="option">O stronie</div>
    <div class="option">Bibliografia </div>
    <div style="clear: both;"></div>
    </div>

---

Jak chodzi Ci o to co ja myślę to:

<div id="menu">
    <div class="option"><a href="twoj_plik.html">Moj Linczur</a></div>
</div>

Albo... 

Chodzi Tobie o to że jak klikasz to gdzieś się coś Tobie wyświetla...

Jak tak, to AJAX albo pobaw się Jscriptem. :)

 

---

Ostatnie pytanie. Czy Mirosław Zelent opisał takiego typu kody w swoim kursie JS?

---

Nie, menu jest do wyrzucenia, ustaw je na liście a nie divach...