WN

WN (https://www.wn.se/forum/index.php)
-   Allmänt (https://www.wn.se/forum/forumdisplay.php?f=2)
-   -   Arbetsflöde för en hemsida (https://www.wn.se/forum/showthread.php?t=668)

Henrik websnickrare 2003-11-06 08:34

Jag fiskar lite efter hur ni lägger upp ert arbetsflöde.
En del kör ju Adobes väg: Photoshop, Illustrator, Imageready och Golive.
En del kör ju Macromedias väg: Fireworks och Dreamweaver.
Andra kör säkert en kombination och en del utelämnar Dreamweaver/Golive helt
och kodar för hand i kanske BBedit eller liknande.

Jag fastnade direkt i Adobes program och började faktiskt med Photoshop och Pagemill. Hehehe Pagemill...
Sedan så gick jag i alla fall över till Golive cyber studio. Men det dröjde inte länge föräns jag bytte till
Dreamweaver, det var i samma veva som jag började lära mig html och css på allvar. Jag tycker Dreamweaver
passar mig bättre, den skriver bättre kod och ger mig mer kontroll över koden.

Så jag började snegla på Fireworks också och tycker riktigt mycket om det. En stor fördel är ju att Macromedias
väg är mindre dyrt och kräver inte lika mycket ram i burken. Photoshop och Illustrator äter ju upp mycket mer
ram än Fireworks som både klarar vector och pixelgrafik. Eftersom Fireworks låter en blanda pixel och vektorgrafik så,
så är det bra om man har koll på saker och ting dock om man ämnar göra en Flashsida, där vektorgrafik är att föredra.
Flash rastrerar allt som inte är vektografik och ser man inte upp så kanske man hamnar med 20 jpgs på slutändan.

Jag vet att en del kodar allt för hand men jag tycker det är lite slöseri med tid, i alla fall html. Css kodar jag alltid för hand.
I Dreamweaver kör jag dock alltid splitscreen så jag ser så inget fuffens händer och har möjlighet att gå in i koden och
operera.


Så jag är som sagt intresserad av hur ni lägger upp ert arbetsflöde och hur ni kodar.

melin 2003-11-06 10:15

men... det är ju yrkeshemligheter...

men ok - så här jobbar jag

1. papper och penna (en bra skiss över hur man vill ha det när det är klart är väldigt bra att ha)
2. rita samman skissen i Flash/Photoshop (eller annat program) så man får en bild av hur det kommer se ut på skärmen
3. Knacka ihop koden i Dreamweaver
4. Finjustera alla bilder och HTML kod...
5. Gå till punkt 4

Henrik websnickrare 2003-11-06 10:22

Melin... sparsam du är med orden... hehe... jaja det är din sak.
Jag är på amatörnivå och bryr mig inte om folk vet hur jag jobbar. B)

melin 2003-11-06 10:27

Sparsam med orden? Vad ska man mer säga om saken?


Vill du veta varför jag använder dom olika programmen också?

Flash - för att det är lätt att leka med linjer och ytor
Dreamweaver - Snabbt och enkelt att jobba i - relativt ren kod

usch va trött jag är... :blink:

Henrik websnickrare 2003-11-06 10:44

Jag tänkte få igång en bra tråd bara. Jag lyckades ju skria en del.
Med sparsam menade jag typ att det skulle vara en hemliget hur du jobbar.
Men vill du inte utveckla ditt inlägg så låt bli.

K-Fluffie 2003-11-06 10:49

Det är lättare att se hur man jobbar genom att skriva det i punktform, tycker jag.
Hur som helst. Här kommer min arbetsmetod.

1. Jag får en uppenbarelse hur en hemsida ska se ut så jag springer till datorn och startar (oftast) PhotoShop.
2. Jag kollar på designen som jag har gjort.
3. Jag finjusterar den.
4. Kodar (i 1stPage) och kollar hur sidan ser ut.
5. Hittar en del som inte passar, gör om i PhotoShop.
6. Finjusterar grafiken ytterligare en gång.
7. Kollar om jag är nöjd.
8. Skapar CSS etc.
9. Kollar hela tiden om grafiken ser bra ut. Hittar jag ett fel så finjusteras det.

"En bild säger mer än 1000 ord"

Yohan 2003-11-06 11:12

Jag har försökt hålla mig till rena html-program som ger mig lite sparsamhet när det gäller själva kod-skrivningen, men jag var tvungen att gå över till dreamweaver eftersom det sparar såååå mycket tid och skriver relativt rent språk....

1. Skissa på papper
2. photoshop
3. dreamweaver
4. photoshop
5. dreamweaver
6. slår på datorn för att något felar (säkert ett enkelt litet fel)
7. knapprar lite mer kod
8. Voila´!

Henrik websnickrare 2003-11-06 11:20

Inget Fireworks här inte då? :o

Christian 2003-11-06 16:02

Jag har praktiskt taget samma arbetsflöde som DAiKiNi.
Fast jag har en punkt 1.5 som är viktigt, sätta på bra/passande bakgrundsmusik. :)

Fireworks? Tja, jag har provat men det har aldrig klickat för mig.

Henrik websnickrare 2003-11-06 16:52

Fireworks rokkar!! :D

efa 2003-11-06 18:49

Ok, det här är bara design-biten. Innan jag börjar med den finns alltid ett planeringsarbete, idéskissning med mera.

DESIGN:

1. Grundläggande val; vad ska sajten förmedla.
2. Hur förmedlas detta; vilka färger, vilken stil osv...
3. Benchmarking; hur har andra löst just detta, hitta en eller två inspirationssajter
4. Skissa på papper
5. Diskussion och överenskommelse med kund eller andra inblandade
6. Photoshop
7. Uppföljning; lever vi upp till punkt 1 och 2 med det här?
8. Diskussion och överenskommelse med kund eller andra inblandade
9. Eventuellta korrigeringar; åter till steg 4
10. Dreamweaver
11. Kodfixning, validering, finsplipning
12. Testkörning. Olika läsare, olika operativsystem.
13. Eventuella korrigeringar; åter till steg 9
14. Överlämning till kund eller annan person (tex programmerare)

Marcus 2003-11-06 18:55

1: FUNDERA
2: SPEKULERA
3: TÄNKA
4: SPÅNA
5: FUNDERA LITE MER
6: KODA
7: FORTSÄTT KODA...
8: GOTO 7

Jens 2003-11-06 19:49

Den här arbetsgången stämmer nog in på mycket jag gjort ..

1. Komma på en suverän idé
2. Söka information och skaffa kunskap i ämnet
3. Köpa domännamn
4. Börja koda
5. Inse sina begränsningar och lägga projektet på is
6. Bli lite äldre
7. ta sig i kragen och slutföra kodningen
8. få hjälp med webdesignen (det som jag är dålig på)
9. Voila!

Marcus 2003-11-06 20:03

Citat:

Originally posted by Silon@Nov 6 2003, 17:49
Den här arbetsgången stämmer nog in på mycket jag gjort ..

1. Komma på en suverän idé
2. Söka information och skaffa kunskap i ämnet
3. Köpa domännamn
4. Börja koda
5. Inse sina begränsningar och lägga projektet på is
6. Bli lite äldre
7. ta sig i kragen och slutföra kodningen
8. få hjälp med webdesignen (det som jag är dålig på)
9. Voila!

webdesign, vad ska man med sånt tjaffs till? =)

