Archief - Info: Photoshop ontwerp afwerken

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
H

HalaMadrid

Legacy Member
Hallo,

Ik heb enkele vraagjes. Vroeger werkte ik altijd met een photoshop ontwerp voor mijn websites en stopte ik er een inline frame in.

Nu ga ik met het ontwerp per pagina aanpassen, zodat de bezoeker ziet op welke pagina hij zit en zo.

Even voorstellen:
- Een banner bovenaan
- Links wat keuzes in een menu zoals:
- Voetbal
- Bestuur
(in die stijl)
- En dan onder de banner en rechts van die keuzes de eigenlijk pagina.

Als ik dan in die cel (de cel van de pagina) typ en ik kom met mijn tekst lager dan de hoogte van de cel. Dan vervormt het hele ontwerp.
Kunnen jullie mij een paar tips geven, van wat ik met de cel moet doen waar de eigenlijke tekst in komt. (liever niet met een scrollbar)
ik zou eigenlijk graag hebben dat de pagina zo lang wordt als nodig en dat ik onderaan een afsluiten kan plaatsen (een lijn, of een foto'tje). Kan iemand me precies uitleggen wat ik het best doe en hoe?

Grs Sam
$

$te@LFi$H

Legacy Member
u antwoord is heel simpel, leer css. En zet alles mooi in divs, en positioneer waar je maar wil ;) zonder dat je layout veranderd.

Groetjes
H

HalaMadrid

Legacy Member
Kan er mij iemand een goeje nederlandstalige css site geven.
W3school heb ik al veel gevonden. Maar is soms moeilijk in het engels.
D

DarkBone

Legacy Member
Kun je je site niet online zetten?
Het zou het ons veel makkelijker maken om gerichter te helpen.

Ik ken uw probleem, maar al te goed eigenlijk, maar zomaar zeggen hoe je het in jou situatie kan oplossen is onmogelijk.

Anyway, starten vanaf een layout die gesliced werd in photoshop is sowieso slecht als je niet ten voldoende css/html kent of kan benutten. Een website is niet zomaar even iets in photoshop uittekenen en dan in stukjes hakken. Over de opbouw moet nagedacht worden, je moet in termen van 'lagen' (layers) en herhalingen kunnen denken.
H

HalaMadrid

Legacy Member
www.goedkooptelefoneren.be,

maar ik stel de vraag voor in de toekomst.
Maar stel > ik wil in plaats van het grote frame een pagina die naar beneden loopt, zo lang als de tekst is. Dus ik heb dan alleen maar een scrollbar rechts.
Hoe moet ik daaraan beginnen, nadat ik klaar ben met mijn photoshop ontwerp?

Grs Sam
D

DarkBone

Legacy Member
Wel, gewoon zorgen dat al je images verticaal bovenaan gealigneerd worden in je tabel, en eventueel zorgen voor herhalende elementen tussen uw menu en uw footer, zodat het niet opvalt dat er geen aansluiting meer is als de layout "openschuift".

En het begint al bij het ontwerp in photoshop, daar moet je er al rekening mee houden dat he website uiteindelijk verticaal en/of horzizontaal zal moeten kunnen meebewegen. Dus op bepaalde plaatsen zal herhaling van hetzelfde element moeten voorkomen. Een vlak kleur op zicht herhaalt natuurlijk al, maar denk bijvoorbeeld aan een randje van je website. Knip er een stukje uit, zet het als achtergrond van de tabelcel zodat het herhaald en huppakee!

Visueel voorgesteld:
http://www.webcoder.be/lode/_lessons/slicen01.jpg
H

HalaMadrid

Legacy Member
Je hebt mij goed aan het denken gezet, maar ik graak er nog niet helemaal uit.

Wil je het eens in stappen uileggen,
Ik snap al hoe ik moet slicen door jou link.

Dus:
- Ik maak mijn ontwerp en slice het zodanig het flexibel is.
- Ik ga naar save for web - en sla het op als html.
- En dan? Hoe begin ik dan met mijn tekst te typen? moet ik nog iets veranderen eerst. Want normaal stopte ik er dan een frame in en typte ik daarin, maar nu?
Hoe moet ik hier verder?

Grs Sam
D

DarkBone

Legacy Member
Daarom dus dat je HTML (en CSS) moet kenne.
Ge zet gewoon uw tekst waar normaal uw iframe kwam, en vergeet natuurlijk niet om de image die er op datamoment staat als achtergrond te zetten (het beste is eigenlijk gewoon een normale kleur, af een herhalend achtergrondpatroon, zonder te druk te zijn).
H

HalaMadrid

Legacy Member
't is mij gelukt!

Heel erg bedankt, je hebt mij een tijdperk verder geholpen.

Grs Sam

Kan je mij ook nog vertellen, wat de voordelen zijn om de pagina's op hun geheel telkens in te laden i.p.v. frames.
?
L

LunchBox

Legacy Member
je zegt het zelf in je introductie tekstje:
--
Nu ga ik met het ontwerp per pagina aanpassen, zodat de bezoeker ziet op welke pagina hij zit en zo.
--
en uiteraard veel belangrijker (bij een dynamische pagina) nog de update-mogelijkheden.. je moet de basis interface maar één keer maken, de menu maar één keer, de algemene tekstlayout maar één keer - enkel de tekst zelf verandert dus als je nu zaken moet wijzigen moet je niet in 20 html files dezelfde veranderingen doorvoeren.

(en het argument dat je vaak hoort van: "frames worden niet goed ondersteund door alle browsers", maar dat heb ik tot nogtoe nog bij geen enkele persoon als bezwaar gehoord - dus lijkt me zo'n excuus van lang geleden waar men zich aan blijft vastklampen.. niet?)
D

DarkBone

Legacy Member
Euhm qua onderhoudbaarheid zijn frames nog altijd stukken gemakkelijker.
ALs je met een taal zoals PHP of ASP (server-side dus) werkt kun je echter de frames laten vallen en de bestanden gewoon 'includen' zoals dat heet (zo'n websites heten ook wel dynamische websites, hun inhoud wordt namelijk samengesteld door een achterliggende scripting/programmeertaal).

Frames worden over het algemeen als verouderd beschouwd, hoewel het voor statische html pagina's zeker zijn voordelen heeft qua onderhoudbaarheid.

Zoekmachines kunnen meestal niet goed overweg met frames, het gebeurt dan ook vaak dat je op een 'kind'-frame terecht komt in plaats van de volledige frameset.

Het voordeel ten opzicht van iframes is duidelijk, de uitbreidbaarheid van je pagina in de lengte en/of de breedte, iets wat met frames niet bekomen kan worden.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan