Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [php][html]Jak robić strony www
Forum PHP.pl > Forum > Przedszkole
redelek
18.01.2008, 09:50:29
Witam grupowiczów,

Narazie robiłem sobie różne dodatki w php i zabawki. Pora przyszła na zrobienie jakiejś stronki.
Szukałem czytałem i mam straszny mętlik w głowie. Chciałbym zrobić dwie strony jedna domowa druga firmowa.
Nie wiem jak to zorganizować

Jedni mówią tylko CSS + xhtml lub html
inni Java , smart php czy flash.

Pomysłów co niemiara tylko nie wiem na co się zdecydować. Narazie mam stronkę domową opartą na tabelach niestety nie we wszystkich przeglądarkach wygląda ładnie. Tabelki troszkę się rozwalają i przeglądarki różnie interpretują ich wygląd.

Co byście doradzili by zrobić dobrą stronkę i w miare stabilną ( jeśli chodzi o typy przeglądarek).
NIe chcę się opierać o gotowe systemy CMS ( mambo, jomla, czy inne takie ) Moim zdaniem są to straszne molochy których wszystkich funkcji nie wykożystam.

Może ktoś podpowie jak ma swoją stronkę zrobioną, czym się sugerował i jak wygląda szablon.


Dzięki za linki wskazówki, jakieś donre książki lub many

Pozdrawiam
Redelek
dziurson
18.01.2008, 10:00:27
Ja swoją stronę domową pisałem w html, css i php. Jest to to tak: jest strona w html która jest tak jaby szablonem i za pomocą php i funkcją require dołączam zawartość w zależności od zmiennej. Dość czesto wykorzystywane rozwiązanie
chemik1982
18.01.2008, 10:01:09
O funkcjonalności strony jak i narzędziach jakie ty wykorzystasz decydujesz ty.
Jeśli znasz podstawy PHP, XHTML, CSS to ci spokojnie wystarczy na zrobienie "stabilnej" stronki.
Chcesz manuali: wystarczy zgooglowac pod wyzej wymienionymi hasłami, może dodając kurs na początku.
A później, każdy z chęcią Tobie pomoże, jeśli pokażesz kawałek kodu.

I zapomnij o tabelkach.

pozdro.
redelek
18.01.2008, 10:30:48
Najbardzie mi chodzi o ułożenie strony.
Problem jest w tym że chciałbym mieć stronę podzieloną na 4 cześci i żeby tylko środkowa się przeładowywała po wybraniu jakiejś opcji.
Narazie zrobiłem za pomocą tabelek w php i include kolejne tabelki, ale jak wspomniałem nie zawsze to ładnie działa.
Co można by było zastosować to rozmieszczenia 4 części i żeby środkowa się przeładowywała ?FRAME ? nie zabardzo bo chcę by strona nie dotykała krawędzi przeglądarki ma nyć na środku. Naprzykład coś takiego http://www.4programmers.net/
chemik1982
18.01.2008, 10:47:04
http://www.gajdaw.pl/html/div-uklad-witryny/index.html - jesli chodzi layout,
zalezy od tego jak bedziesz sobie includowal pliki, co nie zmienia faktu ze kazde zadanie
wyswietlenia strony bedzie pociagalo za soba przeladowanie calej strony.

Zrob najpierw poprawny layout za pomocą divow i CSS na jednym pliku html.
Pozniej mozesz bawic sie w rozdzialenia na konkretne czesci i includowanie je do
pliku np.
- naglowek
- lewy box
- srodkowy box
- prawy box
- stopka

Chcesz zeby tylko konkretny komponent sie aktualizowal, przladowywal - AJAX.
redelek
18.01.2008, 11:40:19
Cytat(chemik1982 @ 18.01.2008, 10:47:04 ) *
http://www.gajdaw.pl/html/div-uklad-witryny/index.html - jesli chodzi layout,
zalezy od tego jak bedziesz sobie includowal pliki, co nie zmienia faktu ze kazde zadanie
wyswietlenia strony bedzie pociagalo za soba przeladowanie calej strony.

Zrob najpierw poprawny layout za pomocą divow i CSS na jednym pliku html.
Pozniej mozesz bawic sie w rozdzialenia na konkretne czesci i includowanie je do
pliku np.
- naglowek
- lewy box
- srodkowy box
- prawy box
- stopka

Chcesz zeby tylko konkretny komponent sie aktualizowal, przladowywal - AJAX.


OOO super stronka dużo do poczytanie i jest od czego zacząć. Super dziękuję masz + smile.gif

