Startpaket för att bygga webbsiter, tex kampanjsiter, landningssidor, single serving sites mm

  • Ola Andersson
  • Ola Andersson Profilbild Författare till inlägg
  • Offline
  • Administrator
  • Administrator
Mer
3 år 6 månader sedan - 3 år 5 månader sedan #1179 av Ola Andersson
Ola Andersson skapade ämne: Startpaket för att bygga webbsiter, tex kampanjsiter, landningssidor, single ser
En tråd med lite diverse tips för att snabbt smacka ihop en webbsite som är lite snyggare än att koda något crap för hand. Det finns nämligen startpaket att ladda hem och peta i och vips har du en mycket snyggare site att utgå ifrån. Detta är bra om man tex behöver lägga upp en enkel webbsite utan interaktivet och utan de funktioner som ett CMS ger. Tex Kampanjsiter, landningssidor och single serving sites. Det senare är en webbsite som består av en enda webbsida. Läs mer hos Wikipedia Single Serving Sites , ett begrepp som skapades av Jason Kottke i just detta blogginlägg. .





HTML5Boilerplate - startsida
Det finns något som heter HTML5Boilerplate som är ett antal filer skapade av professionella webbutvecklare. Detta startpaket för att bygga en egen site följer standards, är responsivt och det går förstås att gå att sätta sin egen stil på. Genom att att tex finna coola bilder och ikoner finns på en massa ställen och tillämpa små designerhacks.

html5boilerplate.com/





Skeleton
Ett till startpaket: Skeleton : "You should use Skeleton if you're embarking on a smaller project or just don't feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that's often more than enough to get started. In fact, this site is built on Skeleton and has ~200 lines of custom CSS (half of which is the docking navigation)."





Intializr
Ännu ett, det kombinerar HTM5Boilerplate + Bootstrap på en sida där du gör viss konfigurering (lek med de tre knapparna), sedan kan du ladda hem din startsite med de funktioner du valde. Coolt!

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!





Templates för webbsiter
En annan metod är att börja med ett template för en webbsite. Där man haft en ide om ett visst utseende på siten. Här är ett sådant ställe att finna templates. Direkt länk till landningssida-template: StartBootStrap - Landing Page

Be Logga in eller Skapa ett konto ansluta till konversationen.

  • Ola Andersson
  • Ola Andersson Profilbild Författare till inlägg
  • Offline
  • Administrator
  • Administrator
Mer
3 år 5 månader sedan - 3 år 5 månader sedan #1191 av Ola Andersson
Ola Andersson Svarade på ämne: Startpaket för att bygga webbsiter, tex kampanjsiter, landningssidor, single ser
Inga forumlär, ingen interaktivitet
Dock innehåller HTML5Boilerplate och de övriga startpaketen ingen interaktivitet i form av formulär. Det brukar man ha på en kampanjsida eller på en organisations sida. För att det skall funka behöver man en databas och lite kod att ta emot formuläret och peta in det i databasen och svara på. Man kan förstås skippa det och nöja sig med kontaktuppgifter.

Men sådan kod för ett kontaktforumlär i PHP kan man finna på en massa ställen om man googlar. De flesta webhotell kan köra PHP.

www.google.se/search?q=php+for+simple+co...lKVbKjNcKosgHSioGoDw

Att sätta upp en liten MySQL-databas är lätt att göra med tex PHPMyadmin och PHPMyAdmin finns på de flesta webbhotell, eller i alla fall något liknande. Du kan även ladda hem det och ladda upp det till ditt webbhotell som en mapp på din webbsite. Men webbhotellet måste förstås ha gett dig namn, adress, användarnamn och lösenord till din MySQL-databas. Kan vara en tilläggstjänst.

Läs mer och inspireras av andra bra kampanjsiter här: kampanjsiter .

Men detta steg kan vara lite överkurs för en nybakad webbutvecklare. :)

Be Logga in eller Skapa ett konto ansluta till konversationen.

  • Ola Andersson
  • Ola Andersson Profilbild Författare till inlägg
  • Offline
  • Administrator
  • Administrator
Mer
3 år 5 månader sedan - 3 år 5 månader sedan #1192 av Ola Andersson
Ola Andersson Svarade på ämne: Startpaket för att bygga webbsiter, tex kampanjsiter, landningssidor, single ser
Hur får man siten snygg då? Bilderna! Designertricks!





Bilden är från siten Unsplash.com av Morgan Sessions .


Lägg till snygga bilder

För att ditt startpaket skall se snygg ut behöver du vanligen bara lägga till snygga bilder. Tur att detta är lätt att finna! Tex här:

53 ställen att finna bra gratis bilder

Här är sex av de som nämns i den artikeln:
  1. foodiesfeed.com/
  2. unsplash.com
  3. gratisography.com
  4. www.splitshire.com
  5. kaboompics.com
I bilden nedan har jag lagt in ikoner jag fann på Endlessicons.com .

Flera siter för ikoner och bilder i denna tråd .




Bilden ovan kommer från siten Pexels som hänvisar vidare till Splitshire . CC0.

Designerhacks
Bearbeta bilderna för att få siten snyggare med hjälp av några vanliga tricks som designers använder sig av. Det är lättare än man tror att få det att se snyggt ut.

Lajja med bilderna i Photoshop eller Gimp eller Canva med hjälp av dessa designerhacks:

10 design hacks that make you a pro designer over night .

Flera tips för layout och design finns i tråden Online-kurser, tutorials, guider för layout .

Saknar du bildredigeringsprogram i datorn, så kan du använda dig av open source-program, som tex Gimp som är ungefär som Photoshop, eller webbsiter som Canva i vilken man kan lägga text ovanpå bilder i ett webbgränssnitt. Det finns faktiskt en massa sådana program och webbtjänster, här finns en tråd om det : Open Source program och onlinetjänster för att redigera bilder, skapa illustrationer och presentationer .
Bilagor:

Be Logga in eller Skapa ett konto ansluta till konversationen.

  • Ola Andersson
  • Ola Andersson Profilbild Författare till inlägg
  • Offline
  • Administrator
  • Administrator
Mer
3 år 5 månader sedan #1193 av Ola Andersson
Ola Andersson Svarade på ämne: Startpaket för att bygga webbsiter, tex kampanjsiter, landningssidor, single ser
Frameworks
Det finns även ett frameworks man kan lära sig: Foundation The most advanced responsive front-end framework in the world.

Be Logga in eller Skapa ett konto ansluta till konversationen.