Gebruiksaanwijzing Smartbox pakket

Transcriptie

1 Gebruiksaanwijzing Smartbox pakket Versie: 1.0 Gecreëerd op 18 oktober 2008 Je Smartbox website is zo geprogrammeerd dat je via het Content Manager Systeem dat is geleverd met je pakket de inhoud en instellingen van website kan aanpassen. Je kunt de Content Manager binnen door onderaan je website te klikken op de optie "cms login". Je login en Password zijn naar je gestuurd in de eerste mail die je hebt ontvangen bij het opzetten van je Smartbox pakket Wanneer je het Content management Systeem binnen gaat krijg je de volgende 5 opies aangeboden: 1. Sections 2. Designs 3. Homepage 4. Settings 5. Control Panel 1. SECTIONS Binnen sections maak je afdelingen, pagina's en paragrafen aan. Onthoud dat je in een hyrarchie van 3 moet denken: esrt een sectie aanmaken, hierin pagina's plaatsen, binnen een pagina komen een of meer paragrafen. De afdelingen "sections" genaamd komen in het horizontale navigatie kader te staan boven aan de webpagina's. Binnen iedere "section" die je aanmaakt kan je pagina's plaatsen. Deze verschijnen dan in de verticale linker navigatie kolom binnen een "section". Als een pagina hebt aangemaakt kan je die vullen met inhoud zoals tekst, foto's en bestanden (downloadables). De pagina wordt opgebouwd uit paragrafen. Dus je kunt een of meerdere paragrafen plaatsen in een pagina net als in een boek. In iedere paragraaf kan je een koptekst (vette letters), body tekst (normale letters), foto's en bestanden plaatsen. Als voorbeeld hebben we een sectie "Demo page" aangemaakt. Deze kun je gerust verwijderen. 1.1 Aanmaak van secties Als je "Sections" binnen gaat zie je in vette letters "Position" en "Name" staan. Position staat de rangorde van de secties. Positie "1" verschijnt als eerste in het horizontale navigatie kader. Name staat voor de naam die je de sectie hebt gegeven. Er staat boven en onder een opie "ADD". Deze hebben de zelfde functie, namelijk de aanmaak van een nieuwe sectie. Nadat je hierop klikt krijg je een nieuw scherm gepresenteerd met daarop: Position = Name = Online = Waar staat de sectie binnen het rijtje secties op je website, positie 1 is de eerste plaats, positie 2 is tweede plaats, ect Dit is de naam die verschijnt binnen het rijtje Je kunt eerst aan de inhoud van een nieuwe sectie werken voor je het publiceert. Plaats de nieuwe sectie dan tijdelijk offline "no" te kiezen. Als je dan klaar bent kan je "Yes" kiezen.

2 Nadat je de 3 instellingen van de nieuwe sectie hebt ingesteld druk onder op "Save". Je komt hierna terug op sectie overzicht en ziet de nieuwe sectie staan. Maar die is nog leeg natuurlijk. Binnen het sectie overzicht zie je de sectie staan die je hebt aangemaakt (zie vorige stuk over "Aanmaak van secties"). Achter de sectie zie je 3 opties staan "EDIT" / "FILL" / "DEL": Edit = Hiermee pas je de instellingen aan van de aangemaakte sectie Fill = Del = Door hierop te klikken kan je paginas gaan plaatsen binnen de sectie Hiermee verwijder je de betreffende sectie in zijn hegeel. Het is niet te herstellen. Belangrijk: Als je veranderingen die je binnen het Content Management Systeem hebt gemaakt wil zien binnen je website moet je even op Refresh drukken in de browser waar je website staat. Dat is het icoontje met de twee groene pijltjes. Wat er dan namelijk gebeurt is dat je browser (Internet Explorer, Netscape of Firefox) de bestanden opnieuw gaan binnenhalen vanaf de server. TIP: Bovenaan binnen het Content Management Systeem (achter het verklikkertje) zie je hoe diep je bent binnen het systeem. Je kunt stapjes terug maken door op de links te klikken binnen de regel. 1.2 Aanmaak van pagina's Zoals in alinea hierboven aangegeven kan je achter een sectie "FILL" selecteren. Er verschijnt dan een overzicht scherm dat lijkt op overzichtsscherm van secties. Eerst zie je een opsomming van wat je hebt gedefinieerd als sectie. Je kunt als je iets daarbinnen wilt aanpassen direct op "EDIT" drukken en iets wijzigen van de sectie. Daaronder staat in het kader "Pages" namelijk "Position, Title menu en online", Er staat ook een optie "ADD". Door te klikken op deze laatste opte maak je een nieuwe pagina aan. Je krijgt dan de volgende instellingen gepresenteerd voor definitie van de pagina: Position = Menu Title = Online = dit is de positie van de pagina binnen het subnavigatie kader die verschijnt binnen de sectie op je website <zie vb> Dit is de naam die je de pagina geeft "Yes" staat voor publicatie van de betreffende pagina, "No" voor offline plaatsen van pagina. Na het invullen van de pagina eigen schappen druk je onderaan op "Save". Je komt dan terug op het Pagina-overzichts-scherm waar je de nieuwe page ziet staan. Je kunt nu achter de paginanaam kiezen voor "EDIT" / "FILL" / "DELL". Door op "EDIT" te drukken kun je de instellingen die je hebt gedaan voor aanmaak van nieuwe pagina aanpassen. Met "DELL" verwijder je de betreffende pagina. Door op "FILL" te klikken kan je de pagina gaan vullen met informatie. Dat bespreken we in volgende stuk. 1.3 Aanmaak van paragrafen Kies nadat je nieuwe pagina hebt aangemaakt de optie "Fill" die achter pagina staat. Je krijgt nu scherm te zien met inhoud over pagina. Onder "Page Details" staan de instellingen van de pagina. Wil je nog iets aanpassen, klik dan op "EDIT".