Pozdrawiam
Redelek
chemik1982
18.01.2008, 11:50:16
http://www.petefreitag.com/item/475.cfm
http://www.draac.com/css/csstricks.html

kilka trickow w css, poczytaj, a oszczedzisz sobie nerwow... winksmiley.jpg
redelek
18.01.2008, 16:59:46
No oto moje wypociny na DIV-ach może komuś się przyda.
Sprawdziłem nie rozwala się w IE 6.0 +SP2 IE7, FF 2.X i 3.X, oraz Opera9.25.
Dziękuję wszystkim za pomoc i wskazówki.
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.   <meta http-equiv="content-type" content="text/html; charset=ISO8859-2">
  5.   <meta name="generator" content="PSPad editor, www.pspad.com">
  6.   <title>DIV +CSS +POMYSŁ</title>
  7.   </head>
  8. <style type="text/css">
  9.  
  10.  
  11. body {
  12. 	background: #C0C0C0;
  13.   width: 90%;
  14. 	margin: 0 auto;
  15. 	border: 0px solid black;
  16. }
  17.  
  18. #naglowek{
  19. 	height: 120px;
  20. 	background: green;
  21. }
  22. #p_menu{
  23. 	float: left;
  24. 	background: #f00;
  25. 	margin-right: -180px;
  26. 	width: 180px;
  27.   height: 300px;
  28. }
  29. #l_menu{
  30.   float: right;
  31.   background:fuchsia;
  32.   margin-left: -150px;
  33.   width: 150px;
  34.   height: 300px;
  35. }
  36. ul li{
  37.   text-align: left;
  38.   text-decoration:none;
  39.   padding-left: 1%;
  40. 	padding-right: 2%;
  41. 	padding-bottom: 6%;
  42.  
  43. }
  44.  
  45. #srodek{
  46. 	margin-left: 180px;
  47. 	margin-right: 150px;
  48. 	background: #00f;
  49. 	padding-left: 1%;
  50. 	padding-right: 2%;
  51. 	padding-bottom: 3%;
  52. }
  53. #stopka{
  54.   background: olive;
  55.   margin:0px;
  56.   text-align:center;
  57.  
  58.  
  59.  
  60. }
  61. </style>
  62.  
  63. </head>
  64.  
  65. <body>
  66. <div id="naglowek"></div>
  67. <div id="p_menu">
  68. <ul>
  69. <li>menu item 1</li>
  70.  
  71. <li>menu item 1</li>
  72. <li>menu item 1</li>
  73. <li>menu item 1</li>
  74. </ul>
  75. </div>
  76. <div id="l_menu">LEWE MENU</div>
  77.  
  78. <div id="srodek">
  79. ŚRODEK TO CO JEST POMIĘDZY MENU
  80. </div>
  81. <div id="stopka">STOPKA</div>
  82.  
  83. </body>
[HTML] pobierz, plaintext


Co prawda stopka mi spierdziela jak mam za mało w środku napisane, ale już coś jest i działa. Poże potomnym się przyda smile.gif

Pozdrawiam
Redelek
chemik1982
18.01.2008, 17:08:17
do stopki daj clear:both i pozamiatane winksmiley.jpg i to nie sa wypociny tylko twoja praca. pozdro
redelek
21.01.2008, 09:40:00
Cytat(chemik1982 @ 18.01.2008, 17:08:17 ) *
do stopki daj clear:both i pozamiatane winksmiley.jpg i to nie sa wypociny tylko twoja praca. pozdro


SUPER tego mi brakowało, a może wiesz jeszcze dlaczego w IE 6.0 z SP2 jest ona rozciągnięta na całą stronę a nie na 80%?


Pozdrawiam
Redelek
bemol
21.01.2008, 10:46:40
Ja pewnie jak wszyscy polecam zrobienie strony XHTLM + CSS + PHP. Szablon oparty tylko i wyłącznie na divach. Możesz includować z taką pomocą:
[PHP] pobierz, plaintext 
  1. <?php
  2. $page = $_GET['page']; #przypisujesz do zwykłej zmniennej, zmienną tablicową GET
  3. #i teraz np:
  4. if(empty($page)) include "news.php"; #jeśli $page jest pusta includujemy plik news.php
  5. elseif ($page == 1) include "formularz.php"; #jesli $page jest rowna 1 includujemy plik formularz.php
  6. ... #itd
  7. ?>
[PHP] pobierz, plaintext

Przy czym w linku dodajesz:
...index.php?page=1 - w tym wypadku wyświetli się formularz.php smile.gif

Co do tricków w css to polecam świetny kurs: http://www.kurshtml.boo.pl/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.