Ez így van, a CSS technológia lehetővé teszi, hogy egyetlen fájl módosításával egyszerűen módosítsa a teljes webhely megjelenését. A CSS-szerkesztők nagyban leegyszerűsítik a CSS-fájlok módosításának folyamatát. 14 ilyen CSS-szerkesztőt mutatunk be, amelyek a felére csökkenthetik bármely tervező munkáját.

1. Stilizáló

Ez egy webböngésző, amely hihetetlenül gyorsan generál CSS programokat. A Stylizer lehetővé teszi a CSS jelölések valós időben történő végrehajtását közvetlenül a böngészőben, mindent ellenőrzés alatt tartva. Ez a módszer sokkal gyorsabb és vizuálisabb, mint a külső szerkesztők, például a Notepad vagy a Dreamweaver használata.

2.Xiloszkóp

nyíltan konvertálja a forráskódolásba ágyazott jelölési hibákat tartalmazó oldalakat teljes értékű XHTML dokumentumokká. A forráskódolás automatikus formázása garantálja a végső verzió egyértelmű szerkezetét és jó olvashatóságát, függetlenül a kezdeti szöveg minőségétől.

3. Stílusmester

- a fő eszköz a különböző platformokkal kompatibilis CSS-struktúrák felépítéséhez. A Style Master sokkal több, mint egyszerű szöveg szerkesztő, támogatja az Ön munkakörnyezetét, beleértve a következő folyamatokat:
- stíluslapok létrehozása a HTML kódok alapján
- webhelyek közvetlen CSS-szerkesztése PHP, ASP.NET, Ruby, valamint egyéb dinamikus struktúrák alapján
- CSS szerkesztés ftp-n keresztül

4. Rapid CSS Editor

Ezzel az eszközzel gyorsan és egyszerűen hozhat létre tetszőleges méretű és összetettségű lépcsőzetes stíluslapokat, valamint szerkesztheti azokat. A stíluslap kódolást manuálisan is elvégezheti, vagy hagyhatja, hogy egy program elvégezze helyette. Mindenesetre egyszerű, hála a sokaknak hasznos funkciókat, beleértve az automatikus kiegészítést, a kódok ellenőrzését és a CSS programokat. Az eredményeket azonnal megjeleníti a beépített eszköz előnézet. A Rapid CSS Editor célja, hogy időt takarítson meg és megkönnyítse munkáját.

5. CSS eszköztár

- egy ingyenes szoftver a CSS-kódokra szakosodott webfejlesztők termelékenységének javítására. Az ingyenes CSS Toolbox eszközkészletet tartalmaz a stíluslapkódok generálási folyamatának felgyorsítására és korszerűsítésére, mint például a legújabb CSS Formatter és CSS Validator.

6. CoffeeCup StyleSheet Maker

lehetővé teszi teljesen működőképes lépcsőzetes stíluslapok készítését, szövegelrendezés, betűtípusok, háttér kiválasztását stb. Csak a címke attribútumait kell módosítania a CSS-fájlban, mivel minden weboldal ezt a fájlt fogja keresni a saját testreszabásához. Ezen túlmenően átfedhet szöveget, létrehozhat hivatkozásokat aláhúzás nélkül, képeket helyezhet el a táblázatok alá háttérként, és akár saját címkéket is létrehozhat a hozzájuk rendelt funkciókkal.

7. EngInSite CSS-szerkesztő

egy teljesen integrált Cascading Style Sheets (CSS) eszköz, amelyet arra terveztek, hogy időt takarítson meg és bővítse kreatív látókörét.

8. CSSEdit

Ezzel valós időben láthatja a stíluslapon végrehajtott módosításokat. Nincs mentés. Nincs letöltés. Nincs akadály. Bármilyen webalkalmazáshoz vagy HTML-fájlhoz.

9. Medúza-CSS

- többfunkciós stíluslapszerkesztő. VAL VEL teljes készlet a nagyszerű stíluslapok készítéséhez szükséges lehetőségek.

10. snap(css)

- egy nagyon kompakt jegyzettömbszerű alkalmazás, amely lehetővé teszi a CSS-fejlesztők számára, hogy könnyen szerkeszthessék kódjukat egy ismerős környezet és gyors hozzáférés olyan hasznos funkciókhoz, mint a "szépítés" és az "összecsukás" ("dekoráció" és "hajtogatás").

