panel boczny - jak go zrobić ?

[świeżak]

Witam, proszę o podpowiedź w jaki sposób wykonuje się panel boczny ? Chodzi mi o wykonanie czegoś podobnego (na stronę responsywną) jak na stronie http://www.lukow-historia.pl/?p=4439 (prawa strona w innym odcieniu na którym zapisane są linki, menu, tagi itp). Pozdrawiam

[komp-stg]

Buduje stronę, dodajesz nową warstwę ( MENU) ustawiasz tam gdzie chcesz. Warstwie nadajesz odcień np. gradient następnie wstawiasz menu gotowe z programu lub wstawiasz tekst i nadajesz mu hiperłącze
tzw. linkujesz każdy tekst, następnie klonuje stronę tyle razy ile dana strona będzie posiadała podstron, w taki sposób uzyskasz idealna kopie, która podczas przełączania na inne podstrony nie będzie wykazywać tzw. przeskoków i róż nic jeden napis wyżej drugi niżej

[świeżak]

komp-stg dzieki za odzew.

Myślałem że taki sidebar wstawia się jakimś kliknięciem z toolboxa.
Coś podobnego wykombinowałem za pomocą layout gridów, tła w gradiencie, kształtów i tekstu. Na podglądzie w defaultcie wyglądało to nawet przyzwoicie ale w responsivie kształt z tekstem wyskoczył poza panel.
Dziś przeczytałem że takie sidebary są już niepraktyczne i nie na czasie więc zastanawiam się czy dalej kombinować coś w tym kierunku czy pomyśleć nad czym innym

następnie klonuje stronę tyle razy ile dana strona będzie posiadała podstron, w taki sposób uzyskasz idealna kopie, która podczas przełączania na inne podstrony nie będzie wykazywać tzw. przeskoków i róż nic jeden napis wyżej drugi niżej

myślałem raczej by taki sidebar, nagłówek i stopkę zrobić jako stronę master frame, a podstrony zawierałyby już tylko same artykuły...

[komp-stg]

myślałem raczej by taki sidebar, nagłówek i stopkę zrobić jako stronę master frame, a podstrony zawierałyby już tylko same artykuły...

Możesz zrobić jako master frame, ale musisz posiadać menu zeby przechodzić na kolejne strony, i na strone główna ..

[świeżak]

Kombinowałem z dokowaniem warstw ale coś mi nie wychodziło bo warstwy jakoś się mieszały Chyba właściwym krokiem będzie podzielenie jednego layuot grid na dwie części i w tę mniejszą część w której ma być nawigacja wpuścić kolejnego layout grid; taki przykład jakby to mogło wyglądać poniżej; jeszcze nie sprawdzałem jakby to zrobić jako master frame bo content place holder chyba jest nieresponsywny i nie daje się go wrzucić w layout

panel.png (14.27 KiB) Przejrzano 4387 razy

musisz posiadać menu zeby przechodzić na kolejne strony, i na strone główna ..

no właśnie coś to przechodzenie mi szwankuje ...

[komp-stg]

1. Ile podstron ma mieć cała witryna .

Zrobię mały szkic i podeśle ci linka żebyś to zobaczył.
Dla przykładu zrobię stronę z 3 podstronami

Zrobione.
Stronka umieszczona na darmowym serwie więc wskakują reklamy
http://puszekokruszek.prv.pl

składa sie z warstw , dla lepszej widoczności pobierz stronke na kompa i zobacz że nic nie przeskakuje.
Żeby zmniejszyć wagę stronki można podlinkować grafike tzw. jeden pasek graficzny który zanjduje się na każdej podstronie występuje tylko raz w folderze systemowym, Zeby to zrobić edytujemy kazdą podstronę w notepad i zamieniamy to co powinno byc zamienione.

[świeżak]

1. Ile podstron ma mieć cała witryna .

Przymierzam się na jakieś 15 na wstępie a później jeszcze nieco więcej.

Zastosowałem się do instruktarzu przedstawionego na https://www.youtube.com/watch?v=Y9zmDi3F630 i powiem szczerze że jestem w miarę zadowolony z rezultatów które mi wychodzą. Kontenera nie rozciągałem na całej szerokości strony tak jak to jest pokazane na filmie tylko z lewej strony pozostawiłem sobie miejsce na menu (panel boczny). A z menu poradziłem sobie wstawiając na serwer plik .htaccess.

Żeby zmniejszyć wagę stronki

No właśnie jakie metody zastosować do odchudzania strony ? Bo strona będzie umieszczona na darmowym serwerze więc każdy gram może się liczyć Czy zdjęcia wstawiać do jakiejś chmury lub picassy a na stronie zamieszczać galerie z odnośnikami ?

[komp-stg]

Więc tak napiszę tak że będzie jasno.
Cała witryna po opublikowaniu składa sie z plików html oraz images.
Teraz tak jak otworzysz folder image to zobaczysz czy grafika która jest na pierwszej stronie jako logo jest w tym folderze tyle razy ile masz stron.
Jeżeli tak jest to przyjmijmy że w image masz tak opisana grafikę logo1 logo2 logo3 logo4 logo5 Taki układ grafiki tworzy się gdy klonujesz stronę.
Teraz żeby wywalic zbędną grafikę twoim piorytetem jest logo1 , edytujesz każdą podstronę w notepadzie i odszukujesz logo2 i zamieniasz na logo1 tak samo logo3 na logo1.
Po całym zabiegu w folderze image zostawiasz tylko logo1 a resztę grafiki wywalasz.

[świeżak]

Taki układ grafiki tworzy się gdy klonujesz stronę.

Klonować będę tylko strony master ale każda master będzie miała inny baner graficzny (taki motyw przewodni odnoszący się do kilku podstron), a menu i główne logo pozostaną bez zmian. Natomiast w artykułach (nie wszystkich) będę chciał zamieszczać fotki/skany, a czasami także miniatury/odnośniki do filmów na youtobe, a w jednym przypadku chciałbym zamieścić muzyczne tło. Wszystko może sporo ważyć dlatego szukam oszczędności.

Przeglądając folder na ftp zauważyłem, że program publikując stronę nie zmniejsza fotek.
Przykład: na dysku mam zdjęcie o rozmiarze 1000x250 px a na stronę dodałem to zdjęcie jako logo ale pomniejszyłem do rozmiaru 250x50 px, to program publikując stronę nie wyślę na ftp zdjęcia o mniejszym rozmiarze tylko tym oryginalnym znajdującym się na dysku; dlatego zdjęcia na dysku będę ustawiał do rozmiaru dokładnie takiego samego jaki chcę umieścić na stronie.

[komp-stg]

Tak będzie najlepiej, jak grafikę przygotujesz sobie na HDD pod stronę.

Piszesz że około 15 podstron ale logo jednak pozostanie na wszystkich,warto to zastosować zawsze mniejsza waga i plus tego strona szybciej się ładuje..