Permalänk
Medlem

Skapa webbsida tips!

Tjena är så att jag är anställd på ett litet företag 4 personer! Och har nu tänkt att göra en hemsida åt dem helt på hobbynivå då, Men har inga större erfarenheter av webbdesign, jag kan dock grunderna i html php mysql mm.

Men hur gör ni när ni ska lägga upp en sida alltså designmässigt, bygger ni sk templates i photoshop eller vad hur gör ni. Jag har ingen aning om hur jag ska börja?
Jag hade tänkt mig en simpel ren stil typ som denna Fast utan alla rörliga bilder mm alltså ingen java eller vad det nu är som styr det hela.

Hur skulle ni lägga upp ett sådant projekt ?

Tidigare hemsidor jag har gjort har varit groteskt fula och uppbyggda av frames så tänkte att jag kunde göra denna på ett lite mer professionellt sett?

tackar för tips tips!!

Visa signatur

Let the Slatte power be with you :-)

Permalänk
Medlem

Tekniken att bygga upp en sida proffsigt beskrivs här, http://sigurdhsson.org/webboken/ . Dvs med div-taggar.

Permalänk
Medlem

Det blir mycket lättare att utgå från en designmall, så det är rätt tänkt att börja i något ritprogram som gärna kan visa en grid eller stödlinjer (så som Ps). Layouten du länkar till är väldigt beroende av marginaler och "luft" för att det ska se harmoniskt ut, det är alltid bra att testa grafik, marginaler, texter innan man bygger.

Men innan du börjar designa så bör du tänka igenom vad det är för innehåll som ska styra sidan, det är ofta avgörande för vilken typ av layout sidan ska få. Som exempel om den behöver flera menyer så som en meny i toppen och en vänstermeny, då kanske det är två (eller tre kolumner - om ni vill ha puffar eller reklam i högerkolumnen) du ska förbereda för. Kommer sidan att uppdateras ofta och behöva en nyhetskanal så kanske en artikelrelaterad layout gör sig bäst. Är det statiska sidor så finns det mer utrymme att göra en mer komplex layout runtom texterna.

Så konkret,
Steg 1: Vad kommer innehållet att vara
Steg 2: Vilken layout lämpar sig bäst
Steg 3: Skissa
Steg 4: Bygg

Ge steg 3 tid, det dyker alltid upp förändringar i det stadiet som gör att man måste stuva om, då är det skönt att göra det innan man börjat bygga, detta för att det tar mycket längre tid att göra om kod än design i och med att man då ofta måste göra separata designobjekt för den omstuvade koden.

Lite länkar för att få inspiration och hjälp:
http://w3schools.com/
http://www.smashingmagazine.com/
http://cssdrive.com/
http://www.csszengarden.com/
http://www.designcharts.com/

När du sedan får problem med design/kod så finns vi här.

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Medlem

Så ni tycker att jag ska försöka ge mig på att skissa upp sidan i Photoshop först? Tur att man är kung på photoshop *ironi*

Neh men jag ska försöka följa dina steg som du skrev save, verkar vara en bra ordning!

Dock har jag redan kört fast, hur stort bör sidan vara alltså bredd och höjd antal pixlar?

Visa signatur

Let the Slatte power be with you :-)

Permalänk
Medlem

960pixlar bred brukar man väll köra som standard? Och höjden får ju vara dynamiskt antar jag.

Det är iaf så som jag själv kör. Kan rekomendera http://gridder.andreehansson.se/ sen när du ska implementera designen, blir mycket enklare att arbeta med den, tycker jag själv

Permalänk
Medlem

Som timerx säger så är 960 en helt ok standard att hålla sig till. En annan bra grund att utgå från är 960gs där du även får mallar till de större layoutprogrammen. Ett gridsystem kräver dock att du har lite koll på css i och med att det ibland kan krocka med din egna kod. Du kan alltid kolla på lite statistik för att få ett hum om vad som kommer krävas av sidan vad gäller upplösningar och webbläsare.

Visa signatur

i7 920 | 12GB DDR3 | GTX 480 | GA-X58A-UD7 | 160GB SSD X25-M G2 | 1TB F3 HD103SJ | W7 64-bit | Mac Mini
Webb: bluekitestudios.com

Permalänk
Medlem

Personligen brukar jag hålla mig inom 1024 pixel i bredd. Men det är väl smaksak från designer till designer.

Och även om designen är "fluid" eller inte med mera.
Finns många parametrar.

Visa signatur

Fractal Design Arc Svart | MSI Z68A-GD55 G3 REV B3 | Intel® Core i7 2600K, 3.4GHz, 8MB | Corsair 16GB (4x4096MB) CL9 1600Mhz VENGEANCE LP | MSI GeForce GTX 670 | Phanteks PH-TC14PE CPU Cooler (vit) | Corsair Power Supply 650W TX M, Modular, ATX, PS/2 | SSD (okänd tillverkare) + 2 äldre SATA2 diskar på 750 Gb, 350 gb. | OS: Microsoft Windows 10 home.