Hur designar/skapar ni en hemsida ?

Jag brukar börja i photoshop och skissa, men man kan lika gärna jobba på papper, DW, notepad, gimp o.s.v. också (inte paint dock ), frågan är var man har bäst koll på verktyget. Jag jobbar snabbast i photoshop.
När jag skissar brukar jag tänka på vad sidan ska innehålla och därefter bygga layouten, man ska inte försöka vara allt för kreativ, det förvirrar bara användarna. Kopiera is the way to go...
Att lära sig photoshop gör man enligt mig bäst utan tutorials. Eftersom det är så kul så är det bara att leka på, prova igenom alla menyalternativ och sånt. Och så kan man ju läsa lite artiklar också ibland för att få tips på tekniker när man kan grunderna.(eller tidigare om man tycker det är kul) Läs te.x. cap&design så fort du får chansen(kolla på närmsta biblotek), den brukar innehålla lite photoshopmaterial.

Och så tror jag det är få som kan allt I photoshop, det finns ofta ett flertal sätt att lösa varje problem.

Jag föredrar att koda i en editor med kodfärgning, blir lättare att hitta då. Jag använder Scite och har än inte hittat någon trevligare.

Och så se till att lära dig html/xhtml och css såklart om du inte redan kan det. Om du redan kan dem och har tid över rekomenderar jag referenserna på w3c.org de går igenom allting du behöver veta om xhtml/css.

Jag kanske skrev lite långt. :/

Jag skriver all (PHP och HTML)-kod i SciTE, eller EasyEditor när jag jobbar under FreeBSD. Sedan om det inte är någon HTML-kod jag inte kan i huvudet så öppnar jag Dreamweaver och gör saken jag tänkte göra där i och kollar på koden. Bilder är överflödigt på hemsidor, men de få jag gör görs i Photoshop.

Brukar börja med penna och papper, sen överför jag detta till photoshop och testar färger. Sen implenterar jag delar av designen i html/css. Jag brukar ta skärmdump på siten och klista in i photoshop för att lägga till nya delar, det är mycket snabbare att flytta runt objekt, lägga till texter och ändra färger i photoshop än att behöva skriva css för varje idé.

Jag förstår inte varför man använder notepad till större projekt när det finns betydligt bättre texteditorer. Jag skriver det mesta i dreamweaver som har colorcoding, inbyggd preview (som renderar css korrekt och inkluderar SSI), publish (så man kan testa server kod), bra GUI för CSS, search and replace för en hel site etc. Dreamweaver kan dock kännas onödigt tung.

Jag börjar pilla i photoshop, sen kör jag i gång notepad (eller nån annan texteditor) och börjar att sitta och kladda ut divar, samtidigt som jag har en till notepad uppe med css-koden.

Har hänr att jag använder dreamveawer men jag tycker manb får mkt mer kontroll med notepad.

Får man fråga vad ni gör i Photoshop???
Menar ni fixa till lite knappar/bakgrundsbilder och sånt, eller kan man designa hemsidor på nåt sätt i Photoshop?

Antar att dom ritar upp i Photoshop hur dom har tänkt sig att sidan ska se ut. Och använder det sen som mall när dom kodar sidan. Finns det sen tex knappar som man ritat upp i mallen i photoshop så antar jag att dom bara klipper ut det och lägger till i själva sidan.
Själv gör jag inte så utan börjar koda och går efter hur jag i huvet har tänkt mig att det ska se ut. Men sen har jag inte de minsta design känsla heller

Jag jobbar så här:

1.
Tänker ut vad projektet ska handla om och vilket skripspråk jag ska koda det i (ASP eller PHP).

2.
Skriver en kravspec (Lista på vad som måste finnas med i projektet).

3.
Börjar skissa på dom klasser som ska finnas med. Använder mig av UML (Unified Modeling Language) när jag ritar upp klasserna.

4.
Börjar koda sidorna som ska finnas med.

5.
Skapar layouten till sidan.

Program jag använder:

MS Word 2003 (Kravspecen)
MS Visio 2003 (Klassdesign (UML) och design av databastabeller (UML) )
Dreamweaver 2004 (Kodar sidorna i)
EMS MySql Manager (Skapar databaser och tabeller)

Jag satt lite idag och kodade och använde ett mycket smidigt sätt!
Jag la webläsarfönstret överst på skärmen(1), htmlkoden nere till vänster(2), css-koden nere till höger(3):

|---------|
|   (1)   |
|----|----|
|(2) | (3)|
|----|----|

Och så la jag

<meta http-equiv="refresh" content="1">

