Forklaring:

Hvis du har åbnet denne hjælpefil fra skrivebordet eller fra et andet link, kan du bladre rundt og hente oplysninger, men du kan ikke redigere, og du kan ikke se alle rammer og tabeller - - for dig ser det ud som om hele siden er skrevet pa samme måde som et Word document, men det er en .htm webside du ser. - - - for du kan bladre lidt rundt og se eksempler, har vi i denne version lagt en lille "Back" knap, som ikke findes i "Edith Mode"

XpDetail Webshop er opbygget således at du selv kan ændre så at sige alt, bortset fra selve Shop strukturen.

XpDetail Webshop består af 8 elementer nemlig:

Top banner - Forside - Venstre sidebar - Højre sidebar - Bund - Kontaktside,    Som alle er selvstændige HTML / .htm  files/sider, hvor du kan rediger, lægge nye billeder ind osv.

herudover er der "Handelsbetingelser", som også er en selvstændig HTML fil. - - - - Når den en gang er godkendt af PBS, må du ikke ændre i denne.

Selve shop delen er et interfase der kommunikerer med dit lokale XpDetail system, hvortil webordrer/køb afleveres og hvorfra salgsartikler med foto osv, automatisk oploades, og når en vare sælges, afskrives denne automatisk på dit lokale varelager. - - - - - Strukturen kan således ikke ændres, men du kan designe og ændre, - farve -Tekst - rammer -lister - overskrifter - baggrundstapet - osv. -osv - - så det bliver helt din egen Webshop der adskiller sig markant fra de gængse webshops på internettet.

Grundregler:

Når du opretter en .htm side, skal du altit starte med en "tabel" (Øverst i "FrontPage´s" menubar er vist en lille knap med et gitter) - - - - ved større sider, starter man med en tabel med én rude, - - - Feks er denne side bygget op med først én tabel, derefter er der fyldt andre tabeller ind i cellerne i den rækkefølge og forhold der er behov for - -teksten her er f.eks sat ind i tabel2/rude3 - - og indexet ovenfor består af en tabel med 1 rude og 3 collonner der er sat ind i tabel2/rude1. - - -   forsiden består ligeledes af flere tabeller inden i hinanden, - - - denne metode benyttes for at holde styr på placeringen af de forskellige elementer/objecter du indsætter i .htm siden - - - - - For at demonstrere "Tabeller" har vi på denne forside vist "Borders" på de benyttede tabeller. Click her for at fjerne alle borders

Benyt hovedsagelig billeder af typen .jpg og sørg for at størrelsen er rettet til så den passer i det felt/den tabel  du indsætter billedet i - - - - benyt dig ikke af scallering idet dette gør billedet utydeligt, og det tager længere tid at åbne websiden.

VIGTIGT! ! ! ---VIGTIGT! ! ! 

Når du gemmer et billede SKAL!!! det gemmes i den til .htm siden tilhørende _files folder. - - - - - - ALLE .htm sider har tilknyttet en folder der bærer det samme navn som .htm siden, men der er i stedet for ".htm" tilføjet "_files"  - - - - når du uploarder din venstre sidebar "LeftSidebar1.htm" til din webshop, så ved systemet at billederne altid findes i folderen "LeftSidebar1_files" - - og denne folder bliver derfor automatisk oplordet sammen med "LeftSidebar1.htm" filen.

Hyper Links:

Du kan oprette et "Hyper Links" (et link der leder kunden hen til det område du ønsker) til en hvilken som helst tekst eller billede, men husk!!!!

Når kunden aktiverer et hyperlink kan du bestemme om der skal åbnes et ny vindue til visning af området, eller det skal være en lokal henvisning, denne "settings" skal du huske at foretage hver gang.

der skrives mere om hyperlinks nedenfor under forklaring til de respektive .htm sider. 

Hvid du indsætter et "Hyper Links der peger på en vare, er det nemmest at kalde din webshop over internettet og vis den vare linket skal pege på, - - copier stien fra internet brovseren og indsæt/pate  denne som hyperlink i din henvisning - - - - Husk når du linker til en vare skal hyperlinket "Target Frame" sættes til at vise "Parent Frame" - - - - det er ret vigtigt!

Hvis du linker til en anden Webside.  skal hyperlinket "Target Frame" sættes til at vise "New Page" - - - - det er ret vigtigt!

Hvis du glemmer at sætte "Target Frame" i hyper linket til at vise "New Page" - - får kunden vist linket i det område linket er kaldt fra,  - og det ser tosset ud ! ! 

Åben for redigering:

Åben "Microsoft Frontpage" programmet. - - - Når frontPage er åbnet - - øverst under File går du til "Open Web" - - - - her finder du stien med denne webside - C:\Webmappe\WebShopTing - - - -  Click på "Open" - - - Click derefter på "Folders" i den venstre menubar, - -og vælg "Index.htm" - - - Du har nu denne side i Edith mode, - - dvs, du kan rette og redigere i siderne.

