A gyermekek számára lázcsillapítót gyermekorvos írja fel. De vannak lázas vészhelyzetek, amikor a gyermeknek azonnal gyógyszert kell adni. Ezután a szülők vállalják a felelősséget és lázcsillapító szereket használnak. Mit szabad adni a csecsemőknek? Hogyan lehet csökkenteni a hőmérsékletet idősebb gyermekeknél? Milyen gyógyszerek a legbiztonságosabbak?
Vizuális HTML- a Macromedia Dreamweaverhez hasonló szerkesztő, de teljesen ingyenes. Remek eszköz kezdőknek, akik csak most kezdik elsajátítani a weboldalkészítés tudományát.
Miért jó? Igen, az a tény, hogy egy weboldal létrehozásához nem kell bajlódnia a webes programozási nyelvek tanulmányozásával. Csak szöveget kell begépelnie, képeket vagy animációkat szúrnia be, és az NVU elvégzi a HTML formátumban való formázással kapcsolatos összes "piszkos" munkát.
Most egy fórum áll az Ön rendelkezésére. A címkék kiemelve jelennek meg, és egyszerre láthatja a vizuális szerkesztőt és a kódszerkesztőt is. Az írott kód sorszám szerint van rendezve, és gombokkal elrejtheti vagy megjelenítheti egy adott címkében szereplő kód részeit egy egyszerű fastruktúrán keresztül.
Már nincs szüksége számítógépre, de a fájl kézhezvétele után bárhol elvégezheti a módosításokat. Használható oldalak kezelésére, átnevezésére, áthelyezésére, másolására vagy törlésére is. Vannak további fizetős szolgáltatások is.
Sajnos jelenleg az NVU fejlesztése szünetel, de a projekt az első stabil verzióra nőtt, és ez már sok. Nézzük meg részletesebben.
NVU képességek
- a szerkesztett oldal különböző megjelenítési módjai;
- bőséges lehetőségek a szövegtervezéshez;
- képek beszúrása (beleértve a háttereket is);
- a teljes webhelyen való munkavégzés képessége, nem csak az egyes oldalakon;
- táblázatok és űrlapok készítése;
- a szerkesztett oldal közzététele közvetlenül a szerkesztőtől;
- saját lépcsőzetes stíluslap (CSS) szerkesztő és Java Script konzol.
Mindez és még sok más lehetővé teszi, hogy minimális (lehetőleg) HTML ismeretekkel (vagy azok teljes hiányával :) a semmiből készítsünk egy kis oldalt.
Hátrányok: Néhány további funkció csak felár ellenében érhető el. Ezzel a szerkesztővel jegyzeteket, alakzatokat adhat hozzá, szövegrészeket emelhet ki, aláhúzhat és vágtathat a szövegben. Szöveg hozzáadását, rajzolását és az imént szerkesztett fájlok megosztását is lehetővé teszi. Ez egy igazán jó alkalmazás!
Ebben a szakaszban elkezdhetjük komolyan, és végre egy igazán erős és sokoldalú szoftver, melynek köszönhetően elkészítjük e-könyvünket, és a leggyakrabban használt és az online áruházak, olvasók által igényelt formátumokba tudjuk exportálni. Nézzük meg közelebbről, melyek ennek a programnak a jellemzői, és hogyan tudja majd kezelni a könyvfájlunkat.
A vizuális szerkesztő telepítése
Letöltés... Telepítés... Indítás és megtekintés :) (igaz - nincs felesleges gesztus oroszosítással, további információk megadásával stb.).
Megállapodunk, hogy létrehozunk egy parancsikont az asztalon, és elindítjuk vele az NVU-t.
NVU interfész
Első pillantásra az NVU valamiféle szövegszerkesztőnek tűnik. Ez a fő érdeme - egy vizuális grafikus felület.
Az első kettő a struktúrákat, a harmadik pedig a formázást határozza meg. Így ehelyett készen találjuk, és minden kívánt beállításhoz elérhető. A program felülete nagyon intuitív, de szemléltessük ugyanúgy. A munkaterv négy konkrét területre oszlik. Helyezzük el magunkat a módosítani kívánt könyv címére, és kattintsunk rá jobb gombbal. A helyi menüből válassza a "Könyv szerkesztése" lehetőséget, és várjon néhány percet az új munkafelület megnyitásához.
Azonnal lássuk, mi változott az előzőhöz képest. Ezen a ponton készen állunk arra, hogy saját belátásunk szerint módosítsuk a fájlunkat. Ezt a felül található formázási eszközök segítségével tehetjük meg. Csak válassza ki a módosítani kívánt részt, és válasszon egy lehetőséget.
De lefelé nézve látni fogja, hogy a szokásos mellett számos további mód is van a beírt információk megjelenítésére:
- HTML címkék;
- és előnézet.
HTML címke mód
A "HTML-címkék" egyfajta szövegből és címkékből álló mozaik, amelyet színes téglalapként terveztek.
Tételezzük fel, hogy könyvünk módosításának lehetőségei elméletileg végtelenek. Ha akarnánk, átírhatnánk a teljes kódot, és összekeverhetnénk. Kezdjük az indexszel, és kattintsunk az „Index szerkesztése” gombra az eszköztár tetején. A kinyitott maszk segítségével különféle műveleteket hajthatunk végre.
Meglévő bejegyzés szerkesztése, törlése vagy áthelyezése. hozzon létre egy új elemet, és helyezze el a kívánt helyre. törölje a teljes indexet, és hozzon létre egy újat, kezdve az alapvető címsorokkal, a könyvben lévő fájlokkal vagy a hiperszöveges hivatkozásokkal. Bármit is tehetünk, de mindig ne feledjük, hogy az index segítségével zökkenőmentesen lépünk át a fájlunkba, így kerüljük a túlzott kreatívkodást, és mindig praktikus és könnyen használható megoldást választunk.
Ez a nézeti mód a kezdő felhasználók számára hasznos, mivel megjeleníti az összes használt fő címkét, ugyanakkor nem zavarja őket nagy számmal, miközben ugyanaz a vizuális szerkesztő.
Ezenkívül ebben a módban kényelmes a címkék neveinek tanulmányozása, hogy később könnyen felhasználhassa őket a kódszerkesztő módban.
Mód kód
A "Kód" mód minden webfejlesztő számára ismerős ablak a szerkesztett oldal HTML-kódjával. Innen, ezekből az emblémákból származik az internet összes erőforrása.
Miután elsajátította a kódnyelvet, könnyedén hozzáadhat webhelyéhez minden olyan vezérlőt, szkriptet és egyéb "jót", amelyet mások webhelyein megszokott csodálni :).
Előnézet
És végül, az „Előnézet” lehetővé teszi, hogy értékelje erőfeszítéseink eredményét, és az oldalt olyan formában jelenítse meg, amelyet az interneten szerez.
A képernyőképen nem különbözik a szöveges megfelelőtől, de érdemes bármilyen navigációs elemet vagy szkriptet hozzáadni, mivel a különbség megmutatkozik:
Ha úgy szerkeszti ezt az oldalt a Jegyzettömbben, mint egy hardcore programozó, legalább egy böngészőre és egy helyi webszerverre van szüksége a megtekintéséhez.
És itt, ahogy mondják, már "all inclusive".
Most, hogy a megtekintési és szerkesztési lehetőségeket kicsit tisztáztuk, nézzük meg alaposabban az NVU képességeit.
Az NVU Visual HTML Editor rejtett funkciói
Minden alapvető formázási lehetőség elérhető ikonként, de néhány lehetőség el van rejtve a menüsorban.
Például a "Fájl" menüben olyan funkciókat találhat, mint:
1. "Nyisson meg egy címet az interneten." A Mozilla motorjának köszönhetően közvetlenül az internetről nyithat meg és szerkeszthet oldalakat.
Ez nagyon hasznos lehet, ha látni szeretné, hogyan működik ez vagy az a funkció a webhelyen. Csak írja be a címet a megnyíló ablakban, és csodálja meg az eredményt:
2. "Exportálás szöveges formátumba". Az oldal megcsodálása után a forráskódját .txt formátumban mentheti merevlemezére.
A "Szerkesztés"-ben vannak olyan eszközök, amelyek segítségével megkeresheti a megfelelő szavakat a szövegben és ellenőrizheti a helyesírást.
A "Beszúrás" menüben figyelni lehet a PHP kód és a billentyűzeten nem található karakterek beszúrásának lehetőségére.
A "Formátum" opciók széles skáláját kínálja a szöveg, a képek és egyéb információk megjelenésének testreszabásához.
A legérdekesebb, és ami a legfontosabb, hogy itt sehol sem jelenik meg az "Oldalszín és háttér". Ezzel a lehetőséggel könnyedén hozzáadhat bármilyen háttérképet, vagy egyszerűen kiválaszthat egy jó háttérszínt a webhelyhez.
Végül az "Eszközök" menü olyan lehetőségeket kínál, mint a JavaScript-konzol, a CSS-szerkesztő és a HTML-kód-ellenőrző eszköz elérése.
Szintén innen érheti el a programbeállításokat és az NVU-téma beállításait.
következtetéseket
Az NVU könnyen érthető, mivel a program minden vezérlőeleme eszköztippekkel és magyarázatokkal van ellátva, és a Mozilla.ru Team orosz fejlesztőinek egy csoportjának köszönhetően orosz nyelven is nagyon jó segítség található.
Az NVU egyetlen hátránya, hogy a program által generált kód nagyon körülményes és sok felesleges címkét tartalmaz. De legyen ez csak ösztönzés arra, hogy tanulmányozza a HTML-t, és optimalizálja és tökéletesítse webhelyét.
Sok sikert a fejlesztésekhez, és sok sikert minden törekvésében!
P.S. A cikk szabadon másolható és idézhető, feltéve, hogy a forrásra mutató nyílt aktív hivatkozást feltüntetik, és Ruslan Tertyshny szerzőségét megőrzik.
Vlad Merzsevics
A hatékony munka érdekében nem nélkülözheti a szükséges és ismert eszközöket, beleértve a HTML-kód írását is. Ezért a weboldalak vagy akár egy kis webhely kezdeti fejlesztéséhez - ez a hivatkozásokkal és egyetlen tervezéssel összekapcsolt oldalkészlet neve - a következő programokra van szükségünk.
- Szöveg szerkesztő.
- Böngésző az eredmények megtekintéséhez.
- A Validator egy program a HTML szintaxis ellenőrzésére és a kód hibáinak észlelésére.
- Grafikus szerkesztő.
- Hivatkozás a HTML címkékre.
Szöveg szerkesztő
HTML-dokumentum bármilyen formában elkészíthető szöveg szerkesztő, bár Jegyzettömb, azonban nem minden program alkalmas erre a célra. Olyanra van szüksége, amely támogatja a következő szolgáltatásokat:
- szintaxis kiemelés - címkék, szövegek, kulcsszavak és paraméterek kiemelése különböző színekben. Ez megkönnyíti a kívánt elem megtalálását, felgyorsítja a fejlesztő munkáját és csökkenti a hibák előfordulását;
- füles munka. Az oldal külön-külön szerkesztendő fájlok halmaza, amihez egy szerkesztőre van szükség, aki egyszerre több dokumentummal is tud dolgozni. Ugyanakkor kényelmes a fájlokat külön lapokon megnyitni, hogy gyorsan navigáljon a kívánt dokumentumhoz;
- az aktuális dokumentum hibáinak ellenőrzése.
PSPad
HtmlReader
Jegyzettömb++
Plusz szerkesztése
Böngésző
A böngésző egy olyan program, amelyet weboldalak megtekintéséhez terveztek. Eleinte bármelyik böngésző megteszi, de a tapasztalat és a tudás növekedésével egy egész "menázsiát" kell indítania, hogy ellenőrizze a webhely megfelelő megjelenítését a különböző böngészőkben. Az a tény, hogy minden böngészőnek megvannak a maga egyedi jellemzői, ezért a kód egyetemességének ellenőrzéséhez át kell tekintenie és módosítania kell a kódot, hogy ezeket figyelembe vegye. Ma a három legnépszerűbb böngésző a Firefox, internet böngészőés az Opera.
Mozilla Firefox
Ígéretes és fejlődő böngésző, amely világszerte elismerést kapott. Jellemzője az egyszerűség és a bővíthetőség, amelyet speciális kiterjesztések révén érnek el, ahogy nevezik őket. A Firefox kezdetben csak a legszükségesebb funkciókat tartalmazza, de a kívánt bővítmények telepítésével végül olyan rendszerré fejlesztheti a böngészőt, amely végrehajtja a munkája elvégzéséhez szükséges összes műveletet. A Firefox böngésző a Mozilla csoport által kifejlesztett nyílt rendszer.
Microsoft Internet Explorer (IE)
Az egyik legrégebbi böngésző, amely az operációs rendszerrel ingyenes Windows rendszer. Ez meghatározta népszerűségét. Az IE 7 verzió a kényelem szempontjából közelebb áll régi versenytársaihoz, különösen a fülek jelentek meg. Sajnos ez a böngésző támogatja a legrosszabbul a HTML specifikációt, így az IE-ben való helyes megjelenítéshez néha külön-külön kell debugolni a kifejezetten hozzá tartozó kódot.
Opera
Gyors és kényelmes böngésző, amely számos további funkciót támogat, amelyek növelik a webhelyekkel való munka kényelmét.
szafari
Az Apple által kifejlesztett böngésző beépített iPhone és operációs rendszer MacOS az Apple számítógépeken. Van egy Windows-verzió is.
Google Chrome
Egy böngésző, amely 2008 végén jelent meg a piacon. A Google által kifejlesztett.
Validátor
A HTML-dokumentum érvényesítése a weboldal szintaxisának hibáinak és a HTML-specifikációtól való eltérések észlelésére szolgál. Ennek megfelelően az ilyen ellenőrzésre szolgáló programot vagy rendszert validátornak nevezzük.
Hogyan ellenőrizhető a HTML-fájl érvényessége
Ha rendelkezik internet-hozzáféréssel, lépjen a http://validator.w3.org webhelyre, és egy speciális űrlapon adja meg az ellenőrizni kívánt dokumentum vagy webhely elérési útját. Az érvényesítés után megjelennek az esetleges hibák, vagy megjelenik egy felirat, hogy a dokumentum érvényesítése sikeresen megtörtént.
Takaros
Helyi HTML-fájl ellenőrzésére, vagy ha nincs internetkapcsolat, a Tidy programot tervezték. Egyes szerkesztők, például a PSPad, már tartalmaznak beépített Tidy-t, és a dokumentumok ellenőrzése további eszközök nélkül is elvégezhető.
Grafikus szerkesztő
A képek feldolgozásához és a weboldalon való közzétételhez grafikus szerkesztő szükséges. A legnépszerűbb ilyen program a Photoshop, amely a fotók feldolgozásának és a weboldalak grafikai készítésének szabványává vált. De a Photoshop ereje legtöbbször túlzás, és jobb valami egyszerűbb és ügyesebbet használni. Különösen a Paint.Net program lehetővé teszi az összes szükséges manipuláció elvégzését a képekkel, ráadásul ingyenesen használható.
HTML címkereferencia
Először nehéz fejből megjegyezni az összes címkét és paramétereiket, ezért időnként át kell tekintenie a kézikönyvet egy adott probléma tisztázása érdekében. Általában mindenkinek szüksége van egy jó vezetőre, függetlenül a képzettség szintjétől.
Online könyvtárak
A HTML-címkék leírása (angol nyelven)
http://www.w3.org/TR/html4/index/elements.html
Ezen a webhelyen megtalálja a Runet címkéinek egyik legjobb útmutatóját is.
