headershadow

Latest Blogposts

HTML Kit, (X)HTML editor met grote mogelijkheden

We hebben deze html-editor al wel eens genoemd in eerdere cursussen, maar nu willen we eens wat dieper ingaan op de mogelijkheden van deze veelzijdige editor. HTML-kit, gratis en veelzijdig. Mocht je de editor willen downloaden ga dan naar de website www.chami.com/html-kit

De start
In de inleiding in html hebben we de manier besproken om deze editor te downloaden en de eerste stappen met deze editor. Daar gaan we nu niet op in, we gaan de mogelijkheden van de editor bekijken. Wanneer we het programma starten krijgen we de volgende keuzemogelijkheid voor ogen, waarop je kunt aanvinken hoe je wilt beginnen en eventueel met welke pagina.

Je kunt hierbij kiezen uit de volgende mogelijkheden:

  • Create a new file (Een nieuwe pagina openen)
  • Create a new file based on a template (Een nieuwe pagina met een template)
  • A new file in a graphic visual mode (Nieuwe pagina op een grafisch visuele manier)
  • Open an existing file (Een bestaande pagina openen)
  • Import from an URL (Importeren van een website-adres)
  • Open desktop
  • Open last file (Laatst geopende pagina)
  • Open from recent file list (Openen uit een rij laatst gemaakte pagina’s)

Je kunt ervoor kiezen om dit scherm niet meer te laten verschijnen door de optie ‘Don’t display
this screen again’ aan te vinken. Wanneer je kiest voor ‘Create an new file’ komt het volgende scherm
in beeld.

Hierop zie je de basis staan van een html pagina, met een aantal basis-tags, zodat je deze niet hoeft
in te voeren. Deze zijn toch verplicht voor een website dus dat scheelt wat werk. Het volgende staat in beeld:

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>
<head>
<title>Untitled</title>
</head>
<body>

</body>
</html>


Aan de rechterkant van je werkblad staat een vak waarin je overzicht hebt op al je files in je computer. Handig om
je websites op te zoeken, of om templates of snippets te vinden. (Snippets zijn handige codes die je snel wilt kunnen
invoegen in een website)
In dit overzichtje kun je ook gebruik maken van de mogelijkheid om online aanpassingen
te doen. Je werkt dan niet via de harde schijf, maar via FTP. Klik hiervoor bovenaan op ‘workspace’. Klik dan op
‘Add FTP server/folder’ en vervolgens op ‘Add FTP server’. Hier krijg je een overzichtje van een aantal zaken die
je in moet vullen.

Het gaat dan met name om de eerste drie regels, ‘server adress’, ‘login username’ en ‘password’.
Voor een uitgebreid artikel over uploaden ga je naar les5.
ftp met html-kit

De volgende keer gaan we een kijkje nemen naar hoe de editor werkt. We willen dan met name kijken
naar de tabbladen die standaard in htmlkit zitten. Ondertussen kun je wel al je vragen kwijt
in het forum.

0 reacties op “HTML Kit, (X)HTML editor met grote mogelijkheden

Plaats een reactie

*