3 In het kader eronder genaamd "Parapraphs" zie je met vette letter staan "Position", "Header" en "Online". Ook zie je een optie genaamd "ADD" staan. Door op "ADD" te klikken kan je een nieuwe paragraaf aanmaken binnen de pagina. Nadat je klikt op "ADD" zie je het volgende: Poisition = Header = Text = Hiermee beinvloed je de rangorde van de verschillende paragrafen binnen een pagina. Plaats hiet de introductie tekst van de paragraaf. Deze verschijnt in vette letters bovenaan de paragraaf. Na de intruductie tekst kan je meer tekst plaatsen binnen een paragraaf. Show big pictures = Hier bepaal je of je binnen de betreffende paragraaf grote of kliene foto's will tonen Online = "Yes" staat voor publicatie van de betreffende paragraaf, "No" voor offline plaatsen van paragraaf. Belangrijk: Het kader genaamd Text waarmee je tekst kan opmaken door fontstyle of link te klikken is HTML gevoelig. Als je direct vanuit word of een ander programma stukken text kopieert dan neem je ook de opmaak instellingen mee wanneer je het past in dit kader. Dat kan handig zijn. Maar de praktijk leert dat het sturend kan werken. Voordat je dus tekst vanuit word overneemt, bewaar ( save as ) de wordfile dan eerst als.txt bestand. Open dit nieuwe bestand dan met het programma Notepad en kopieer het vanaf hier naar het tekst kader in je Content Manager. Dit programma staat op de meeste computers. Heb je het niet dan kun je het gratis downloaden en installeren vanaf TIP: Je kunt ook later nog alle instellingen aanpassen op sectie, pagina of paragraaf nivo. Navigeer dan naar betreffende sectie, page of paragraaf en kies achter het item voor "EDIT", "FILL" of "DEL" TIP: Je kunt ook linkjes binnen de tekst plaatsen. Hiernaast kan je ook andere html opmaak functies binnen het tekstkader plaatsen. Hierover kan je meer lezen binnen onze "Tips" en "Advanced options" 1.4 Vullen van Paragraaf Als je een paragraaf hebt aangemaak kan je deze vullen door op "FILL" te klikken. Je verschijnt dan op een overzichts pagina van de paragraaf waar eerst de "Paragraph Details" staan aangegeven. Deze kun je aanpassen door op "EDIT" te klikken. In een kader daaronder staan binnen kaders "Images" en "Files" Images plaatsen in paragraaf Nadat je een nieuwe paragraaf hebt aangemaakt (zie "Aanmaken van paragraaf) kan je op "FILL" klikken. Door boven het kader "Images" te klikken op "ADD" kan je fotos plaatsen binnen een paragraaf. Je kunt nu de positie van de foto binnen de paragraaf qua rangorde aangeven onder "Position". Met optie "Browse" kan je lokaal op je computer een foto opzoeken en selecteren. De bestanden "JPEG", "JPG" en "GIF" worden ondersteunt binnen het systeem. Druk hierna op "Save" en het systeem gaat de bestanden uploaden. Je kunt net zoveel fotos via "ADD" binnen een paragraaf plaatsen als je wil. De grens ligt bij het overschrijden van de hoeveelheid hosting space die je hebt binnen je pakket (standaard 50 mb).

