WEBHARE: BASISCURSUS Versie mei 2016 Marketing & Communicatie (

Transcriptie

1 WEBHARE: BASISCURSUS Versie mei 2016 Marketing & Communicatie ( Webhare: Basiscursus (versie september 2015) 1

2 INHOUD Inloggen en personaliseren account Opbouw basisstructuur WebHare website Basisregels voor mappen/bestanden/links Bestanden (word/pdf/ppt etc.) Nieuwe editor Linkjes (intern, extern, content) Opbouw van een pagina (mappen, documenten, links etc) Gebruik van plaatjes Op internet gevonden worden/ tekst schrijven Algemene instellingen Overige knoppen in WebHare Tips M&C Servicedesk Webhare: Basiscursus 2

3 1) INLOGGEN EN PERSONALISEREN ACCOUNT Waar en hoe? - webhare.utwente.nl met s/m-nummer (ook buiten UT) Publisher voor websites Webpack (formulieren, polls, forum, gastenboek) Kaders startscherm, bijv. persoonlijke instellingen of nieuws (onderhoud) Menu/my settings/personal settings Klik op je naam links onderin voor: Voorkeuren instellen (NL/EN) Andere wijzigingen via Servicedesk M&C-Online Media Webhare: Basiscursus ( 3

4 2) OPBOUW BASISSTRUCTUUR (WEBHARE WEBSITE) De basis: Publiceren in WebHare: waar komt het dan op de site terecht? Wordt uitgebreider besproken in onderdeel 6 Webhare: Basiscursus 4

5 STARTPAGINA WEBSITE Naam ABC In webadres te zien Titel (wat mensen op site zien) In Menu li. Webhare: Basiscursus (versie september 2015) 5

6 2) BASISSTRUCTUUR WEBHARE WEBSITE Optie: Submenu activeren Via eigenschappen/properties van de site Extra menustructuur 1 niveau dieper Sneller overzicht voor bezoeker Hoe het werkt: alles wat al in het submenu staat, wordt niet meer op het grote scherm getoond. Hoofditem (rechts zwart): gaat naar de index Subitem (de drie eronder): mappen of bestanden die geen index zijn Webhare: Basiscursus (versie september 2015) 6

7 3) BASISREGELS VOOR MAPPEN/BESTANDEN/LINKS Naam (boven in het webadres, bijv. uitsluitend kleine letters en - gebruiken (GEEN spatie, geen hoofdlet.) Altijd de extensie (.doc,.docx,.whlink,.pdf etc) laten staan, WebHare heeft deze nodig, maar de gebruiker ziet het niet in de URL Titel (boven je webtekst): Geen specifieke eisen aan naamgeving Titel niet invullen = bestand niet zichtbaar op website (wel via zoekmachine te vinden, daarom: te oude bestanden altijd verwijderen!) Index-bestand (1 bestand per map met pijltje ervoor) Titel indexbestand = Titel boven pagina Map heeft geen indexbestand Map kan niet aangeklikt worden op website (losse documenten erin wel) Webhare: Basiscursus 7

8 4) BESTANDEN (WORD/PDF/PPT ETC.) Twee opties: Nieuw bestand: Uploaden van computer (.doc,.pdf) via (Upload/Plaats) Huidig bestand vervangen (handig, naam (en link!) etc. blijven) Naam en Titel invullen of later wijzigen via Altijd properties scherm openen? Zie menu > preferences/voorkeuren. Word-bestand (wordt een webpagina (.doc downloaden? rechter muis op bestand, edit type, downloadable word doc) Andere bestanden = extra scherm, niet binnen website Webhare: Basiscursus (versie september 2015) 8

9 3) Bestanden: nieuwe werkwijze (die je nu al mag gebruiken) Nieuwe werkwijze: Rich Tekst Documents (RTD) Webpagina s met niet meer met word documenten, maar met editor online (zie plaatje) Voordeel: makkelijker alles online aanpassen Linkjes gaan minder vaak kapot Alleen de functies zichtbaar die ook echt werken Nadeel: Zeer beperkt gebruik van tabellen (i.v.m. weergave websites op kleine smartphone-schermen) Proberen? New file Rich Document, naam/titel invulllen, opslaan. Dubbelklikken op aan te passen, opslaan. Webhare: Basiscursus 9

10 Foto/linkjes aanpassen 4) DE NIEUWE EDITOR DE TEKSTEDITOR MOGELIJKHEDEN 1 1. Standaard tekst met gebruikelijke opties (headings, vet, etc.) 2. Linkjes (knop) in de tekst 3. Foto en video (knop) 4. Tabellen (nog in ontwikkeling) Overige knoppen: Bullets/opsomming en inspringen Opmaak tonen Bestaand plaatje of link aanpassen (vlgd. slide) Cursus WebHare