Åben en ny side for redigering:

Når du har åbnet "FrontPage" og du har denne side på skærmen, - - Clik på "Folders" og vælg den ".htm" side du vil åbne - - - BEMÆRK! - du må kun åbne sider med filbetegnelsen ".htm" - - - du kan også holde "Ctrl" tasten nede og derefter clikke med musen på den overskrift der bærer navnet på den side du vil åbne. - - - - Bemærk, - når du er i "edit" mode, kan du ikke bare gå tilbage til denne side, men du skal Clicke "Window" øverst i file menuen og vælg derefter "Index.htm"  - - - det er den eneste måde du kan bladre/skifte mellen siderne.

Farver:

Du kan skifte farver så de  webshop passer til dit image.

Da vi designede din webshop i samarbejde med dig, har du valgt en farve til såvel tekst, -baggrund osv. disse farver har et nummer som skal vælges/indtastes i Hex decimaler.

Farvekoder for din Webshop er følgende:

Overskriftstekst = Hex(#F7D792)     (denne tekstfarve)

Brødtekst = Hex(#F7D792)

Baggrundsfarve = Hex(#33180E)      (denne baggrundsfarve)

Theme:

Da vi designede din webshop i samarbejde med dig, har du valgt et gennemgående tema "Theme" - - - dette benyttes ikke i din webshop, men vi har sikkert lavet tillægs websider hvor det valgte "Theme" er benyttet. 

Vi har tilføjet FrontPage et ekstra "Theme" som er dit specielle tema og hedder   - - - "Rideudstyr" - - - hvis du får brug for at vælge dette "Theme" skal afkrydsningsfelterne nederst til venste være blanke.

Images og billeder:

Når du redigerer og lægger nye billeder ud på din webshop, er det vigtigt at disse ikke er for store, men kun lige passer i de felter de skal indsættes i, og brug helst filtypen .jpg idet den fylde mindst.

VIGTIGT! ! ! ---VIGTIGT! ! ! 

Når du gemmer et billede SKAL!!! det gemmes i den til .htm siden tilhørende _files folder.  (hvis du copierer et .htm dokument fra en folder, og over i en anden, bliver den tilhørende "_files folder automatisk overført til samme folder, på samme måde bliver den tilhørende "_files" folder automatisk oploadet til din web shop)

Top Banner:

Det øverste område i din Webshop består af et "Top Banner" og findes i filen/siden "Banner.htm" 

Banner.htm består af en "Tabel" med 3 colonner, og dit logo (billede) er sat ind i det midterste felt.

Logoet må ikke være for bredt, men sådan det kan vises på en skærm med den laveste opløsning 600 X 800 pixels, - - - - normalt benyttes en væsentlig højere opløsning, men ved det du har placeret dit logo  i det midterste felt i tabellen og har sat denne rude/Cell til at centrere alt indhold, vil dit logo altid blive vist i midten af skærmen. - - - HUSK! dit Logo(billede) skal altid gemmes i folderen "Banner_files"

Forside / Front / åbningssiden:

Når din webshop åbnes, vises en forside, hvor du præsenterer webshoppen og firmaet, og findes i filen/siden "FrontXp.htm"

 Din forside består af en tabel med tre ruder/rækker, hvor der i den midterste er indsat endnu en tabel med en række og 2 colonner, - - i venstre rude/felt er indsat et bille og ruden er sat til at centrere al indhold. - - - - i højre rude/felt er skrevet en tekstforklaring og denne rude/felt er sat til at venstrestille alt indhold.

Du kan indsætte en overskrift i den første tabel -første række/rude, og du kan indsætte en tekst i den første tabel nederste rude/række. 

(Er du erfaren med FrontPages, kan du lave lige hvad du vil,og helt din egen åbningsside, det eneste du skal huske det er at gemme alle billeder i folderen "FrontXp_files", og tjekke at dine hyperlinks virker efter hensigten)

Bund / buttum / Foother:

Teksten / feltet i bunden af Webshoppen. vises altid, og det kan være en vigtig reklameplads, hvis en kunde kalder en varegruppe hvor der findes mange varer, ser kunden ofte ikke denne tekst, men hvid kun du har 2 - 3 varer i den kaldte gruppe, vil kunden kunne se din tekst / reklame i bunden af siden, sørg derfor altid for at du har en bundtekst der altid udfylder hele siden selv om der ikke findes nogen varer i den gruppe kunden har kaldt.

Bunden, også kaldet "Foother" består af en tabel med flere rækker, efter behov, og filen /siden hedder "FotherXp.htm"

Foother skal altid minimum indeholde logo af de kort kunden kan betale med. men du kan  også indsætte billeder, specialtilbud, nyheder og meget andet her. - - - Foother fungerer som en ganske normal ".htm" webside der blot bliver tilføjet i bunden af din webshop, - - - hvis du benyttet "Foother" til at presentere tilbud elle nyheder, så indsæt en tabel med max 3 colonner, men det antal rækker du har brug for,  - - højre Click med musen i tabellen og vælg  "Table Properties" - - sæt "Borders Size" til 0 - - - i hver felt indsætter du en tabel med 3 rækker og 2 colonner, - - - sæt musen i den første række i de indsatte tabeller - - og højreclick med musen - - Click "Cell Properties" - - sæt "Columns  Spanned" til 2 og tast "OK" - - - - Sæt musen på øverste kant af det ekstra felt der nu blev dannet til højre og "Delete" dette. - - - - du har nu en tabel med et bredt felt øverst (Til produkt navn) og to  rækker med hver to felter / Cells - - - højre Click med musen i tabellen og vælg  "Table Properties" - - sæt "Borders Size" til 0. - - - - du har nu et område hvor du har plads til produktnavn i toppen, et bille i mitterste række til venstre , en beskrivelse i midterste række til højre, en pris i nederste række til venstre og sidst en før, efter, rabat eller tilbudspris til højre, - - - - BEMÆRK! at cellerne/ ruderne regulerer sig selv i størrelse i forhold til indhold og skørmens opløsning, men du skal også tænke på at når "Foother " bliver oploardet til din webshop, skal der også være plads til "Venstre sidebar" og  " Højre sidebar" - - - - normalt er der kun plads til 3 Colonner / 3 tilbud ved siden af hinanden.

Hvis du indsætter et "Hyper Links der peger på en vare, er det nemmest at kalde din webshop over internettet og søg den vare linket skal pege på, - - copier stien fra internet browseren og indsæt/paste  denne som hyperlink i din henvisning - - - - Husk når du linker til en vare skal hyperlinket "Target Frame" sættes til at vise "Parent Frame" - - - - det er ret vigtigt!

Hvis du linker til en anden Webside.  skal hyperlinket "Target Frame" sættes til at vise "New Page" - - - - det er ret vigtigt!

Lær at bruge FrontPages eller en anden Web site editor, - - - - du kan få rigtig meget glæde af at redigere din vebshop jævnligt, - - - - det eneste du altid skal huske, er - - - - billeder der indsættes i den enkelte .htm side, SKAL ALTID gemmes i og kaldes fra den tilhørende _files folder.

Højre sidebar / Right side bar:

Højre sidebar består af en lang tabel, med det antal rækker/ruder du har behov for "RightSidebar1.htm"

VIGTIGT! ! ! ---VIGTIGT! ! ! - - - Tabellen i Højre sidebar må MAX være 131 pixels bred, og de billeder du indsætter må max have en brede der er under 131 pixels, - - - højden er uden begrænsninger.

Højre sidebar benyttes mest til nyheder, særlige tilbud, eller en særlig bemærkning som du ønsker kunden skal se. men du kan bruge højre sidebar til hvad som helst

HUSK,- - - Alle billeder der tilhører "RightSidebar1.htm" SKAL gemmes i den tilhørende folder "RightSidebar1_files"

Venstre sidebar / Left side bar:

Venstre sidebar består af en lang tabel, med det antal rækker/ruder du har behov for "LeftSidebar1.htm"

VIGTIGT! ! ! ---VIGTIGT! ! ! - - - Tabellen i Højre sidebar må MAX være 131 pixels bred, og de billeder du indsætter må max have en brede der er under 131 pixels, - - - højden er uden begrænsninger.

Venstre sidebar benyttes mest til menupunkter, links og henvisninger, reklame logos osv, men du kan bruge højre sidebar til hvad som helst

HUSK,- - - Alle billeder der tilhører "LeftSidebar1.htm" SKAL gemmes i den tilhørende folder "LeftSidebar1_files"

Handelsbetingelser:

Når du søger PBS om tilladelse til at handle og modtage creditkort via en webshop, er der en række betingelser du skal opfylde, og herunder er "Handelsbetingelser" en vigtig del.

ret kun "handelsbetingelser" hvis det er påkrævet. - - - handelsbetingelser består af en tabel med en rude/række hvori tekst er skrevet. "handelsbetingelser.htm"

Tabellen nedenfor med den pink Borders, består af en rude/række og 8 colonner - - og er indsat i den sidste række i den gule tabel, som igen er sat ind i den første række i den grønne tabel, - - - med den blå tabel tabel øverst,som er placeret i den første række i den gule tabel, og som består af 1 række og  3 colonner  - - - - er der således til denne side benyttet i alt 4 tabeller.