x-kom hosting

Problem z zakodowaniem strony

matpre99
utworzono
utworzono

[b]Witam
[/b]
Mam pewien problem z którym być może ale jestem przekonany zmaga się wiele internautów.
Mam stronę www.funk.xaa.pl , jest to moja pierwsza strona i chciałem na niej przetestować różne rzeczy itp.
Między innymi zaprojektowałem tam layout ,ponieważ interesuję się grafiką wybrałem taką kategorię.
Mój problem polega na tym ([u]musicie wejść na stronę aby wiedzieć o co mi chodzi)[/u] że muszę zrobić podstrony np: poprzez kliknięcie na button cennik. Ok, rozumiem jak zrobić podstronę wszystko pięknie, ładnie ale problem jest tego typu iż chciałbym urozmaicić stronę. Chodzi mi konkretnie o to ,że jeżeli najedziesz kursorem na button cennik lub home (obojętne to tylko przykład) to zmieni kolor np: na jakiś czarny, szary. Mniej, więcej coś w tym stylu : (Filmik z yt) > http://www.youtube.com/watch?v=IhUOvb8QZsA&feature=channel_video_title
Hmm, podsumowując kilka pytań na które oczekuję odpowiedzi :
[u][i]- Czy istnieje możliwość zrobienia przycisków poprzez np: w Pajączku (PROGRAM) jakimiś nie wiem znacznikami czy coś, czy jest możliwość czegoś takiego? Czy trzeba to można tylko w tym flashu zrobić? Bo ja tego nie rozumiem "zielony jestem" musiałbym się uczyć tego actionscript czy coś?[/i][/u]
[b]
I teraz 2 problem[/b]: Na mojej stronie jak zauważycie chciałbym mieć coś takie ,że są 2 buttony "<<" & ">>" chciałbym aby mogły przesuwać projekty ,które wykonałem ;/ [i][u]Istnieje taka możliwość? Czy idzie to zrobić w html'u ? Czy nie ma takiej możliwości i zostaje tylko ten flash..[/u][/i]

[b]PROSZĘ PRZECZYTAJCIE UWAŻNIE I ODPOWIEDZCIE JEŚLI TO JEST MOŻLWIE NA MOJE PYTANIA Z GÓRY DZIĘKUJE. MOŻE SIĘ TO ZDAWAĆ ,ŻE JESTEM NAPRAWDĘ "n00bem" ALE TAKIE SĄ POCZĄTKI :/ [/b]
Pozdrawiam

wojtex5
komentarz
komentarz

do zrobienia fajnej strony flash ani actionscript nie jest kompletnie potrzebny.

wystarczy efekt rollover (polega na tym, że obrazek zmienia swój adres po najechaniu kursorem i wraca do poprzedniego po zdjęciu z niego kursora).

najłatwiej go zrobić przy pomocy JS: [html]<img src="adres_kursor_poza.png" onmouseover="this.src='adres_kursor_nad.png'" onmouseout="this.src='adres_kursor_poza.png'" >[/html]

aby wykonać taki rollover musisz mieć te dwie grafiki... (dla każdego elementu menu jedna dla kursora poza - czyli normalna - i druga, która się pojawi po najechaniu kursorem)

ten sam trick można zastosować do klikania (tutaj razem potrzebowałbyś już trzech grafik dla każdego elementu) - zamiast zdarzenia onmouseover wstawiamy onmousedown - a zamiast onmouseout wstawiamy onmouseup.

co do przycisków - można je stworzyć przy pomocy html-a... jednak efekt nie będzie zbyt imponujący bez użycia grafiki... (poszukaj - znacznik button lub <input type="button">) - efekt można osiągnąć również przy użyciu CSS i pseudoklas (:hover)




co do drugiego problemu:

flash ponownie nie jest kompletnie potrzebny - jednak w czystym htmlu nie da się czegoś takiego stworzyć - istnieje jednak coś takiego jak JS (javaScript - z resztą w 1. problemie już został wykorzystany) - to język skryptowy który działa podczas... wyświetlania strony - po stronie klienta (czyli w przeglądarce) - umożliwia manipulację w zasadzie wszystkimi elementami strony...

proponuję jednak najpierw poznać HTML i CSS - dopiero później wziąć się za JS (ten jest trochę bardziej skomplikowany -> z resztą actionscript dla flasha nie jest lepszy (o ile nawet nie jest bardziej skomplikowany od JS))

w tym wypadku wystarczy prosty skrypcik:

[code]var adresy = array("adres_obrazka_1.prokektu.png", "adres_obrazka_2.prokektu.png", "adres_obrazka_3.prokektu.png", "adres_obrazka_4.prokektu.png"); //można po przecinku dopisać więcej

var akt=0;

function dalej()
{
document.getElementById('id_obrazka.png').src=adresy[akt];
if(akt==adresy.length-1) akt=0;
else akt++;
}

function wstecz()
{
document.getElementById('id_obrazka.png').src=adresy[akt];
if(akt==0) akt=adresy.length-1;
else akt--;
}[/code]

to umieszczamy w sekcji <head> naszej strony w znacznikach <script type="text/javascript"> </script>, do obrazka przypisujemy identyfikator: [code]<img src="..." id="id_obrazka" >[/code]do przycisków wstecz i dalej (tych strzałek) dodajemy zdarzenie onclick z wartością odpowiednio dla wstecz/dalej [code]onclick="wstecz()"[/code] lub [code]onclick="dalej"[/code]

tylko jest jeden problem - ta twoja strona jest zbyt delikatnie "pocięta" - widać, że layout był cięty przy pomocy photoshopa/gimpa... nie polecam czegoś takiego przy nauce HTMLa, bo wtedy wszystko jest nasztywno... i efekty nie są zbyt ciekawe.

polecam zakodować samemu stronę przy pomocy HTML/CSS i wykorzystać to co ci podałem, lub zlecić to jakiemuś webmasterowi.

  • Dobra wypowiedź 1
matpre99
komentarz
komentarz (edytowane)

Dzięki wielkie!!! Trochę się namęczyłeś z tym postem ale naprawdę jestem wdzięczny.
Właśnie jest taki problem ,że chciałbym stronkę jak najszybciej. A nauka dopiero później jak wiadomo potrzebny jest do niej czas a niestety nie mam go za dużo. ;/
Czy znasz jakiegoś Webmastera ,który by zrobił to ? Może ty jesteś chętny? Widzę ,że ogarniasz to.

wojtex5
komentarz
komentarz

mogę się tym zająć, jednak... nie za darmo :D (za małą opłatą)

strona nie wygląda na skomplikowaną, więc nie powinno być problemu. Jeśli się zdecydujesz -> pisz na gg.

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Możesz zadać pytanie bez konieczności rejestracji - wystarczy, że wypełnisz formularz.

×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Strona wykorzystuje pliki cookies w celu prawidłowego świadczenia usług i wygody użytkowników. Warunki przechowywania i dostępu do plików cookies możesz zmienić w ustawieniach przeglądarki.