Jak przenieść szablon strony z index1 do index2?

pytanie zadane 4 kwietnia 2015 w HTML i CSS przez Benny S Obywatel (1,150 p.)

Chodzi o to żeby cały wygląd strony przenieść do drugiego indexu strony, tylko żeby content był pusty. Trzeba kopiować 2 razy ten sam kod?

2 odpowiedzi

odpowiedź 4 kwietnia 2015 przez M4tthew Gaduła (4,480 p.)
wybrane 4 kwietnia 2015 przez Benny S

Najlepsza

dopisz do 2 pliku ten sam styl
<link rel="stylesheet" href="style.css" type="text/css">

komentarz 4 kwietnia 2015 przez Benny S Obywatel (1,150 p.)

A konieczne jest pisanie na nowo całego <html></html> i wszystich "met" co by dobrze strona działała?

komentarz 4 kwietnia 2015 przez D3v0 Początkujący (350 p.)

trzeba pisac

komentarz 4 kwietnia 2015 przez Benny S Obywatel (1,150 p.)

Okej, dzięki wielkie.

odpowiedź 4 kwietnia 2015 przez Harsay Pasjonat (23,640 p.)
edycja 4 kwietnia 2015 przez Harsay

Samym HTML i CSS nie będziesz mógł bez kopiowania rozwiązać tego problemu.

Przedstawie Tobie jak to zrobić za pomocą języka PHP.

PHP

Aby wykorzystać język PHP musisz mieć postawioną stronę www na serwerze obsługującym ten język. Jeżeli nie posiadasz serwera to na Windowsie, możesz zainstalować XAMPP. Następnie w:

C:\xampp\htdocs\

utwórz folder o nazwie np. mojastrona. Następnie przenieś pliki strony do tego folderu.

Uruchom teraz serwer uruchamiając XAMPP i klikając "Start" przy module Apache.

Teraz możesz wejść na swoją stronę wpisując adres http://localhost/mojastrona w swoją przeglądarkę.

Czas teraz na modyfikację strony tak abyś nie musiał kopiować szablonu.

Załóżmy, że twój index.html wygląda tak.

<h1>Mój nagłówek</h1>

Witaj na mojej stronie!

<footer>Stopka!</footer>

W tym wypadku podzielimy twoją stronę na 3 pliki (naglowek.php, index.php, stopka.php).

Zawartość pliku naglowek.php

<h1>Mój nagłówek</h1>

Zawartość pliku stopka.php

<footer>Stopka!</footer>

Zawartość pliku index.php

<?php

include 'naglowek.php';

?>

Witaj na mojej stronie!

<?php

include 'stopka.php';

?>

Teraz gdy wejdziesz ponownie na swoją stronę, to efekt będzie taki sam jak poprzednio. Będzie nagłówek, zawartość i stopka.

Teraz wytłumaczę co zostało zrobione. Podzieliliśmy stronę na 3 pliki. Mamy osobny plik dla nagłówka i dla stopki. W index.php wykorzystaliśmy dwa razy funkcję języka PHP include, który pozwala na zawieranie zawartości pliku w innym. Dzięki temu przy tworzeniu kolejnych stron np. omnie.php nie będziesz musiał kopiować całego kodu html.

Stwórzymy plik omnie.php

<?php

include 'naglowek.php';

?>

To jest strona o mnie!

<?php

include 'stopka.php';

?>

Budowa jest identyczna jak w index.php tylko zawartość w środku jest zmieniona. Teraz wystarczy wejść na http://localhost/mojastrona/omnie.php
Jeżeli chcesz zapoznać się lepiej z językiem PHP to zapraszam Ciebie na m.in. kurs od Mirosława Zelenta.