Van olyan ingyenes oldal/program, ahol grafikusan összeállíthatok egy weboldalt kinézetet, aztán leszedhetem a html/css kódot?

Vannak úgynevezett "WYSIWYG" (What You See Is What You GET - amit látsz, azt kapod) programok, mint például:

* Amaya ( [link] )

* BlueGriffon ( [link] )

* Kompozer ( [link] )

* Google Web Designer ( [link] )

* OpenElement ( [link] )

de nem adnak mindig optimális kódot.

"Egyébként ezek közül WYSIWYG-ek közül van olyan ami "piacképes"? Tehát előny lehet hogyha foglalkoztam már vele?"

Nincs, ez ilyen általános iskola móricka kategória.

Mivel a HTML és a CSS nyelv elsajátítása nem bonyolult egy szakmabelinek, eléggé sok tananyag, leírás, a kódolást könnyítő/meggyorsító eszköz érhető el hozzá, így az iparban nincs sok haszna a WYSIWYG szerkesztők ismeretének.

Esetleg tartalomkezelő rendszerekben, blogmotrokban, fórumokban, hozzászólás-rendszerekben van némi haszna a nem szakmabeli egységsugarú felhasználók számára, de ott a weboldalba épített megoldásokat - TinyMCE, CKEditor,... - szoktak alkalmazni.

[link]

Ezekkel a html, css összekattintgató editor programokkal összekattintgatott statikus oldalak, max a 2000-es években állták meg a helyüket. Bár már akkor is folyamatosan problémák voltak velük, hogy live-be nem úgy nézett ki az oldal ahogy össze lett kattintgatva.

"Milyen html/css kódolást könnyítő, gyorsító eszközök vannak?"

Vannak kódszerkesztők, amiben van kódszínezés, kódjavaslat, kódkiegészítés.

Ilyesmik például:

* atom.io

* Brackets

* Komodo Edit

* Notepad++

* Sublime Text

* Visual Studio Code

* Vim