Kuinka rakentaa ensimmäinen yksinkertainen PHP -verkkosivusto

Haluatko oppia rakentamaan perussivuston? Joskus olet ehkä aloittanut HTML: llä, mutta nykyään paras ratkaisu on PHP. Vaikka tarvitset jonkin verran HTML -taitoa päästäksesi alkuun, PHP: stä on tullut optimaalinen valinta sekä staattisten että dynaamisten verkkosivustojen rakentamiseen.

Paras tapa aloittaa PHP: n oppiminen on yksinkertainen PHP -sivusto.

Miksi valita PHP verkkosivustojen kehittämiseen?

Verkkokehitykseen on ollut useita vaihtoehtoja vuosien varrella. Se alkoi tavallisella HTML -koodilla ja sitten HTML -koodilla, jossa oli upotettu CSS -tiedosto tai CSS -tiedostoviittaus. Kun dynaamisia verkkosivustoja tuli, oli kaksi päävaihtoehtoa: ASP (myöhemmin ASP.NET) ja PHP.

Lukujen mukaan (esim tämä W3Techs -kysely ) PHP on paljon suositumpi, sillä lähes 82 prosenttia verkkosivustoista käyttää sitä palvelinpuolen ohjelmointikielellä. Vertaa tätä hieman alle 16 prosenttiin ASP.NETin avulla.

Näyttää epätodennäköiseltä, että ASP.NET olisi olemassa virallisen päättymispäivänsä jälkeen vuonna 2022 millään virallisella ominaisuudella, ei ainakaan verkkotekniikkana. PHP (rekursiivinen lyhenne sanoista PHP Hypertext Preprocessor) on osoittautunut menestyvämmäksi pääasiassa helpomman integroinnin ansiosta Linuxiin.

Koska avoimen lähdekoodin käyttöjärjestelmä toimii useimmilla verkkopalvelimilla, tämän ei pitäisi olla yllätys.

Mitä tarvitset PHP -verkkosivuston luomiseen

Varmista ennen aloittamista, että sinulla on asennettuna pelkkä tekstieditori tai PHP-yhteensopiva kehitysympäristö. Voit aloittaa PHP: n koodaamisen yhtä yksinkertaisella työkalulla kuin Windows Notepad. Esimerkkejä tästä opetusohjelmasta on kirjoitettu Notepad ++: lla.

Sinulla pitäisi olla myös PHP -verkkopalvelin tiedostojen lataamista varten. Tämä voi olla etäpalvelin tai paikallinen tietokone, johon on asennettu LAMP (Linux, Apache, MySQL, PHP) tai WAMP (Windows, Apache, MySQL, PHP) -ympäristö. Jos käytät Windowsia, noudata tätä WAMP -asennusopas aloittaaksesi.

Lopuksi tarvitset FTP -ohjelman ladataksesi tiedostosi verkkopalvelimellesi.

Lue lisää: Ilmaiset FTP -asiakkaat Windowsille

Ymmärrä syntaksi yksinkertaisen verkkosivuston koodaamiseen PHP: n avulla

PHP: n perussyntaksissa käytetään kulmahakasarjoja, joissa jokainen toiminto päättyy puolipisteeseen, kuten tämä:

Verkkosivujen osalta lähes jokainen PHP: n käyttö perustuu echo -lausuntoon. Tämä ohjaa selaimen tuottamaan lainausmerkkien tekstin ja sisällön. Esimerkiksi:

miten saan Outlook -sähköpostini käyttöön?

Huomaa, että HTML on myös lainausmerkeissä. Tulos tälle näyttäisi tyypillisesti seuraavasti:

Rakenna verkkosivusto PHP: rakenne

Riippumatta koodista, jolla kirjoitat verkkosivustoasi, sinun on tiedettävä sivuston rakenne ennen kuin jatkat. Tämä opetusohjelma näyttää, kuinka voit luoda yhden sivun uudelleenkäytettävistä PHP -tiedostoista. Niitä voidaan käyttää lisäsivujen luomiseen tai voit valita toisen lähestymistavan.

Riippumatta siitä, minkä muotoisen sivuston odotat kehittyvän, kirjoita nopea suunnitelma paperille. Voit sitten viitata tähän, ehkä tarkistaa aiotun sisällön tai nähdä, mille sivulle se linkitetään.

ilmaisia e -kirjoja ladattavaksi ja luettavaksi

PHP -perusverkkosivullamme on kotisivu, joka sisältää elämäkertatietoja ja joitain kuvia.

Tälle yksinkertaiselle PHP -verkkosivustolle aiot luoda yhden PHP -sivun, joka täytetään kolmella HTML -sivulla olevasta sisällöstä. Luomaasi index.php -tiedostoa voidaan sitten muokata säätämällä sanoja ja kuvia alkuperäisistä HTML -tiedostoista.

Alla näkyvät koodiesimerkit ovat kuvakaappauksia. Löydät alkuperäisen koodin GitHub -arkistostani , jonka kuka tahansa voi ladata ilmaiseksi.

Tee PHP -sivusto: Otsikko

