Webszerkesztés Chrome böngészőben

azami · Hozzászólás Szerző: **azami** » 2018.02.14. 19:07

Nézegettem itt Linux alatt mi lenne a legjobb szoftver html szerkesztéshez kezdőknek.
Mivel igazán sokat nem értek hozzá ezért nézegettem html5 oktató videókat.
A bemutatókban sima szövegszerkesztőt és javarészt a Chrome-ban történő vizsgálatot javasolnak.
No ez megtalálható mind a böngészőben csak be kell állítgatni a lehetőséget, és "voila" van egy minden platformon használható html szerkesztőnk.
Erről szól a videó. https://youtu.be/SnIpnhuuDB8 OpenShot-al készült kis utómunkálat is látható a videóban.

Megjegyzem Puppy7.5 Xenial64 alatt mivel a spot/download mappába ment csak, így ott nem egészen jól használható.
És még egy megjegyzés, pár oktató videó https://www.youtube.com/watch?v=L_QjsLs ... GARgwLNF3K és a W3Schools https://www.w3schools.com/ segítségével elég gyorsan tanulhatunk egy kis webszerkesztést.

NTamas · Hozzászólás Szerző: **NTamas** » 2018.02.18. 13:09

Igen, az a w3schools.com oldal egészen jó tippeket ad a teljesen alapoktól a magasabb szintű weblapszerkesztési dolgokhoz, igaz mindezt angolul teszi, és ez pont nem a teljesen kezdőknek való, akik lehet, hogy majd azt sem fogják tudni elsőre megérteni hogy pl. ez a html kód mit is jelent.

HTML Example:
<!DOCTYPE html>
<html>
<title>HTML Tutorial</title>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Ezért talán célszerűbb lenne a teljesen kezdő weblapszerkesztéshez olyan oktató oldalakat linkelni, ahol mindezt magyarul mondják, írják le, és el is magyarázzák az egyes dolgok, fogalmak mibenlétét. Azután, szerintem a teljesen alapfokú html szerkesztési dolgok, alap weboldal html kódok nemcsak a Chrome böngészőben jeleníthetőek, vizsgáltathatóak meg, hanem szinte mindegyik webböngészőben, még pl. a Wine-ben lévő igen régi IE webböngészőben is. Erre még visszatérek....
Az alap html kódok írására még a legjobb a sima Windows-os Notepad, illetve linux alatt a szinte mindegyik linux verzióban jelen lévő Leafpad, de még inkább a Geany!
De ha már a Wine-ről szóltam az előbb, és a Windows-os Notepad-ról tettem említést, akkor egy lehetséges, és szerintem egészen jó alternatíva lehet a html kódok írásához, gyakorlásához a Windows-os Notepad++ v7.3 program, amit ugye a Wine segítségével simán tudunk Linux alatt is futtatni. Azért ezt a régi verziót linkeltem be mert ez biztosan működőképes a Wine alatti Windows XP beállításnál. Az újabb verziók már néha megakadnak a Wine-XP mód alatt, de ez a 7.3-as nálam teljesen stabilan működik az 1.4-es Wine alatti XP módban.
Tehát letöltjük a windows-os npp.7.3.Installer.exe telepítő fájlt, majd a wine alá a megfelelő módon feltelepítjük, és az első indításkor az alap angol nyelvet azonnal átállítjuk a magyar nyelvre, és már indulhat is az alap webszerkesztő tanfolyamban megtanult html kódok begépelése. A begépelt alapszintű html kódokat, az általuk kreált alapszintű, egyszerű weboldalt pedig megnézhetjük és leellenőrizhetjük a programból menüből indítható, a wine-ben lévő, igaz régi XP verziós IE-el is.

A Wine alatt futó Notepad++ v7.3 program képe, egy behívott, lementett html weboldal kódját mutatva.
Kép

Ezen kódrészlet pedig a Wine-ben az IE-ben megnyitva így néz ki.
Kép

Jól lekövethető, hogy a fenti, első képen látható fejlettebb html kódok helyes megjelenítése ennek a régi webböngészőnek nem igazán sikerült, de a teljesen alapfokú html kódok simán leellenőrizhetőek még ezzel az öreg webböngészővel a Wine alatt futó Notepad++ v7.3 programból is.

Tehát ez a program egy lehetséges alternatív megoldás a html szerkesztéshez, de, ha nincsen netán Wine a gépünkben, akkor sem kell kétségbe esni, az említett Leafpad, de méginkább a Geany program is simán befogható erre a célra. Utóbbi programnak nagy előnye, hogy a fenti képen látható szerkesztő programhoz hasonló megoldással kiemeli az egye html kód tageket, így jól elkülöníthetően mutatja, segíti a html oldalak szerkesztését. A szerkesztett html kód, legyártott weboldal pedig bármelyik rendszerben meglévő webböngészőben megjeleníthető, leellenőrizhető.

Kép