I head-taggen. Vilket innebär att sidan laddas on var [content]:ånde sekund I det här fallet varje.
Så jag ser direkt när jag sparar den uppdaterade sidan i webläsaren.

Jag brukar rita en snabb skiss i paint shop pro, följt av en förfining med exakta utseendet jag vill ha. Sedan skriver jag ihop sidan i conTEXT med xhtml/css och slänger in bilder där dom behövs, brukar få upprepa ett par gånger innan jag är nöjd.

Det kan säkerligen vara för att ni fortfarande håller på att lära er arbeta med hemsidor. De som har hållt på ett tag vet mer vad det är dom vill göra och då blir det enklare att slutföra helt enkelt.

Att använda notepad för html är väl lika givande som att hugga runstenar istället för papper och penna.
Visst får ni använda det om ni vill men avskyr de som "oh jag är tuff jag använder notepad. Jag smeker notepad. Notepad är bättre än alla andra program som finns!!!".

Och här kommer den igen!

Jo jag nekar.
Jag använder själv dreamweaver? Varför det undrar du helt förvånat.
Jo, jag använder dreamweaver mx 2004 i "kodläget".
Det ändrar ingenting i min kod förutom att om jag skriver <td> så kommer </td> utomatiskt.
Dessutom är det färg så man enklare ser, man kan välja hex-kod enklare.
Det finns inbyggt ftp-program.
Jag kan få en snabb överblick över hur sidan ser ut med bara ett klick utan att starta en browser eller en spara sidan, jag kan tom se hur sidan ser ut medans jag bygger UTAN att spara och uppdatera en browser hela tiden.
Och om jag är riktigt lat och inte orkar skriva en tabell-kod så kan jag klicka och tjong kommer det upp en färdig jag bara kan modifiera koden lite på.
Jag kan wc3-kolla koden direkt i programmet.

Min poäng är att det finns många användbara funktioner som inte förstör ett piss och man inte behöver använda om man inte vill, men om du känner dig osäker att det blir lite för svårt för dig och du inte kan kontrollera koden så använd du ditt notepad men klaga inte på mig

Jag förtjänar också en word bild nu!

Använder notepad, allt annat är fusk....

Ok, så alla som inte kör windows och inte har notepad fuskar.

Jag tycker du ska koda på hålkort med strumpstickor.

Jag kan rekommendera något notepad-alternativ med syntax-highlighting m.m.

Tvingar någon grafiskt kunnig att rita layouten, sedan upp med närmsta SSH-klient, startar jed och knackar phpkod tills jag svimmar, brukar funka fint.
XHTML Strict/CSS såklart

PHP-edit är jävligt bra.
Syntax Highlighting med stöd för PHP, HTML, Javascript, CSS m.m.

Jag måste rekommendera SciTE för er som söker ett program till windows med syntax highlighting. Det är helt rent utan kludd men finns en del mysiga 'features'. Syntax highlighting finns till följande språk i det: Ada, Avenue, C/C++/C#, Eiffel, HTML, HTML with embedded JavaScript, VBScript, PHP and ASP, IDL - both MSIDL and XPIDL, INI, properties and similar, Java, JavaScript, Lisp, Lua, Make, Pascal, Perl, but not all of the language, Python, Ruby SQL and PLSQL, VB and VBScript och XML.

Jag är inte moderator, men det kanske räcker med tips om editorer nu. Det finns andra trådar för den diskussionen.

Felqute. sorry babe

Man läser kurser och lär sig ordentligt.
Själv använder jag Editpro 5 istället för notepad. Bästa programmet jag träffat.

Ritar i PS, skriver HTML i DreamWeaver, lägger till PHP i DW, Klart.

Surfar runt lite, plockar idéer, blandar dem, skriver ihop något. Väljer färger. Skapar grafik(om det finns någon, oftast inte). Kod skrivs i vim/nano, grafik görs i photoshop.

jag själv är en erkänd designer om jag får skryta lite .. först ska man alltid komma på ett färg tema . fundera på hur det ska ligga. rita upp det på ett papper. göra storyboard. och sen när du e glad med allt rita upp allt i en stor bild sedan slicar du ner dom så bilderna inte är så tunga sedan lägg upp dom i ett html dokument med antingen frames(tycker jag e bäst) eller i tabell sedan kan du resten tror jag.

men kom ihåg ett bra färg schema är alltid viktigt typ du kan inte ha svart o vit i många lägen det ser inte snyggt ut helt enkelt. dock ljusare bakgrund ger en mer pro look om man vill t.ex vill sälja något....medan mörkare är till t.ex klan hemsidor eller design hemsidor dock finns det massor av undantag det brus på vad man tycker om helt enkelt