SlideShare ist ein Scribd-Unternehmen logo
1 von 24
ProiectProgramare Web Site – Biserica Baptista Buteni Realizat de : Mangol Elisabeta Raluca  Lucaci Ciprian
Documentare Tehnologiile folosite ,[object Object]
Css
Javascript
Php
Mysql
RSS,[object Object]
CSS CSS(Cascading Style Sheets)este un standard pentruformatareaelementelorunui document HTML. Stilurile se pot atașaelementelor HTML prinintermediulunorfișiereexternesauîncadruldocumentului, prinelementul <style> și/sauatributul style. CSS se poateutilizașipentruformatareaelementelorXHTML, XMLșiSVGL. CSSeste un limbaj (style language) care defineste "layout-ul" pentrudocumentele HTML. CSS acoperaculori, font-uri, margini (borders), linii, inaltime, latime, imagini de fundal, pozitiiavansatesimultealteoptiuni.
Javascript JavaScript este un limbaj de programareorientat obiect bazat pe conceptul prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web, codul Javascript din aceste pagini fiind rulat de către browser. Limbajul este binecunoscut pentru folosirea sa în construirea siturilor web, dar este folosit și pentru acesul la obiecte încastrate (embedded objects) în alte aplicații. A fost dezvoltat inițial de către Brendan Eich de la Netscape Communications Corporation sub numele de Mocha, apoi LiveScript, și denumit în final JavaScript.
Php PHP este un limbaj de programare. Numele PHP provine din limba engleză și este un acronim recursiv : Php: Hypertext Preprocessor. Folosit inițial pentru a produce pagini web dinamice, este folosit pe scară largă în dezvoltarea paginilor și aplicațiilor web. Se folosește în principal înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în mod „linie de comandă” (CLI), permițând crearea de aplicații independente. Este unul din cele mai importante limbaje de programare web open-source și server-side, existând versiuni disponibile pentru majoritatea web serverelor și pentru toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane de situri web și pe 1 milion de servere web[3]. Este disponibil sub Licenṭa PHP ṣi Free Software Foundation îl considerã a fi un software liber.
MySql MySQL este un sistem de gestiune a bazelor de date relational, produs de compania suedeza MySQL AB. Este cel mai popular SGBD open-source la ora actuala, fiind o componenta cheie a stivei LAMP(Linux, Apache, MySQL, PHP).Desi este folosit foarte des împreuna cu limbajul de programare PHP, cu MySQL se pot construi aplicatii în orice limbaj major. Este un sistem client-server. Serverul de baze de date este separat logic si deseori fizic (pe calculatoare diferite) de programele client care asigura interfata operatiilor cu baza de date. Serverul MySQL suporta o paleta larga de programe client, scrise in diverse limbaje de programare. Este rapid, fiabil si totodata usor de utilizat. Are scalabilitate buna motiv pentru care suporta baze de date de mari dimensiuni. Exista aplicatii cu aproximativ 5 miliarde inregistrari ruland pe MySQL.
Descrierea proiectului  Proiectul a constat in construireaunui site de prezentarepentru o biserica. Site-ul a fostganditinitial sacontinaurmatoarelepagini: Acasa Desprenoi Biblioteca Imagini Resurse Contact
Descrierea proiectului  Fisierelesursa a fiecareipagini a fostscriseavandextensia .php. Fiecarepagina include un header si un footer.  In partea de header estetitlulpaginiisimeniul. Oricemodificare a unui link din meniu se face intr-un singur loc. Adaugareauneinoipagini se face foarteusorpentrucaeava include header-ulsi footer sivatrebuimodificatdoarcontinutul.
Descrierea proiectului Acasa - este pagina care se deschide la lansarea site-ului. Aici pot fi afisate diverse anunturi.	 Despre noi – este pagina care contine diverse informatii despre posesorii site-ului. In cazul de fata contine marturisirea de credinta.
Descrierea proiectului Biblioteca – este pagina care contine un formular care interactioneaza cu o baza de date. Baza de date reprezinta un numar de carti pus la dispozitie de biserica. Toate cartile sunt afisate in mod automat la deschiderea paginii. Adminstratorul poate insera sau elimina o carte in baza de date.
Descrierea proiectului Imagini – contine galeria de poze. Fiecare poza poate fi insotita de link, descriere, nu are limitari la denumire, are thumbs active. Galeria functioneaza si ca slideshow, poate fi setata cu usurinta sa afiseze automat imaginile, parametrii fiind de asemenea usor de modificat (viteza, opacitate, etc.)
Descrierea proiectului Resurse – pagina contine o serie de link-uri catre pagini similare Contact – pagina contine un formular de contact care trimite un mail persoanei de contact a bisericii. De asemenea, pagina mai contine o harta pusa la dispozitie prin intermediul GoogleMaps.
Site-uri similare http://www.betel.ro http://www.poartacerului.ro/ http://www.betania-tm.ro/ http://www.elim.ro/ http://www.bisericastanca.ro/ http://bisericametanoia.ro/
Resurse utile Galerii foto http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/ RSS http://www.w3schools.com/rss/default.asp Formulare http://www.tizag.com/htmlT/forms.php
Resurse utile De toate http://www.quackit.com/ Si mai multe  http://www.webdesign-tutorials.com/
See for yourself
See for yourself
See for yourself
Cod Functii biblioteca function isNumeric(sText) {    var ValidChars = "0123456789.";    var IsNumber=true;    var Char;    for (i = 0; i < sText.length && IsNumber == true; i++)        {        Char = sText.charAt(i);        if (ValidChars.indexOf(Char) == -1)           {          IsNumber = false;          }       }    return IsNumber; }