Linux alatt szerintem az egyik legjobb megoldás az egy programon belül megvalósított szerkesztés-ellenőrzés feladathoz a Seamonkey webböngésző, -ennek a verziószáma nálam a 2.49.1- hiszen ez eleve tartalmazza már beépítve a Compozer nevű webszerkesztőt, így az abba begépelt html kód azonnal leellenőrizhető a szerkesztőrész alján lévő Előnézet-re bökve.

Kép

azami · Hozzászólás Szerző: **azami** » 2018.02.18. 17:20

Tamás, pont azért írtam a Chrome böngésző lehetőségéről mert a szövegszerkesztő vagy webszerkesztő program ugye evidens mindenkinek hogy ilyen célra jó, a böngészőben történő kódolás talán nem.
Még ami a böngésző mellett szól a további kis füleken, rengeteg lehetőséget segítséget kapunk.

Ezért talán célszerűbb lenne a teljesen kezdő weblapszerkesztéshez olyan oktató oldalakat linkelni, ahol mindezt magyarul mondják, írják le, és el is magyarázzák az egyes dolgok, fogalmak mibenlétét.

A belinkelt youtube videók kiindulásnak szerintem jók, magyar nyelvűek, ha a további érdeklődés megmarad akkor hamar talál magának megfelelőt mindenki egy kis kereséssel.

Én most ahhoz kérnék segítséget egy másik fórumszálban esetleg, hogy hogyan lehet puppy vagy egyéb Linuxon egy egyszerű kis szervert beállítani amit meg lehet osztani és a létrehozott tartamot megosztani.
A Hfs http://www.rejetto.com/hfs/ kiváló, fut wine alatt is, de jobb lenne egy hasonló wine nélküli.

kzprog · Hozzászólás Szerző: **kzprog** » 2018.02.18. 21:06

Jól érzed, ez valóban nagy falat, külön témát érdemel.
Valahonnan innen lenne érdemes elindulni:
https://intermatrix.hu/lamp-server
illetve a Samba is terítékre kerülhetne vagy a NAS-ok.
http://www.murga-linux.com/puppy/viewtopic.php?t=60836
http://www.murga-linux.com/puppy/viewto ... ac2ac295cc

YouTube · Hozzászólás Szerző: **S-kami** » 2018.02.19. 09:31

Ezt már néztétek?

https://www.youtube.com/watch?v=S5IlswBQ4-Y

YouTube · Hozzászólás Szerző: **S-kami** » 2018.02.19. 18:38

Kedves barátaim, kedves puppy rajongók és kedves kezdő kollégák!

Látva a felmerült problémákat, készítettem egy új videót a webszerkesztés alapjairól.
Fogadjátok nagy szeretettel!

Puppy linux alapismeretek | Webszerkesztés #1
https://youtu.be/ESUrMFKiis0

NTamas · Hozzászólás Szerző: **NTamas** » 2018.02.19. 23:40

Köszönjük a videót Skami, de azért a chat mellet ide is beírom, a videóban megemlített sfs fájl -xampp-708-tahr-sfsv001_6.0.2.sfs- egy 2016-os elavult flashpayer verziót hordoz magában, amit nagyon ajánlatos abból kivenni, és egy legújabb verzióra lecserélni. De akár el is hagyható, hiszen az sfs csomag amúgy is a puppy rendszerflash playert használja, az sfs csomagban lévő régi flash verzió is oda tölti be magát, ergó, semmi gondunk nem lesz abból, ha az sfs fájlt kibontjuk, és az abba betett régi, 2016-os flash playert elhagyjuk, és úgy úgy használjuk az újragyártott sfs csomagot.
Kép

Hozzászólás Szerző: **nocsak** » 2018.02.20. 00:23

Sziasztok!

Egy (szerintem) lényeges dologra hívnám fel a figyelmet, ha üzemeltetni óhajtunk webszervert. És hogy most ismerkedőkkel megosszam ezt az apró ám nagyon hasznos lépést, ami ugyan minden webszerver esetében más és más vonatkozásban de szerepel mint lehetőség - a logolásról lenne szó:

Az általam használt típusokban mindben volt mód ún.: access logot vezetni, ez azért nagyon hasznos, mert az összes kérésre választ adott információra rálelhetünk benne amikre a webszerver reagált. Ez első körben tájékoztató jellegű és figyelem felkeltő, hogy milyen hibákba ne essünk az üzemeltetés során:

példának pár dolog txt-be összefoglaltam, beillesztem:

logrészlet szerkesztve (próbálkozások):

"GET /HNAP1/ HTTP/1.1" 404
"HEAD /phpmyadmin/scripts/setup.php HTTP/1.0" 404
"GET /phpMyAdmin/scripts/setup.php HTTP/1.1" 404
"GET /phpmyadmin/scripts/setup.php HTTP/1.1" 404
"GET /pma/scripts/setup.php HTTP/1.1" 404
"GET /myadmin/scripts/setup.php HTTP/1.1" 404
"GET /MyAdmin/scripts/setup.php HTTP/1.1" 404
"POST protocol://domain/file.extension HTTP/1.0" 404

---
Amikkel érdemes tisztában lenni:

