[HTML]Ramki. Jeden pasek przwijania dla strony

Np. includy - musisz :slight_smile:

To nie jest chyba aż tak wiele.

Możesz zainteresować się też GETem.

Masz wtedy 1 plik, w którym zawarte są wszystkie podstrony.

Hmmm… ale czyli wychodzi na to, że muszę się nauczyć deko php, a jeśli nie to kopia części strony, przez div w css, tak ?

Nie, całego PHP uczyć się nie musisz… wystarczy Tobie znajomość zmiennych, zmiennej $_GET oraz funkcji include().

Dalej: (x)HTML, CSS i jedziesz.

Nie za bardzo znam Twój poziom wiedzy, więc dokładnie Ci nie wytłumaczę :slight_smile:

Nie do końca się z kolegami zgodzę.

  1. Nie ma potrzeby kopiowania do kolejnych stron jakiejkolwiek stałej zawartości. Nawet poprzez includowanie. Po to tworzy się szablon strony, by nagłówek, loga, menu, stopka i inne elementy które mają się wyświetlać zawsze, zawrzeć w jednym pliku. Plik ten również posiada sekcję, nazwijmy ją “INFO” - której zawartość będzie za każdym razem inna - w zależności co użytkownik strony wybierze z menu. Szablon zbudowany na zasadzie bloków DIV

formatowanych za pomocą CSS.

  1. Całą logikę strony, która sterować będzie wyświetlaniem elementów i treści w sekcji “INFO” piszesz w PHP.

  2. Includujemy pliki PHP wykonujące odpowiednie działanie w zależności od wyboru użytkownika. (NP użytkownik kliknął w pozycję menu wyświetlającą formularz - includujemy plik PHP który wyświetli formularz i obsłuży działanie użytkownika po wciśnięciu przycisku “Wyślij” jak parsowanie danych i etc. Co najważniejsze plik wyświetlający formularz nie posiada żadnych elementów takich jak nagłówek, logo menu czy stopka czyli nie posiada klasycznej struktury dokumentu HTML - zawiera jedynie kod wyświetlający formularz i obsługujący działanie użytkownika.

  3. I co najważniejsze, nie musimy w takim przypadku kopiować czegokolwiek do plików wyświetlających fragmenty strony - główny plik (szablon strony) za każdym razem wyświetli nam to co jest stałe.

Oczywiście najlepszym rozwiązaniem byłoby stosowanie systemu templatów, które idealnie separują logikę strony od warstwy prezentacji, ale to już zagadnienie na inny temat

Dodane 06.10.2010 (Śr) 20:35

P.S.

@ArN

Lepszym rozwiązaniem jest użycie include_once() lub w przypadku plików PHP nie wyświetlających żadnych danych require_once(). W przypadku takiej notacji parser PHP nie będzie dołączał tego samego pliku w przypadku gdy już inny plik dołączył już ten plik. Może tak się zdarzyć, że includujemy plik np. menu.php który dodatkowo includuje plik funkcje.php oraz includujemy plik foo.php który również includuje plik funkcje.php.

W przypadku użycia include() plik funkcje.php został by zalączony dwukrotnie, czy w przypadku użycia include_once() parser PHP nie dołączy pliku funkcje.php w przypadku gdy wykryje że inny plik już dołączył plik funkcje.php

Yyyy… a czy ktoś z was jeszcze pamięta ramki.

Moja znajomość:

Znam HTML i elementy CSS-a.

Tak pamiętam jeszcze ramki, ale to wiedza na chwilę obecną kompletnie bezużyteczna i dawno wyszła już z obiegu.

Skoro znasz tylko HTML i częściowo CSS, to bardzo dużo nauki jeszcze przed Tobą.

Dzisiejsze aplikacje internetowe ( a jak już wspomniałem strony do takowych się zaliczają) wymagają znajomości:

  1. PHP + MySQL (absolutna podstawa)

  2. HTML+ CSS

  3. JavaScript

  4. AJAX mile widziany

  5. Java Serwer Pages lub ASP.NET również mile widziane

  6. Znajomość jakiegoś frameworka pod PHP (np. Zend) lub Java również mile widziana

  7. Stosowanie systemu templatów znacznie ułatwia tworzenie aplikacji.

Ale nie zrażaj się, tworzenie aplikacji internetowych jest ekscytujący wyzwaniem i ciągłą szansą na poznawanie nowych technologii, gdyż te wciąż się w tej branży zmieniają :))

