[HTML][CSS][PHP]Zamiana kodu html na PHP

[HTML][CSS][PHP]Zamiana kodu html na PHP, Jak to zrobić by było wszystko ok

kubakuba Zobacz profil	18.01.2011, 19:10:04 Post #1
Grupa: Zarejestrowani Postów: 16 Pomógł: 0 Dołączył: 18.01.2011 Ostrzeżenie: (0%)	Na wstępie chciałbym się przywitać z wszystkimi jako nowy. A teraz do rzeczy. Zrobiłem projekt w HTML-u i dołączyłem szablony w CSS. Zastanawiam się jak teraz przerobić kod by można było to otworzyć jako plik.php plik w html-u: <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/dtd xhtml 1.0 transitional.dtd"> <html xml:lang="pl" xmlns="http://www.w3.org/1999/xhtml" lang="pl"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Historia Kina Polskiego</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="css/default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <h1><a href="#">Historia Kina Polskiego</a></h1> </div> <div id="content"> <div id="colOne"> <div id="menu"> <ul> <li><a href="#" accesskey="1" title="">strona główna </a></li> <li><a href="../wstęp.html" accesskey="2" title="">Wstęp do histori kina</a></li> <li><a href="#" accesskey="3" title="">Początki dziesiątej muzy w Polsce</a></li> <li><a href="#" accesskey="4" title="">Szkoła Polska</a></li> <li><a href="#" accesskey="4" title="">Kino okresu transformacji</a></li> <li><a href="../galeria.html" accesskey="4" title="">Galeria</a></li> <li><a href="mailto:kubik_grzegorz@wp.pl" accesskey="5" title="">Kontakt</a></li> </ul> <h3>"A szczególnie nie chodzę na filmy polskie w ogóle..."</h3> <p>Inż Mamoń z filmu<i> Rejs </i> Marka Piwowskiego opisywał polskie kino jako dłużyznę i zmarnowany czas w kinie:</p></br> <p><i>A w filmie polskim proszę pana to jest tak: nuda... Nic się nie dzieje proszę pana. Nic. Taka proszę pana... Dialogi nie dobre... Bardzo nie dobre dialogi są..</i></p> </div> </div> <div id="colTwo"> <div class="post"> <h2>Witam Cię użytkowniku na filmowej stronie</h2> <p><strong>Trafiłeś właśnie na stronę ze skróconym zasobem wiedzy dotyczącej polskiego kina </strong><a href="http://www.poczytaj.pl/62267">Mam nadzieję, że te wiadomości</a> bendą cennym uzupełnieniem a także zachętą do zgłębiania wiedzy na temat kinematografii polskiej i światowej.</p> </div> </div> </div> <div id="footer"> <p>Informacje pochodzą z zasobów internetowych jak i z książki<a href="http://www.poczytaj.pl/62267"><strong>HISTORIA FILMU 1895-2005</strong></a> Jerzego Płażewskiego. </div> </body> </html> plik w css dołączony do powyższego pliku: body { margin: 0; padding: 0; background: #0D0D0D url(../img/img1.gif) repeat-y center top; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; color: #707070; } h1, h2, h3 { text-transform: none; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; color: #FF941D; } h2 { font-size: 24px; } h3 { font-size: 18px; } p, ol, ul, blockquote { line-height: 22px; } a { border-bottom: 1px dotted #707070; text-decoration: none; color: #BFBFBF; } a:hover { border: none; background-color:red; } strong { color: #8D8C8C; } /* Posts / .post { margin-bottom: 9px; padding: 20px 40px 20px 60px; background: #131313; border-top: 1px solid #1F1F1F; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #1F1F1F; background: url(../img/img1.gif) repeat-y -150px 0px; } .post h2, .post h3 { margin-left: -40px; } / Header / #header { width: 600px; height: 280px; margin: 0 auto; background: url(../img/kino.jpg); } #header h1 { margin: 0; padding: 40px 0 0 40px; font-size: 36px; } #header h2 { margin: 0; padding: 0 0 0 192px; font-size: 16px; } #header a { border: none; letter-spacing: -1px; color: #FFFF52; } / Content / #content { width: 580px; margin: 0 auto; padding: 10px; } #colOne { float: left; width: 180px; } #colOne ul { margin-left: 0; padding-left: 0; list-style: none; } #colTwo { float: right; width: 390px; } / Footer / #footer { clear: both; width: 580px; margin: 0 auto; padding-top: 20px; } #footer p { margin: 0; text-align: center; font-size: 9px; } #footer { color: #333333; }