4 Je bent niet verplicht om fotos binnen een paragraaf te plaatsen. Als je dit niet doet dan schuift de tekst van zelf naar rechts zodat de pagina vult. TIP: Upload niet te kleine maar ook niet te grote foto's naar je website. Kleine fotos kunnen troebel/onscherp verschijnen binnen je website. Te grote foto's kunnen some wegens een timeout van de server niet worden overgebracht via het systeem. Tegenwoordig zijn foto's van moderne digitale cameras boven de 8 mb. De wachttijd voor het overbrengen van de foto is dan ook lang. Het is aan te raden om deze foto's eerst te verkleinen qua filesize. Er zijn handige programma's zoals photoshop die foto voor je kunnen verkleinen. Bekijk onze adviezen onder "Advanced" voor meer diepgaande informatie hierover. Als standaard zou je de bestanden kunnen verkleinen naar een dimensie van 600 (w) bij 412 (h) pixels met 72 dpi (dots per inch) als uitgangspunt. Een gratis image editing programma kun je downloaden van De meeste digitale cameras komen met dit soort software. Kies dan voor de optie om fofos via het internet te mailen. Meestal is deze resolutie bruikbaar Files plaatsen in een paragraaf Indien je wil dat de bezekers van je website bestanden vanaf je site kunnen downloaden, kan dat. Je kan namelijk een of meer bestanden hangen onder een een paragraaf. De volgende files kun je plaatsen op je site: PDF, Word (.doc), Exel (???) of ZIP. De zipfile is hierbij het meest interessant. Want je kunt zowat alle bestanden via een zipfile op je website aanbieden. Hoe plaats je een bestand op je site? Nadat je een nieuwe paragraaf hebt aangemaakt (zie "Aanmaken van paragraaf) klik ke op "FILL". Boven het kader "Files" klik je dan op "ADD". Er verschijnt dan een nieuw scherm met "Position", "Description" en "File". Met "Position" kan je de rangorde van de files binnen een paragraaf kan beinvloeden. "Vul bij "Description" de text die je wilt dat verschijnt op de webpagina. Met optie "Browse" kan je lokaal op je computer een bestand opzoeken en selecteren. Druk hierna op "Save" en het systeem gaat de bestanden uploaden. Je kunt net zoveel bestanden via "ADD" binnen een paragraaf plaatsen als je wil. De grens ligt bij het overschrijden van de hoeveelheid hosting space die je hebt binnen je pakket (standaard 50 mb). Je bent niet verplicht om files binnen een paragraaf te plaatsen Fotos of files aanpassen/deleten Nadat je een foto of file hebt geplaats kun je die zien binnen de "Paragraph Details" page. Achter het item staat dan "EDIT" of "DEL". Je kunt met deze opties een foto of file vervangen of deze verwijderen. 2. DESIGN Met het Smartbox pakket kan je met gemak de "look and feel" (vormgeving) van je website aanpassen. Binnen "Design" krijg je een overzicht gepresenteerd van alle ontwerpen die wij hebben gecreeerd. Je kunt nu veranderen van design door een ander ontwerp te klikken hierbinnen. Je krijgt dan een vergroot exempleer van het ontwerp gepresenteerd. Door achter dit voorbeeld de optie "Install Design" te kiezen gaat het systeem het nieuwe design installeren. Dat duurt ongeveer een halve minuut (is afhankelijk van de snelheid van je internet verbinding). In een scherm dat verschijnt hierna kan je bijhouden hoever de installatie is. Als de installatie rond verschijnt onderaan de informatie "Installation complete" te zien. De teksten, fotos en bestanden die je hebt geplaatst binnen de website worden bij het wisselen van design niet aangetast. Deze informatie wordt in zijn geheel overgenomen binnen het nieuwe ontwerp.