ZN 2003-11-06 21:07

Citat:

Originally posted by Silon@Nov 6 2003, 17:49
Den här arbetsgången stämmer nog in på mycket jag gjort ..

1. Komma på en suverän idé
2. Söka information och skaffa kunskap i ämnet
3. Köpa domännamn
4. Börja koda
5. Inse sina begränsningar och lägga projektet på is
6. Bli lite äldre
7. ta sig i kragen och slutföra kodningen
8. få hjälp med webdesignen (det som jag är dålig på)
9. Voila!

HAHA, känner igen mig som fan där :D

Jocke 2003-11-07 03:33

Är det inte någon som andvänder Macromedia HomeSite?
Det gör ja i alla fall.

Nyqvist 2003-11-07 11:20

Måste nog säga att jag tycker Efa lista var helt ok.
Skulle dock vilja lägga in vissa punkter.

* Kolla upp miljön på det webbhotel du tänker använda. Tex. ett projekt som deltog i behövde anvädna php GD-lib, vilket jag körde i min testmiljö, men som inte fanns på webb hotellet.

* Gör upp en tidplan med olika chekpunkter, i den skall finnas möjlighet till omprioritering. Om projektet blir försenat, vilket det har en tendens att bli inom IT-världen

* Testa sidan ofta mot såväll interna som externa intressenter.

* Tänk dynamiskt och less is more. Att göra en tung och komplicerad sida kan var spännande men bli väldigt dyrt om man inte får ihop det. Med dynamaiskt menar jag att göra sidan möjligt att ändra på med enkla medel tex db byggd. Vad händer om vi skall rikta oss mot en utländsk marknad? Vad händer om .... ? Tänk bortom målet och målgruppen.

* Tänk över samsplet mellan klient och server funktioner.


* Tänk upp funktioner och objekt.

OSV
Mattias

Satyr 2003-12-08 02:07

Eftersom alla andra "sålt ut sig" (hehe) så kan ju jag också göra det.
¤Bestäm möte med kunden
¤För en diskussion om vad de vill ha, vad du kan (givetvis) och få ut så mycket som möjligt
¤Åk hem smartare
¤Papper & Penna. Rita och skriv hur den ska se ut
¤Lägg grunden (i mitt fall koda all php & mysql)
¤Fixa designen
¤Bestäm ett möte till, presentera och fråga efter eventuella kompletteringar/förändringar
¤Publicera