11. Egyszerű CSS

lehetővé teszi a lépcsőzetes stíluslapok (CSS) egyszerű létrehozását a semmiből és/vagy a meglévők módosítását egy ismerős felületen a kurzor mozgatásával és az egérgombbal kattintva.

12. TopStyle

funkcionális eszközöket tartalmaz a szabványok követelményeit figyelembe vevő weboldalak tervezéséhez.
- CSS előnézetet biztosít kódolás közben.
- Könnyen létrehozhat kifejező színsémákat webhelyéhez.
- A Stílusellenőrző biztosítja, hogy a CSS-kódolás szintaktikailag helyes legyen a böngészőkben.
- A Webhelyjelentések funkció lehetővé teszi a CSS-stílusok azonnali észlelését webhelyén.
- A Style Upgrade funkció gyorsan lecseréli az elavult HTML-kódokat egyenértékű CSS-kombinációkkal.

13. tsWebEditor

- dokumentumszerkesztő HTML, PHP, Perl, javascript, CSS és sok más programozási nyelven. Színesen jeleníti meg a forráskódolást (szintaktikai kiemelés), kódokat javasol a funkciók végrehajtásához, automatikus kiegészítést hajt végre (PHP, javascript, ASP, HTML), támogatja a böngésző szoftverkörnyezetét, a PHP eszköz működését a beállításhoz és a helyesség ellenőrzéséhez. szintaxis, valamint ügyfélszolgálat, CSS varázsló, HTML címkeszerkesztő, HTML szintaxis helyesség-ellenőrző és könnyen használható SQL szerkezetkonstruktor.

14.cssed

- kompakt szerkesztő a kód felépítéséhez és helyességének ellenőrzéséhez, amelyet a CSS-szerkesztés egyszerűsítésére terveztek. Nyílt forráskódú projektként elérhető, vagyis nemcsak magát a programot, hanem annak forráskódjait is letöltheti.

Sziasztok, kedves blogom előfizetői és vendégei. Több korábbi cikkben is végigvezettem a CSS és a CSS nyelvek alapjain, de csak közvetve említettem a segítő programokat. Éppen ezért ma szükségesnek tartom, hogy a legjobb vizuális html szerkesztőről beszéljek. Mesélek néhány népszerű weboldal készítő eszközről, később pedig letöltheti és kipróbálhatja a neked tetszőt.

Üsd be az első tízet

Tovább Ebben a pillanatban cégek számos speciális szoftverterméket adtak ki, amelyek fő célja a fejlesztők munkafolyamatának optimalizálása. Vannak fizetett és ingyenes szerkesztők is.

Mivel a blogom a kezdők tanítását célozza ebben a témában, úgy döntöttem, hogy leírom a legnépszerűbb ingyenes eszközöket weboldalak készítéséhez. Valószínűleg már sejtette, hogy a tíz legkényelmesebb vizuális programról fogunk beszélni. Kezdjük a legegyszerűbbekkel.

(https://notepad-plus-plus.org/)

Ez egy nagyszerű képzési eszköz a jövőbeli fejlesztők számára. A program egyszerű felhasználóbarát felülettel rendelkezik anélkül szükségtelen csengők és sípok, támogatja a többnyelvűséget, azaz lefordíthatja a szerkesztő menüjét oroszra. További előnyök közé tartozik a kódszintaxis kiemelése, valamint az ellenőrzés és érvényesítés végrehajtása.

PSPad(http://www.pspad.com/)

Szintén előző program, A PSPad egy eszköz Általános rendeltetésű amely kiemeli a css és html szöveg, automatikusan menti a változtatásokat a program befejezése után, ellenőrzi az írott kód helyességét, és lehetővé teszi a kidolgozott oldalak előnézeti módjának engedélyezését a -ban. Ez a vizuális szerkesztő több hasznos funkciót tartalmaz, mint a Notepad++, de mégis egy egyszerű fejlesztőeszköz.

KompoZer(http://www.kompozer.net/)

A szoftvertermék egy WYSIWYG szerkesztő, ami azt jelenti, hogy „amit látsz, azt kapod”. A KompoZer jó okkal szerepel a vizuális szerkesztők vezető listáján. Lehetővé teszi a fejlesztők és a tervezők együttműködését, mivel 3 üzemmóddal rendelkezik. Kezdjük a kedvenc - kódmóddal.

A jelölőnyelvek párosított elemeinek automatikus kiegészítésének hiánya ellenére a mód lehetővé teszi a kód szerkesztését, mint a szövegszerkesztőkben. WYSIWYG módban a tervezők kényelmesen megtervezhetik a webes erőforrások megjelenését. Az illesztési mód lehetőséget ad az egyes objektumok jelöléseinek részletes megismerésére.

Komodo Edit(http://www.activestate.com/komodo_edit/)

Erőteljes eszköz hozzáférhető forráskóddal. A Komodo IDE kereskedelmi fejlesztőkörnyezeten alapul, így a termék számos további jóval van felszerelve: kontextuális automatikus címkék kitöltése és bezárása, véletlenszerű szöveg generálása mezők kitöltéséhez, stílusjelölés előnézete, beépített reguláris kifejezések és még sok más. .

Mindehhez szeretném hozzátenni, hogy speciális segédprogramok segítségével a program képességei jelentősen bővíthetők!

jEdit(http://www.jedit.org/)

A jEdit többplatformos szoftver termékek. Az írott szöveg szintaktikai kiemelését biztosítja, kiegészítő telepítés bővítmények a képességek bővítésére, amelyek után elérhetővé válik a címkék automatikus bezárása, a kódhitelesítés és sok más funkció.

Számomra azonban a szerkesztő felé vezető úton a buktató a hanyag és kényelmetlen felület volt.

Aptana Stúdió(http://www.aptana.com/)

Ha szeretne megtanulni programozni egy teljes értékű fejlesztői környezetben, akkor dolgozzon ebben a termékben. A környezet számos programozási nyelvet támogat, és nem csak weboldalakra, hanem más típusú alkalmazások írására is alkalmas. De készüljön fel arra, hogy szánjon egy kis időt a műszaki jellemzőinek elsajátítására.

Fraise(https://www.assembla.com/home)

Ez egy szövegszerkesztő, amely webes erőforrások létrehozására alkalmas, sajnos csak a Mac OS X 10.6 platformra. A program támogatja a szövegek színes kiemelését különböző nyelveken, előnézetet biztosít a létrehozott oldalakról, speciális parancsokkal van felszerelve a kód beírásának és szintaktikai ellenőrzésének felgyorsítására, lehetővé teszi a reguláris kifejezések használatát, és automatikusan hozzáadja a beírt tulajdonságokat.

Gedit(http://projects.gnome.org/gedit/)

Egy egyszerű szövegszerkesztő, amely a kiegészítők telepítése után csodával határos módon webszerkesztővé változik. A segédprogramok használatával a következő tulajdonságok kerülnek hozzáadásra:

• Párosított elemek automatikus kiegészítése;
• Ideiglenes szöveg generálása;
• Kód szintaxis ellenőrzése;
• Előnézet bármely böngészőben.

Vim(http://www.vim.org/)

Egy nehezen megtanulható konzolszerkesztő, amely számos előnnyel jár a programozók számára. 3 üzemmóddal felszerelve.

ICEcoder(https://icecoder.net/downloads)

Ez egy szövegszerkesztő, amelynek szövegszerkesztője lehetővé teszi kód írását és szerkesztését közvetlenül a böngészőben. Kiváló modern eszköz helyi és online munkavégzéshez, a szabványos szerkesztők jellemzőivel felszerelve, de támogatja az adatbázisokkal és funkciókkal való munkát minden platformon.

Számomra gyakran cserélem a WYSIWYG programokat, kipróbálom a különböző cégek új verzióit és termékeit.

Ez minden, sok sikert a megfelelő szerkesztő megtalálásához! Oszd meg a linket barátaiddal, és mindenképpen iratkozz fel a blogomra, mielőtt elindulsz. A projektben még sok hasznos cikk található. Viszlát!

Üdvözlettel, Roman Chueshov

Minden webdesignernek és kódolónak szüksége van egy jó weboldalszerkesztőre a HTML, CSS és JavaScript kódok létrehozásához és szerkesztéséhez. A Jegyzettömb (Windows) és a TextEdit (Mac) nagyszerű eszközök a kezdéshez, de ahogy egyre több tapasztalatot szerez, egyre robusztusabb és felhasználóbarátabb eszközt szeretne használni.

Több száz kiváló szerkesztő közül lehet kiválasztani a megfelelőt, de sok közülük fizetős. Mi a teendő, ha nem akarja megsérteni a szerzői jogokat, de a költségvetésében nincs pénz egy kereskedelmi termék vásárlására? Ez a cikk néhány nagyszerű ingyenes szerkesztővel foglalkozik.

• WYSIWYG szerkesztők. Ez grafikus szerkesztő, amelyek lehetővé teszik az oldalelrendezés felépítését és a stílusok vizuális beállítását, mint a jól ismert szövegszerkesztő Miss szó. Hasznos eszközt jelentenek az oldaltervezéshez, bár mint azt minden tapasztalt webdesigner tudja, a kódot még "fésülni" kell a nagyszerű eredmény eléréséhez.
• Szövegszerkesztők. Ez egy eszköz a HTML és CSS kód közvetlen szerkesztésére. Egyes szerkesztők általános célúak, és nem rendelkeznek speciális webes kód támogatási lehetőségekkel. Mások olyan webnyelvek használatára specializálódtak, mint a HTML, CSS, JavaScript és PHP, és beépített tulajdonságokkal rendelkeznek gyors bevitel HTML-címkék, CSS-tulajdonságok stb. Sok ilyen szerkesztő lehetővé teszi, hogy egy weboldalt külön ablakban tekintsen meg.

KompoZer (Windows, Mac, Linux)

A KompoZer nagyszerű választás, ha kis költségvetésű vizuális szerkesztőre van szüksége

Komodo Edit - jó szerkesztő, könnyen megtanulható, mégis erőteljes és bővíthető

Bár ez egy általános célú szerkesztő, támogatja a HTML-t és a CSS-t, és rendelkezik kontextuális automatikus kiegészítéssel a HTML-címkékhez és CSS-tulajdonságokhoz, valamint kódbeillesztések gyűjteményével különböző HTML elemek. Ahhoz, hogy a legtöbbet hozza ki a Komodoból, telepítenie kell a HTML Toolkit kiterjesztést, amely olyan csodálatos funkciókat tartalmaz, mint az automatikus bezárás címkéi, a CSS megjelenési előnézete és egy ideiglenes szöveggenerátor.

A Komodo Edit lehetővé teszi a szerkesztett oldalak bármelyikén megtekintését telepített böngésző, vagy külön ablakban használja a beépített böngészőt, így egyszerre szerkesztheti és láthatja a változtatások eredményét.

A szerkesztő beépített funkcióval rendelkezik, amellyel fájlokat tölthet fel az oldalra (FTP, FTPS, SFTP vagy SCP), valamint a projektmenedzser opció segítségével szépen csoportosíthatja fájljait.

Nagyon hasznos funkció Kód > Válassza ki a Blokkolást. Kiemeli az aktuális fő HTML blokkot, például a jelenleg zárt div vagy ul elemet. Nagyon kényelmes funkció, amikor ki kell jelölnie egy teljes szakaszt az oldalon a másoláshoz vagy áthelyezéshez.

A Komodo Edit számos hatékony és hasznos funkcióval rendelkezik, mint például a reguláris kifejezések használata a kereséshez/cseréhez, a külső parancsok végrehajtásának lehetősége stb. Szerencsére a szerkesztőnek is van jó súgórendszer, ami megkönnyíti a Komodo Edit erejének kihasználását.

Aptana Studio (Windows, Mac, Linux)

Az Aptana Studio egy komplett integrált webalkalmazás-fejlesztő környezet, nagy számú beépülő modullal. Bár csak HTML/CSS/JavaScript kódszerkesztőként használhatod

A Notepad++ kiválóan helyettesíti a Windows Jegyzettömbjét. Bár nem rendelkezik annyi lehetőséggel, mint más szerkesztőkben, nagyszerűen használható HTML, CSS, JavaScript és egyéb kódfájlok szerkesztésére

A PSPad egy másik általános célú Windows-szerkesztő, amely a HTML- és CSS-kódolók számára hasznos funkciók széles skálájával rendelkezik

A jEdit egy többplatformos szövegszerkesztő erőteljes makróparancsokkal és beépülő modulokkal. Telepítse az XML beépülő modult, ha weboldalakat szeretne szerkeszteni

A TextWrangler egy könnyű, általános célú szerkesztő. A webfejlesztéshez szükséges speciális funkciók hiánya ellenére használható weblapokkal való munkavégzésre.

Vimet határozottan nehéz megtanulni, de ha egyszer túljut a kihívásokon, soha többé nem akar majd visszamenni!

A programozók szövegszerkesztőinek nagyapja, Vim (a vi szerkesztő közvetlen leszármazottja) egy nyílt forráskódú konzolos szövegszerkesztő. Ez az alapértelmezett szerkesztő a Unix szinte minden változatában, beleértve a Linuxot és a Mac OS X-et is. Windowson és sok más rendszeren is használható.

A Vim nem olyan rendszer, amelyet azonnal telepíthet és elkezdhet használni anélkül, hogy korábban dolgozott volna vele. A legtöbb szerkesztési parancs furcsa kombinációkat tartalmaz, mint például a :wq és / . Három szerkesztési mód is van: mód betétek, amelybe szöveg kerül beírásra; vizuális mód a szöveg kiválasztásához; És parancs mód a parancsok bevitelére. Ez a funkció a Unix öröksége azokból az időkből, amikor még nem volt ablak és egér sem.

Miért került fel a listára? Ha elsajátítja, meg fog győződni sebességéről és erejéről. Néhány paranccsal néhány másodperc alatt elvégezheti azt, ami más szerkesztőkben akár percekig is eltarthat.

létezik nagyszámú makrók és beépülő modulok a Vimhez, amelyek megkönnyítik a HTML-, CSS- és JavaScript-kóddal való munkát, beleértve a szintaktikai kiemelést, az automatikus kiegészítést, a HTML Tidy-t és a böngésző megtekintését. Itt van egy nagy lista a hasznos linkekről:

• Vim Omni automatikus kiegészítés
• HTML/XHTML szerkesztés Vimben
• kezdőlap

Fraise (Mac)

A Fraise egy intuitív szerkesztő Mac rendszerhez, amely elegendő funkcióval rendelkezik a webes szerkesztéshez

A TextWranglerhez és a gedithez hasonlóan a Fraise is egy csodálatos, könnyű szerkesztő, amelyet öröm használni. Ez egy villa a szerkesztőtől. Viszonylag új, és nem rendelkezik megfelelő webszerverrel. Jelenleg csak a Mac OS X 10.6 (Snow Leopard) alatt támogatott, vagyis ha 10.5-ös verziót futtat, le kell töltenie a Smultront.

A Fraise nagyszerű lehetőséget kínál a webszerkesztéshez:

• Kódkiemelés HTML, CSS, JavaScript, PHP és számos más programozási nyelvhez.
• A Close Tag(Command-T) parancs az aktuális címke bezárásához. Ez valóban időt takarít meg a listák bevitelekor.
• Kényelmes előnézet a beépített böngészőben (WebKit segítségével), nagyon kényelmes Live Update opcióval? amely frissíti a böngészőt, amint a szerkesztett oldalon lévő jelölés és CSS megváltozik.
• Speciális keresési opció, amely támogatja a keresést/csere reguláris kifejezésekkel.
• Blokkolás támogatása a gyors bevitelhez HTML címkékés CSS tulajdonságait.
• Néhány praktikus parancs a szöveg kezeléséhez, mint például a HTML-ellenőrzés és a karakterek HTML-elemekké alakítása.

A Fraise-t érdemes felfedezni, ha Mac-et használ, és egy felhasználóbarát szerkesztőt szeretne, amely több funkcióval rendelkezik, mint a beépített TextEdit.

A-priory CSS- ezek lépcsőzetes stíluslapok, elsősorban tervezésre használják kinézet weboldalak. A teremtés előtt CSS, például egy bizonyos oldal hátterének HTML-ben történő beállításához címkéket használt, de ha a webhelye például 100 oldalt tartalmaz, akkor 100 oldalon kell módosítania az attribútumot, el kell ismernie, hogy ez nagyon kényelmetlen. De amikor megjött a nyelv CSS, tudtunk létrehozni egy adott fájlt, amelyben megadhatjuk a tulajdonságokat bizonyos elemeket, még ha van is belőlük 100. Mára az interneten nagyon pozitív tendencia figyelhető meg, hogy a HTML csak az információszolgáltatásért felelős, ill. CSS regisztrációhoz.

1 hely. Stilizáló

A Windows rendszeren dolgozó CSS-szerkesztők főképviselője. Ez a segédprogram nagyban leegyszerűsíti a kód írásának és szerkesztésének folyamatát. Ez az áttekinthetőségen keresztül történik; a program segítségével közvetlenül a böngészőben jelölheti meg a CSS-stílusokat; ez a módszer sokkal kényelmesebb, mint a külső szerkesztők használata. Egyszerűen írja be a webhely címét a beépített böngészőben, és a program első blokkjában közvetlenül szerkesztheti a stílusokat.

2. hely. Stílusmester

A programot jogosan tekintik a CSS-struktúrák létrehozásának egyik fő eszközének. Ez a szerkesztő lehetővé teszi több fájl egyidejű szerkesztését, stíluslapokat hozhat létre a HTML-kóddal, közvetlenül szerkesztheti a CSS-t, és támogatja az FTP-n keresztüli szerkesztést.

3. hely. CSS eszköztár

Egyszerű, kényelmes és ingyenes szerkesztő CSS, ennek köszönhetően a CSS-táblázatok írása jelentősen leegyszerűsödik. Számos új eszközt tartalmaz a stíluslapok generálásához. Száma is van megkülönböztető jellegzetességek: kódkiemelés, kód automatikus kiegészítése, címkecsere, automatikus CSS kód ellenőrzés, CSS fájl tömörítés és még sok más.

4. hely. CoffeeCup StyleSheet Maker

Ennek a programnak az a sajátossága, hogy optimalizálja a stílusokat a böngészők számára internet böngésző, Netscape és még sokan mások. A programot a CoffeeCup szervezet készítette. Ezzel a programmal egyszerű és elegáns weboldalakat készíthet a HTML és a CSS kombinációjával.

5. hely. CSSEdit

Amikor ezzel a programmal dolgozik, vizuálisan megfigyelheti a stíluslapon végrehajtott módosításokat. A programmal való munkavégzés nagyon intuitív és áttekinthető, az új verzióknál néhány hibát kijavítottak, és új funkciókat adtak hozzá. A vizuális kódszerkesztő valóban sokat segít a weboldalak fejlesztésében.

6. hely. Medúza-CSS

Amikor a Jellyfish-CSS-sel dolgozik, lenyűgözi a program működésének egyszerűségét. Támogatja a különféle könyvtárakat is, amelyek különféle funkciókkal rendelkeznek, például segít elkerülni a hibákat a táblázat írása során, és sok más. Az egyetlen hátránya, hogy a program fizetős, az interneten természetesen könnyen találhatunk feltört és próbaverziókat is.

7. hely. Snap CSS

A szerkesztővel való munka hasonló a jegyzettömbhöz. Ennek a programnak a fejlesztői keményen dolgoztak, hogy egyszerűvé és egyértelművé tegyék a vele való munkát. A szerkesztőnek van nagyszerű tulajdonságok a stíluslapok olvashatóságának optimalizálása. Ez a program jelentősen megkönnyíti a programozók életét az erőfeszítések és a fájlméret megtakarításával.

8. hely. Egyszerű CSS

Kicsi, de hatékony eszköz a CSS-sel való munkához, lehetővé teszi a programozást egyetlen kódsor szerkesztése nélkül, ami azt jelenti, hogy stíluslapot hozhat létre programozási ismeretek nélkül. A program funkciói közé tartozik a CSS fájltömörítés, többféle formátum támogatása, valamint több projekt kezelésének lehetősége.

9. hely. TopStyle

Ezzel a programmal megtekintheti a táblázat előnézetét szerkesztés közben, több böngésző is támogatott, amelyekben minden táblázat másképp jelenik meg. A program támogatja a Unicode-ot, online ellenőrzés helyesírás, stílusok csoportosítása, intuitív szerkesztés stb.

10. hely. tsWebEditor

Ez a szerkesztő többnyelvű, és számos nyelvet támogat, például HTML, PHP, Perl, javascript, CSS és még sok más. Automatikus kiegészítési funkciókkal, kódkiemeléssel, szintaktikai ellenőrzéssel rendelkezik, támogatja a funkcionális tippeket, Unicode-ot, és nagyszámú kódsablonnal rendelkezik, ami nagyban segíti a WEB-mestereket.

Miről fogok itt beszélni? Ez a cikk nem különböző szerkesztők áttekintése, azoknak szól, akik többet tudnak alacsony szint felkészülés a weboldalkészítés ügyében. Ezért itt három kérdést fogunk megvizsgálni:

1. Mi az a kódszerkesztő?

2. A kódszerkesztők típusai.

3. Melyik típust célszerűbb használni.

Az utolsó kérdés ésszerűbb, mivel számos okot fog feltárni a kezdők számára, hogy miért ne használjanak olyan szerkesztőt, amely nagyban megkönnyíti a weboldalkészítés munkáját.

Miért van szükség kódszerkesztőre?

Tehát mi az a kódszerkesztő? A kódszerkesztő egy olyan program, amelyet kifejezetten arra terveztek, hogy bármilyen programozási nyelven kódot írjon. Egy ilyen program lényege, hogy a webmester életét a lehető legkönnyebbé tegye. Az ilyen programok általában nagymértékben segítenek a kódírásban a kényelemmel.

A kényelem a következőket foglalhatja magában:

1. Kódkiemelés, ami nagyban megkönnyíti magában a kódban való navigálást, mivel néha a kód nagyon nagy is lehet.

2. Speciális gombok, ha rákattintunk, automatikusan hozzárendel egy funkciót, vagy HTML esetén beszúr egy címkét.

Ha azonban – akár általánosságban is – elkezdem felsorolni az összes kényelmi szolgáltatást, az eredmény egy olyan könyv lesz, mint a „Háború és béke”. Sok lehet belőlük.

Bővebben a típusokról

Most térjünk át a második kérdésre, és nézzük meg, hogy milyen típusú kódszerkesztőkre oszthatók fel. Csak kettő van belőlük - egy normál kódszerkesztő és egy vizuális. Miben különbözik ez a két típus? A különbség az, hogy egy normál kódszerkesztőben minden módosítást magának a kódnak a megadásával hajthat végre, és ezeknek a változtatásoknak a következményeit csak a szerkesztett fájl futtatásával láthatja. A vizuális kódszerkesztőben az ember egyáltalán nem ismerheti a HTML-t és a CSS-t, és mégis gyönyörű oldalt hozhat létre a webhely számára.

Tényleg olyan fontosak a kódszerkesztők?

Úgy tűnik, lehetne jobb is? Nem kell tudnod sem a CSS-t, sem a HTML-t, mondhatni – úgy dolgozol, mint a benn Microsoft Word, írja be a szövegét, szúrjon be képeket, táblázatokat, linkeket – és a program automatikusan HTML formátumba kódolja és létrehozza működő oldal oldalon, ráadásul egy gombnyomással azonnal láthatod, hogyan fog kinézni az általad létrehozott oldal.

A valóságban, ha tudod, hogyan kell használni egy ilyen programot (vizuális kódszerkesztő), akkor nem kell ismerned a HTML-t és a CSS-t. És úgy tűnik, minden rendben van, de ezeknek a szerkesztőknek megvannak a maguk, azt kell mondanom, nagy hátrányai.

Most simán áttérünk a cikk harmadik kérdésére: milyen típusú kódszerkesztőt érdemes használni.

Úgy tűnik, hogy az összes kártya a vizuális szerkesztő kezében van; nem kell ismernie sem a HTML-t, sem a CSS-t - csak írja be a szükséges szöveget, és helyezze be a szükséges képeket. De vannak hátrányai!

A szerkesztők hátrányai

Az első ilyen hátrány- ez díj. Az ilyen szerkesztők több száz leölt mosómedvébe (cu) kerültek. Egyetértek – ezt nem mindenki engedheti meg magának! De ez a mínusz gyorsan plusztá válik, mivel internetünkön bármilyen programot megtalálhat, letölthet és ingyenesen (illegálisan) használhatja. A lényeg az, hogy tudja, mit kell keresnie. De ez egy pénzbeli hátrány, amely könnyen megoldható - spórolt a kiadásokon, és megvásárolta.

Második mínusz, és azt kell mondanom, nagyon jelentős - minden vizuális szerkesztő, amely automatikusan kódot generál egy oldalhoz, többet hoz létre ebből a kódból a szükségesnél.

Ez a kód általában 20 százalékkal nagyobb. Ha kicsi az erőforrásod forgalma, akkor nincs ok az aggodalomra, de ha naponta több száz embered van, akkor oldalaid plusz terhelést jelentenek a hosting cég szerverein, és a terhelés 20 százalékkal nő. Ez pedig nem igazán fog tetszeni a cég képviselőinek.

Ezt a problémát kétféleképpen lehet megoldani - vagy optimalizálja az oldalakat a kód csökkentése érdekében, de ehhez meg kell értenie a kódot - ismeri a CSS-t és a HTML-t. Vagy a saját pénzedből fizetsz külön.

Harmadik mínusz, bármennyire is „menő” a szerkesztő, nem fog tudni weboldalt készíteni neked azzal különféle funkciókat programozás. Tegyük fel - ez egy levél küldése, oldalszámozás, megjegyzés űrlapok, értékelések, szavazások és sok más érdekes dolog, amely modernné teszi webhelyét.

Lehet-e weboldalt készíteni kódszerkesztővel?

A modern weboldalak létrehozásához olyan speciális megoldások vannak, amelyek 5 perc alatt elkészítenek egy olyan weboldalt az Ön számára, ahol minden készen áll, és könnyedén használhatja a programozási nyelvek kész opcióit anélkül, hogy megértené azokat. Ezeket a megoldásokat tartalomkezelő rendszereknek – CMS-nek nevezzük.

Ez azonban egy másik jelentős hátrányhoz is vezet, mégpedig az, hogy minden CMS-hez több szabványos webhelysablon is tartozik – más szóval a webhely dizájnja. Ezek a sablonok pedig csúnyák, nem egyediek és csak elriasztják a látogatókat. A vizuális szerkesztő pedig nem tud sablont létrehozni a CMS-hez! Mivel a saját beépített stílusait és lehetőségeit használja. Az ilyen sablonokat manuálisan kell szerkeszteni, és ehhez ismét a CSS és a HTML ismerete szükséges.

Innen a következtetés - ha egy gyönyörű modern weboldalt szeretne- két lehetősége van - vagy megrendeli ezt a webhelyet szakemberektől, ami több száz dollárba kerül, vagy saját maga készítsen sablont a tartalomkezelő rendszerhez. És ehhez meg kell értened a CSS-t és a HTML-t - ez előfeltétel! Nos, egy kicsit PHP-t kell tudni, de meg lehet e nélkül is!

A HTML és a CSS elsajátításához pedig oktatóanyagokat kell venni, és a gyakorlatban is kipróbálni, és nem vizuális szerkesztőben, mivel nem fog semmire emlékezni, ha egyszerűen megnyomja a gombokat, hanem egy normál gombbal, ha beírja az egyes funkciókat a billentyűzet.

Honnan tölthet le ingyen HTML és CSS szerkesztőket

Én személy szerint nem használok vizuális szerkesztőket, de ha nagyon szereti ezt a kódkészítési módot, és szeretné megtanulni a CSS-t és a HTML-t, akkor először kézzel írja be a kódot, amíg meg nem tanulja legalább a weboldalkészítés leggyakoribb elemeit, és csak akkor nyugodtan használja a vizuális szerkesztőt lelkiismeretesen.

Zárójel-szerkesztő Orosz verzió, a legjobb és legérthetőbb kezdőknek:

A gyors és megbízható SublimeText 3 szerkesztőt sok profi használja (bár csak angolul):

Ön szerint?