11 4) DE NIEUWE EDITOR DE TEKSTEDITOR MOGELIJKHEDEN 2 1. Zet de optie voor paragraafopmaak aan 2. Gebruik een goede headingstructuur: begin met H1, en gebruik H2 en H3 voor subkoppen 3. Zet belangrijke woorden (waar mensen op zoeken/googelen) in de koppen/tussenkoppen 4. Zet een link op relevante woorden: niet klik hier maar Faculteit ITC Cursus WebHare

12 OPDRACHT 1 a) Plaats een bestand van je computer op de website (een bestand dat nog niet online staat) b) Hoe corrigeer/verander je een bestand dat al op website staat? a) Maak een nieuw rtd-bestand aan en vul deze. Let op titel, tekst en voeg een plaatje toe en experimenteer met een video Welke vragen heb je, waar loop je tegen aan? Laat het weten! Webhare: Basiscursus (versie september 2015) 12

13 5) LINKJES (INTERN, EXTERN, CONTENT) Verschillende soorten links: Extern: naar een webpagina buiten je WebHare: bijv. (hele link copy-pasten); properties: extra opties Intern: naar een webpagina die in je WebHare zit Content: interne link, die IN je website opent (in hoofdscherm) Link aanmaken: Klik op New File juiste soort link kiezen (andere keuzes niet relevant) Bijzonderheden: Interne/content link verandert mee, als map/bestand verplaatst wordt ( zo veel mogelijk gebruiken!) Content link opent in je hoofdscherm, rest van de website verandert niet (handig als hetzelfde document op 2 plekken zichtbaar moet zijn) Webhare: Basiscursus (versie september 2015) 13

14 OPDRACHT 2 a) Plaats een externe link (naar pagina buiten je webhare). b) Plaats een interne link (naar bestand in je webhare). c) Plaats een content-link (een ander bestand uit webhare op deze plek tonen). Webhare: Basiscursus (versie september 2015) 14

15 Titel indexbestand Inhoud indexbestand (meestal word.doc) Bestanden + ingekl.mappen (vallen weg als deze al in submenu staan) Mappen (opengeklapt via index) Webhare: Basiscursus (versie september 2015) 15

16 6) OPBOUW VAN EEN PAGINA INDEXBESTAND (1/4) Het indexbestand van een map (pijltje ervoor) Inhoud indexbestand opent bovenaan de pagina Overige bestanden/mappen: opsomming onder indexbestand Twee opties indexbestand Standaard indexbestand met alleen tekst (index.html), automatisch in elke map (tekst inzetten via blauw description/omschrijving vullen) Word document met tekst, plaatjes, tabellen etc. (via, tabblad publication/publicatie aangeven dat dit het indexbestand is) Tip: Index bestand per ongeluk verwijderd? maak een nieuwe map aan en kopieer het daarin zittende indexbestand naar jouw map via re. muis op bestand, copy to/kopiëren naar verwijder de tijdelijke map weer) Webhare: Basiscursus (versie september 2015) 16

17 6) OPBOUW VAN EEN PAGINA LOSSE BESTANDEN (2/4) INDEXBESTAND Andere bestanden (alles behalve het indexbestand mappen) Linkjes, word documenten, pdf, ppt, etc Opsomming onder het indexbestand (indien titel ingevuld) Webhare: Basiscursus (versie september 2015) 17

18 6) OPBOUW VAN EEN PAGINA - MAPPEN(3/4) Twee opties voor folders/mappen Extended/uitgeklapte mappen (standaard): Helemaal onderaan de pagina weergegeven, incl. inhoud Map = zwarte kop; inhoud map = blauwe linkjes Volgorde aanpassen via re. muis (change ordering/volgorde aanpassen) Non-extended/ingeklapt: Worden NIET met zwart kopje onderaan de site getoond, maar verschijnlijnen in de lijst met bestanden erboven (zie submap 3 volgende sheet) Keuze welke mappen ingeklapt worden: index-bestand selecteren, dan op tabblad index vinkjes zetten en Webhare: Basiscursus (versie september 2015) 18

19 Titel indexbestand Inhoud indexbestand (meestal word.doc) Bestanden (en ingeklapte mappen) Mappen (opengeklapt via index) Webhare: Basiscursus (versie september 2015) 19

20 7) GEBRUIK VAN PLAATJES Basisregel: Foto s van de camera zijn vaak 100x te groot > verkleinen Wat kun je doen: 2 opties Foto naar jezelf mailen via outlook: rechter muis op foto, zenden aan, mail ontvanger; vraag: resizen ja. En naar jezelf sturen. Ook met meerdere foto s tegelijkertijd mogelijk (tot ca 25 mb per mail) Makkelijk: bestand van webhare-site op je desktop zetten om te verkleinen: heel simpel een geen installatie nodig Meer informatie: --> Foto s/video s Webhare: Basiscursus (versie september 2015) 20

