Bij mijn werk gebruiken we Classic ASP, maar hier koppelen we de XHTML pagina's aan een SEO vriendelijk CMS systeem.

Designen in Photoshop CS4,
Slicen in Photoshop CS4.
Basen in kladblok.
Uploaden met Filezilla.

Basen ben ik bagger in.. Altijd als ik dat probeer te doen en dan tekst wil invoeren gaan mijn plaatjes verschuiven ? geen idee hoe het komt..
Ik doe dan via photoshop slicen, save to web. Open het in dreamweaver, verwijder het plaatje en maak een div aan daar plant ik een css code in met het plaatje als achtergrond en dan werkt het totdat ik veel tekst of een plaatje ed. ga invoeren,
Tips zijn welkom..
- Yorick Toma

Origineel gepost door Yorick Toma

Basen ben ik bagger in.. Altijd als ik dat probeer te doen en dan tekst wil invoeren gaan mijn plaatjes verschuiven ? geen idee hoe het komt..
Ik doe dan via photoshop slicen, save to web. Open het in dreamweaver, verwijder het plaatje en maak een div aan daar plant ik een css code in met het plaatje als achtergrond en dan werkt het totdat ik veel tekst of een plaatje ed. ga invoeren,
Tips zijn welkom..
- Yorick Toma

Zo doe ik het ook, heb het zelfde probleem over dat tekst, dat de plaatjes verschuiven.

Hoe kan dat gefixt worden?

Soms afbeeldingen e.d. met photoshop of met GIMP ben niet echt een designer.
Scripten PHP/(x)HTML/MySQL/CSS/JavaScript en sites beheren doe ik met Coda (OSX).

Save to web met Photoshop is leuk om het mee te leren, maar ik zou het niet aanraden. Je codeert dan HTML met <table> , tegenwoordig wordt het gedaan met <div> dit is veel sneller, en XHTML vriendelijker

Origineel gepost door Frank van Woudenberg

Save to web met Photoshop is leuk om het mee te leren, maar ik zou het niet aanraden. Je codeert dan HTML met <table> , tegenwoordig wordt het gedaan met <div> dit is veel sneller, en XHTML vriendelijker

Ik doe het ook met divs, <table> deed ik vroeger, maar nu met <divs> en CSS is veel beter en is ook niet moeilijk.

Origineel gepost door Frank van Woudenberg

Save to web met Photoshop is leuk om het mee te leren, maar ik zou het niet aanraden. Je codeert dan HTML met <table> , tegenwoordig wordt het gedaan met <div> dit is veel sneller, en XHTML vriendelijker

Inderdaad DAT is het probleem. Het probleem ligt niet zozeer bij Photoshop zelf, en het is onzin om te gaan discussieren of je wel of geen Photoshop moet gebruiken. Het is een prachtig programma om te designen/ontwerpen, maar NIET om websites mee te bouwen! Daar is het programma in principe niet voor gemaakt. De optie 'save to web' is leuk bedacht (net zoals het leuk is bedacht bij MS Word etc. waar je zo'n optie ook hebt), maar niet geschikt voor webbouwers/programmeurs. Immers, het is totaal niet W3C valide, dan moet je dat alsnog handmatig gaan aanpassen... Het geeft dus de verkeerde code -> d.w.z. achterhaald, ouderwets, niet valide, niet semantisch, rommelig, niet zoekmachine-vriendelijk. Wat ik doe:

1. Design:in Photoshop
2. Slicen, ofwel het 'uitknippen' van de benodigde plaatjes en achtergrondafbeeldingen tot afzonderlijke jpg, png of gif bestanden: natuurlijk ook met Photoshop
3. Coderen/basen/XHTML en CSS schrijven: kladblok of NoteTab (vergelijkbaar met kladblok), gewoon 'kale' pagina en daar de HTML elementen invoegen en de CSS daarvan definiëren. Dit kan ook met Dreamweaver, maar begin dan 't liefst met een lege pagina en ga niet eerst de 'save to web' functie gebruiken van Photoshop... Dan moet je alles weer corrigeren en zie 't dan maar eens valide en gestructureerd te krijgen.

Als je van dit laatste te weinig verstand hebt (als termen als 'tableless', 'W3C valid', 'semantische opbouw' je niet zoveel zeggen, of je ontbeert kennis over XHTML en CSS), dan moet je dit gedeelte óf uitbesteden, óf je erin verdiepen (Google is your best friend), wil je als webbouwer serieus worden genomen tegenwoordig...

Edit: en oh ja, aangezien veel recente websites meestal niet meer bestaan uit statische html-pagina's maar uit dynamisch aangeroepen pagina's (vaak veel praktischer, ook ivm met aanpassingen) is er nog een vierde punt:

4. Functionaliteit van een website: in principe altijd met PHP/MySQL, tegenwoordig maak ik ook vaak gebruik van Joomla (Open Source CMS dat geprogrammeerd is in PHP).

Designen met Photoshop CS4
Slicen ook met Photshop CS4
Website bouwen in Dreamweaver CS4 met div's en CSS

mvg
Radule

Ik doe ook photoshop en dan dreamweaver, maar heeft iemand een goede tutorial van nul te beginnen voor een mooie css pagina te maken zoals jullie zeggen van een lege pagina te beginnen?

Photoshop & Illustrator
Kladblok (xhtml/css)
FlashFXP (FTP)

Onze grafische vormgever ontwerpt alles in Adobe Photoshop CS4 en Adobe Illustrator CS4. Het slicen en programmeren van websites wordt gedaan in Adobe Dreamweaver CS4 en Aptana Studio met PHP plugin.

Alle medewerkers beschikken over een Apple Macbook Pro 17".

Origineel gepost door Stijnn.

Ik doe ook photoshop en dan dreamweaver, maar heeft iemand een goede tutorial van nul te beginnen voor een mooie css pagina te maken zoals jullie zeggen van een lege pagina te beginnen?

Hier zijn 2 goeje tuts voor Beginers met Dreamweaver cs3-cs4 vanaf lege pagina duus...

http://www.tutvid.com/tutorials/drea...tepsToDivs.php

en die ook:
http://www.tutvid.com/tutorials/drea...eCSSLayout.php

mvg
radule

Bedankt die divs lijken mij zeer intressant.

Origineel gepost door Stijnn.

Bedankt die divs lijken mij zeer intressant.

No problemo ;)