Jag använder:
¤EditPad (Typ Anteckningar, fast med radräkning)
¤Photoshop
¤SmartFTP

Lycka till

nomicon 2003-12-08 02:12

Såhär arbetar jag.

Tag fram alla möjliga vätskor som finns i kyl och skafferi, blanda ihop lagom mängd i en bunke.
Den färg vi får fram här är den bakgrundsfärg sidan skall ha.

Tillsatt 3msk röd eller blå karamellfärg, resultatet är den färg "allt annat" skall ha.

Be alla dina kompisar i skolan / kollegor på jobbet skriva ned ett ord, vilket som helst, på en lapp och ge
till dig. Sidans content/syfte/mening ska då innefatta alla dessa ord. Obs, måste minst vara 10-15st.

Gå hem, sätt dig framför datorn, ta fram din ultra-delux edition av PhotoShop GrärsCutter 1.0, ha alla lappar
framför dig, samt de 2 färger sidan skall gå i..

voila! Så skapas en hemsida på nomicon-viset

-martin

Filipp 2003-12-08 05:17

Jag känner igen mig i de flestas arbetsgång (skissa, designa, koda), men jag har inte sett att någon uttryckligen använder MS Visual Interdev. Det verktyget passar mig bra eftersom jag vill "hårdkoda" all html (samt asp). Även om det tar längre tid så sparar jag in den tiden då det kommer till tex tabell-hantering.

När jag började med webbdesign använde jag dreamweaver och tyckte det var toppen. Men idag skulle jag nog aldrig gå tillbaka.

Ursäkta mitt ordval av "hårdkoda" men jag kom inte på ngt bättre i den här sena timmen ;)

Jevesus 2003-12-08 23:14

Citat:

Originally posted by Filipp@Dec 8 2003, 03:17
När jag började med webbdesign använde jag dreamweaver och tyckte det var toppen. Men idag skulle jag nog aldrig gå tillbaka.

Ursäkta mitt ordval av "hårdkoda" men jag kom inte på ngt bättre i den här sena timmen ;)

Jag började med Notepad, sedan Homesite. Sen kikade man ju lite på andra editorer, däribland EditPad, Dreamweaver, etc, osv.

Idag kör jag Dreamweaver MX, i kodläge. Dreamweaver MX (i kodläge) är Homesite (Macromedia köpte Allaire som gjorde Homesite) med en massa extra funktionalitet (som tex integrerad FTP-klient). De som tror att Dreamweaver MX är som Dreamweaver var förr när det bara var en Wysiwyg-editor borde nog testa den igen. Själv skulle jag aldrig byta tillbaka till Homesite, lika lite som jag skulle byta tillbaka till en gammal version av Photoshop, det vore ju dumt lixom.

Filipp 2003-12-09 02:22

Citat:

Jag började med Notepad, sedan Homesite. Sen kikade man ju lite på andra editorer, däribland EditPad, Dreamweaver, etc, osv.

Idag kör jag Dreamweaver MX, i kodläge. Dreamweaver MX (i kodläge) är Homesite (Macromedia köpte Allaire som gjorde Homesite) med en massa extra funktionalitet (som tex integrerad FTP-klient). De som tror att Dreamweaver MX är som Dreamweaver var förr när det bara var en Wysiwyg-editor borde nog testa den igen. Själv skulle jag aldrig byta tillbaka till Homesite, lika lite som jag skulle byta tillbaka till en gammal version av Photoshop, det vore ju dumt lixom.

Hmm integrerad FTP-client. Låter smidigt, jag kanske provar MX nån vacker dag :)

Mario 2003-12-09 02:38

Citat:

Originally posted by Filipp@Dec 9 2003, 00:22
Citat:

Jag började med Notepad, sedan Homesite. Sen kikade man ju lite på andra editorer, däribland EditPad, Dreamweaver, etc, osv.

Idag kör jag Dreamweaver MX, i kodläge. Dreamweaver MX (i kodläge) är Homesite (Macromedia köpte Allaire som gjorde Homesite) med en massa extra funktionalitet (som tex integrerad FTP-klient). De som tror att Dreamweaver MX är som Dreamweaver var förr när det bara var en Wysiwyg-editor borde nog testa den igen. Själv skulle jag aldrig byta tillbaka till Homesite, lika lite som jag skulle byta tillbaka till en gammal version av Photoshop, det vore ju dumt lixom.

Hmm integrerad FTP-client. Låter smidigt, jag kanske provar MX nån vacker dag :)

finns andra simplare program som har samma funktion, dvs. direkt ladda upp till ftp, exempel;

Editplus ( http://www.editplus.com )

NuSphere PHPed ( http://www.phped.com )

Det sistnämna är gott om du kodar PHP och vill ha ett program som klarar "allt"

Editplus är också väldigt bra, båda rekommenderas starkt.


Alla tider är GMT +2. Klockan är nu 11:44.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson