EZpad-help
================
HelpInfo Bij EZPad HTML editor
door Peter Vazed
vazed@zeelandnet.nl
[http://people.zeelandnet.nl/vazed]
---------------------------------------------------------------
Aangeboden in samenwerking met DVZ Rolluiken
http://members.tripodnet.nl/dvz
---------------------------------------------------------------
**CENTER plaatsen in je tabellen, en altijd border op 1 bij het
maken van je pagina.**
WordWrap aan of uit, zet je invoer overzichtelijker weg.
Zit onder View, evenals de colorBar
Hits en Tips Onder Help: korte tips
Een HTML gids zit ook onder Help.

Alt V en Alt M wisselen tussen html en browser
F11 groot venster weergave.

Keybord Shortcuts
CTRL+N	New file - Nieuw file
CTRL+O	Open
CTRL+S	Save
CTRL+A	Save all
CTRL+F4	Close
CTRL+F5	Close all
CTRL+D	Refresh from disk

CTRL+Z	Undo - Ongedaan maken
CTRL+C	Copy - Kopieer
CTRL+X	Cut - Knip
CTRL+V	Paste - Plak

CTRL+F	Find - Vind
CTRL+G	Goto line - Ga naar regel

CTRL+W	Toggles Word wrap - Word rap aan/uit zetten
F11		Toggles big edit window - Groot edit venster
CTRL+Q	Toggles QuickOpen - Aan/uit Snel Openen
F4		Refresh QuickOpen - Vernieuwen Snel open

F1		Help

SHIFT+F1	HTML help

CTRL+E	Rightclick tag editing, when you're
		inside a tag. - Een Tag aanpassen

CTRL+B	Maakt de tekst bold = vet 
CTRL+I	Maakt de tekst Italic - schuin
CTRL+U	Underlines = Onderlijnt de tekst
CTRL+ENTER	Paragraph, +Paragraaf<P>
SHIFT+ENTER	Line break, - enter, naar volgende regel<BR>
CTRL+SPACE	Non-breaking space, &nbsp; = html spatie

ALT+SHIFT+0..9	Copieer tekst in een van de 10 EZpads-Klemborden
clipboards
ALT+0..9		Paste = Plakt tekst van een van de 10 EZpads - Klemborden
clipboards

CTRL+1..9		Triggers = Gebruik de eigen buttons,
1..9

CTRL+SHIFT+1..9	Aanpassen van de eigen buttons, 1..9
========
Quick menu.
In versie 3.0, is de QuickOpen verdeeld over 4 pagina's.
De eerste pagina geeft de directory structuur van je computer, en
als je doubleclickt op
images(plaatjes), worden ze geopend in de image previewer.

Je kunt ook slepen en plaatsen (drag'n'drop files)voorbeeld:

Je sleept deze file ble.jpg en dan krijg je: 
<IMG SRC="ble.jpg" HEIGHT="[height]"
WIDTH="[width]" ALT="ble.jpg">
Je kunt de file index.htm verslepen en dan krijg je: 
<A HREF="index.htm">index.htm</A>

Als je  plaatjes sleept en plaatst, kun je kiezen of de HEIGHT en
WIDTH attributen
automatisch gevuld worden, en of de ALT tag is ingevuld of niet.  
Voor iedere soort file kun je kiezen of de volle padnaam, alleen de
filename of alleen het
benodigde pad wordt weergegeven.

Voor meer informatie, zie preferences.

Pagina nummer 2 (TAGS) geeft een lijst van de meest gebruikte HTML
tags.
Je kunt ze invoegen in de pagina door dubbel klikken, door op enter
te klikken of simpel door
ze in de editor te slepen.

Bovendien kun je de lijst inhoud aanpassen. Door voor "insert" op je
keyboard te kiezen, kun je tags aan de lijst toevoegen, en ook
verwijderen uit de lijst door "delete".
Onder de lijst is een  kleine button met een pijl. 
Als je op de button klikt, krijg je een popup menu met drie opties:


·	Save list as ...
Je kunt de inhoud van een lijst saven naar een file met de extensie
*.lst
·	Open list ...
Je kunt andere lijsten openen
·	Load default list 
Inladen van de standaard lijst (NOTE: Zowel de TAGS als de
ATTRIBUTEN lijst)

Pagina  3 (ATTRIBUTES) geeft de meest gebruikte attributen weer.
Je voegt ze in je pagina in door te dubbelklikken, door enter of
simpel door dragging
naar de editor.
Verder is het gebruik als bij de TAG pagina, je kunt de ATTRIBUTES
lijst aanpasen.

Pagina nummer 4 (special) voor de speciale karakters voor HTML.
Hieronder zit oa het copyright symbool, trademark symbool en meer. 
Je zet ze in je 
pagina zoals met de TAGS en ATTRIBUTES.
Echter deze lijst is niet aan te passen.
=============
Project manager
EZPad 3.0 heeft een project management, dus als je aan een project 
werkt met veel files, kun je
een enkele project file aanmaken, die alle gebruikte files in zich
heeft. Als je het project opent, worden alle files geopend.

De project manager is een simpel scherm.
Links Boven is een lijst met erin alle projecten die in de \project
directory van EZPad zitten.

Naast de lijst zijn drie buttons. De button bovenaan maakt een nieuw
project, de middelste button delete het geselecteerde project en de
laatste button renamed een geselecteerd project.

In het midden van het project manager window zijn nog drie buttons.
"+" om files toe te voegen,
"-" om files te verwijderen en de button het verst naar rechts voegt
alle open files aan het project toe.

Onder deze drie buttons is een lijst met daarin alle files in het
huidige project.

Overzicht:
Nieuw project:
Druk de "New" button. Geef het nieuwe project een naam en druk "OK".
Je krijgt het nieuw project in de lijst.

Delete project:
Selecteer het project wat gedeleed moet worden en druk op "Delete".
Druk "OK". 

Rename project:
Selecteer het project om te hernoemen. Druk de "Rename" button. Geef
de nieuwe naam en druk "OK". 

Toevoegen van files aan project:
Selecteer het project waar je files toe wil voegen.
Druk de "+" button en browse voor de files. 

Delete van project:
Kies de file uit de onderste lijst. 
Druk de "-" button en de file zal verdwijnen.
NOTE: geen bevestiging is nodig en de file zelf is niet gedeleted,
alleen maar de toegang tot het project.

===========
Template = Sjabloon, dus voorbeeldopzet.
Als je met files werkt die allen dezelfde  background kleur, font
types etc. hebben, kun je zoiets
als basis opzetten en opslaan als  template (sjabloon).
Als je aan een nieuwe pagina begint kies je: 
FILE | NEW | From templates, en je hebt je opzet.

Heb je een template gemaakt, kies je File | Save as template.
     
In het template window zie je al je templates die in de \templates
directory zitten.
Als je een template uit de lijst kiest, kun je rechts zien hoe het
eruit ziet.
Om een template te openen: klik in de lijst of je kunt het
selecterenen dan "OK".

Note: Als je een template opent, wordt de file niet aangepast, maar
wel als je er iets aan veranderd.
Werk je met een template, save dan direct onder de goede - je nieuwe
pagina- naam.
======
Preview
Om te zien hoe je pagina er uit ziet, ga je simpel naar de "HTML
view" pagina, die
opent de geselecteerde internal previewer en laat de pagina zien. 

EZPad heeft een  basic previewer om preview  pagina's te zien, maar
het ondersteund geen frames, java of zoiets. Evenmin als font
veranderingen, behalve die in de BODY tag.

Als je Internet Explorer 3.01 (build number 1215 of hoger)
hebt, kun je deze voor EZPad  als een interne previewer gebruiken.
=======
Quick Tag
dit is een erg krachtige mogelijkheid van EZPad.
dit is in feite een popup lijst die verschijnt als je enter "<" en
laat alle mogelijke HTML tags en attributes,
gebaseerd op de omliggende tekst zien.
Voorbeeld;

je enter "<" en ">" verschijnt automatisch.

Tag-Quick verschijnt en geeft je een lijst van alle HTML Tags

Stel je kiest "BODY" van de lijst.  Tag-Quick verdwijnt en je drukt
space. 
Dan heb je "<BODY >"

Tag-Quick pops up, maar nu alleen met de attributen beschikbaar in
de  
BODY tag, bij voorbeeld "LINK=", "TEXT=" "BACKGROUND="

De Tag-Quick lijst gebruikt de inhoud van de TAGS en ATTRIBUTES
pagina's van de 
QuickOpen, dus indien je hun inhoud veranderd, wordt Tag-Quick 
automatisch geupdated.
=====
Richt click Tag.
dit is een krachtig en comfortable funktie in EZPad. Als je binnen
een tag staat,  klik je rechts
met de muis  en het popup menu popt up, en je krijgt een nieuwe
optie, Edit [tagname] tag.
Als je er op klikt, wordt de bijhorende wizard geopend en gevuld met
de korrecte waarde.

bij voorbeeld, BODY:
je hebt een BODY tag in de pagina die zo is:
<BODY BGCOLof="FFFFFF" TEXT="000000"
LINK="0000FF">

als de aanwijzer binnen deze tag is  en je right- click met de muis
en selecteer Edit BODY tag van het popup menu, geeft de Body wizard
de correcte waarde van de tag.

Stel je veranderd de background kleur naar groen in de body wizard
en drukt "OK" en je krijgt:
<BODY BGCOLOR="00FF00" TEXT="000000"
LINK="0000FF">
maar alle andere kleuren blijven zoals ze waren.

Right-click tag bewerkingen werken op de volgende tags:
BODY
FONT
IMG

=======
ColorBar
de kleurenbalk heeft om snel kleuren toe te voegen.
Door right-clicking op de kleurenbar kun je buttons toevoegen,
aanpassen en deleten.
Bovendien kun je de positie van de colorbar aanpassen.
Dus top, bottom en left.
=====
Pagina Properties
dit window geeft info over de pagina en het is verdeeld in vier 
pagina's, General info,
Images, links en Tags.

Om het pagina properties venster te openen, selecteer "HTML
pagina properties" van het main menu, of selecteer "pagina
properties" van
het popup menu als je right-click op de editor.

General information:
deze pagina geeft de volgende info:
Filename, path, background, pagina title, file size en modified date.


Images:
deze pagina geeft ieder image weer die op de pagina staat.
Door double-clicking op een image in de lijst, komt je automatisch
in de editor.

Links:
deze pagina laat iedere link zien van de pagina.
Door double-clicking op een link in de lijst, komt je automatisch in
de editor.

Tags:
deze pagina toont je alle tags op de pagina, 

-------
Kewl
dit window helpt je om verschillende moeilijke dingen zoals e-mail
formulieren, detour pages en meer te maken.

Meer info over ieder item kun je vinden op de pagina in de kewl
stuff window.
------
Go to
door dit venster te gebruiken, kun je naar iedere line in de tekst
springen.
Geef simpel het lijn nummer en drukt "GO!".
--------
Finding Text
om  tekst te vinden selecteer je "Search | Find" van de main menu.
Vanuit short cut: druk CTRL+F. Een nieuw panel verschijnt onder aan
EZPad´s main window.

Find this:
dit is waar je  de tekst invoert die je wenst te vinden.

Replace with:
Als je tekst wilt vervangen door iets anders, voer je het hier in.

Whole word:
als dit is checked, kijkt EZPad alleen naar hele woorden,
bij voorbeeld, als je zoekt naar "EZ", zal EZPad niet "EZ" vinden,
als dit een part van en ander woord als "EZPad" is.

Echter is deze optie niet gechecked, dan zal EZPad alles met "EZ",
ook als onderdeel van een ander woord vinden.

Search up:
als dit is gechecked, zal EZPad zoeken vanaf de huidige cursor
positie en upwards - omhoog.

Case sensitive:
als dit is gechecked, zal EZPad "HTML" en "html" als verschillend
interpreteren.
Als deze optie niet is gechecked, zal er geen onderscheid worden
gemaakt tussen hoofd en kleine letters 
(Uppercase Lowercase).

Start van top:
als dit is gechecked, zal EZPad altijd starten  vanaf de top van het
document.

Find/Find again:
deze button zoekt naar het ingevoerde woord.
EZPad zet het zoeken voort.

Replace rest:
deze button vervangt de tekst die je invoert in het "Find dit" veld,
en plaatst dan de tekst in de "Replace
met" field.

Replace/Find again:
deze button doet hetzelfde als de "Replace rest" button doet, maar
het stopt als het een woord heeft vervangen.  

Close
deze button sluit de "Find/Replace"

=======
Enlargin Window
Indien je een lage resolutie monitor hebt heb je een kleiner
beeldscherm.
De QuickOpen, de Toolbar en de colorbar, kun je dan met een enkele
button/mouseclick sluiten  om meer ruimte voor de editor en de HTML
view te krijgen.

Om dit te doen kies je simpel "View | Big edit window" van het main
menu, of druk F11 op je keyboard.
=====
Clipboard
dit window showt je wat er op het Windows Clipboard zit.
Onderaan heb je drie buttons:

Clear:
deze button maakt het clipboard leeg.

Send to EZPad:
deze button doet hetzelfde als de "Paste" functie doet. 
Het voegt de inhoud van het clipboard op de huidige cursor positie in.

Help:
Laat de Help tekst zien!
=======
Custom Buttons - Eigen Sneltoetsen
via File Options
Ctrl +1 
dit window laat je eigen buttons aanmaken.

In het bovenste veld voer je de kop (caption) voor de button;
de tekst die  je wilt om te verschijnen op de button.
In het veld onderaan voer je de hint in; de tekst die verschijnt op
de statusbar als de mouse  over de button gaat. 1 sec.

In het laatste veld voer je  de actie in, wat je wil dat de button
doet. Door typen in "||" krijg je  de geselecteerde tekst.

bij voorbeeld:
Als je een button wilt om tekst een stap groter te maken voer je in:
<FONT SIZE="+1"></FONT>

Echter is het vlotter om  de "||"
functie te gebruiken.
bij voorbeeld, als je tekst selecteert en dan druk je de button om
de geselecteerde tekst een stap groter te maken, :

<FONT SIZE="+1">||</FONT>

want EZPad zal automatisch de
"||" met de tekst die was geselecteerd invullen.


In de rechter onder hoek van het venster kies je de buttons,
1-9.
=======
R klick Help
je kunt makkelijk help krijgen over de tag waar je cursor in staat
door right-clicking met de mouse.
Op de top van het popupmenu zul je een nieuw item zien,
"Help on [Tagname]".

als je er click, zal de Wilbur.hlp openen en de correcte topic zul
je zien.
========
FontList
de fontlist is een dropdown lijst met daarin alle fonts op je
computer.

de button voor de fontlist is op de
"FONTS" pagina op de HTML toolbar.

als je click  in de fontlist, komt dit op de huidige cursor positie:
"<FONT FACE="[fontname]"></FONT>"
===
Drag Drop
EZPad heeft drag'n'drop op verschillende manieren.


1. Drag'n'drop binnen de Quickopen

als je drag files via de QuickOpen kiest, maakt
EZPad links er naar toe.
Als je drag an image doet, krijg je:
"<IMG SRC="[filename]" HEIGHT="" WIDTH="" ALT="">"
door de preferences window en selecteren in 
de "Editor" pagina,  kun je aangeven of je  de "HEIGHT"
en "WIDTH" attributes automatisch er bij wilt, idem voor de"ALT".

Als de file geen image is, maakt EZPad  een
normale link:
"<a HREF="[Filename]"></a>"


2. Drag'n'drop van Explorer

als je drag'n'drop files van Explorer pakt, worden ze geopend.
====
Preview
als je double click: images in de QuickOpen
filepanel,worden ze in de Image previewer geopend.

Bovenaan  de Image previewer window zijn drie buttons:

Als link:
<a HREF="image.jpg">image.jpg</a>

Als image:
<IMG SRC="image.jpg" WIDTH="300" HEIGHT="300 " ALT="image.jpg">

Edit:
de image applicatie die  je selecteerde in de
preferences | other programs
pagina, is geopend en de image wordt er in geopend.

Onder deze drie buttons is een checkbox, "Force image om frame".
Als je dit checkt wordt de image in dit frame gezet.

=====
Insert Files
je kunt insert files kiezen om een file 
 "File | Insert file ..." in te voegen.
=======
Import Files
je kunt  ASCII files importeren door selecteren "File | Impoft file".

Op de huidige cursorpositie wordt dit weggezet tussen
<PRE> tags. "Pre" staat voor Prefofmatted text.
=====
Wizards
** de Body wizard maakt het makkelijk om keuzes te maken.
** de E-mail wizard maakt e-mail links. In het bovenste veld zet je
het e-mail
addres en in de onderste een tekst voor de link.
** de Font wizard maakt font sizes,kleuren en faces.
** de Form wizard helpt je om formulieren te maken.

Vijf venster heb je.
Text input:
Text input boxes kunnen maar één lijn tekst bevatten.
Simpel: de nodige info invullen en drukt de "OK" button.
Text area:
de text area kan meerdere regels tekst hebben,
Simpel de nodige info invullen en druk de "OK" button.
Combobox:
Comboboxes zijn in feite dropdown lijsten waar je items kunt
seleceren.
Simpel de nodige info invullen en druk de "OK" button.
Checkbox:
Checkboxes bevaten of JA of NEE.
Simpel de nodige info invullen en druk de "OK" button.
Option:
Option buttons is EEN keuze uit meerdere..
Simpel de nodige info invullen en druk de "OK" button.
** Image wizard vult automatisch de HEIGHT en WIDTH
attributen met de correct waarde en ook de ALT attribuut.
** Een Imagemap is een image dat meerdere linken kan bevatten.
De image kan verdeeld worden in meerdere vakken. 
De areas worden door coordinaten aangeduid.
De Imagemap wizard maakt het makkelijk.
eerst kies je een image, dan kies je de vorm:
·	Rectangle = rechthoekig
·	Circle = cirkel
·	Cube = vierkant
Simpel drag'n'drop de vorm op de image om areas te maken.
Een paar punten:
Geselecteerde vorm is rood gekleurd.
als je create/select een shape kiest, krijg je rechts de aanduiding,
hier voer je de URL van de file in.
Voorts heb je: delete shape, 
en lock, om vast te zetten.
Simpel de nodige info invullen en druk de "OK" button.
en de imagemap is gemaakt.
** de lijst wizard helpt je om lijsten of opsommingen te maken.
** de Link wizard maakt vlot linken aan.
Eerst de tekst voor delink.
Dan de URL van de pagina.
Je kunt een image als link gebruiken.
Kies dan:"Use image" voor de link inplaats van "text" button.
** De Multimeda wizard, is om embed MIDI, WAVE en AVI files op je
pagina te zetten.
Kies eerst de file stel dan de HEIGHT,WIDTH en BORDER properties in.
** De Meta wizard in EZPad maakt de keywords en description tags
voor je pagina.
** De Table wizard in EZPad 3.0 
Bovenin het venster kun je de properties en attributen van de table
instellen.
Onder het properties paneel is een simpel grid, in deze cellen kun
je tekst zetten.
Onderaan het venster zie je de HTML code. 
Via check de "Update source" checkbox, wordt iedere keer de bron
code vernieuwd.
Is de table naar je zin druk de "OK" button..
============
Preferences
Instellingen voor de Editor zelf.
Background color:
Font:
EZPad start met:
Drag'n'drop:
Return full path
Return filenname only
Return relative path
Return image sizes
Return image name in "ALT"
Return image size in "ALT"
=======