See on näidistekst.
Veel üks rida näidisteksti selle HTML 5 artikli jaoks
Selles neljast artiklist koosnevas mobiiliveebi arendussarjas juhendame teid seadistamisel Netbeans kui an IDE (tuntud ka kui Integreeritud arenduskeskkond) sisse Ubuntu hakata arendama mobiilisõbralikke ja responsiivseid HTML5 veebirakendusi.
Järgnevalt on 4 artiklist koosnev seeria HTML5 mobiiliveebi arendus:
1. osa: Kuidas luua Ubuntus põhilist HTML5 projekti Netbeansi abil
Hästi viimistletud töökeskkond (nagu me hiljem näeme), toetatud keelte automaatne täitmine ja see sujuv integreerimine veebibrauseritega on meie arvates mõned Netbeanidest kõige eristuvad Funktsioonid.
Pidagem ka meeles, et HTML 5 spetsifikatsioon tõi arendajatele palju eeliseid – kui tuua mõned näited: puhtam kood tänu paljudele uutele elementidele), sisseehitatud video ja heli taasesituse võimalused (mis asendab Flashi vajaduse), ristühilduvus suuremate brauseritega ja optimeerimine mobiilseadmete jaoks.
Kuigi esialgu testime oma rakendusi kohalikus arendusmasinas, viime lõpuks oma veebisaidi üle a LAMP server ja muuta see dünaamiliseks tööriistaks.
Teel kasutame ära jQuery (tuntud platvormideülene Javascripti teek, mis lihtsustab oluliselt kliendipoolset skriptimist) ja Bootstrap (populaarne HTML-i, CSS-i ja JavaScripti raamistik tundlike veebisaitide arendamiseks). Näete saabuvaid artikleid, kui lihtne on nende HTML 5 tööriistade abil mobiilisõbralikku rakendust seadistada.
Pärast selle lühikese seeria läbimist saate teha järgmist.
Kuid pange tähele, et kuigi me kasutame Ubuntu selle seeria jaoks kehtivad juhised ja protseduurid suurepäraselt ka muude töölaua distributsioonide jaoks (Linux Mint, Debian, CentOS, Fedora, nimetage see).
Selleks oleme otsustanud installida vajaliku tarkvara (Netbeans ja Java JDK, nagu näete minuti pärast), kasutades üldist tarballi (.tar.gz) paigaldusmeetodina.
Nagu öeldud – alustame sellega 1. osa.
See õpetus eeldab, et teil on Ubuntu töölaua installimine juba paigas. Kui te seda ei tee, vaadake palun Ubuntu töölaua installimine artikkel, mille on kirjutanud meie kolleeg Matei Cezar enne jätkamist.
Alates Netbeans versioon, mis on allalaadimiseks saadaval Ubuntu ametlikest hoidlatest, on veidi vananenud, laadime paketi alla Oracle'i veebisaidilt, et saada uuem versioon.
Selleks on teil kaks valikut:
Selles artiklis me seda teeme vali nr 2 sest see ei tähenda mitte ainult veidi väiksemat allalaadimist (kuna installime Netbeansi ainult HTML5 ja PHP toega), vaid võimaldab meil iseseisev JDK installer, kui me vajame seda mõne teise komplekti jaoks, mis ei nõua Netbeansi ega hõlma veebiarendust (peamiselt seotud teiste Oracle'iga tooted).
Alla laadida JDK, minge lehele Oracle'i tehnoloogiavõrk saidile ja navigeerige lehele Java → Java SE → Allalaadimised osa.
Kui klõpsate allpool esiletõstetud pildil, palutakse teil nõustuda litsentsilepinguga ja seejärel saate alla laadida vajaliku JDK versioon (mis meie puhul on tarball 64-bitine masinad). Kui teie veebibrauser seda küsib, valige fail avamise asemel salvestada.
Kui allalaadimine on lõppenud, minge aadressile ~/Allalaadimised ja ekstraheerige tarball /usr/local/bin
:
$ sudo tar xf jdk-17_linux-x64_bin.tar.gz -C /usr/local/bin.
Paigaldama Netbeans toetusega HTML5 ja PHP, minema https://netbeans.org/downloads/ ja klõpsake Lae alla või kasutage järgmist wget käsk alla laadida, nagu näidatud.
$ cd ~/Allalaadimised. $ wget https://dlcdn.apache.org/netbeans/netbeans/12.5/Apache-NetBeans-12.5-bin-linux-x64.sh. $ chmod 755 Apache-NetBeans-12.5-bin-linux-x64.sh. $ sudo ./Apache-NetBeans-12.5-bin-linux-x64.sh --javahome /usr/local/bin/jdk-17.0.1.
Edaspidi järgige installimise lõpuleviimiseks ekraanil kuvatavaid juhiseid, jättes vaikeväärtused:
ja oodake installimise lõpuleviimist.
Avama Netbeans, valige see hulgast Kriipsmenüü:
Netbeansi pakutava põhimalli abil uue HTML5 projekti loomiseks minge aadressile Fail → Uus projekt → HTML5 → HTML5 rakendus. Valige oma projektile kirjeldav nimi ja klõpsake lõpuks Lõpetama (Ärge lisage praegu välist saidimalli ega JavaScripti teeke):
Seejärel viiakse meid Netbeansi kasutajaliides, kus saame oma kaustu ja faile lisada Saidi juur nagu vajatud. Meie puhul tähendab see kaustade lisamist fontide, piltide, Javascripti failide (skriptide) ja kaskaadlaadilehtede (stiilide) jaoks, et aidata meil tulevaste artiklite sisu paremini korraldada.
Kausta või faili lisamiseks paremklõpsake Saidi juur ja siis vali Uus → Kaust või HTML faili.
Nüüd tutvustame mõnda uut HTML5 elemente ja muutke lehe keha:
.
Nüüd kopeerige järgmine koodilõik oma index.html
fail Netbeansis.
VIHJE: ärge lihtsalt kopeerige ja kleepige sellest aknast oma arenduskeskkonda, vaid võtke aega ka sisestamiseks iga sildi jaoks, et visualiseerida Netbeansi automaatse täitmise funktsioone, mis on hiljem kasulikud.
!DOCTYPE html>TODO pakub pealkirja SEE ON PÄIS See on näidistekst.
Veel üks rida näidisteksti selle HTML 5 artikli jaoks
Lehekülje vaatamiseks valige veebibrauser (soovitavalt Firefox, nagu alloleval pildil) ja klõpsates nuppu Mängi ikoon:
Nüüd saate vaadata oma arenduse senist edenemist:
Selles artiklis oleme läbi vaadanud mõned veebirakenduste kirjutamise eelised HTML 5 ja luua arenduskeskkond koos Netbeans sisse Ubuntu.
Saime teada, et see keele spetsifikatsioon tõi kaasa uusi elemente ja andis seega meile võimalus kirjutada puhtamat koodi ja asendada sisseehitatud ressursse nõudvad komponendid, näiteks Flash-filmid juhtnupud.
Järgmistes artiklites tutvustame jQuery ja Bootstrap nii et te ei saa mitte ainult neid juhtnuppe kasutada ja vaadata oma lehtede kiiremat laadimist, vaid ka muuta need mobiilisõbralikuks.
Vahepeal katsetage julgelt ka muude juhtelementidega Netbeans, ja andke meile alloleva vormi abil teada, kui teil on küsimusi või kommentaare.