Email-Icon Created with Sketch. Group 3 Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Domains-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Icon-Internet Created with Sketch. Icon-Internet Created with Sketch. Hosting-SVG-Box Created with Sketch. Hosting-SVG-Box Created with Sketch. Trust Pilot Stars Created with Sketch. 1-5-million Created with Sketch. black-green yellow_blue Control-panel-Icon Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. WSB-Brush Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Email-Icon Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. Icon-ECommerce-Seperator Created with Sketch. icon-slider-next Created with Sketch. icon-slider-prev Created with Sketch. Webmail-icon Created with Sketch. heart Created with Sketch. Open-24-7 Created with Sketch. 247 Created with Sketch. open24 Created with Sketch. 24 7 trusted Created with Sketch. Fill 1 Created with Sketch.

Kom igång med Hemsideprogram

1. Logga in på Hemsideprogrammet
2. Välj en mall
3. Skapa din första sida
4. Lägg till fler sidor
5. Redigera en sida eller mall
6. Spara dina ändringar
7. Förhandsgranska och Publicera din hemsida

1. Logga in på Hemsideprogrammet

Kom igång med att bygga din hemsida genom att logga in på Hemsideprogrammet. Du når Hemsideprogrammet direkt från din webbläsare, antingen från One.coms kontrollpanel eller direkt från denna sida:

https://webeditor.one.com/

Användarnamnet är din e-postadress och lösenordet är samma som du använder för One.coms kontrollpanel.

Select Website Builder in the overview.

2. Välj en mall

Efter din första inloggning på Hemsideprogrammet blir du ombedd att välja en mall för att bygga din hemsida. Du kan välja en annan mall senare, kombinera olika mallar, eller skapa din egen layout genom att välja en tom mall.

Select the template you want.

3. Skapa din första sida

När du har valt en mall kommer fyra sidor skapas automatiskt. Dessa sidor kommer att kallas "Hem", "Om", "Photos" och "Contact". Ändra namn om du föredrar det, eller behåll standardtitlarna. Sidan kallad "Hem" kommer att användas som din Startsida för den webbsidan du skapar.

Pages will automatically be created.

4. Lägg till fler sidor

Lägg till en ny sida genom att klicka på knappen New Page. Om du vill ha ett annat utseende på din sida kan du skapa en sida med en annan mall. Du kan lägga till en sida med en annan mall genom att välja Use another template i drop down-menyn.

Click New page.

Du kan lägga till undersidor till en specifik sida genom att klicka på pilen intill sidtiteln och välja Add subpage... i menyn som visas.

Select the page layout you want.

5. Redigera en sida eller mall

Du kan antingen redigera en specifik sida eller mallen. När du aktiverar Edit Page så påverkar ändringarna endast den valda sidan. När Edit template är aktiverad så appliceras ändringarna på den övergripande designen för alla sidor baserade på denna mall. Se till så du väljer rätt redigeringsläge innan du börjar redigera.

Edit template is activated.

Dina sidor och mallar är byggda med element som kallas Components. Du kan kombinera och modifiera dessa komponenter för att skapa ett unikt utseende för din hemsida.

För att lägga till en komponent på din sida ska du klicka och dra den specifika komponenten från den vänstra menyn till den plats där du vill placera den på sidan. Pilen som visas indikerar var komponenten kommer att placeras när du släpper den på arbetsytan.

Add component to workspace.

Strecken som framträder över komponenterna i arbetsytan visar för dig att de inte kan redigeras i det redigeringsläge du har valt. Du måste då ändra redigeringsläge till antingen Edit page eller Edit template.


Varje komponent har olika egenskaper som kan redigeras genom menyn som visas under arbetsytan när du klickar på en komponent. Se till så att komponenten du vill redigera är tillagd på din arbetsyta och att du har klickat på den specifika komponent du vill redigera. Genom att redigera Properties kan du ändra utseendet och beteendet på den valda komponenten.

Each component has properties.

De olika komponenterna du kan lägga till är:

Box: en behållare för andra komponenter.
Text: en box med textinnehåll.
Button: make a clear call-to-action
Gallery: an easy way to display several images
Image Slider: add a carousel of images that automatically shifts
Bild: en bild från ditt webbutrymme.
Meny: länkar samman dina sidor och gör det möjligt att navigera mellan de olika delarna av din hemsida.
Tabell: en tabell med rader och kolumner.
Document: display for example a Word file on your site
Video: en video från YouTube.
Like-knapp: en Gilla-knapp för dina Hemsideprogram-sidor.
Like-box: en Gilla-box för din Facebook-sida.
Kod: egen HTML- och JavaScript-kod.
Contact Form: quick way for people to get in touch with you
Webshop: get started with selling products online

Med knapparna Undo och Redo som är placerade i övre högra hörnet kan du hoppa fram och tillbaka mellan de ändringar du har gjort.

Undo and Redo buttons in workspace.

6. Spara dina ändringar

Klicka på knappen Save för att spara dina ändringar. Knappen Save finner du i övre vänstra hörnet.

Click Save to make sure you don't lose important changes.

7. Förhandsgranska och Publicera din hemsida

Du kan förhandsgranska de ändringar du precis har gjort på din sida innan du publicerar genom att klicka på knappen Preview. Preview-läget låter dig granska din sida utan att dina ändringar är synliga för andra. När du är nöjd med din hemsida så klickar du på knappen Publish för att uppdatera ändringarna. När du klickar på Publish gör du din sida synlig för andra när de skriver in ditt domännamn i adressfältet i deras webbläsare.


Preview your website.

Sådär, du har nu byggt din första hemsida med hjälp av Hemsideprogrammet!