June 17, 20206 yr De ce să alegi programare în PHP? PHP rulează pe diferite platforme (Windows, Linux, Unix, Mac OS X, etc.) PHP este compatibil cu aproape toate serverele utilizate în prezent (Apache, IIS etc.) PHP suportă o gamă largă de baze de date PHP este gratuit. Descărcați-l din resursa oficială PHP: www.php.net PHP este ușor de învățat și rulează eficient pe partea de server De ce anume avem nevoie? Pentru a începe să utilizați PHP, parcurgeți pașii de mai jos: Identificați o gazdă web PHP gazdă și suport MySQL Instalați un server web pe propriul PC, apoi instalați PHP și MySQL Urmați instrucțiunile de instalare de pe situl oficial http://php.net/manual/en/install.php Un server web XAMPP ( Apache), un interpretor PHP și un SBGD (MySQL) Un editor de text (Notepad++) Un browser (Firefox) Ce vom realiza? vom crea un fișier *.php dintr-un fișier *.html deja existent vom adăuga stiluri utilizând CSS vom adăuga/include pagini dinamice (fișiere *.php) vom include un subsol, conținut și un meniu de navigare în paginile web. Fișierele basis.html și basis.css au fost create și au următorul conținut: basis.css *{ margin: 0px; padding: 0px; } body { font-size: 12pt; font-family: Verdana,Arial,sans-serif; } /* General fonts */ ul, li { margin-top: 0px; list-style-type: none; } p{ font-family: Verdana,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; line-height: normal; padding: 0px; } h1 { font: 1.25em Verdana,Arial,sans-serif; font-weight: bold; padding-bottom: 10px; } h2 { font: 1.25em Verdana,Arial,sans-serif; font-weight: bold; padding-bottom: 10px; color: red; } h3 { font: 1.25em Verdana,Arial,sans-serif; font-weight: bold; padding-bottom: 10px; } img { border: none; } /* Cont ainer */ #container { width: 970px; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; } /* Hea der C ompon ents */ #header { border: 1px solid #999999; width: 970px; height: 115px; } /* Log o */ #logo { float: left; } /* Slo gan */ #slogan { position: absolute; width: auto; height: 30px; margin-top: 20px; margin-left: 280px; font-size: 2.3em; font-weight: bold; } /* Search bar */ #search { float: right; margin-top: 30px; clear: right; font-size: 0.8em; } /* Roo tline */ #rootline { font: normal 10px Verdana,Arial,sans-serif; padding-top: 5px; padding-bottom: 0px; margin-left: 0px; } /* Left part */ #left { float: left; min-height: 590px; padding-bottom: 0px; padding-top: 0px; position: relative; width: 200px; border: 1px solid #999999; margin-top: 10px; font-size: 1.1em; } /* Lan guage */ #languages { padding-top: 5px; padding-left: 16px; padding-bottom: 20px; } /* Meniu stanga */ #left-menu { text-align: left; margin-top: 40px; list-style-type: none; margin-left: 8px; } #left-menu a { text-decoration: none; } #left-menu a:hover { color: #666; } /* The main part of the page */ #middle { float: left; height: 580px; margin-left: 10px; width: 520px; border: 1px solid #999999; margin-top: 10px; padding: 5px 5px 5px 10px; overflow: auto; } /* Right */ #right { width: 202px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; min-height: 585px; float: right; text-align: left; font-weight: normal; font-family: Verdana,Arial,sans-serif; border: 1px solid #999999; margin-top: 10px; position: relative; font-size: 0.8em; } /* Foo ter */ #footer { position: relative; top: 15px; font-family: Verdana,Arial,sans-serif; clear: both; text-align: right; color: #333; height: 25px; width: 970px; text-decoration: none; border: 1px solid #999999; font-size: 0.9em; padding-top: 5px; } basis.html <html> <head> <link rel="stylesheet" type="text/css" href="c ss/ba sis.c ss"> </head> <body> <div id="container"> <div id="header"> <div id="logo">###LOGO###</div> <div id="slogan">###SLOGAN###</div> <div id="search">###SEARCH###</div> </div > <div id="rootline">###ROOTLINE###</div> <div id="left"> <div id="languages">###LANGUAGES###</div> <div id="left-menu">###LEFT-MENU###</div> <div id="motto">###MOTTO###</div> </div > <div id="middle"> ###MIDDLE###</div> <div id="right"> ###RIGHT### <div id="topnews">###TOPNEWS###</div> </div > <div id="footer"> ###FOOTER### </div> </div> </body> </html> TS3 SERVER : 193.84.64.140:10017 #statiincasa
De ce să alegi programare în PHP?
De ce anume avem nevoie?
Ce vom realiza?
basis.css
*{ margin: 0px; padding: 0px; } body { font-size: 12pt; font-family: Verdana,Arial,sans-serif; } /* General fonts */ ul, li { margin-top: 0px; list-style-type: none; } p{ font-family: Verdana,Arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; line-height: normal; padding: 0px; } h1 { font: 1.25em Verdana,Arial,sans-serif; font-weight: bold; padding-bottom: 10px; } h2 { font: 1.25em Verdana,Arial,sans-serif; font-weight: bold; padding-bottom: 10px; color: red; } h3 { font: 1.25em Verdana,Arial,sans-serif; font-weight: bold; padding-bottom: 10px; } img { border: none; } /* Cont ainer */ #container { width: 970px; margin-top: 20px; margin-right: auto; margin-bottom: auto; margin-left: auto; } /* Hea der C ompon ents */ #header { border: 1px solid #999999; width: 970px; height: 115px; } /* Log o */ #logo { float: left; } /* Slo gan */ #slogan { position: absolute; width: auto; height: 30px; margin-top: 20px; margin-left: 280px; font-size: 2.3em; font-weight: bold; } /* Search bar */ #search { float: right; margin-top: 30px; clear: right; font-size: 0.8em; } /* Roo tline */ #rootline { font: normal 10px Verdana,Arial,sans-serif; padding-top: 5px; padding-bottom: 0px; margin-left: 0px; } /* Left part */ #left { float: left; min-height: 590px; padding-bottom: 0px; padding-top: 0px; position: relative; width: 200px; border: 1px solid #999999; margin-top: 10px; font-size: 1.1em; } /* Lan guage */ #languages { padding-top: 5px; padding-left: 16px; padding-bottom: 20px; } /* Meniu stanga */ #left-menu { text-align: left; margin-top: 40px; list-style-type: none; margin-left: 8px; } #left-menu a { text-decoration: none; } #left-menu a:hover { color: #666; } /* The main part of the page */ #middle { float: left; height: 580px; margin-left: 10px; width: 520px; border: 1px solid #999999; margin-top: 10px; padding: 5px 5px 5px 10px; overflow: auto; } /* Right */ #right { width: 202px; padding-top: 5px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; min-height: 585px; float: right; text-align: left; font-weight: normal; font-family: Verdana,Arial,sans-serif; border: 1px solid #999999; margin-top: 10px; position: relative; font-size: 0.8em; } /* Foo ter */ #footer { position: relative; top: 15px; font-family: Verdana,Arial,sans-serif; clear: both; text-align: right; color: #333; height: 25px; width: 970px; text-decoration: none; border: 1px solid #999999; font-size: 0.9em; padding-top: 5px; }basis.html
TS3 SERVER : 193.84.64.140:10017
#statiincasa