0day - https://en.wikipedia.org/wiki/Zero-day_%28computing%29
DDoS - https://en.wikipedia.org/wiki/Denial-of-service_attack
exploit - https://hu.wikipedia.org/wiki/Exploit
SQL Injection - https://en.wikipedia.org/wiki/SQL_injection
Botnet - http://hu.spam.wikia.com/wiki/Botnet
SEO - https://hu.wikipedia.org/wiki/Keres%C5% ... A1l%C3%A1s
Amit nem akarunk megosztani azt ne tároljuk a webszerverünk tárhelyén
---

Keresőrobotok

Internetes nyomok amiket magunk után hagyunk

azami · Hozzászólás Szerző: **azami** » 2018.02.20. 17:52

Köszönöm a videót, a linkeket, én még eddig jutottam.
Nekem az Mx17-en a menü/ Mxtool-ban van valami hasonló.

: sz1.jpeg (28.25 KiB) Megtekintve 19889 alkalommal

Nem állítottam semmit be, és böngészőben a localhost rögtön erre az oldalra vitt.

: sz2.jpeg (121.56 KiB) Megtekintve 19889 alkalommal

A megadott mappában viszont nem tudom kicserélni az indexfájlt mert nincs jogosultságom, és így szerkeszteni sem tudom.

A Xampp is telepítésre került volna (Nem tudom kell e még pluszban) de ez lett az eredménye.

: sz3.jpeg (33.32 KiB) Megtekintve 19889 alkalommal

YouTube · Hozzászólás Szerző: **S-kami** » 2018.02.20. 22:09

Nagyon szívesen!

Van egy kis fogalom zavar viszont!

Az apache2 szerver, a PHP szerveroldali szkript értelmező és a MariaDB (MySQL) adatbázis szerver három olyan szoftver, amelyeket szinte annyit használjuk, hogy már már összetartozónak tartjuk őket és egyszerre szoktuk telepíteni, ennek megfelelően a webszerver csomag, az MX17 saját webszerver csomagja szintén így néz ki, ezeket tartalmazza egy webszerver csomagként, egyébként általam is nagyon helyesnek ítélt módon, egységesen kezelve telepíti ezt a három, egymástól egyébként teljesen független programot.
Ezt lehet egy komplett csomagként feltenni.

A másik lehetőség, ha valakinek ilyen komplett csomagtelepítésre nincs lehetősége, mint a puppy linux esetén, ott ugye más módon kell megoldani a dolgot és más módon kell hozzájutni ezekhez a programokhoz.
Az egyik, hogy külön, külön feltesszük azokat egyesével és barkácsolunk.
A másik, hogy van erre egy egységes megoldás, egy komplett csomag, ez esetben a XAMPP, ami ilyenkor a rendelkezésünkre állhat és fel tudjuk ezeket a szerver oldali applikációkat telepíteni, annak ellenére, hogy nincs megfelelő alternatívánk, vagy csomagkezelőnk.

Tehát, vagy az egyik, vagy a másik.
A lényeg, hogy fusson a gépen az Apache2 webszterver, a PHP szerver oldali szkript értelmező és a MariaDB vagy MySQL adatbázis szerver.
Ezek mind különálló alkalmazások, csak így, egységcsomagként szoktuk kezelni ezeket.
Ha már egyszer felraktuk, akkor nem tesszük fel mégegyszer a már futó rendszerre, a már futó alkalmazásokra, mert lehal az egész értelemszerűen.
Úgy gondolom, hogy ezt a részt nem magyaráztam el elég alaposan, magától értetődőnek vettem.

A másik, hogy mivel ezek rendszer szintű módosításokat igénylő, szerver alkalmazások, magasabb jogosultség is szükséges a szerkesztésükhöz, a módosítások elvégzéséhez, ezt általában úgy szoktuk megoldani, hogy a saját magunk által megadott, saját felhasználói könyvtárunkba készítünk egy linket root felhasználóként, ami mondjuk a /home/skamilinux/tesztweblap könyvtárra mutat és innentől kezdve már nem kell többé root jog, felhasználóként dolgozhatunk az új webes projektünkön.
Tehát először konzolban teljes jogú rendszergazdaként kell egy ilyen könyvtárat létrehoznod, vagy a fentebb mutatott linket, a lényeg, hogy utánna már a webböngészőből a http://localhost/tesztweblap linken elérhetővé válik.
rendszergazda jog konzolban:

Kód: Egész kijelölése

sudo su

A másik, hogy egy ilyen alkalmazáscsomag csak akkor indul, ha futtathatóvá tettük előzőleg:

Kód: Egész kijelölése

chmod 755 xampp-akármi.run

Ami ebben az esetben kifejezetten szerencsés, hogy nem indult el, hiszen ráíndítottad volna a már feltelepített, futó programokra ugyanazokat a programokat... valószínűleg elszállt volna, mint a győzelmi zászló

Webszerkesztés Chrome böngészőben

Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben

Re: Webszerkesztés Chrome böngészőben