Weitere ähnliche Inhalte

Ähnlich wie Proiect web (20)

Irina Cureraru
Irina CureraruIrina Cureraru
Irina Cureraru
 
Licenta web aplicatie.pptx
Licenta web aplicatie.pptxLicenta web aplicatie.pptx
Licenta web aplicatie.pptx
 
Civilizatia Egipteana
Civilizatia EgipteanaCivilizatia Egipteana
Civilizatia Egipteana
 
Galerie
GalerieGalerie
Galerie
 
Patrascu Mihaela Hanelore Conceptul World Wide Web
Patrascu Mihaela Hanelore Conceptul World Wide Web Patrascu Mihaela Hanelore Conceptul World Wide Web
Patrascu Mihaela Hanelore Conceptul World Wide Web
 
Capitolul 3
Capitolul 3Capitolul 3
Capitolul 3
 
Front Page
Front PageFront Page
Front Page
 
Proiect programare web
Proiect programare webProiect programare web
Proiect programare web
 
Audi
AudiAudi
Audi
 
48892700 invatam-php
48892700 invatam-php48892700 invatam-php
48892700 invatam-php
 
Pptpw
PptpwPptpw
Pptpw
 
Prezentare
PrezentarePrezentare
Prezentare
 
Prezentare1
Prezentare1Prezentare1
Prezentare1
 
Proiect Programare WEB
Proiect Programare WEBProiect Programare WEB
Proiect Programare WEB
 
Proiect programare web
Proiect programare webProiect programare web
Proiect programare web
 
Proiect programare web
Proiect programare webProiect programare web
Proiect programare web
 
Culoarea cuvintelor
Culoarea cuvintelorCuloarea cuvintelor
Culoarea cuvintelor
 
Pptpw
PptpwPptpw
Pptpw
 
Web2.0 - tutorial si exemple
Web2.0  - tutorial si exempleWeb2.0  - tutorial si exemple
Web2.0 - tutorial si exemple
 
Biblioteci JavaScript pentru Ajax.pptx
Biblioteci JavaScript pentru Ajax.pptxBiblioteci JavaScript pentru Ajax.pptx
Biblioteci JavaScript pentru Ajax.pptx
 

