Welkom

Met Advanced Html Designer ontwerp je visueel een HTML-tabel op een pagina, met opgemaakte cellen, afbeeldingen, hyperlinks en vrij te plaatsen tekstblokken. Het resultaat bewaar je als ontwerp (.htd) of als HTML-code.

Het scherm

Designer – het grote werkvlak met de pagina, de linialen (in mm) en de tabel.
Toolbox – de zwevende knoppenbalk links. Bovenaan kies je met T, C, B of S welk tabblad je ziet.
Knoppen bovenaan – ontwerp openen en opslaan, help, info en sluiten.
Rolluik onderaan – klik op Klik hier voor extra functies om de HTML-code en een voorbeeld van het resultaat te zien.

Tip: houd de muis even stil boven een knop in de toolbox: er verschijnt een korte uitleg (hint) in de gekozen taal.

De toolbox wisselt vaak vanzelf van tabblad: klik je op een cel, dan verschijnt Cel. Het knopje linksboven in de tabelkoppen opent Tabel, en het knopje in een geselecteerd tekstblok opent Tekstblok.

Windows en Linux

Advanced Html Designer bestaat in een versie voor Windows en een versie voor Linux.

Windows – pak de zip uit en start Advanced Html Designer.exe. Installeren is niet nodig.
Linux (Debian, Ubuntu, Linux Mint …) – installeer het .deb-pakket met sudo apt install ./advanced-html-designer_<versie>_amd64.deb. Je vindt het programma daarna in het menu onder Ontwikkeling. Verwijderen gaat met sudo apt remove advanced-html-designer.
Linux met Wine – de Windows-versie werkt ook onder Wine: wine "Advanced Html Designer.exe".

Linux: waar deze help “naast het programma” zegt (de mappen htd en images, talen.lng en de instellingen), is dat bij de Linux-versie de map ~/.local/share/advanced-html-designer in je persoonlijke map. Daar blijven je ontwerpen en instellingen ook bij een update staan.

Onderwerpen

Aan de slagStap voor stap van lege pagina tot HTML. Tabblad TabelRijen, kolommen, samenvoegen, positie, randen en kleuren. Tabblad CelTekstopmaak, uitlijning, kleuren, hyperlinks en afbeeldingen. Tabblad TekstblokVrije tekstblokken plaatsen, verplaatsen en opmaken. Tabblad InstellingenStandaardwaarden, paginaformaat en taal. Muis & toetsenSlepen, bewerken en sneltoetsen. Bestanden & exportOpslaan, openen, HTML-code en test-browser.