A makettek elrendezése netbeans-ban

A jegyzeteket elsősorban a kezdő webmestereknek tervezték. Ennek ellenére a tapasztalt fejlesztők itt is találnak valami érdekeset maguk számára.

A blogomban cikkeket fogok közzétenni a modern webes technológiákról (HTML5, CSS3 és mások). Ha a projektek során dolgozom, egy "friss" megoldást találok egy feladatra, itt leírok erre vonatkozó információkat, amelyek lehetővé teszik számomra, hogy szükség esetén alkalmazzák a tudást a jövőben.

Remélem, az információ hasznos lesz a látogatók számára.

Telepítés és konfiguráció

Az IDE NetBeans letölthető a program hivatalos honlapján. A program telepítése nem különbözik más alkalmazások telepítésétől. Az egyetlen dolog, amelyet figyelembe kell venni a NetBeans telepítése előtt, hogy a Java fejlesztői készlet (JDK) 7 vagy 8-nak telepítve kell lennie a számítógépen.

Új téma telepítéséhez a felhasználóknak el kell menniük az "Eszközök" → "Beállítások" → "Betütietek és színek" → "Importálás" menübe. válassza ki a letöltött .zip archívumot és kattintson az "OK" gombra. Ezt követően egy új téma jelenik meg a legördülő listán, és kiválasztható.

Mindenesetre, azt mondanám, hogy NetBeans IDE beállításokat tárolja a Windows mappában a C: \ Users \ Imya_vashego_polzovatelya \ AppData \ Roaming \ NetBeans \ 8.0.1 \ config \. Felhívjuk figyelmét, hogy az AppData mappa egy rendszermappát (rejtett).

A beépülő modulok az "Elérhető plug-inek" lap "Eszközök" → "Plug-ins" menüpontjában vannak telepítve. A telepített plug-ineket ugyanazon a helyen lehet eltávolítani, csak a "Telepített" lapon.

A fejlesztési folyamat során fájlokat kell letölteni a kiszolgálóra FTP-n keresztül. Ez a lehetőség létezik a NetBeans-ban, mint más IDE-k esetében. Véleményem szerint azonban nem túl kényelmesen szervezett. Más fejlesztési környezetekben például a PHPStorm ablakban megjelenik egy ablak, amely a távoli kiszolgálón található fájlstruktúrát jeleníti meg. Ennek használatával fájlokat tölthet le a kiszolgálóról, és a projekt ablakából feltöltheti azokat a kiszolgálóra. Véleményem szerint nagyon kényelmes és vizuálisan szervezett. A NetBeans esetében nincs ilyen láthatóság. Itt fájlokat tölthet le és tölthet fel a projekt ablakából, de a "kép" nem látható a szerveren.

Az FTP kapcsolat beállításához a Projects panelben kattintson jobb gombbal a projekt nevére, és válassza a Properties (Tulajdonságok) elemet a legördülő menüből.

Ezután a megnyíló ablakban válassza a "Configure" (Konfigurálás) elemet, és töltse ki a szükséges mezőket. Különösen fontos, hogy a "Fájlok feltöltése" legördülő listában válassza ki az elemet. A "kézi" opciót választottam, hogy a fájlokat ne töltsék le minden fájl mentése után. A távoli kapcsolati adatok (kiszolgáló, bejelentkezés és jelszó) megadásához kattintson a "Távoli kapcsolat" mező melletti "Kezelés" gombra.

Ha minden rendben van, akkor két elem jelenik meg az egyes fájlok helyi menüjében: "Download" és "Unload".

Sablonok szerkesztése új HTML, CSS fájlokhoz

Amikor létrehoz egy új fájlt a projektben, a sablon alapján hozza létre. A rendszerben különböző fájltípusok (HTML, CSS, JS) sablonjai vannak. Ezek a sablonok szerkeszthetők. Az igazság, mielőtt ez a legjobb, hozzon létre egy másolatot a sablonról, amelyet módosítani szeretne.

Ha gondosan olvassa el a sablont, különféle változókat láthatunk göndör zárójelben. Megváltoztathatja a meglévő változókat, és hozzáadhatja a változókat a sablonhoz. Ehhez kattintson a "Beállítások" gombra. Egy fájl fog megnyílni, amelyben felveheti saját változóit. Ez nagyon egyszerűen történik, mint bármely programnyelvben történő program írásakor. Adja meg a változó nevét, majd a "=" jelet és annak értékét. A sablonban a következő változót helyezzük el: $.

A NetBeans IDE-ben már vannak definiált változók, amelyeket a sablonban használhat. Az alábbiakban felsoroljuk ezeket a változókat:

Használja. Hasznos pontok.

Új projekt létrehozása

Most egy kicsit a program használatáról. Tehát kezdjük új projekt létrehozásával. Mivel a programot a HTML kódoló helyzetéből tekintem meg, majd a projektekkel kapcsolatban, a HTML5-ben lévő alkalmazást értem. Hozzon létre egy új projektet a NetBeans IDE-ben, amelyen meglévő fájlokat lehet létrehozni, vagy teljesen újak lehetnek. Ehhez válassza a "Fájl" → "Projekt létrehozása" menüt. vagy kattintson a felső ikon alatti eszköztár második ikonjára. Az új projekt létrehozásának folyamata során kiválaszthatja az egyik népszerű CSS és JS keretrendszert, és létrehozhat egy erre épülő alkalmazást. Használhatja az Angular JS, a Bootstrap, a HTML5 Boilerplate és más felhasználókat.

Ha már van egy projekt, és szeretne dolgozni tovább rajta, a NetBeans, valami kezdéshez ki kell választania «HTML5 alkalmazás a meglévő forrás”, és adja meg a mappa elérési útját az alkalmazás fájljait.

Mint bármely más programban, a NetBeans IDE-ban is használható gyorsbillentyűk kombinációja. A gyorsbillentyűk listája megtalálható a beállításokban: "Eszközök" → "Beállítások" → "Fájl hozzárendelések". Ott nem csak látni, hanem változni is.

Ebből a listából választottam a leghasznosabb billentyűparancsokat, amelyek segítenek az elrendezések elrendezésében és talán felgyorsítják ezt a folyamatot. Tettem egy asztalhoz. Javaslom az olvasónak, hogy megismerkedjen vele.

Ctrl + F / Ctrl + H - keresse meg és cserélje le a fájlt

Ctrl + Shift + F / Ctrl + Shift + H - keresse meg és cserélje ki az egész projektet