kalamita, nie strasz kolegi :slight_smile: Na początek xHTML oraz CSS z elementami PHP wystarczy do zrobienia zwykłej strony. Te inny cuda to są potrzebne do… bardzo zaawansowanych strony… bardzo, bardzo…

$ArN

Dzisiejsze strony nie są już prostymi aplikacjami. Są złożonymi programami składającymi się z wielu elementów nierzadko napisanymi w różnych językach.

Nie straszę, nauka tych wszystkich elementów może być naprawdę ekscytującym wydarzeniem i warto poznać nawet podstawy :slight_smile: Stanowić to może bazę do dalszego rozwoju.

Pozdrawiam :slight_smile:

Czy aby na pewno? Duże serwisy są “złożonymi programami”, ale nie wszystkie strony nimi są!

@ArN

Znam ludzi, których strona domowa składa się z wielu współpracujących ze sobą modułów napisanych w różnych językach.

Jednak do stworzenia prostej strony z dwiema, trzema podstronami, to wystarczy jedynie znajomość PHP, jednak warto się rozwijać i uczyć różnych technologii

Pozdrawiam :slight_smile:

Zatem nie ma atrybutu dającego jeden pasek?

Pobawiłem się trochę divami, ale niestety coś jest nie tak… mam problemy z marginesami, bo chciałbym żeby wyszło coś takiego:

TYTUL

MENU TRESC

a wychodzi coś takiego:

TYTUL

TRESC

MENU

jeszcze spróbuję coś pozmieniać.

A czy ktoś z was nie mógł by dać mi jakiego przykładu ??

atrybut float w CSS pozwoli Ci ustawić MENU obok treści

W razie, gdyby przez float’a DIVy wychodziły poza strukturę strony (czyli - nie byłby by “materialne”) to zainteresuj się css’owym clear:both.

Zatem nie ma atrybutu dającego jeden

pasek?

Dzieki za info o floacie, przyda się

Jeszcze nie przekonałeś się do układu kolumnowego, CSS i szablonu ?

Float nie działa, albo po prostu nie wiem jak go użyć, o to kod CSS’a: (tylko prosze się nie śmiać :smiley: )

#tytul {

margin-top: 0px;

margin-right: 0px;

margin-bottom: 10px;

margin-left: 0px;


padding-left:20px;

padding-right:20px;

padding-bottom:50px;

background-image:logo.jpg;

background: gray;

}


#tresc {

float:right;

width: 12%;                

margin-top: 0px;

		margin-right: 0px;

		margin-bottom: 10px;

		margin-left: 300px;





background:green;

}



#menu {

float:left;

width: 12%;


margin-top: 0px;

margin-right: 1650px;

margin-bottom: 10px;

margin-left: 0px;


padding-bottom: 200px;

padding-top: 300px;


background:lightblue;


}
  1. background-image:logo.jpg; - nieprawidłowo. Powinno być

    background: url(logo.jpg);

lub

background-image: url(logo.jpg);
  1. Po co pisać każdy margines i padding osobno? Nie lepiej zamiast (np):

    margin-left: 10px;

    margin-right: 20px;

    margin-top: 30px;

    margin-bottom: 40px

napisać

margin: 30px 20px 40px 10px;

??

Dzięki, no a co zrobić z tym floatem?

A może pokaż efekt, jaki się Tobie pokazuje?

bez zmian -

TYTUL

TRESC

MENU