Skocz do zawartości

Jak mogę stworzyć stronę opartą o jeden szablon?


Recommended Posts

Witam robię swoją strone (z nudów i dla zabawy), ale doszedłem do wniosku że robienie kilku podstron w html i zmienianie każdej po kolei gdy będę chciał zmienić np.: tekst w stopce nie ma sensu. Chciałbym zrobić tak aby jeden plik był odpowiedzialny za wygląd strony a reszta tylko by go używała.

W skrócie chodzi o to aby zmieniać jeden plik odpowiedzialny za wygląd zamiast wszystkich.

Nakieruje mnie ktoś na informacje jak to zrobić?

Link to post
Share on other sites

Czysty HTML nie ma takich możliwości.

 

Opcji jest kilka:

 - SSI (najprostszy sposób, wymaga serwera z obsługą tej technologii)

 - JavaScript

 - Zrobienie odpowiedniej logiki po stronie serwera (czyli jedna z miliarda dostępnych technologi, które to potrafią).

 

Edit: - Zrobienie sobie jakiegoś oskryptowania na komputerze, które by składało pliki w wynikowe HTMLe. Mało wygodne.

Edytowane przez szatkus
Link to post
Share on other sites

Jeszcze pozostaje CSS.

Czyli stworzenie pliku CSS który by zawierał konfiguracje div-ów, obrazki itp?

 

Czysty HTML nie ma takich możliwości.

 

Opcji jest kilka:

 - SSI (najprostszy sposób, wymaga serwera z obsługą tej technologii)

 - JavaScript

 - Zrobienie odpowiedniej logiki po stronie serwera (czyli jedna z miliarda dostępnych technologi, które to potrafią).

 

Edit: - Zrobienie sobie jakiegoś oskryptowania na komputerze, które by składało pliki w wynikowe HTMLe. Mało wygodne.

Nic nie wyszukałem na temat SSI i możliwości użycia na cba. A JS - poprosiłbym o jakiś kierunek poszukiwań odpowiedniego skryptu.

Link to post
Share on other sites

Czyli stworzenie pliku CSS który by zawierał konfiguracje div-ów, obrazki itp?

 

Dokładnie. Z tego co zrozumiałem w pierwszym poście to nie chcesz tworzyć strony do zarządzania zawartością, tylko móc edytować graficznie wszystkie strony jednym plikiem (w uproszczeniu). Dla elementów wspólnych (nagłówek, stopka, może jakiś baner) masz tę samą klasę w CSS, dla pozostałych tworzysz osobne i tyle. Jak chcesz coś zmienić to zmieniasz tylko zawartość pliku CSS. Czy o takie rozwiązanie Ci chodziło ?

Link to post
Share on other sites

Jednak jestem przychylny do php, ale czy w pliku .php mogę używać html czy plik .php będzie wczytywał tylko .html ?
 

 

 

Dokładnie. Z tego co zrozumiałem w pierwszym poście to nie chcesz tworzyć strony do zarządzania zawartością, tylko móc edytować graficznie wszystkie strony jednym plikiem (w uproszczeniu). Dla elementów wspólnych (nagłówek, stopka, może jakiś baner) masz tę samą klasę w CSS, dla pozostałych tworzysz osobne i tyle. Jak chcesz coś zmienić to zmieniasz tylko zawartość pliku CSS. Czy o takie rozwiązanie Ci chodziło ?

Tak o coś takiego, ale jak php nie będę mógł użyć tak jak chcę to użyje CSS. Obie metody wydają się być dobre.

Edytowane przez pl_sbx
Link to post
Share on other sites
  • 4 tygodnie później...

Jak na razie przez długi czas leniuchowania zrobiłem takie coś http://pls3x.cba.pl/szablonV2.php i jak mogę zrobić aby nie ładowała się sama strona a tylko treść właściwa (jasne tło) się zmieniała? Oczywiście w PHP nie chcę się zagłębiać a przynajmniej nie teraz gdy mam szkołę, ale po prosiłbym o odesłanie mnie do odpowiednich informacji.
Myślałem aby to było coś z switch, ale nie wiem w którym miejscu mogę zrobić zmienną która była by zmieniana przez przyciski u góry.

Edytowane przez pl_sbx
Link to post
Share on other sites

To już trzeba użyć JS.

 

https://developer.mozilla.org/en/docs/Web/API/XMLHttpRequest

 

Potem podmieniasz treść diva na to co przyszło z zapytaniem.

 

A żeby URL też się ładnie zmieniał bez przeładowania strony (tak jak na FB, Twiterze itp.) dobrze jest użyć tego:

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history#The_pushState().C2.A0method


A i tak patrzę sobie na tę stronę:

- Nie używaj XHTML, bo śmierdzi (a najlepiej przerób na HTML5, będziesz mieć prostszy kod).

- Wywal bgcolor i font :P

- Zamiast obrazków w menu możesz osadzić czcionkę (https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face). Będzie Ci potem łatwiej to modyfikować.

Link to post
Share on other sites

Użyłem JS i najprostszej metody onClick wpisaną w znaczniki.

<a href="#" onClick="callAHAH('index.php', 'tresc', 'Trwa ładowanie strony...')"><img  style="border: 0" src="glowna.png" alt="Strona startowa" />

A manipulowanie adresem? Nie wiem czy mi to potrzebne :P

Stronę cały czas robię, jest to pierwsza moja strona robiona dla jakiegoś doświadczenie. W końcu nie grami się żyje.
1. Co do HTML5 to może być dużo roboty szczególnie że musiałbym poczytać o tym HTML5 dokładnie a u mnie czytanie wolno idzie. (Musiałbym zobaczyć jak mój kolega zrobić wszystko w tabelkach bez divów XD)

2. Bgcolor mam zamiar zastąpić jakimś tłem, ale nie mam pomysłu jakim. I nie wiem o co chodzi z czcionką w tym miejscu. Arial to chyba nie jest aż tak zła czcionka :P
3. A tą czcionkę spróbuję zrobić, ale czy w razie potrzeby będzie pobrana ona z serwera strony? Jest to czcionka której nie ma prawdopodobnie domyślnie wgranej.

Ahh i te klockowate kształty :P

Edytowane przez pl_sbx
Link to post
Share on other sites

Właśnie że chcę zrobić stronę z użyciem HTML. Wiem że będę to miał w szkole a przy okazji poznam trochę tego i tamtego. Wiem że wordpress jest dobry do robienia tego typu stron, ale to nie dla mnie.

Mam pytanie czy jak robię stronę i chcę użyć czcionki która jest darmowa do użytku własnego to czy muszę za nią zapłacić? Jest do dla mnie nie zrozumiałe bo używam jej dla siebie aby zrobić stronę. Wolę się upewnić.

Edytowane przez pl_sbx
Link to post
Share on other sites

Nikt nie słyszał o SMARTY!? To jest chyba najlepsze rozwiązanie Twojego problemu...

Zrobiłem w AJAX i wszystko działa tak jak chcę. A o SMARTY mi mówiła znajoma osoba.

 

Jeszcze jedno. Macie pomysł dopasować kolorystykę reszty do tego górnego menu? U mnie słabo z wyobraźnią i kreatywnością. Choć może czasami to lenistwo :P

Edytowane przez pl_sbx
Link to post
Share on other sites

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Odpowiedz w tym wątku...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...