WEBHARE: BASISCURSUSVersie september 2015
Marketing & Communicatie (www.utwente.nl/mc)
1
www.utwente.nl/webhare
Webhare: Basiscursus (versie september 2015) |
www.utwente.nl/webhare
INHOUD
1) Inloggen en personaliseren account2) Opbouw basisstructuur WebHare website3) Basisregels voor mappen/bestanden/links4) (Tekst)bestanden (word/pdf/ppt etc.)5) Linkjes (intern, extern, content)6) Opbouw van een pagina (mappen, documenten, links etc)7) Gebruik van plaatjes8) Op internet gevonden worden9) Algemene instellingen10) Overige knoppen in WebHare11) Tips12) M&C Servicedesk
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 2
1) INLOGGEN EN PERSONALISEREN ACCOUNT
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 3
Waar en hoe? - webhare.utwente.nl met s/m-nummer (ook buiten UT)
Start = linker bovenhoek Applications Publisher voor websitesApplications Webpack (formulieren, polls, forum, gastenboek)
Kaders startscherm, bijv. persoonlijke instellingen of nieuws (onderhoud)
Menu/my settings/personal settings: Voorkeuren instellen (NL/EN) Andere wijzigingen via Servicedesk M&C-Online Media
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 (versie september 2015) | www.utwente.nl/webhare 4
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 5
Naam
ABC
In web-
adres te
zien
STARTPAGINAWEBSITE
Titel
(wat mensen
op site zien)
In Menu li.
5
VERVOLG-PAGINA
6
Naam
ABC
In web-
adres te
zien
Titel
(wat
mensen
op site
zien)
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare
2) BASISSTRUCTUUR WEBHARE WEBSITE (4/4)
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) | www.utwente.nl/webhare 7
3) BASISREGELS VOOR MAPPEN/BESTANDEN/LINKS
Naam (boven in het webadres, bijv. www.utwente.nl/sc/hallo): 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 URLTitel (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 (versie september 2015) | www.utwente.nl/webhare 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 (en html) wordt een webpagina (.doc downloaden? rechter muis op bestand, edit type, downloadable word doc)
Andere bestanden = extra scherm, niet binnen website
Tip: Gebruik headings (kop 1, kop 2, kop 3) in Word voor koppen, deze krijgen een speciale opmaak op de website); titel is automatisch H1, tussenkop H2
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 9
OPDRACHT 1
a) Maak binnen de gezamenlijke testsite een map aan met je eigen naam
b) Plaats een bestand van je computer op de website (een bestand dat nog niet online staat)
c) Corrigeer/verander een bestand dat al op website staat.
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 10
4) Bestanden: nieuwe werkwijze (die je nu al mag gebruiken)
Nieuwe werkwijze (in de loop van 2016, bij overgang naar nieuwe layout): 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 (versie september 2015) | www.utwente.nl/webhare 11
22-04-2023Cursus WebHare 12
4) DE NIEUWE EDITORDE TEKSTEDITOR – MOGELIJKHEDEN 1
1. Standaard tekst met gebruikelijke opties (headings, vet, etc.)
2. Linkjes (knop) in de tekst3. Foto en video (knop)4. Tabellen (nog in ontwikkeling)
Overige knoppen: Bullets/opsomming en
inspringen Opmaak tonen (vlgd. slide) Bestaand plaatje of link
aanpassen
Foto/linkjesaanpassen
22-04-2023Cursus WebHare 13
4) DE NIEUWE EDITORDE TEKSTEDITOR – MOGELIJKHEDEN 2
1. Zet de optie voor paragraaf-opmaak aan
2. Gebruik een goede heading- structuur: 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
5) LINKJES (INTERN, EXTERN, CONTENT)
Verschillende soorten links: Extern: naar een webpagina buiten je WebHare: bijv.
http://www.utwente.nl/icts (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: 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) | www.utwente.nl/webhare 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) | www.utwente.nl/webhare 15
16
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) | www.utwente.nl/webhare
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 indexbestandTwee 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) | www.utwente.nl/webhare 17
6) OPBOUW VAN EEN PAGINA – LOSSE BESTANDEN (2/4)
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) | www.utwente.nl/webhare 18
INDEXBESTAND
OPDRACHT 3
a) Zet een inleidende zin bovenaan je pagina (standaard-indexbestand).
b) Plaats een word-document als indexbestand, zodat je ook plaatjes bovenaan je website kan tonen.
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 19
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 enop tabblad ‘index’ vinkjes zetten
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 20
OPDRACHT 4
a) Maak drie submappen aan binnen je map en geef ze een willekeurige naam en titel
b) Zorg via het indexbestand in de map dat één van de mappen niet uitgeklapt wordt.
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 21
22
Titel indexbestand
Inhoud indexbestand (meestal word.doc)
Bestanden (en ingeklapte mappen)
Mappen (opengeklapt via index) Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare
7) GEBRUIK VAN PLAATJES
Basisregel: Foto’s van de camera zijn vaak 100x te groot > verkleinenWat 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: http://www.utwente.nl/webhare --> Foto’s/Video’s
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 23
8) OP INTERNET GEVONDEN WORDEN
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 de keywords/zoekwoorden 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
Meer informatie: cursus ‘Schrijven voor heb web’
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 24
9) ALGEMENE INSTELLINGEN (1/4)
Newsfolders/nieuwsmappen , dan news folder kiezen; bij bestaande map: re.muis op map, Edit type/type
wijzigen, fotomap kiezen
in de map zoals gewend bestanden (bijv word/pdf) /linkjes toevoegen, plus:
van bestand, de description/omschrijving vullen (=inleidend tekstje)
daaronder optioneel een foto toevoegen (incl. titel voor foto)
Picture folders/fotomappen dan picture folder kiezen; bij bestaande map: re.muis op map, Edit type/type,
picture folder kiezen
een zip bestand (of losse foto’s) met alle foto’s in die map uploaden/ plaatsen ( ),
vervolgens met re.muis op zip-bestand en kies ‘extract/uitpakken’, dan worden alle
foto’s los in de map gezet; zip-bestandje weer verwijderen
Let op: Alleen verkleinde foto’s uploaden (zie 7); max 300kb per bestand!
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 25
9) ALGEMENE INSTELLINGEN (2/3)
26Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare
fotoalbum
27Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare
9) ALGEMENE INSTELLINGEN (4/4)
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 Etc... Uitleg op www.utwente.nl/webgids --> Webhare-FAQ
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 28
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 Replace: bestaand bestand vervangen
Download: Bestand naar computer downloaden/openen Delete: Bestand/map verwijderen Properties: Eigenschappen van een bestand/map aanpassen
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 29
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/Move to…: kopiëren/verplaatsen van 1 of
meerdere bestanden Delete: 1 of meerdere bestanden verwijderen Change ordering: volgorde van bestanden/mappen aanpassen online Edit type: soort bestand/map aanpassen Properties: eigenschappen van het bestand/map (toelichting volgend sheet
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 30
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: www.utwente.nl/webhare handleidingen/tips banner bovenaan
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 31
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:
www.utwente.nl/mc > diensten > websites (oranje gedeelte); verkorte link: www.utwente.nl/webhare
Voor handleidingen/rechten/contactgegevens/tips/cursussen etc.
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 32
Over de vervolgcursus
Vervolgcursus voor ‘witte template’ wordt voor het laatst op 5 en 8 oktober aangeboden i.v.m. overstap naar nieuw design.
Nieuwe cursussen beschikbaar bij omzetting naar nieuwe template vanaf voorjaar 2016.
Andere ontwikkelingen: Nieuwe versie van WebHare eind 2015 (?): verbeterde ‘achterkant’ van WebHare
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 33
Preview nieuwe webhare-versie
Webhare: Basiscursus (versie september 2015) | www.utwente.nl/webhare 34
Top Related