5 Design op maat: Er zijn klanten die door ons een design op maat hebben laten creeren. Zij krijgen dan in de lijst met designs een ontwerp te zien dat wij voor hen hebben gemaakt. De naam van het design komt dan overeen met de naam van de website. 3. HOMEPAGE De informatie die op de homepage staat kan je via de hoofd-optie "Homepage" geheel aanpassen. Bij het opzetten van je Smartbox pakket hebben we als voorbeeld fotos en teksten geplaatst op je homepage. De structuur van de homepage is in twee delen opgedeeld. Eerst heb je natuurlijk het top-kader waarin je het logo zit en de horizintale navigatie kader met daarin de secties. Deze blijven op alle pagina's hebzelfde. De twee delen die wij hier bedoelen zijn de delen die hieronder liggen. Wij onderschijden een "Center frame" en een "Bottom frame". <vb> 3.1 Center frame Binnen het center frame staan 3 fotos en 2 kaders met teksten. De kaders met tekst bevatten een "Head" (kopje) en "Text" (tekst). Je kunt onder de tekst ook een link plaatsen binnen "Center frame: Link". Je kan een andere foto plaatsen door op "Browse" te klikken onder de foto die je wil vervangen. Je kan dan lokaal op je computer een ander plaatsje kiezen. De teksten kan je door ze te vervangen in het kader vervangen. De aanpassingen treden pas op je website op als je onderaan op "Save" hebt geklikt. De links binnen center frame moeten altijd beginnen met " Je kunt ook naar een pagina binnen je website verwijzen. Dit doe je door in je website te navigeren naar de pagina waar je naartoe wil linken. Dan selecteer je in het adres kader van je browser (Internet Explorer) de hegele regel en copieer je die (bovenaan browser: Edit dan Copy). Deze regel copieer je dan binnen "Link". Je kan dus binnen je website alleen linken naar een al bestaande pagina. 3.2 Bottom frame Onderaan de homepage staan 3 kaders naast elkaar met ieder een fototje, kopje en tekst. Ook deze kun je net als het bovenste gedeelte aanpassen door nieuwe foto's te selecteren of de teksten aan te passen. Je kunt ook linkjes binnen de tekst plaatsen of onderaan. Hierover kan je meer lezen binnen onze "Tips". 4. SETTINGS Binnen het settings gedeelte van de Content Manager kun je je eigen logo uploaden. Je logo verschijnt dan bovenaan je website. De Dimensies van het plaatje dienen 3:1 te zijn. Als je zelf het plaatje maakt zorg dan dat het plaatje 300 (w) bij 100 (h) pizels is en van het formaat.gif. De achtergrond van het plaatje dient transparant te zijn. Omdat die echter wat technisch is voor veel mensen bieden wij als service dat je naar ons je logo kan opsturen per mail en dat wij dan het plaatje terugsturen omgezet naar het juiste bestand. Hiernaast zijn er een aantal andere instellingen die we hieronder uiteenzetten: Title in browser = de naam die verschijnt boven aan in je browser (Internet explorer, Firefox of Netscape). Dit is meestal ook de naam van je bedrijf, service of webinformatie. Website Description = Dit is de beschrijving die je je website geeft. Search Engines gebruiken de woorden hieruit voor je site ranking (hoogte van je website in de zoekresultaten). Website Keywords = Hier plaats je de kern woorden die mensen in Search Engines kunnen plaatsen binnen als zoektermen. Denk aan alle mogelijke woorden die deze personen zouden kunnen gebruiken.

6 Language choice = Hier kun je de manier waarop de invoervelden worden aangegeven binnen de contact pagina veranderen in het Engels of Nederlands. Read more text = Op je Homepage kan je onder de eerste twee text kaders een link plaatsen naar een andere website of pagina in je eigen website. Je kunt hier de tekst die verschijnt aanpassen in een andere taal of aanduiding. Footnote = Dit is de tekst die verschijnt in het onderste gedeelte van de website. Daar staat nu All rights reserved, Dit kun je aanpassen naar wens. De tekst die je hierin kunt plaatsen is wel beperkt. Je zou ook linkjes kunnen plaatsen hierbinnen. Bekijk hiervoor het item HTML tags plaatsen. receiver = Dit is het adres waar de data die door bezoekers op de concat-pagina hebben ingevuld naartoe wordt verzonden. Vul hier dus jou adres in. Contact Failure Message = Er verschijnt een boodschap als om een of andere reden (meestel een server of internetconnectie time out) de data niet verstuurd kan worden zodat de bezoeker weet dat de data niet verstuurd is. Hier kun je invullen wat er dan moet verschijnen als tekst. 5. CONTROL PANEL Het control panel is een systeem dat komt met de hosting die wij voor jou hebben aangemaakt. Dit onderdeel dat komt met je Smartbox pakket heeft zijn eigen login. Je moet dus nogeens je login en password gebruiken om dit systeem binnen te gaan. Binnen het Control Panel kun je instellingen dien die invloed hebben op de s adressen die je gebruikt (aanmaak nieuwe adressen, aanpassen van password, spam filter programmas, etc). Hiernaast kun je naar je s toe die nog op de server staan (webmail optie). Ook kun je hier je Site Statistieken bekijken. Een uitgebreide Tutorial over de werking van het systeem kan je vinden op de site van het bedrijf dat onze hosting verzorgt De volgende tips zullen binnekort worden geplaatst op onze website Fotos retoucheren Webstructuur opzetten Advanced options Html tags plaatsen Photo gallerie opzetten Youtube videos plaatsen Fotos aanpassen in photoshop