design ook items uitsnijden
|
|
- Hans van de Veen
- 8 jaren geleden
- Aantal bezoeken:
Transcriptie
1 (fig1) Hulplijnen zetten Om het ontwerp netjes uit te snijden is het handig om eerst hulplijnen te zetten. (fig1) Nu is het zaak om eerst voor je zelf te bepalen wat is layout en wat is design. Al het design moet namelijk gesliced worden. Alles wat layout is kan later nog van kleur worden veranderd. De slices die door jou als design worden gezien, moet je dus later plaatsen. (fig2) Slicen Na dat je netjes hulplijnen hebt geplaatst kunnen we de slicetool (snijgereedschap) gebruiken. Snij je design in stukken. Zorg er voor dat je alle stukken zelf hebt gesneden en niet automatisch door de computer. Dit kun je zien aan het blauwe lijntje om een gesneden stukje. Elk stukje krijgt automatisch een nummer. (fig3)! Vergeet niet een klein verticaal reepje te snijden van je body als je een verloop hebt gebruikt. Je hoeft dus niet de hele body te snijden. Als je alleen een kleur aan de body hebt gegeven hoeft dat niet want die kun je later wel aanpassen, maar een gradian of te wel een verloop dus niet. (fig2) design ook items uitsnijden (fig3)
2 (fig4) Slices bewaren voor web Voordat we de slices gaan bewaren voor web moet we eerst de teksten deactiveren of te wel het oogje voor de laag uitzetten. Deze plaatsen we later in Typo3 (CMS). Daarna gaan we naar bestand / opslaan voor web. (fig5) (fig6) Nu opent er een scherm zoals (fig6). Als een slice stukje weinig kleur bevat, kun je gif kiezen in het menuutje rechts van het scherm. Zo niet dan altijd JPG kiezen en tegenwoordig kan het 100% kwalliteit blijven. Als je voor alle slices een keuze van kwaliteit hebt gegeven, geef je een dubbel klik met je muis op een te slicen stukje. Dan verschijnt er een venstertje waar je een naam kan geven aan je onderdeel. LET GOED OP! Geen hoofdletters gebruiken en ook geen spaties bij je naamgeving!!! De volgende stap. Selecteer met je shift toets ingedrukt de slices die je wil bewaren. (fig5)
3 (fig7) Slices bewaren voor web (vervolg) Maak op een goed gekozen plaats een mapje met een projectnaam. (fig7) Verder kies je bij structuur voor alleen afbeeldingen en bij Slices alleen geselecteerde slices.(fig8) Controleer of je alle afbeelding-stukjes, in het mapje wat je zelf hebt gemaakt, zitten! (fig9) (fig8) (fig9)
4 (fig10) (fig11) Dreamweaver Maak een nieuwe site (site/ new site) (fig10). Geef je project een naam en ga verder. Klik achter de witte balk op het mapje, brows totdat je jouw mapje met je slices hebt gevonden en ga verder. (fig11) Kies voor FTP server en vul de volgende gegevens in (fig12): Name: logische naam Hostname: les.cheproject.nl Hostdirectory: project(en dan je nummer) FTP login: cheproject Password: chetje Test daarna of je connectie hebt! Als alles goed is, gaan we weer verder. Kies No en daarna Done (fig13 en fig14) (fig12) (fig13) (fig14)
5 (fig15) (fig16) Dreamweaver Open het venster Files. (fig15) Daar zie je al je onderdelen van je te maken website. Nu gaan we alles overbrengen naar de FTP-server. Dit doen we door op het stekkertje te klikken. (fig16) Nu moeten we nog zorgen dat we onze lokale computer en de FTP server beide kunnen zien. Dit doen we door te klikken op dit icoontje Daarna pakken we ons projectmapje met afbeeldingen op en slepen op het bovenste mapje in het linker scherm. (fig17) (fig17)
6 (fig18) (fig19) Dreamweaver Nadat alles op de FTP-server staat klikken we op het icoon Managing site ongeveer in het midden van de icoonbalk (fig18). De stappen die we nu moeten doen, lijken wel herhaling maar dat is niet helemaal waar. We kiezen voor de optie nieuw. Daarna kiezen we voor FTP-server. (fig19) Nu moeten we de gegevens opnieuw invoeren die we eerder bij (fig12) hebben ingevoerd. Eerst even testen en dan kunnen we pas echt bouwen aan de site.
7 (fig20) (fig21) Dreamweaver CSS Voor de veiligheid is het handig om een kopie te maken van Dit doen we door op het icoontje te gaan staan en met de rechter muisknop op het icoontje te klikken. Dan kies je edit en dan duplicate. Nu verschijnt er in de lijst een copy van de style.css. Nu kun je als je iets gedaan hebt en het niet meer weet wat, altijd terug naar de basis style.css. Dubbelklik op het icoontje copy style.ss Nu opent er een codescherm met misschien wel herkenbare teksten zoals; body, header etc. Ga naar vensters en zoek CSS styls op tenzij het venster al op het scherm zichtbaar is. (fig20) Je kunt er voor kiezen om in de codetaal te gaan wijzigen (behalve het gedeelte waar aangegeven is; niet wijzigen). Maar je kunt het ook doen in het CSS styls venster. In dit venster staan alle onderdelen die je kunt aanpassen. Als je het hierin ( dubbel klikken op een item) verandert, verandert het gelijk ook in de codetaal. (fig21)
8 (fig22) Voordat we gaan wijzigen, openen we eerst ons project. Start de internetbrowser en type les.cheproject.nl (fig22) en kies je project.nu zie je een bestaande layout. Deze kun je door de CSS styls aan te passen veranderen van vormgeving. (fig23) Nu is het van belang om te bepalen wat design en wat layout is. Alles wat in dreamweaver geplaatst wordt, is layout (niet dynamisch) en alles wat we in Typo3 gaan plaatsen is te veranderen (design). In ons ontwerp is de header en of de footer dynamisch. Deze plaatsen we dus later in Typo3. (fig23) Wat moet er gebeuren in Dreamweaver? In Dreamweaver geven we stylen aan die direct effect hebben met Typo3. Als je in Typo3 een tekst neerzet dan krijgt het de style mee die je in dreamweaver hebt bepaald. Bijvoorbeeld: kies ik bij de menu items voor een Verdana lettertype met corps 12pt in een grijze kleur, dan worden de menu items in Typo3 gelijk die lettertype en kleur.
9 HTML en CSS communiceren met elkaar Kijk in de codetaal. Daar wordt in het grijs aangegeven wat er met het daaronder vermelde onderdeel gedaan moet worden. Verder staat er een korte omschrijving van welk onderdeel er in codetaal staat aangegeven (fig24) (fig24) (fig25) Vul op elke plaats waar je een slice van hebt, bij background (fig25) het juiste plaatje of kleur in en bewaar na elke wijziging je document door appeltje s of control s te doen. Nu kun je in de webbrowser (na de pagina te hebben ververst) gelijk zien wat je veranderd hebt. Tip kleur De kleurcode kun je aflezen in photoshop. Klik in je toolbox (gereedschappen) in photoshop op het vlakje om kleur te kiezen en kijk naar wat er onderaan dit venstertje staat achter het # teken. Dit is de kleurkode. na ok wijziging opslaan door Apple S of Control C in te toetsen omdat je de bestanden op de FTP hebt gezet moet je hier vanaf de server kiezen e8e8e8
10 Van Dreamweaver naar Typo3 Nadat je alles een styl hebt gegeven (alle opdrachten die er in de grijze tekst boven elk item vermeld staan) gaan we de website invullen met design en tekst. Tip Als je later niet tevreden bent met je gekozen style kun je die in dreamweaver gewoon aanpassen en verandert direct de style in Typo3 gelijk mee. Ga naar je webbrowser en type: les.cheproject.nl/typo3 in. Vul je naam van je project in en het wachtwoord chetje in de daarvoor bestemde venster. Menu en submenu items Nu zie je je projectnaam bovenaan staan. Links van je scherm staat item pagina en beeld. Als je op beeld klikt, zie je een voorbeeld van je website. Als je op pagina klikt, zie je een invulscherm. Hiernaast staat kort omschreven wat alles inhoudt. Bekijk deze zorgvuldig. (fig26) links: Header Normaal:Content Rechts:Subcontent Kader:Footer (fig26)
11 Van Dreamweaver naar Typo3 Menu en sub menu items aanmaken Klik met je rechter muisknop op het icoontje Home. Nu verschijnt er een venster met allerlei opties (fig27). Als je kiest voor nieuw, kun je een menu item toevoegen. Toon: website laten zien Bewerk: inhoudelijk bewerken van je pagina (afhankelijk op welk menu item je rechts klikt) Nieuw: Nieuw menu/submenu item aanmaken Verberg: pagina niet laten zien Pagina eigenschappen: Naam pagina etc. Verwijderen: verwijderen van pagina Nu kun je kiezen of het menu item als submenu moet dienen (pagina in) of als een nieuw menu item (pagina na). (fig28) In het volgende venster geef je de pagina een titel (fig29) en sluit af met op het schijfje boven of helemaal onderaan het venster te klikken om je instellingen te bewaren Kijk daarna op het je online website (wel eerst verversen) om te controleren of alles goed is gegaan. Kijk naar hoeveel menu- en submenu items je te pimpen website heeft en maak deze in Typo3 aan. Zorg ervoor dat je de structuur gebruikt die je zelf voor ogen had. Nadat we pagina s aangemaakt hebben, is het zaak dat we ze concreet gaan invullen. Daarbij moet je denken aan het plaatsen van de headers en/of de footer per pagina. (fig27) (fig28) (fig29)
12 Van Dreamweaver naar Typo3 maken van meerdere headers Menu en sub menu items aanmaken Mocht je nu maar een header hebben, is het altijd mogelijk om deze nog te maken in photoshop. Alleen dan moet je wel rekening houden met een aantal dingen: Zorg ervoor dat je de header precies even groot maakt als de eerste. (als het goed is heb je je ontwerp bewaard waar je snijvlakken van hebt gemaakt) Maak een aantal headers (let daarbij op eenheid in je huisstijl) en zorg ervoor dat je bij de naamgeving (opslaan voor web) dat je alleen het item wat je wil snijden een andere naam heeft dan welke er al is gebruikt. Voorbeeld: header1, header2 etc. Typo3 kan deze headers uploaden vanaf de computer waaraan je zit te werken. Je hoeft dus niet meer via de server te uploaden. Dit houdt in dat je niet je afbeeldingen eerst op de ftp server hoeft te zetten:-)
13 Van Dreamweaver naar Typo3 (fig30) Bewerk: inhoudelijk bewerken van je pagina (afhankelijk op welk menu item je rechts klikt) De laatste stappen: het invullen! Als je met je muis klikt op het potloodje, geef je aan dat je de pagina wil bewerken. Als er nog geen potloodje staat, klik je op het blaadje met een plusje er op om (nieuwe) content toe te voegen aan de gekozen pagina. (fig30) Dan verschijnt er een nieuw venster waar je eerst een keuze moet maken. Als je op het plusje in LINKS hebt geklikt dan is dat de bestemming waar de header moet komen. Dat is dus alleen een afbeelding. Dan kies je voor alleen afbeelding. Als je bij NORMAAL op het plusje hebt klikt, verschijnt dit venster ook, maar dan kun je beter kiezen voor tekst en afbeeldingen. (fig31) Na je keuze te hebben gemaakt, verschijnt er opnieuw een venster. In mijn voorbeeld geef ik in LINKS een nieuwe header. Dat is een afbeelding dus ga ik bladeren in mijn afbeeldingen. Dit doe je op je eigen computer en niet op de FTP. Je zoekt de afbeelding op (werkt het snelst als je handige namen hebt gegeven). Kies de positie waar de afbeelding moet komen te staan. Als je je keuze hebt gemaakt, zie je nog niets gebeuren. (fig32) (fig31) zoek je plaatje op je hardeschijf van je computer (fig32)
14 Van Dreamweaver naar Typo3 (fig33) De laatste stappen: het invullen! Eerst moet je op het schijfje (boven of onder aan het venster) klikken om te bewaren. Daarna verschijnt er in het witte vlak je gekozen afbeelding. (fig33) Kijk wederom op het internet naar je website of de afbeelding er staat. Teksten en foto s plaaten Plaatsen van tekst werkt eigenlijk op de zelfde manier. Je klikt op het in het vlak NORMAAL en kiest daarna voor tekst en afbeelding. Daarna typ je je tekst in, kies je je afbeelding die je erbij wilt hebben. Geef aan of de afbeelding links of rechts, boven of onder de tekst moet komen te staan. (fig34) Daarna bewaar je je toepassingen met en bekijk je het resultaat weer op internet. (Vergeet niet telkens te je website te verversen) Voor nog meer uitleg verwijs ik naar chetje.wordpress.com daar staan ook filmpjes van alle handelingen. Heel veel succes en vooral plezier bij het maken van je website. kop boven de platte tekst (in de style zoals je die hebt aangegeven in Dreamweaver) Content platte tekst (in de style zoals je die hebt aangegeven in Dreamweaver) Positie afbeelding in de tekst Als je een afbeelding plaatst geef je aan hoeveel pixels de breedte moet worden (fig34)
Na het inloggen met de gegevens die je hebt gekregen, verschijnt het overzichtsscherm zoals hieronder:
Inhoud van de website invoeren met de ContentPublisher De inhoud van websites kan worden ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS). De websites van Muismedia
Nadere informatieCMS Instructiegids Copyright Endless webdesign v.o.f
CMS Instructiegids Copyright Endless webdesign v.o.f. 2014 1 2 Notities Inhouds opgave Hoe log ik in? 4 Een pagina toevoegen. 5 Een pagina vullen/aanpassen. 7 Een pagina verwijderen. 8 Een sjabloon kiezen.
Nadere informatieFoto s plaatsen op de site van Taborschool Sint Maria Aalter
Foto s plaatsen op de site van Taborschool Sint Maria Aalter 1) Ga naar de site van de school en ga via het menu naar onze school leeft. Daar klik je op fotokiekjes en vervolgens kies je de klas (of algemeen)
Nadere informatieCMS Instructiegids Copyright Endless webdesign v.o.f
CMS Instructiegids Copyright Endless webdesign v.o.f. 2017 1 Inhouds opgave 1. Hoe log ik in? Inloggen in het CMS systeem is heel simpel! Hoe log ik in? Een pagina toevoegen. Een pagina vullen/aanpassen.
Nadere informatieInhoud van de website invoeren met de ContentPublisher
Inhoud van de website invoeren met de ContentPublisher De inhoud van Muismedia websites wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem (CMS): de ContentPublisher.
Nadere informatieCentral Station. CS website
Central Station CS website Versie 1.0 18-05-2007 Inhoud Inleiding...3 1 De website...4 2 Het content management systeem...5 2.1 Inloggen in het CMS... 5 2.2 Boomstructuur... 5 2.3 Maptypen... 6 2.4 Aanmaken
Nadere informatieHandicom. Symbol for Windows. Image Manager. (Versie 3) Handicom, 2006, Nederland
Handicom Symbol for Windows Image Manager (Versie 3) Handicom, 2006, Nederland Inhoud 1. Image Manager hoofdscherm... 2 1.1 Onderdelen van het venster... 2 1.2 Het scherm veranderen... 2 1.3 Een andere
Nadere informatieInhoud. Handleiding Dododent. Beste tandarts of praktijkmanager,
Handleiding Dododent Beste tandarts of praktijkmanager, Hartelijk dank voor de aanschaf van een website bij Dodoworks. Hieronder volgt een uitgebreide handleiding van het Dododent systeem waarmee de website
Nadere informatieStappenplan Website de Palster. Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders.
Stappenplan Website de Palster Deze uitleg werkt met Internet Explorer. In Firefox of een andere browser werkt het anders. 1 Inhoudsopgave: Titel bladzijde Aanmelden op de website 3 Foto s in het fotoboek
Nadere informatieHandleiding CMS EWall
Handleiding CMS EWall Inhoud: 1. Inleiding 2 2. Hoe log ik in op mijn EWall account? 3 3. Werken in groepen 4 4. Hoe plaats ik tekst achter een tegel? 5 5. Hoe plaats ik een foto achter een tegel? 6 6.
Nadere informatieVerbinden met FTP server
We gaan kijken naar: Verbinden met een FTP server Je FTP wachtwoord veranderen Je website bekijken Bestanden op een FTP server zetten Verbinden met FTP server Websites staan op een webserver. Een webserver
Nadere informatieInleiding. - Teksten aanpassen - Afbeeldingen toevoegen en verwijderen - Pagina s toevoegen en verwijderen - Pagina s publiceren
Inleiding Voor u ziet u de handleiding van TYPO3 van Wijngaarden AutomatiseringsGroep. De handleiding geeft u antwoord geeft op de meest voorkomende vragen. U krijgt inzicht in het toevoegen van pagina
Nadere informatieBasis handleiding CMS
Basis handleiding CMS Inhoud Basis handleiding CMS... 1 Inloggen... 3 Pagina beheren... 4 Pagina toevoegen/wijzigen... 6 WYSIWYG editor... 8 externe / interne link toevoegen... 9 Plaatjes toevoegen...
Nadere informatieCMS Template Handleiding
CMS Template Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 6 Een link toevoegen... 7 Een afbeelding toevoegen... 9 Foto s plaatsen op de fotopagina...
Nadere informatieUw eigen tekst en foto s op uw site bijhouden
Uw eigen tekst en foto s op uw site bijhouden Voorbereiding U heeft een cd ontvangen met een aantal bestanden erop. O.a. de website, dreamweaver en 2 tekstbestanden genaamd s/n en inloggegevens. De website
Nadere informatieHandleiding om uw website/webshop aan te passen
Handleiding om uw website/webshop aan te passen ONDERWERP PAGINA 1. Hoe moet ik inloggen in het beheer? 2 2. Hoe pas ik een bestaande pagina aan? 2 3. Hoe plaats ik een afbeelding? 3 4. Hoe maak ik een
Nadere informatieAls je geen email-adres hebt kun je bij Google een gmail account aan maken. Als je niet weet hoe dat moet klik dan op: Gmail account aanmaken
Om het online programma te kunnen gebruiken het je een account nodig. Wat heb je nodig om een account voor Photo Collage te kunnen aanmaken: Username (gebruikersnaam) Email account Password (wachtwoord
Nadere informatieBeginnerstrainin TYPO3 Stap voor stap de website beheren
Beginnerstrainin TYPO3 Stap voor stap de website beheren Programma Uitleg indeling website Achtergrond beheeromgeving TYPO3 Het publiceren Opmaken homepage Het maken van pagina's Het opmaken van pagina
Nadere informatieHandleiding Wordpress CMS 4-5-2015
Handleiding Wordpress CMS 4-5-2015 Inhoud 1. Het dashboard.... 3 2. Een pagina of bericht aanpassen.... 5 3. Een nieuw bericht toevoegen... 6 4. Een pagina maken... 7 5. Website met sitebuilder... 8 6.
Nadere informatieDEEL: THEMA. Klik op Thema. Nu verschijnen er een aantal thema s. Dubbelklik op een thema en je krijgt het volgende schermpje:
DEEL: THEMA In het Notebook kun je zelf snel de bladzijde een leuk uiterlijk geven d.m.v. een thema. Deze thema s vind je op de volgende manier: Klik op Gallery Klik op Thema Nu verschijnen er een aantal
Nadere informatieHandleiding MOBICROSS actie banners
Handleiding MOBICROSS actie banners Met de kant & klare MOBICROSS actie banners vergroot jij je kans om sneller je netwerk te bouwen. Je kunt je eigen campagne maken door de banners op je website te plaatsen,
Nadere informatie1.Inloggen. Wat is WordPress?
Wat is WordPress? WordPress is een Open Source Content Management System waarmee u zonder (veel) technische kennis zelf een website up-to-date kunt houden. 1.Inloggen Bij een standaard installatie van
Nadere informatieGa naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail.
INLOGGEN Ga naar http://www.domeinnaam.nl/wp-admin en log in met de gebruikersnaam en wachtwoord verkregen via mail. Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle login
Nadere informatieWeb Presence Builder. Inhoud
Web Presence Builder Inhoud Inhoud... 1 Wat is Web Presence Builder?... 2 Het categoriescherm... 2 De eerste stappen naar een eigen website... 3 Onderwerp selecteren en website naam aanpassen... 3 Vooraf
Nadere informatiePvdA websites Quick Start voor het werken met het Hippo CMS
PvdA websites Quick Start voor het werken met het Hippo CMS Versie 2.0 Amsterdam, 16 maart 2009 2 Inhoudsopgave 1. Beginnen 5 1.1 Het CMS opstarten en afsluiten 5 1.2 De preview website bekijken 5 1.3
Nadere informatieNieuwsbrieven versturen met MailPoet
Nieuwsbrieven versturen met MailPoet Een nieuwe nieuwsbrief maken Om een nieuwe nieuwsbrief te maken klik je op de button nieuwe nieuwsbrief (2). Je kunt ook een reeds bestaande nieuwsbrief dupliceren
Nadere informatieSnel aan de slag met BasisOnline en InstapInternet
Snel aan de slag met BasisOnline en InstapInternet Inloggen Surf naar www.instapinternet.nl of www.basisonline.nl. Vervolgens klikt u op de button Login links bovenin en vervolgens op Member Login. (Figuur
Nadere informatieWebsite maker. Bezoek je domein om de Website maker in te stellen. De volgende melding zal zichtbaar zijn.
Aan de slag met de Bezoek je domein om de in te stellen. De volgende melding zal zichtbaar zijn. Volg de url 'administratie paneel' om in te loggen en de vervolgens in te stellen. Als eerst krijg je de
Nadere informatie- Plan Zo kun je een. website bouwen!
- Plan Zo kun je een website bouwen! BoekjeHoeKanJeEenWebsiteBouwen.i1 1 8-7-2008 17:23:14 BoekjeHoeKanJeEenWebsiteBouwen.i2 2 8-7-2008 17:23:15 In dit boekje staat de uitgebreide versie van hoe je een
Nadere informatieSWIS Handleiding Webbeheer
1 SWIS Handleiding Webbeheer Inhoudsopgave I. Inloggen in Webbeheer en je wachtwoord resetten... 4 Inlogscherm... 4 Dashboard met toptaken en statistieken... 4 Je wachtwoord vergeten?... 5 II. Modules:
Nadere informatieHandleiding Wordpress
Handleiding Wordpress Inhoudsopgave 1. Inloggen 2. Berichten en Pagina s 3. Afbeeldingen en video s 4. Weblinks 1. Inloggen 1.1 Inloggen bij Wordpress We starten met het inloggen op je WordPress gebaseerde
Nadere informatieRA Handleiding Reisadviseur INLOGGEN: ONDERHOUD: WEBSITE STRUCTUUR. Menu & Pagina structuur. Pagina s aanmaken. Weblink aanmaken
RA Handleiding Reisadviseur INLOGGEN: http://www.thetravelclub.nl/manager/ user : pass : (NB: in dit voorbeeld gebruiken we het account van Jose Maas in de screenshots) ONDERHOUD:
Nadere informatieNavigator CMS 2009. Beknopte handleiding v1.0
Navigator CMS 2009 Beknopte handleiding v1.0 Inhoudsopgave 1. Inleiding... 3 2. Inloggen... 4 3. Menustructuur... 5 4. Document Verkenner... 6 5. Mappen beheren... 7 5.2 Map hernoemen... 7 5.3 Map verplaatsen...
Nadere informatieGebruikershandleiding
Gebruikershandleiding Inleiding. Het bijhouden, wijzigen en aanpassen van de inhoud van de website met je standaard web browser. De website maakt gebruik van CMS (content managment system) Door in te loggen
Nadere informatieHandicom. Symbol for Windows. Image Manager. (Versie 4) Handicom, 2011, Nederland
Handicom Symbol for Windows Image Manager (Versie 4) Handicom, 2011, Nederland Inhoud Inleiding... 2 1. Image Manager hoofdscherm...3 1.1 Onderdelen van het venster...3 1.2 Het scherm veranderen...3 1.2.1
Nadere informatieWeek 3 Cursus Photoshop
Week 3 Cursus Photoshop Blenden / Mengen Lagen met elkaar mengen. 1 Week 3 Cursus Photoshop Inleiding Wat is het effect van mengen Hoe is het toe te passen? Oefening met mengen en effecten Blenden = Mengen
Nadere informatieHandleiding Website beheersysteem
Handleiding Website beheersysteem Inhoudsopgave 1. Inleiding...3 2. Inloggen...4 3. De startpagina...5 3.1. Startpagina menu...5 3.2. Bovenbalk...6 4. Menu en Pagina's...7 4.1. Een nieuwe pagina toevoegen...8
Nadere informatieOm in te loggen in het CMS (Content Management Systeem) gaat u naar http://domeinnaam.nl/admin Hier ziet u het inlogscherm:
CMS Handleiding Inhoudsopgave Inloggen in het CMS... 3 Pagina s toevoegen... 4 Pagina s bewerken... 7 Een link toevoegen... 8 Een afbeelding toevoegen... 10 Foto s plaatsen op de fotopagina... 12 Media...
Nadere informatieHandleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0
Handleiding Joomla! Frontend, content en gallery. september 2014 versie 1.0 1 Inhoudsopgave Toevoegen nieuw artikel, of wijzigen...3 Extra web-functionaliteit...4 toevoegen van een foto/plaatje...4 toevoegen
Nadere informatieHandleiding bij het Content Management Systeem
Handleiding bij het Content Management Systeem 1. Content Managent System startvenster 2. Hoe voeg ik een nieuwe gebruiker toe? 3. Hoe maak ik een hoofdmenu-item aan? 4. Hoe koppel ik tekst aan een hoofdmenu-item?
Nadere informatieIMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING
INHOUD I. LOGIN IMPACTS SITES BEZOOM V2.1 GEBRUIKSAANWIJZING II. BEHEER UW WEBSITE 1. ONDERWERP A. Informatie B. Contactpersoon C. Links D. Footer E. Favicon 2. CMS A. Toevoegen (een pagina) B. SEO 3.
Nadere informatieHAND- OUT. https://www.uwdomein.com/qzadmin. password: statistieken https://qwikstats.suares.com/www.uwdomein.com. support http://help.suares.
HAND- OUT website: inloggen: login name: password: http://www.uwdomein.com https://www.uwdomein.com/qzadmin statistieken https://qwikstats.suares.com/www.uwdomein.com support http://help.suares.nl/ Kuki+Ko
Nadere informatieUitleg site maken. Stap 2) Nu kiezen we de lay-out. Je kunt het aantal kolommen kiezen. Je kiest nu de eerste. Maar dit kun je later veranderen
Uitleg site maken Hier vind je een uitleg hoe je bij Google een site kunt maken. Maak eerst een map bij je Favorieten en zet daar onderstaande sites in. Later zet je daar ook je eigen site in. Handig om
Nadere informatieStappenplan Werken met Popplet
WAT IS POPPLET? Popplet is een handige site voor het maken van mindmaps of stroomdiagrammen. De blokjes zijn herkenbaar en het plaatsen gaat erg eenvoudig. Het maken van een eigen uitstraling is daardoor
Nadere informatieCMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd
CMS Made Simple eenvoudig uitgelegd CMS MADE SIMPLE- Eenvoudig uitgelegd Introductie Deze handleiding heeft tot doel een eenvoudige stap voor stap handleiding te zijn voor eindgebruikers van CMS Made Simple
Nadere informatieTrippeltrap Content Management System
Handleiding Trippeltrap Content Management System versie 2.4 Aanmelden Voordat u de tekst op uw webpagina kunt aanpassen, moet u zich eerst aanmelden. Bovenaan de pagina vindt u een link naar het intranet.
Nadere informatieMicrosoft PowerPoint Basics Hoe maak je een presentatie in Microsoft PowerPoint 2010? Handleiding voor kinderen
Als je weet wat er komt, wat inhoud betreft, kijken bij maken van een spreekbeurt, kunnen we praten over jouw PowerPoint presentatie. Je hebt in de klas de basis handelingen op de computer al geleerd zoals:
Nadere informatieHandleiding galerij.
Handleiding galerij. Inloggen: Allereerst moet je inloggen op de website. Ga hiervoor in de rechterkolom naar beneden naar het menu Log in (onder de buienradar) Vul je gebruikersnaam en password in. Vink
Nadere informatieLES 11: VAN LOKAAL NAAR ONLINE. Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting
LES 11: VAN LOKAAL NAAR ONLINE Lesoverzicht: Aan de slag Domeinnaam Web hosting FTP gegevens FTP programma s Database exporteren Samenvatting Tijd: 10 minuten Doel: Aan het einde van de les kun je de lokale
Nadere informatieSafira CMS Handleiding
Safira CMS Handleiding Inhoudsopgave 1Mappen en artikelen... 2 1.11.1 Naam wijzigen map/ pagina... 3 1.21.2 Website structuur: nieuwe pagina aanmaken, pagina verwijderen, pagina blokkeren, structuur wijzigen...
Nadere informatieHandleiding Mijneigenweb.nl
Handleiding Mijneigenweb.nl Inhoud 1 Inloggen 2 Kleurenschema en lettertype 2.1 Kies een standaard kleurenschema 2.2 Kleurenschema en lettertypes aanpassen/ zelf samenstellen 3 Logo 4 Visual 4.1 Eigen
Nadere informatieAchtergrond en lettertype Opmaak Achtergrond Opmaak Achtergrond Afbeelding in achtergrond
Frontpage Express is het meest eenvoudige programma voor het maken van je homepage. Is het programma niet geïnstalleerd op je PC, dan is het te downloaden en daarna te installeren. We zullen nu een aantal
Nadere informatieVeelgestelde vragen over de nieuwe fototool
Veelgestelde vragen over de nieuwe fototool 1. Hoe voeg ik foto s toe aan mijn profiel? 3 2. Hoe voeg ik klassenfoto s toe? 7 3. Hoe voeg ik fotoalbums toe? 11 4. Hoe zoek en bekijk ik klassenfoto s? 13
Nadere informatieLeerpaden maken. 1. Account en wachtwoord. 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina.
Leerpaden maken 1. Account en wachtwoord 2. Maak een nieuw leerpad aan. 3. Inhoud aan een leerpad toe voegen. 4. Structuur aanbrengen op een pagina. 5. Structuur aanbrengen met stappen 6. Structuur aanbrengen
Nadere informatieHandleiding Word Press voor de bewoners Westerkaap 1
1 Handleiding Word Press voor de bewoners Westerkaap 1 Inhoud: Inloggen Pagina 1 Algemeen Pagina 2 Berichten Pagina 2 Bericht bewerken, Linken Pagina 3-4 Plaatje toevoegen bericht Pagina 5-6 Bericht publiceren
Nadere informatieInloggen: Opbouw site: Een handleiding/introductie voor de nieuwe site van Fotoclub VPR.
Een handleiding/introductie voor de nieuwe site van Fotoclub VPR. Inloggen: Als je de site opent dan zie je o.a. bovenstaande afbeelding met het logo van de club en het menu. Om in te loggen klik je helemaal
Nadere informatieHTML en CSS. Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen.
Terminologie HTML en CSS HTML: Hyper Markup language Je website bestaat uit HTML. Dat is een taal die browsers (Internet explorer, Chrome, Safari) kunnen lezen. CSS: Cascading StyleSheet stylesheet for
Nadere informatieHoe moet je een prachtige presentatie maken?
Hoe moet je een prachtige presentatie maken? www.meestermichael.nl Geef de presentatie een titel. Klik dit vak aan om jouw presentatie een ondertitel te geven. Hier kun je je presentatie een titel geven
Nadere informatieZie ook de insdtructiefilm die op de site staat onder Redacteuren login.
In onderstaande handleiding worden de voornaamste schermen, die nodig zijn voor het onderhoud van de team pagina s van de Rhode site, beschreven. Voor mensen die vorig seizoen ook al redacteur waren: De
Nadere informatieHANDLEIDING CONTENT MANAGEMENT SYSTEEM
HANDLEIDING CONTENT MANAGEMENT SYSTEEM Het CMS in het kort Middels het CMS zijn alle pagina s aanpasbaar, met uitzondering van het inschrijfformulier en sitemap. Een beheersysteem zorgt in de eerste plaats
Nadere informatieStudieobjecten bewerken Marnix academie. Laatst bijgewerkt op dinsdag 2 juni 2015
Studieobjecten bewerken 2015 2016 Laatst bijgewerkt op dinsdag 2 juni 2015 Vragen / opmerkingen mail mailto:h.zuidervaart@hsmarnix.nl Marnix academie Inhoudsopgave Inhoud Over de studieobjecten... 1 Studieobjecten
Nadere informatieBestanden bewaren met SkyDrive
Bestanden bewaren met SkyDrive Wat is SkyDrive? Met SkyDrive (www.skydrive.live.com) kun je bestanden opslaan op een beveiligde, gratis website. De bestanden kun je overal ter wereld weer downloaden. De
Nadere informatieInloggen. In samenwerking met Stijn Berben.
Inloggen Ga naar www.hetjongleren.eu. Heb je al een gebruikersnaam en wachtwoord, log dan in op deze pagina (klik op deze link ): Vul hier je gebruikersnaam en wachtwoord in en klik op Inloggen. Bij succesvolle
Nadere informatieDe tekstverwerker. Afb. 1 de tekstverwerker
De tekstverwerker De tekstverwerker is een module die u bij het vullen van uw website veel zult gebruiken. Naast de module tekst maken onder andere de modules Aankondigingen en Events ook gebruik van de
Nadere informatieHandleiding voor het maken van je eigen webpagina op de schoolsite
Waar gaat dit over? Handleiding voor het maken van je eigen webpagina op de schoolsite Hier leer je hoe je een eigen webpagina kunt maken op de site van de school. Op deze webpagina kun je vertellen wie
Nadere informatiefotofabriek.nl Handleiding Adobe Photoshop templates
fotofabriek.nl BINNENWERK STAP 1: Opmaak Wanneer het photoshop bestand is geopend krijg je de volgende lagen te zien. De groen gemarkeerde lagen zijn de pagina s voor het fotoboek. De rood gemarkeerde
Nadere informatieJe website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op.
Kathleenferrier.nl: het KF centrum online Handleiding voor de Blog & Nieuwssectie Je website is het centrum van al je online activiteiten. Dat werkt allerlei kanten op. Het is de plek waarvandaan mensen
Nadere informatieBloggen jullie ook? Je tikt in google blogger en je neemt de eerste webpagina www.blogger.com
Bloggen jullie ook? 1. Wat is bloggen? Je maakt een weblog of plaats (overzicht) op het internet. Eigenlijk is het een eenvoudige eigen site op het internet in dagboekvorm. Het is niet moeilijk, je hebt
Nadere informatieLijnen/randen en passe-partouts maken met Photoshop.
Lijnen/randen en passe-partouts maken met Photoshop. Les 1: Witte rand om de foto m.b.v. canvasgrootte. 1. Open de foto in Photoshop. 2. Klik in menu AFBEELDING op CANVASGROOTTE 3. Zorg dat in het vakje
Nadere informatieHandleiding Voor Bedrijven
Handleiding Voor Bedrijven Versie 1-2017 INHOUDSOPGAVE Inhoud 1. account 3 - Nieuw account aanmaken 2. Inloggen 5 - Op het beheersysteem 3. project 8 - Het aanmaken van een project 3b. project 14 - Biedingen
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatiehttp://www.zeelandtotaal.nl/les_gevorderd/les_1/index_les_1_gev.php
1 van 7 28-5-2010 12:36 We hebben deze situatie voor ons. Misschien met wat andere kleuren maar dat maakt niet uit. Het belangrijkste is dat de linken op de pagina staan en het logo. Het kan zijn dat je
Nadere informatieStap 2 Je template invullen
Stap 2 Je template invullen Allereerst in stap 2 gaan we onze template ophalen. Die staat op www.alphamegahosting.com/516, ook de uitleg is daar te vinden. Je kunt hem vanaf daar downloaden en op je bureaublad
Nadere informatieHandleiding voor Leden Teampagina aanpassen op www.witkampers.nl
Handleiding voor Leden Teampagina aanpassen op www.witkampers.nl 1 Inleiding & Inhoudsopgave Deze handleiding helpt bij het aanpassen van de teampagina s op www.witkampers.nl. Het doel van de website is
Nadere informatieHANDLEIDING Content Management Systeem de Fertilizer 4
HANDLEIDING Content Management Systeem de Fertilizer 4 1 INHOUDSOPGAVE 1. INLEIDING 3 2. BEHEER 5 2.1 Site structuur 6 2.2 Afdelingen 7 2.3 Beheerders 8 2.3.1 Rechten 9 2.3.1.1 Rechten Beheer 9 3. INSTELLINGEN
Nadere informatieFrontPage. Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie:
1 FrontPage Kies Bestand, nieuw en kies vervolgens Website met één pagina: Kies bij voorkeur een locatie: Merk op dat de ene pagina die al aangemaakt is 'index.htm' heet. Dit is belangrijk De startpagina
Nadere informatieWelkom op de testsite van kunstcms!
Welkom op de testsite van kunstcms! Hieronder volgt een tutorial voor een aantal handelingen die u moet uitvoeren: maken van een nieuwe pagina afbeeldingen in een galerie toevoegen tekst maken Volg de
Nadere informatieHieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde).
Uw TEKSTEDITOR - alle iconen op een rij Hieronder ziet u alle functionaliteiten van uw teksteditor onder elkaar ( op alfabetische volgorde). Afbeelding (zie foto) Bestanden (zie link) Broncode Citaat Documenten
Nadere informatieHandleiding Facebook Pergamano International Augustus 2012
Handleiding Facebook Pergamano International Augustus 2012 Inhoudsopgave 1 Wat is Facebook? 2 Registreren bij Facebook en een account aanmaken 3 Foto s toevoegen in een album 4 Een omslag foto toevoegen
Nadere informatie1. Achtergronden verwijderen (op basis van Photoshop CS2/CS3)
1. Achtergronden verwijderen (op basis van Photoshop CS2/CS3) De Engelse benamingen van de opdrachten staan tussen ( ) Voor deze tutorial ga ik gebruik maken van de volgende 2 foto s Foto 1, de foto waar
Nadere informatieSPECIALE VERSIE VOOR LEERKRACHTEN. Inhoud van de website invoeren met de ContentPublisher. 1. Inloggen. 2. Overzicht
SPECIALE VERSIE VOOR LEERKRACHTEN Inhoud van de website invoeren met de ContentPublisher De inhoud van de schoolwebsite wordt ingevoerd en gewijzigd met behulp van een zogenaamd Content Management Systeem
Nadere informatieStap 1 Je eigen website maken... 1. Stap 2 Je template invullen... 9. Stap 3 Wat kunnen we met de inhoud?... 19
INHOUDSOPGAVE Inhoudsopgave Stap 1 Je eigen website maken... 1 De eerste stap... 1 Kompozer downloaden... 1 Kompozer openen... 1 Een nieuwe pagina beginnen... 1 Je eerste tekst schrijven... 2 Je eerste
Nadere informatiePICASA PICASA. FOTOBEWERKING Een handleiding. 2013 Computertraining voor 50-plussers
PICASA FOTOBEWERKING Een handleiding 2013 Computertraining voor 50-plussers PC50plus computertrainingen Eikbosserweg 52 1214AK Hilversum tel: 035 6213701 info@pc50plus.nl www.pc50plus.nl PICASA C O M P
Nadere informatieDigitale vormgeving 2014 2015. Wordpress deel 1
Digitale vormgeving 2014 2015 Wordpress deel 1 2 Inhoud Site in WordPress... 3 Maak een eigen site in WordPress.com.... 3 Wordpressaccount aanmaken... 4 Opdracht 1... 4 Thema kiezen... 6 Opdracht 2...
Nadere informatiePubliceren met WordPress
Publiceren met WordPress Peter Osterop Tweede herziene editie 1. Installatie van WordPress 2. Configuratie van WordPress 3. Het uiterlijk van WordPress 4. Pagina s en berichten maken in WordPress 1 Installatie
Nadere informatieWebQuest / WebKwestie. met Word 2003. www.webkwestie.nl
WebQuest / WebKwestie met Word 2003 www.webkwestie.nl Een WebQuest / WebKwestie maken in Word 2003 Belangrijk is dat alle pagina s en afbeeldingen die u gebruikt in één map worden opgeslagen. Download
Nadere informatieHandleiding Picasa. Inleiding Verwijderen, verplaatsen en hernoemen Opzoeken Importeren Selecties maken Opslaan...
Handleiding Picasa Inleiding... 2 Verwijderen, verplaatsen en hernoemen... 2 Opzoeken... 2 Importeren... 3 Selecties maken... 3 Opslaan... 3 Markeren... 3 Bewerken... 3 Diavoorstelling... 4 Collage...
Nadere informatieMuse Stappenplan Interactieve vormgeving en productie
1. Pagina aanmaken Je maakt een nieuw bestand, de standaardinstellingen kun je zo laten staan. Dit formaat is namelijk op de meeste beeldschermen te bekijken. Je ziet onderaan een witte pagina staan en
Nadere informatieQuick Reference Card. Activiteiten
Quick Reference Card Activiteiten 1) Een bestaande pagina bewerken 2) Voeg een vertaling toe 3) Het toevoegen van een afbeelding 4) Het hergebruiken van content 5) Het maken van een nieuws- of agenda-item
Nadere informatieNEW WAVE TEXTILES HANDLEIDING WEBSHOP
NEW WAVE TEXTILES HANDLEIDING WEBSHOP 0 INHOUD 1. Snel bestellen 2 2. Mijn Account 3 3. Product zoeken 5 4. Productinformatie quickview 6 5. Productinformatie uitgebreid 8 6. Winkelkar bestelling plaatsen
Nadere informatieA Inloggen. B - Wachtwoord Veranderen
A Inloggen 1. Ga naar http://webtinq.nl 2. Klik op de knop "Login". 3. Voer het e-mail adres en wachtwoord in dat je hebt gekregen. 4. Klik op de knop "Login". 5. Je bent nu ingelogd! B - Wachtwoord Veranderen
Nadere informatie1. Open het programma KompoZer Het grote witte vlak is een nog lege webpagina. Deze gaan we nu van inhoud voorzien.
Minicursus KompoZer In deze cursus ga je leren werken met het computerprogramma KompoZer. Stapsgewijs maak je een voorbeeldsite. Daarna kun je alles wat je geleerd hebt gebruiken om je eigen website te
Nadere informatie2. INLOGGEN INLOGGEN'
1. DIGITALEWEEK.BE Alle activiteiten die tijdens de Digitale Week plaatsvinden, worden verzameld op de website van de Digitale Week. De deadline om activiteiten in te voeren is 7 maart 2014. 2. INLOGGEN
Nadere informatieInstalleren van het programma:
Versie: 1.0 Gemaakt door: Whisper380 Eigenaar: Whisper380-computerhulp.net Datum: 20-2-2011 Inhoudsopgave Installeren van het programma:...3 Configureren van het programma:...7 Mappen aanmaken:...9 Groepen
Nadere informatie5. Werken met afbeeldingen
103 5. Werken met afbeeldingen Foto s en tekeningen worden ook wel afbeeldingen genoemd. Afbeeldingen maken een website niet alleen mooier. Ze zijn ook belangrijk om duidelijk te maken wat je precies bedoelt.
Nadere informatieGemeente Haarlemmermeer. Leer zelf je nieuwsbrief maken in YMLP. Opgesteld door: drs. Mariska I.R. Franse Datum: 6 en 11 juni 2013
Gemeente Haarlemmermeer Leer zelf je nieuwsbrief maken in YMLP Opgesteld door: drs. Mariska I.R. Franse Datum: 6 en 11 juni 2013 Nwsbrf.nl Office @ Igluu Jansdam 2a 3512HB Utrecht 06 447 08 349 info@nwsbrf.nl
Nadere informatie1. Inloggen 2. 2. Uw account 3 2.1 Wachtwoord veranderen 3 2.2 Alle gegevens bekijken 3 2.3 Credits (mail-bundels) kopen 3
Inhoudsopgave Hoofdstuk Bladzijde 1. Inloggen 2 2. Uw account 3 2.1 Wachtwoord veranderen 3 2.2 Alle gegevens bekijken 3 2.3 Credits (mail-bundels) kopen 3 3. Nieuwsbrieven 4 stap 1: voeg een nieuwsbrief
Nadere informatieDe Kleine WordPress Handleiding
Introductie Dit is geen uitgebreide handleiding om een WordPress website of blog mee te bouwen. Het is ook geen overzicht van alle aspecten die een WordPress website zo bijzonder maken en geen verhandeling
Nadere informatieQUESTI OPSTARTGIDS ALGEMENE INSTELLINGEN EN LVS
01 - WELKOM BIJ QUESTI Welkom bij Questi. Alvorens je opstart, willen we je graag attent maken op enkele zaken. Voor je op de knop inloggen klikt, bekijk je best even de algemene filmpjes onder de knop
Nadere informatie