21 8) OP INTERNET GEVONDEN WORDEN (1/2) Wat kun je doen: Relevante Titel/naam invullen Ervoor zorgen dat andere sites naar jouw site linken (niet hier, maar relevante naam) Kort webadres (=korte mapnamen en korte bestandsnamen) Houd het kort: overbodige informatie zorgt voor ruis en maakt het belangrijke onderdeel slechter vindbaar Via en description/omschrijving invullen, bij voorkeur bij het indexbestand Keywords: zoekwoorden - google kijkt hier nauwelijks naar, andere wel Description: Korte omschrijving in de zoekresulaten; google gebruikt deze niet altijd en kiest vaak zelf een tekst uit de pagina; de korte omschrijving zorgt ervoor, dat mensen een keuze maken of je site wel/niet interessant is voor hun Webhare: Basiscursus (versie september 2015) 21

22 8) OP INTERNET GEVONDEN WORDEN (2/2) Schrijven voor het web Voor wie schrijf je wie is je doelgroep Wat wil de doelgroep weten? Schrijf korte teksten Gebruik Bullets (informatie) of Opsomming (stappenplan) voor leesgemak Schrijf scanbaar zo lezen mensen online; in F-vorm Maak goede titels en subtitels deze vertellen waar een stuk over gaat. De 1e zin vertelt de inhoud van stuk/alinea Meer informatie: cursus Schrijven voor heb web Webhare: Basiscursus (versie september 2015) 22

23 9) ALGEMENE INSTELLINGEN Mappen in WebHare met speciale functies contact automatisch rechts boven en automatisch button English rechts boven op een NL site Vervolgens in map en de Engelse site maken Of: bij Engelse site: map nl toevoegen voor button Nederlands Algemene instellingen van de website (voorbeelden) Titel rechts bovenaan de site (geen afkortingen!) << Terug naar XXX link (geeft bezoekers overzicht) Social Network Knoppen ( ): via eigenschappen van map/bestand/site activeren - Kan ook via de Service Desk Etc... Uitleg op --> Webhare-FAQ Webhare: Basiscursus (versie september 2015) 23

24 10) OVERIGE KNOPPEN IN WEBHARE (1/2) Up/omhoog: Een niveau hoger Upload/plaatsen: Bestand van je computer uploaden (word, pdf etc.) New file: nieuw bestand dat niet op de computer staat (link etc.) New folder: Nieuwe map Download: Bestand naar computer downloaden/openen Delete: Bestand/map verwijderen Properties: Eigenschappen van een bestand/map aanpassen Belangrijke knop, gebruik je veel! Webhare: Basiscursus (versie september 2015) 24

25 10) OVERIGE KNOPPEN IN WEBHARE (2/2) Menu zoals Windows te bereiken met rechter muis Open: bestand in preview venster bekijken Republish: opnieuw op het web plaatsen View in browser Copy to : kopiëren/verplaatsen van 1 of meerdere bestanden Delete: 1 of meerdere bestanden verwijderen Properties: eigenschappen van het bestand/map (toelichting volgend sheet Webhare: Basiscursus (versie september 2015) 25

26 11) HANDIGE TIPS EN MEESTGESTELDE VRAGEN (FAQ) Foute links opsporen Menu: File/Bestand Report Link alleen hyperlinks aanvinken downloaden Linken naar bestand zonder titel Via de exacte link van een bestand opsporen (tab 1, onderaan) Linkje op webpagina verwijst naar c-schijf medewerker Oplossing: sla een document eerst op, pas hem dan aan. Preview scherm onderaan niet zichtbaar Werkt alleen in Internet Explorer als je als je mixed content toestaat (zie popup) Wijzigingen op website niet direct zichtbaar Geel bolletje in webhare? Nog niet gepubliceerd (dubbelklik geeft tijd aan) Wel gepubliceer (groen vinkje), nicht zichtbaar? Titel vergeten? Computer slaat oude versie op, druk F5, (refresh), desnoods ctrl + F5 (hard refresh) Toelichting FAQ: handleidingen/tips banner bovenaan Webhare: Basiscursus (versie september 2015) 26

27 12) M&C Servicedesk Online Media Voor vragen/ondersteuning: Servicedesk Online Media Contact: Tel 5665 (ook via Lync, en via de Lync chat) Fysiek: in de Spiegel, begane grond achter de receptie/lift (oude M&C zaal) Ondersteuning online via producten-/dienstenoverzicht M&C: > diensten > websites (oranje gedeelte); verkorte link: Voor handleidingen/rechten/contactgegevens/tips/cursussen etc. Webhare: Basiscursus (versie september 2015) 27