Pagina's: [1] |   Omlaag

Auteur Topic: Slicen en div's  (gelezen 1295 keer)

0 leden en 1 gast bekijken dit topic.

chris

  • Nieuw lid
  • *
  • Offline
  • Berichten: 5
Slicen en div's
« Gepost op: 29-09-2009, 12:59 »

Hoi Frances,

Allereerst mijn complimenten voor je mooie boek. Erg leuk ook dat er een website aanhangt met dit forum. Meteen gebruik van maken dus...

Ik heb voor mijn eigen onderneming (kunstenaar) een een site in PS ontworpen en ik weet niet goed wat nu de beste aanpak is. Als bijlage heb ik een voorbeeld van een pagina toegevoegd. De opbouw van alle pagina's is hetzelfde als deze pagina maar dan met andere tekst en andere plaatjes (ook die in de banner zijn op elke pagina anders). Alle plaatjes moeten clickable zijn (ook in de banner) en moeten een link zijn naar de voorbeeldenpagina.
maar nu?
Moet ik alle plaatjes en tekst weghalen in PS, de overgebleven rechthoeken (met ronde hoeken) slicen (in 5 delen), die als achtergrondafbeelding in mijn css zetten en de plaatjes in de html ( in een tabel of niet). Of moet ik het hele PS document met alle plaatjes slicen (stuk of 20 delen) en daar div's van maken ? Misschien een hele andere optie?
 
Ik hoop dat je op weg kunt helpen!

Alvast bedankt,

Christine
Gelogd

Frances

  • Beheerder
  • Junior lid
  • *****
  • Offline
  • Berichten: 61
Re:Slicen en div's
« Reactie #1 Gepost op: 30-09-2009, 15:00 »

Hallo Christine,

Zet zoveel mogelijk geschreven informatie in HTML en plaats zo min mogelijk informatie met plaatjes. Uitgaande van jouw voorbeeld zou ik alle tekst in HTML zetten, dus inderdaad in Ps de tekstlagen uitzetten en dan de foto's uitsnijden en met Safe-for-Web opslaan in de rootfolder van je site.

In Dw kunnen in de kop de foto's en de tekst op één regel naast elkaar in een div staan. Je menu daaronder gaat in een lijst. De twee blokken eronder ieder in een aparte div waarbij je het tekstblok een width en een float: left geeft.

Als je kunt werken met absoluut positioneren kan je de volgorde in de code aanpassen en het tekstblok in de code als eerste plaatsen, gevolgd door de kop, de div met de 8 foto's en als laatste het menu. Dat is gunstig voor de zoekmachineindexering: de belangrijkste informatie eerst. Screenreaders hoeven zo ook niet op iedere pagina eerst het menu te lezen maar komen direct to the point met de tekst van die pagina.

Ronde hoeken zijn een verhaal apart. Inderdaad kan je werken met verschillende divs en achtergrondplaatjes. Wel zonde van al die extra code. Als je kijkt op http://www.delicious.com/waalweb en zoekt op hoeken verschijnen er 3 websites met informatie over het maken van ronde hoeken.

Ik hoop dat ik je hiermee wat verder heb geholpen. Dank voor je complimenten over mijn boek!

Succes,
Frances
« Laatste verandering: 30-09-2009, 15:11 door Frances »
Gelogd

chris

  • Nieuw lid
  • *
  • Offline
  • Berichten: 5
Re:Slicen en div's
« Reactie #2 Gepost op: 05-10-2009, 13:03 »

Hoi Frances,

Bedankt voor je antwoord. Toch nog een paar vraagjes:

- Hoe kan ik in een div 8 foto's mbv de code goed positioneren?
- Waarom zou ik alle plaatjes uitsnijden in PS en dan opslaan als jpg. Is het niet makkelijker alle plaatjes afzonderlijk op te slaan als jpg zonder ze eerst in PS in het document te zetten. Heb ik dan PS nog wel nodig?

Ik wist niet dat ronde hoeken zo moeilijk zijn. Ik ga wel eerst even een site proberen te maken zonder ronde hoeken..

Groet,

Christine
Gelogd

Frances

  • Beheerder
  • Junior lid
  • *****
  • Offline
  • Berichten: 61
Re:Slicen en div's
« Reactie #3 Gepost op: 05-10-2009, 17:43 »

In Hoofdstuk 12 en 13 wordt absoluut positioneren uitgelegd.
En inderdaad is het niet noodzakelijk om de afbeeldingen uit je Ps-ontwerp te snijden, je kunt ook je afbeeldingen direct omzetten naar het gewenste formaat en opslaan in je rootfolder.
Als dit je eerste site is zou ik inderdaad niet direct beginnen met ronde hoeken.
Gelogd
Pagina's: [1] |   Omhoog