website design in elkaar krijgen
- Onderwerp starter lefty999
- Startdatum
- Status
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Dan moet je het in stukken snijden, zodat je een tabel krijgt en het plaatje als achtergrond kan functioneren.
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Voor je uitgewerkt:
http://www.zeepoort.nl/lampje/
alle files zijn te downloaden (zip) en ook de opzet van het snijden zit erin,
de sid file.
http://www.zeepoort.nl/lampje/
alle files zijn te downloaden (zip) en ook de opzet van het snijden zit erin,
de sid file.
Tabellen zijn niet bedoeld om je layout mee op te zetten... Beter gebruik je een paar <div>'s i.c.m. CSSpeter vazed zei:Dan moet je het in stukken snijden, zodat je een tabel krijgt en het plaatje als achtergrond kan functioneren.
Overigens zit d'r een foutje in: de tekst scrollt in Firefox te laag
Laatst bewerkt:
hoe krijg je het dan klaar in divs?JPeetje zei:Tabellen zijn niet bedoeld om je layout mee op te zetten... Beter gebruik je een paar <div>'s i.c.m. CSS
Overigens zit d'r een foutje in: de tekst scrollt in Firefox te laag
das voor mij een nieuw iets
Serieus ?lefty999 zei:hoe krijg je het dan klaar in divs?
das voor mij een nieuw iets
. Ha'k niet verwacht, zelfs de beginners krijgen tegenwoordig die kennis er wel ingestampt van de gevorderden... Maar goed, hier wordt heel mooi uitgelegd hoe DIV's werken
. Het snelst leer je trouwens door simpelweg veel te prutsen 
A List Apart, prachtige website !
jackes een engelse uitleg :sJPeetje zei:Serieus ?
Maar goed, hier wordt heel mooi uitgelegd hoe DIV's werken
A List Apart, prachtige website !
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
jha dus de website wil ik indelen in 4 randen en een center schermdus een header een footer en links en rechts een rand en in het midden dan de tekstveld (dus het kadertje met het lampjeJPeetje zei:Huh ? Een achtergrond te include in alle 4 richtingen ? Dat moet je toch echt ff beter omschirjven
ik snpa het divs en css systeem niet echt goed kan iemand me een voorbeeld geven?lefty999 zei:
dus neem dat ik in een css de afbeelding footer.jpg oproep als background,hoe maak ik dan dat ik footer.jpg als div vermeld in de website?
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Dat je het niet snapt, snap ik wel.
Het is ook niet in één keer te bevatten.
Een pagina voor een site bestaat uit html code, meestal gevat in een of meerdere tabellen.
Nu heb je ook opmaak codes, als vet, ander lettertype etc.
Deze worden gewoon in de html code ingevoegd.
Je code wordt een lange onoverzichtelijke brei.
Aanpassen en wijzigen is een crime.
CSS zorgt ervoor, dat je de OPMAAK codes buiten je pagina brengt.
Dit stop je een een style, welke als losse file wordt opgeslagen. (style.css)
Dus voor heel je site kun je door slechts in deze file het font te veranderen je site van dit font voorzien.
Voordeel: vlotter aanpassen en je code is overzichtelijker.
Doordat de huidige browsers css ondersteunen is het gebruik van css aan te bevelen.
Ook kun je css voor de layout -het aanzien- van je pagina gebruiken.
Dus de LAYOUT kun je ook in een style onderbrengen.
Het voordeel:
je content en menu zitten gewoon in een paar divs.
Je code is overzichtelijker en compacter, doordat je de tabellen laat vervallen.
Maar dit, dus de layout, vergt wel wat aandacht.
Je zult heel wat moeten stoeien om het naar je zin te krijgen.
EN.... controleer het wel in IE en Firefox, dit omdat de weergave van sommige css elementen niet altijd op dezelfde wijze wordt weergegeven.
Voorbeeld:
http://www.zeepoort.nl/lampje/css_lampje2.html
bekijk het in IE en FF.
Infosites:
http://www.glish.com/css/
http://www.webreference.com/authoring/style/sheets/layout/advanced/
Het is ook niet in één keer te bevatten.
Een pagina voor een site bestaat uit html code, meestal gevat in een of meerdere tabellen.
Nu heb je ook opmaak codes, als vet, ander lettertype etc.
Deze worden gewoon in de html code ingevoegd.
Je code wordt een lange onoverzichtelijke brei.
Aanpassen en wijzigen is een crime.
CSS zorgt ervoor, dat je de OPMAAK codes buiten je pagina brengt.
Dit stop je een een style, welke als losse file wordt opgeslagen. (style.css)
Dus voor heel je site kun je door slechts in deze file het font te veranderen je site van dit font voorzien.
Voordeel: vlotter aanpassen en je code is overzichtelijker.
Doordat de huidige browsers css ondersteunen is het gebruik van css aan te bevelen.
Ook kun je css voor de layout -het aanzien- van je pagina gebruiken.
Dus de LAYOUT kun je ook in een style onderbrengen.
Het voordeel:
je content en menu zitten gewoon in een paar divs.
Je code is overzichtelijker en compacter, doordat je de tabellen laat vervallen.
Maar dit, dus de layout, vergt wel wat aandacht.
Je zult heel wat moeten stoeien om het naar je zin te krijgen.
EN.... controleer het wel in IE en Firefox, dit omdat de weergave van sommige css elementen niet altijd op dezelfde wijze wordt weergegeven.
Voorbeeld:
http://www.zeepoort.nl/lampje/css_lampje2.html
bekijk het in IE en FF.
Infosites:
http://www.glish.com/css/
http://www.webreference.com/authoring/style/sheets/layout/advanced/
Jolandaatjuh
Gebruiker
- Lid geworden
- 11 jun 2003
- Berichten
- 70
Als je een beetje bekend bent met Adobe Photoshop en/of Adobe ImageReady kan je daar mooi je ontwerp in maken en ImageReady automatisch de divs laten creëren..
Vind ik altijd veel makkelijker
Vind ik altijd veel makkelijker
ik ben bekend met photoshop maar imagereader niet echt,maar ik split de backgrounds met photoshop maar die html die hij dan maakt is niet echt bruikbaar voor tekst in te gevenJolandaatjuh zei:Als je een beetje bekend bent met Adobe Photoshop en/of Adobe ImageReady kan je daar mooi je ontwerp in maken en ImageReady automatisch de divs laten creëren..
Vind ik altijd veel makkelijker
Jolandaatjuh
Gebruiker
- Lid geworden
- 11 jun 2003
- Berichten
- 70
Ik gebruik Photoshop om mijn ontwerp in te maken.. Zorg dat je in dit ontwerp verschillende lagen gebruikt voor elk stukje dat je klikbaar wilt hebben, en voor elk stukje waar je tekst in wilt kunnen zetten.
Dit bestand open ik vervolgens in ImageReady (krijg je over het algemeen bij Photoshop geleverd). In ImageReady zorg je dat je elke laag "sliced" door met de rechtermuisknop op de laag te klikken en voor de "new layer based slice" te kiezen.
Vervolgens, als alle lagen gesliced zijn, kies je onder "File" de optie "Save optimized as".. Ik hoop dat het zich verder vanzelf wijst, anders lees ik het hier wel weer
(Ik weet helaas niet wat de termen in het Nederlands zijn, dus ik hoop dat je een engelse versie hebt. Anders kan ik je later nog verder helpen als ik bij mijn vriend ben, want hij heeft wel een nederlandse photoshop )
Dit bestand open ik vervolgens in ImageReady (krijg je over het algemeen bij Photoshop geleverd). In ImageReady zorg je dat je elke laag "sliced" door met de rechtermuisknop op de laag te klikken en voor de "new layer based slice" te kiezen.
Vervolgens, als alle lagen gesliced zijn, kies je onder "File" de optie "Save optimized as".. Ik hoop dat het zich verder vanzelf wijst, anders lees ik het hier wel weer
(Ik weet helaas niet wat de termen in het Nederlands zijn, dus ik hoop dat je een engelse versie hebt. Anders kan ik je later nog verder helpen als ik bij mijn vriend ben, want hij heeft wel een nederlandse photoshop
)
Laatst bewerkt:
- Status