Jos haluat luoda verkkosivun PHP: llä, sinun on rakennettava kolme verkkosivua. Nämä perustuvat otsikon, rungon ja alatunnisteen perusrakenteeseen.

Kuten arvata saattaa, otsikko sisältää otsikkotietoja. Mukana on kuitenkin myös selaintietoja, kuten käytössä oleva HTML -standardi sekä CSS -viitteet.

Aloita luomalla tiedosto nimeltä header.html ja lisää sitten tarvittavat otsikkotiedot.

Tässä esimerkissä olemme tarjonneet CSS -perustiedoston, johon viitataan omassa / css / -hakemistossaan. Tätä tiedostoa kutsutaan, kun sivu latautuu selaimessasi, ja se käyttää vaadittua fonttia ja asettelua.

Laita sisältöä PHP -verkkosivun runkoon

Jokainen verkkosivu koostuu sisältöosasta, joka tunnetaan nimellä body. Tämä on osa sivua, jonka luet-mitä luet nyt, on tämän sivun runko.

Luo body.html -niminen tiedosto ja lisää tiedot, jotka haluat sisällyttää sivulle. Olen lisännyt elämäkerratiedot MakeUseOf -kirjoitussivultani, mutta voit lisätä mitä haluat.

Verkkosivun alatunniste on seuraava. Luo tämä footer.html ja lisää sisältöä. Nämä voivat olla tekijänoikeustietoja tai ehkä hyödyllisiä linkkejä kaikille sivullasi vieraileville.

Se voi olla jotain tällaista:

Kun koodi on lisätty, tallenna tiedosto.

Yhdistä yksinkertainen PHP -verkkosivustosi

Kolme erillistä HTML -tiedostoa / html / -sovelluksessa voit koota ne yhdelle sivulle PHP echon avulla.

Luo uusi PHP -tiedosto nimeltä index.php jossa on seuraavat kolme riviä:

Tallenna, lataa palvelimellesi ja siirry sitten kohteeseen index.php. Sinun pitäisi nähdä valmis verkkosivu selaimessasi. Muista, että selaimessasi avattu varsinainen PHP -tiedosto koostuu vain kolmesta rivistä.

Lopuksi voit lisätä hieman PHP -kukoistusta viimeisellä rivillä. Liitä mukaan tekijänoikeusilmoitus aina päivitettävällä vuodella:

Tämä näkyy index.php -tiedostossa alatunnisteen jälkeen. Huomaa, miten kaikupäivämäärä ('Y') näyttää nykyisen vuoden nelinumeroisena. Voit muuttaa tämän esitystapaa viittaamalla tähän W3Schools -vaihtoehtojen luetteloon. Esimerkiksi pienellä y-kirjaimella vuosi näytetään kaksinumeroisena neljän sijasta.

Sijoita ja muotoile se CSS: n avulla, kuten minkä tahansa muun elementin kanssa. Etsi tämän projektin CSS GitHub -arkistosta yhdessä muun yksinkertaisen PHP -verkkosivustokoodin kanssa.

kuinka hakata Android -puhelinta wifi -yhteyden kautta

Hyvin tehty-olet juuri luonut ensimmäisen PHP-verkkosivustosi tyhjästä.

Onko PHP paras valinta verkkosivustojen koodaamiseen?

Kuten olet ehkä kokenut, PHP ei ole ainoa tapa kehittää verkkosivustoja. Dynaamisille tietokantapohjaisille verkkokokemuksille on jo olemassa monia kehyksiä, JavaScript ja siihen liittyvät tekniikat sekä ohjelmistot, kuten Adobe Dreamweaver.

Jos kuitenkin haluat aloittaa verkkokehityksen, on järkevää ymmärtää perusasiat. Jos ymmärrät HTML: n, CSS: n ja PHP: n verkkosivujen rakennuspalikat, olet hyvin matkalla menestykseen.

Jaa Jaa Tweet Sähköposti Opi HTML ja CSS näiden vaiheittaisten opetusohjelmien avulla

Kiinnostaako HTML, CSS ja JavaScript? Jos luulet, että sinulla on kyky oppia luomaan verkkosivustoja tyhjästä-tässä on muutamia hyviä vaiheittaisia oppaita, jotka kannattaa kokeilla.

Lue seuraava Liittyvät aiheet

Ohjelmointi
Verkkokehitys
Ohjelmointi
PHP -ohjelmointi

Kirjailijasta Christian Cawley(1510 artikkelia julkaistu)

Varaeditori turvallisuudesta, Linuxista, DIY -ohjelmoinnista ja teknisistä selityksistä sekä todella hyödyllinen podcast -tuottaja, jolla on laaja kokemus työpöytä- ja ohjelmistotuesta. Christian on Linux Format -lehden toimittaja, ja hän on Raspberry Pi -piirtäjä, Lego -ystävä ja retropelien ystävä.

Lisää Christian Cawleyltä

tilaa uutiskirjeemme

Liity uutiskirjeeseemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e -kirjoja ja ainutlaatuisia tarjouksia!

Klikkaa tästä tilataksesi