Handleiding WIS TM Live-editing Live editing is een WIS TM module
Live-edit 1. Inleiding De nieuwe versie van WIS tm beschikt over een aantal nieuwe functionaliteiten, waarvan vooral liveediting als nieuwe functionaliteit eruit zal springen. Voor de duidelijkheid is het goed om aan het begin van de handleiding een omschrijving te geven van live-editing. Zoals u ongetwijfeld zult weten moest u in de oude situatie voor elke wijziging op de website inloggen in de studio. Met de nieuwe functionaliteit van live-editing is er naast deze handelswijze een nieuwe mogelijkheid bijgekomen. Met live-edit is het namelijk mogelijk om aanpassingen rechtstreeks op een pagina door te voeren. Nadat u ingelogd bent op de website, kunt u aan de slag gaan met het aanpassen en bewerken van teksten en lijsten. Live-edit wordt op dit moment ondersteund door de browsers Internet Explorer 7 en Mozilla firefox 2 Het doel van deze handleiding is u te informeren over de nieuwe mogelijkheden in live-editing en daarmee verbonden u zo snel mogelijk vertrouwd te laten raken met de werking van de nieuwe functinaliteit -2-
WIS 4.0 handleiding 2. Conventies 2.1 Opdrachten en opties De namen van opdrachten, vensters en buttons beginnen in dit boek met een hoofdletter. Zo kunt u ze gemakkelijk herkennen (bijvoorbeeld: Bewaren). U ziet ook dat deze namen dikgedrukt staan. De opdrachten en gebruikte buttons binnen de tekst ziet u in een oogopslag. 2.2 Versienummers Deze handleiding is geschreven voor WIS 4.0. Dit houdt in dat de handleiding niet gebruikt kan worden voor WIS 2.0 of WIS 3.0). Daarnaast kan deze handleiding ook gebruikt worden voor eventuele volgende updates van WIS 4.0 (bijvoorbeeld WIS 4.1). -3-
Live-edit Inhoudsopgave 1. Inleiding 2 2. Conventies 3 2.1 Opdrachten en opties 3 2.2 Versienummers 3 3. Inloggen in Live-edit 5 4. Tekstobject 6 4.1 Editor 6 4.1.1 Afbeelding 8 4.1.1.1 Basisknoppen 8 4.1.2 Hyperlink 10 3.1.2.1 Interne links 10 4.1.2.2 Bestandslink 11 4.1.2.3 Externe link 12 5. Lijstobject 13 5.1 Toevoegen lijstitem 13 5.2. Wijzigen lijstitem 13 5.3. Verwijder lijstitem 13-4-
WIS 4.0 handleiding 3. Inloggen in Live-edit De functionaliteit van live-editing is een nieuw onderdeel in WIS TM 4.0. In dit onderdeel werkt u rechtsteeks op een portaal of op de website. Voordat u kunt werken met live-edit en een wijziging op de website kunt aanbrengen zult u allereerst moeten inloggen op de website. Aan de hand van de rechten die u binnen WIS tm bezit wordt bepaald op welke pagina s u wijzigingen kunt aanbrengen. Aktie: Inloggen in live-edit Het inloggen in de live-edit gaat als volgt: Open in uw browser de webite en type in de urlbalk achter de url van de website /liveedit/ (Bijvoorbeeld: http://www.schoolnaam.nl/liveedit/ ). LET OP: Live-edit wordt op dit moment alleen ondersteund door Internet Explorer 7 en Firefox 2 U krijgt een inlogvenster te zien. Vul uw gebruikersnaam en wachtwoord in, waamee u ook in de studio inlogt en klik vervolgens op de knop Login. Nadat u bent ingelogd krijgt u aan de rechterkant een venster met uw gebruikersnaam. U kunt vanaf dit moment wijzigingen aanbrengen in een tekstobject of een lijstobject.. -5-
Live-edit 4. Tekstobject Nadat u ingelogd bent op de website kunt u een tekstobject aanpassen of opmaken. Hierbij moet u denken aan het aanpassen en opmaken van tekstgedeeltes, het plaatsen van links en het invoegen van afbeeldingen. Een tekstgedeelte aanpassen kunt u op een eenvoudige manier doen door met u linkermuisknop op het tekstobject te klikken. Nadat u op het object geklikt heeft, wordt het actieve tekstvenster omlijnd en verschijnt er op uw scherm een editor. 4.1 Editor Nadat u een tekstobject op een pagina aangeklikt heeft ziet u op uw scherm een editor verschijnen. Met de editor kunt u een tekstgedeelte opmaken en acties in de tekst ondernemen. In vergelijking met de editor in de studio zijn de basisgereedschappen in de live-edit aanwezig. Een aantal gereedschappen van de editor in de studio zijn echter niet overgenomen in de live-edit van de nieuwste versie. Hieronder ziet u een overzicht met een korte beschrijving van de diverse gereedschappen in de werkbalk. Opslaan: Met deze knop worden de wijzigingen in het tekstobject bewaard. Afsluiten: Met deze knop wordt het tekstobject afgesloten. Vet maken: Met deze knop kunt u geselecteerde tekst vet maken. Cursief maken: Met deze knop kunt u geselecteerde tekst cursief maken. Onderstreept maken: Met deze knop kunt u geselecteerde tekst onderstreept maken. Een genummerde opsomming maken: Wanneer u op deze knop klikt, maak u een genummerde lijst. Elke druk op de Enter-toets resulteert in een nieuw genummerd item. Druk de Enter-toets twee keer in om de lijst te beëindigen. Een opsomming maken: Wanneer u op deze knop klikt, maakt u een opsomming. Elke druk op de Enter-toets resulteert in een nieuw opsommingitem. Druk de Enter-toets twee keer in om de opsomming te beëindigen. Links uitlijnen: U kunt geselecteerde tekst links uitlijnen met behulp van dit gereedschap. Selecteer een stuk tekst en klik op de Links uitlijnen -knop om de tekst links te laten uitlijnen. -6-
WIS 4.0 handleiding Rechts uitlijnen: U kunt geselecteerde tekst rechts uitlijnen met behulp van dit gereedschap. Selecteer een stuk tekst en klik op de Rechts uitlijnen -knop om de tekst rechts te laten uitlijnen Uitvullen: Hiermee kunt u de tekst uitvullen. Bedenk dat dit alleen fraai is als er voldoende tekst op een regel staat om onopvallend met de witruimte te schuiven. Inspringen verkleinen: Met deze knop kunt u het inspringen van een alinea verkleinen of opheffen. Inspringen vergroten: Met deze knop kunt het inspringen van een alinea beginnen of vergroten. Hyperlink invoegen: Met deze knop bent u in staat een hyperlink in te voegen. U kunt hyperlinks maken naar pagina s binnen de website en externe pagina s Hyperlink verwijderen: Bestaande hyperlinks kunt u eenvoudig verwijderen. Selecteer de tekst en klik op de knop Hyperlink verwijderen. Afbeelding invoegen: U kunt bestanden en figuren invoegen met behulp van dit gereedschap. De knop opent een venster, waar u een aantal keuze mogelijkheden wordt geboden. Broncode bekijken: Wanneer u deze knop gebruikt, kunt u werken in de broncode van de tekst. De broncode zal voornamelijk bestaan uit HTML-tags. -7-
Live-edit 4.1.1 Afbeelding Binnen Live-edit kunt u afbeeldingen invoegen. Onder een afbeelding wordt een bestand van het type jpg (jpeg) of gif verstaan. U kunt de tekst van uw website illustreren met afbeeldingen en een aantal instellingen op uw afbeelding aanpassen. De afbeeldingen die u tussen de tekst invoegt bevinden zich op de bedrijfsschijf. Aktie: Het invoegen van een afbeelding Het invoegen van een afbeelding gaat als volgt: Selecteer een afbeelding van de bedrijfsschijf. In het rechtergedeelte van het venster kunt u een voorbeeld van de afbeelding bekijken. U kunt een aantal instellingen meegeven aan u afbeelding: Breedte: hiermee stelt u de breedte van de afbeelding in (standaard wordt de breedte van de afbeelding meegenomen). Hoogte: hiermee stelt u de hoogte van de afbeelding in (standaard wordt de hoogte van de afbeelding meegenomen). Uitlijning: u kunt een afbeelding links, rechts, boven, onder of juist gecentreerd op een pagina weergeven. U kunt een optie selecteren uit de keuzelijst Alt: dit is de tekst die men ziet als men met de muis over het afbeelding gaat (tooltip). Klik onderaan op de knop Invoegen. 4.1.1.1 Basisknoppen Hieronder ziet u de basisknoppen binnen het venster van de eigenschappen van een afbeelding. -8-
WIS 4.0 handleiding bedrijfsschijf. Kijk in: Kunt u een bovenliggende map selecteren op de Bovenliggende map: Via deze knop kunt u snel de bovenliggende map op de bedrijfsschijf openen. Nieuwe map: Via deze knop kunt u een nieuwe map aanmaken onder een actieve map of bedrijfsschijf. Aktie: Het aanmaken van een nieuwe map op de bedrijfsschijf Het aanmaken van een nieuwe map op de bedrijfsschijf gaat als volgt: Selecteer een map (of de bedrijfsschijf) waaronder u een map wilt toevoegen Klik op de knop Nieuwe map. Vul een naam in het Maak map veld. Klik op de button Maak. Uploaden bestand: Door in de Bestandsverkenner op de knop Uploaden bestand te klikken, kunt een bestand op uw lokale computer selecteren en deze aan de bedrijfsschijf toevoegen. Nadat het bestand op de bedrijfsschijf is geplaatst, is het mogelijk om om het bestand op de website te publiceren Aktie: Het toevoegen/uploaden van een bestand op de bedrijfsschijf Het toevoegen van een bestand gaat als volgt: Selecteer een map (of de bedrijfsschijf) waaronder u het bestand wilt toevoegen. Klik op de knop Uploaden bestand. Selecteer het bestand op de lokale computer. Klik op de knop openen. -9-
Live-edit 4.1.2 Hyperlink Hyperlinks maken het mogelijk dat u, door een simpele klik van de muis, snel van de ene locatie naar de andere surft. Binnen Live-edit is het mogelijk om van een tekstgedeelte een hyperlink te maken. Binnen Live-edit kunt u drie type links invoegen: interne link, bestandslink en een externe link. 3.1.2.1 Interne links Een interne link is een hyperlink die verwijst naar een pagina binnen de eigen website. Vanuit de boomstructuur kunt u een pagina selecteren, waarnaar verwezen moet worden. Deze pagina wordt geopend in uw browser als u op de hyperlink klikt. Aktie: Het invoegen van een interne link Het invoegen van een interne link gaat als volgt: Selecteer de tekst in de editor waarvan u een hyperlink wilt maken. Klik op de knop Hyperlink invoegen. Een nieuw venster wordt geopend. Klik het menu-item Interne link aan onder het tabblad Voeg link in. Selecteer in de boomstructuur de pagina waarnaar u wilt verwijzen. Selecteer een doelvenster uit de keuzelijst Doel. Klik op de knop Invoegen. -10-
WIS 4.0 handleiding 4.1.2.2 Bestandslink Een bestandslink is een hyperlink die verwijst naar een bestand op de bedrijfsschijf. Een bestandslink zorgt ervoor dat het bestand wordt gedownload naar de locale computer van de bezoeker van uw website. U kunt ook eventueel kiezen om het bestand te openen. Aktie: Het invoegen van een bestandslink Het invoegen van een bestandslink gaat als volgt: Selecteer de tekst in de editor waarvan u een bestandslink wilt maken. Klik op de knop Hyperlink invoegen. Een nieuw venster wordt geopend. Klik het menu-item Bestands link aan onder het tabblad Voeg link in. Klik op de knop Kies bestand. De bestandsdialoog wordt geopend. Selecteer een bestand in de bestandsdialoog. Klik op de knop Selecteer. Het venster Voeg link in geeft nu aan welk bestand u hebt geselecteerd. Selecteer een doelvenster uit de keuzelijst Doel. Klik op de knop Invoegen. De geselecteerde tekst bevat nu een hyperlink naar een bestand. -11-
Live-edit 4.1.2.3 Externe link Een externe link is een hyperlink die verwijst naar een locatie buiten uw website. U kunt verwijzen naar een andere website of bestand op een andere webserver. Aktie: Het invoegen van een externe link Het invoegen van een externe link gaat als volgt: Selecteer de tekst in de editor waarvan u een externe link wilt maken. Klik op de knop Hyperlink invoegen. Een nieuw venster wordt geopend. Klik het menu-item Externe link aan onder het tabblad Voeg link in. Selecteer een protocol uit de keuzelijst Protocol (standaard is http://, maar u kunt ook verwijzen naar een ftp-server via het protocol ftp://). Type het adres van de website in waarnaar u wilt verwijzen (bijvoorbeeld www.google.nl). Klik op de knop Invoegen. De geselecteerde tekst bevat nu een hyperlink naar een externe locatie (andere website). -12-
WIS 4.0 handleiding 5. Lijstobject Naast het bewerken van het tekstobject kunt u ook een lijstobject bewerken in Live-edit. Onder het lijstobject wordt een geordende weergave van een item verstaan. Bij een item kunt u denken aan een nieuwsbericht of een vacature. Binnen Live-edit kunt u lijstitems toevoegen, bewerken, verwijderen en zichtbaar of onzichtbaar maken. 5.1 Toevoegen lijstitem U kunt nieuwe items aan een bestaand object Lijst toevoegen. Met het toevoegen van een nieuw item aan een object Lijst, voegt u een nieuw record toe aan een contentdefinitie. Aktie: Toevoegen van een lijstitem Het toevoegen van een lijstitem gaat als volgt: Klik op het object Lijst Een nieuw venster wordt geopend. Binnen dit venster ziet u een overzicht van alle items die binnen het object Lijst aanwezig zijn. Aan dit overzicht kunt u een item toevoegen. Klik op de link nieuw item. Er wordt een nieuw venster geopend. Binnen dit venster worden alle velden getoond waaruit een item bestaat. Deze velden moeten worden ingevuld. Vul alle velden in Klik op de button toevoegen om een gepubliceerde versie van dit item te maken. 5.2. Wijzigen lijstitem U kunt lijstitems van een bestaand lijstobject wijzigen. Met het wijzigen van een item, verandert u de inhoud van een record in een contentdefinitie. Aktie: Wijzigen van een lijstitem Het wijzigen van een lijstitem gaat als volgt: Klik op het object Lijst Een nieuw venster wordt geopend. Binnen het venster ziet u een overzicht van alle items die binnen het lijstobject aanwezig zijn. U kunt de inhoud van een bestaand item uit het overzicht wijzigen. Klik met de muis het te wijzigen item aan Wijzig de inhoud van één of meerdere velden Met het veld Toon/verberg item kunt u een item publiceren of juist verbergen. Klik onderaan op de link Item bewaren om de wijzigingen in het lijstitem te bewaren. 5.3. Verwijder lijstitem U kunt items van een bestaand lijstobject verwijderen. Met het verwijderen van een item, verwijdert u een record uit een contentdefinitie. -13-
Live-edit Aktie: Het verwijderen van items van een object Lijst Het verwijderen van een lijstitem gaat als volgt: Klik op het lijstobject Een nieuw venster wordt geopend. Binnen dit venster ziet u een overzicht van alle items die binnen het object Lijst aanwezig zijn. U kunt een bestaand item uit het overzicht verwijderen. Klik op knop Verwijder lijstitem achter het lijst-item om het item te verwijderen. Klik op de knop OK om het item uit het overzicht te verwijderen. Er is een item uit het overzicht verwijderd. -14-
WIS 4.0 handleiding -15-
Live-edit Index A Afbeelding invoegen, 8 Aanmaken map, 9 Afbeelding eigenschappen, 8 Uploaden bestand, 9 Afsluiten, 6 B Bestand toevoegen, 9 Bestandslink, 11 Bewaren, 6 C Cursief, 6 D De editor Afbeelding invoegen, 7 Afsluiten, 6 Bewaren, 6 Broncode, 7 Cursief maken, 6 Genummerde opsomming, 6 Hyperlink invoegen, 7 Hyperlink verwijderen, 7 Inspringing vergroten, 7 Inspringing verkleinen, 7 Links uitlijnen, 6 Onderstreept maken, 6 Opsomming, 6 Rechts uitlijnen, 7 Uitvullen, 7 Vet maken, 6 E Externe link, 12 G Genummerde opsomming, 6 H Het inlogscherm, 5 Het tekstobject, 6 De editor, 6 Html code, 7 Hyperlink, 10 Bestandslink, 11 Externe link, 12 Interne link, 10 I Inloggen, 5 Inspringing vergroten, 7 Inspringing verkleinen, 7 Interne link, 10 Invoegen afbeelding, 8 L Lijsten, 13 Lijstitems toevoegen, 13 Lijstitems verwijderen, 13 Lijstitems wijzigen, 13 Lijstobject, 13 Toevoegen lijstitem, 13 Verwijder lijstitem, 13 Wijzig lijstitem, 13 M Map aanmaken, 9 O Onderstrepen, 6 U Uitlijnen links, 6 Uitlijnen rechts, 7 Uitlijnen uitvullen, 7 V Vet gedrukt, 6-16-