Proiect web

  • 1. ProiectProgramare Web Site – Biserica Baptista Buteni Realizat de : Mangol Elisabeta Raluca Lucaci Ciprian
  • 2.
  • 3. Css
  • 5. Php
  • 7.
  • 8. CSS CSS(Cascading Style Sheets)este un standard pentruformatareaelementelorunui document HTML. Stilurile se pot atașaelementelor HTML prinintermediulunorfișiereexternesauîncadruldocumentului, prinelementul <style> și/sauatributul style. CSS se poateutilizașipentruformatareaelementelorXHTML, XMLșiSVGL. CSSeste un limbaj (style language) care defineste "layout-ul" pentrudocumentele HTML. CSS acoperaculori, font-uri, margini (borders), linii, inaltime, latime, imagini de fundal, pozitiiavansatesimultealteoptiuni.
  • 9. Javascript JavaScript este un limbaj de programareorientat obiect bazat pe conceptul prototipurilor. Este folosit mai ales pentru introducerea unor funcționalități în paginile web, codul Javascript din aceste pagini fiind rulat de către browser. Limbajul este binecunoscut pentru folosirea sa în construirea siturilor web, dar este folosit și pentru acesul la obiecte încastrate (embedded objects) în alte aplicații. A fost dezvoltat inițial de către Brendan Eich de la Netscape Communications Corporation sub numele de Mocha, apoi LiveScript, și denumit în final JavaScript.
  • 10. Php PHP este un limbaj de programare. Numele PHP provine din limba engleză și este un acronim recursiv : Php: Hypertext Preprocessor. Folosit inițial pentru a produce pagini web dinamice, este folosit pe scară largă în dezvoltarea paginilor și aplicațiilor web. Se folosește în principal înglobat în codul HTML, dar începând de la versiunea 4.3.0 se poate folosi și în mod „linie de comandă” (CLI), permițând crearea de aplicații independente. Este unul din cele mai importante limbaje de programare web open-source și server-side, existând versiuni disponibile pentru majoritatea web serverelor și pentru toate sistemele de operare. Conform statisticilor este instalat pe 20 de milioane de situri web și pe 1 milion de servere web[3]. Este disponibil sub Licenṭa PHP ṣi Free Software Foundation îl considerã a fi un software liber.
  • 11. MySql MySQL este un sistem de gestiune a bazelor de date relational, produs de compania suedeza MySQL AB. Este cel mai popular SGBD open-source la ora actuala, fiind o componenta cheie a stivei LAMP(Linux, Apache, MySQL, PHP).Desi este folosit foarte des împreuna cu limbajul de programare PHP, cu MySQL se pot construi aplicatii în orice limbaj major. Este un sistem client-server. Serverul de baze de date este separat logic si deseori fizic (pe calculatoare diferite) de programele client care asigura interfata operatiilor cu baza de date. Serverul MySQL suporta o paleta larga de programe client, scrise in diverse limbaje de programare. Este rapid, fiabil si totodata usor de utilizat. Are scalabilitate buna motiv pentru care suporta baze de date de mari dimensiuni. Exista aplicatii cu aproximativ 5 miliarde inregistrari ruland pe MySQL.
  • 12. Descrierea proiectului Proiectul a constat in construireaunui site de prezentarepentru o biserica. Site-ul a fostganditinitial sacontinaurmatoarelepagini: Acasa Desprenoi Biblioteca Imagini Resurse Contact
  • 13. Descrierea proiectului Fisierelesursa a fiecareipagini a fostscriseavandextensia .php. Fiecarepagina include un header si un footer. In partea de header estetitlulpaginiisimeniul. Oricemodificare a unui link din meniu se face intr-un singur loc. Adaugareauneinoipagini se face foarteusorpentrucaeava include header-ulsi footer sivatrebuimodificatdoarcontinutul.
  • 14. Descrierea proiectului Acasa - este pagina care se deschide la lansarea site-ului. Aici pot fi afisate diverse anunturi. Despre noi – este pagina care contine diverse informatii despre posesorii site-ului. In cazul de fata contine marturisirea de credinta.
  • 15. Descrierea proiectului Biblioteca – este pagina care contine un formular care interactioneaza cu o baza de date. Baza de date reprezinta un numar de carti pus la dispozitie de biserica. Toate cartile sunt afisate in mod automat la deschiderea paginii. Adminstratorul poate insera sau elimina o carte in baza de date.
  • 16. Descrierea proiectului Imagini – contine galeria de poze. Fiecare poza poate fi insotita de link, descriere, nu are limitari la denumire, are thumbs active. Galeria functioneaza si ca slideshow, poate fi setata cu usurinta sa afiseze automat imaginile, parametrii fiind de asemenea usor de modificat (viteza, opacitate, etc.)
  • 17. Descrierea proiectului Resurse – pagina contine o serie de link-uri catre pagini similare Contact – pagina contine un formular de contact care trimite un mail persoanei de contact a bisericii. De asemenea, pagina mai contine o harta pusa la dispozitie prin intermediul GoogleMaps.
  • 18. Site-uri similare http://www.betel.ro http://www.poartacerului.ro/ http://www.betania-tm.ro/ http://www.elim.ro/ http://www.bisericastanca.ro/ http://bisericametanoia.ro/
  • 19. Resurse utile Galerii foto http://www.1stwebdesigner.com/css/57-free-image-gallery-slideshow-and-lightbox-solutions/ RSS http://www.w3schools.com/rss/default.asp Formulare http://www.tizag.com/htmlT/forms.php
  • 20. Resurse utile De toate http://www.quackit.com/ Si mai multe http://www.webdesign-tutorials.com/
  • 24. Cod Functii biblioteca function isNumeric(sText) { var ValidChars = "0123456789."; var IsNumber=true; var Char; for (i = 0; i < sText.length && IsNumber == true; i++) { Char = sText.charAt(i); if (ValidChars.indexOf(Char) == -1) { IsNumber = false; } } return IsNumber; }
  • 25. Cod Functii biblioteca function validare(){ var parola = 123 ; //var aux = prompt("Parola:", "parola") ; var aux = 123; if( isNumeric(aux) && (parola == aux) ) { return true ; } else { alert("Parola incorecta!"); return false ; } }
  • 26. Cod Functii biblioteca function stergere(){ if(validare()) { var site = window.location ; //alert(site); var site2 = new String(site); site2 = site2.substring(0, site2.length-4); //alert(site2); site2 = site2 + "-stergere.php" ; //alert(site2); window.location.href = site2 ; } }
  • 27. Cod Galerie <script type="text/javascript" src="compressed.js"></script> <script type="text/javascript"> $('slideshow').style.display='none'; $('wrapper').style.display='block'; var slideshow=new TINY.slideshow("slideshow"); window.onload=function(){ slideshow.auto=true; slideshow.speed=5; slideshow.link="linkhover"; slideshow.info="information"; slideshow.thumbs="slider"; slideshow.left="slideleft"; slideshow.right="slideright"; slideshow.scrollSpeed=5; slideshow.spacing=5; slideshow.active="#fff"; slideshow.init("slideshow","image","imgprev","imgnext","imglink"); } </script>
  • 28. Cod Contact <?php if ($_POST["email"]<>'') { $ToEmail = ‘???@yahoo.com'; $EmailSubject = 'Biserica Baptista Buteni '; $mailheader = "From: ".$_POST["email"].""; $mailheader .= "Reply-To: ".$_POST["email"].""; $mailheader .= "Content-type: text/html; charset=iso-8859-1"; $MESSAGE_BODY = "Name: ".$_POST["nume"]."<br>"; $MESSAGE_BODY .= "Email: ".$_POST["email"]."<br>"; $MESSAGE_BODY .= "Mesaj: ".nl2br($_POST["mesaj"])."<br>"; mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure"); ?> Mesajul a fost trimis. <?php } else { ?>