Het grote webdesign topic

Hebje iets gemaakt of gewoon gevonden, met betrekking tot webdesign... Post het hier dan.

Als je kritiek hebt op sites, post ze dan.

Ben je trots op je site, post ze dan.

Ik weet het www.rikkels.com verdient geen schoonheidsprijs, maar dat lukt ook niet met Netobjects denk ik. Ben allang blij dat ik erop krijg wat ik wil.

Mag inderdaad wel wat netter, maar dan heb ik een ander progamma en verstand nodig denk ik.

Uitspraak van Pjom op woensdag 12 maart 2008 om 20:45:

▶

dat is niet waar Als jij je site opbouwt met tabellen klopt er dus al geen ene moer van

Je hebt niet goed gelezen:


Of tenminste een verkeerde conclusie getrokken..ik had namelijk geen inspraak over hoe die site gemaakt zou worden..Ik werk normaal weinig met tabbellen. Oke ik heb er een staan op de voorpagina van mijn site en 1 in mijn agenda..nou en

Uitspraak van verwijderd op woensdag 12 maart 2008 om 21:10:

▶

Ik weet het www.rikkels.com verdient geen schoonheidsprijs, maar dat lukt ook niet met Netobjects denk ik. Ben allang blij dat ik erop krijg wat ik wil.

Mag inderdaad wel wat netter, maar dan heb ik een ander progamma en verstand nodig denk ik.

Je moet even de moeite nemen om je te verdiepen in de materie

Uitspraak van Patrick Allen op woensdag 12 maart 2008 om 22:08:

▶

Oke ik heb er een staan op de voorpagina van mijn site en 1 in mijn agenda..nou en

Eén? Ik tel er een stuk of 10..
En waar heb je dat belachelijk lange popupscript voor nodig?

Das best moeilijk, ik werk niet met pc's maar met groente en ken ook niemand die ook dat progamma gebruikt.

bijvoorbeeld deze pagina http://www.rikkels.com/html/info_english.html , ik ken echt nergens een normale scheidingslijn vinden voor tussen de teksten dus heb ik zon dom sterren blinbling ding.

Iemand andere opties toevallig ???

Uitspraak van Yups! op woensdag 12 maart 2008 om 22:20:

▶

Eén? Ik tel er een stuk of 10..
En waar heb je dat belachelijk lange popupscript voor nodig?

Ik dacht dat je met tabellen echt die lijstjes met texten, in mijn agenda bedoelt.. Dat is er 1 (voor mij)

Als je klikt op Contact, pictures en gastenboek krijg je een pop up in plaats van dat het in het frame verschijnt. Dat is een mooie nood oplossing, want ik had eev inschattigs fout gemaakt met dat frame waardoor sommige pagina's niet goed inladen.

Ik werk niet met die codes, die zalhet programma wel maken denk ik.

Zoals mijn site eruit ziet nu, daar ben ik happy mee.. net als de leek in webdesign

Uitspraak van Patrick Allen op woensdag 12 maart 2008 om 22:26:

▶

Ik dacht dat je met tabellen echt die lijstjes met texten, in mijn agenda bedoelt.. Dat is er 1 (voor mij)

Elke <table> tag is gewoon een tabel en daarvan tel ik er alleen op de home al een stuk of 10.

Ga eens met divs werken!

En iframes zijn al helemaal not-done.

Uitspraak van Patrick Allen op woensdag 12 maart 2008 om 22:26:

▶

Ik dacht dat je met tabellen echt die lijstjes met texten, in mijn agenda bedoelt.. Dat is er 1 (voor mij)

Kijk en daarom is het handig om ook code te kunnen schrijven, dan weet je waar over je praat

Uitspraak van Yups! op woensdag 12 maart 2008 om 22:35:

▶

Elke <table> tag is gewoon een tabel en daarvan tel ik er alleen op de home al een stuk of 10.

Ga eens met divs werken!

En iframes zijn al helemaal not-done.

Ik heb het gezien ja..(bron weergeven)

Tja zo wwerkt dat programma..Maar ik heb net even FireFox geïnstalleerd. (zag dat de meeste gebruikers dat gebruiken, die mijn site bezochten dan.)

Het enige verschil wat mij eigenliijk stoort tussen IE7 en FF is dat de scrollbar code niet werkt bij FF, bij IE7 is die mooi blauw.

Voor de rest werkt het aleemaal prima

Maar ik ga me verdiepen in Dreamweaver want dat zag er wel mooi uit.

Ik moet me echt zo inhouden... the ignorance, ongelofelijk.

Uitspraak van Patrick Allen op woensdag 12 maart 2008 om 22:26:

▶

Ik werk niet met die codes, die zalhet programma wel maken denk ik.

En daarom werkt een serieus web developer met een text editor. Nuff said.

Uitspraak van verwijderd op donderdag 13 maart 2008 om 10:01:

▶

En daarom werkt een serieus web developer met een text editor. Nuff said.

Ik ben helemaaal geen serieus webdeveloper, meer een hobbyïst.

Moet ik dat blijven herhalen

Uitspraak van verwijderd op donderdag 13 maart 2008 om 10:01:

▶

the ignorance, ongelofelijk.

Uitspraak van Patrick Allen op donderdag 13 maart 2008 om 10:25:

▶

Ik ben helemaaal geen serieus webdeveloper, meer een hobbyïst.

Moet ik dat blijven herhalen

Dat ben je ook niet.
Je weet niet waar je mee bezig bent, ja dit knopje doet dat en als ik daar klik doet het programma dat.
Dan is elke klant van ons ook een webdesigner die kunnen met een editor tekst, afbeeldingen, tabellen enz toevoegen.

Uitspraak van Patrick Allen op donderdag 13 maart 2008 om 10:25:

▶

die is dan wel voor jouw

Uitspraak van Patrick Allen op donderdag 13 maart 2008 om 10:25:

▶

Moet ik dat blijven herhalen

Nee, je moet gewoon stil wezen, en goed opletten, net als in de klas.

Kijk mensen. Ik ben heus wel leergierig hoor. Ik heb trouwens wel een beetje baby HTML kennis. En vind het wel interessant. Heb inmiddels Dreamweaver en ben nu al een paar uurtjes aan het spelen met splitview, zodat ik zie wat je doet met die codes. En ik heb ook basis CSS kennis dus ben een beetje aan het kijken hoe dat in Dreamveaver gaat (iets lastiger maar krijg het wel door )

Moet even wennen aan de manier van een pagina opmaken.

Dus ik ga nu eerst 1 CSS file maken voor mijn hele site en dan een basis template voor hoe ik wil dat het eruit ziet.

eitje

Uitspraak van Patrick Allen op donderdag 13 maart 2008 om 22:09:

▶

Moet even wennen aan de manier van een pagina opmaken.

De manier van pagina opmaken is in elke software zo goed als hetzelfde. Weggooien heel dat dreamweaver en begin maar eens met notepad te coden.

Dan snap je tenminste wat je doet en wat er precies goed en/of fout gaat. Als je dat onder de knie hebt kun je eventueel dreamweaver starten om "on the fly" te kijken hoe je layout is via splitview.

Uitspraak van Pjom op donderdag 13 maart 2008 om 22:18:

▶

De manier van pagina opmaken is in elke software zo goed als hetzelfde.

Niet als je werkt met click and drag spul

Uitspraak van Pjom op donderdag 13 maart 2008 om 22:18:

▶

Dan snap je tenminste wat je doet en wat er precies goed en/of fout gaat. Als je dat onder de knie hebt kun je eventueel dreamweaver starten om "on the fly" te kijken hoe je layout is via splitview.

Ik doe dit al....

Uitspraak van Patrick Allen op donderdag 13 maart 2008 om 23:31:

▶

Ik doe dit al....

blijkbaar snap je het niet van je websites klopt geen ene hol

EDIT
This page is not Valid (no Doctype found)!
Result: Failed validation, 3 Errors

- the MIME Media Type (text/html) can be used for XML or SGML document types
- No known Document Type could be detected
- No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document.

Uitspraak van Pjom op vrijdag 14 maart 2008 om 08:32:

▶

blijkbaar snap je het niet van je websites klopt geen ene hol

lekker vriendelijk

Uitspraak van Pjom op donderdag 13 maart 2008 om 22:18:

▶

Weggooien heel dat dreamweaver en begin maar eens met notepad te coden.

ook niet nodig
met split view kun je code schrijven en dan meteen zien wat je doet EN je krijgt code tips.


ben nu ook bezig met CSS tutorials en dreamweaver.
Heb een simpel site neergezet met tabel layout . . . . . . word nog omgebouwd naar CSS layout.

www.vividview.nl

Uitspraak van xantrex op vrijdag 14 maart 2008 om 10:18:

▶

lekker vriendelijk

Als je de voor af gaande discussie leest weet je waarom

Uitspraak van Pjom op vrijdag 14 maart 2008 om 10:50:

▶

Als je de voor af gaande discussie leest weet je waarom

nee, ik ben blind

of je geeft tips in de goeie richting

niet 'je snapt er geen hol van'
meer in de zin van 'gaat niet zo goed, omdat . . . . . . . . '
of
'dit en dit kun je doen om . . . . . . . . op te lossen'

ipv iemand de grond in te trappen

Nja hij heeft al zoveel tips gehad maar doet dr maar niets mee. Of je kunt het gewoon niet of je wilt het ook niet leren is wel een groot verschil

dan niet erop reageren


enige tips, aanmerkingen over mijn website?

Hij ziet er toch wel netjes uit Als je hem ook nog met divjes maakt helemaal.

- Je header images klopt niet helemaal. Hij veranderd maar je text staat niet op dezelfde plek

Uitspraak van xantrex op vrijdag 14 maart 2008 om 10:18:

▶

Heb een simpel site neergezet met tabel layout . . . . . . word nog omgebouwd naar CSS layout.

www.vividview.nl

Ziet er netjes uit. Ik zou alleen de intro pagina achterwegen laten. Een bezoeker wil graag met zo min mogelijk klikken (naar mijn idee/mening) een site bezoeken.

Uitspraak van Pjom op vrijdag 14 maart 2008 om 08:32:

▶

blijkbaar snap je het niet van je websites klopt geen ene hol

EDIT
This page is not Valid (no Doctype found)!
Result: Failed validation, 3 Errors

- the MIME Media Type (text/html) can be used for XML or SGML document types
- No known Document Type could be detected
- No XML declaration (e.g <?xml version="1.0"?>) could be found at the beginning of the document.

Die site heb ik met wat anders gemaakt..

Wat een arrogantie hier zeg..
Tunnelvisie ook (my way is the best blabla)

Nou even weer opbouwend..

Kan iemand mij alsjeblieft voorzien van een goeie uitleg over <div> tags. Ik begrijp dat die zijn om het zootje makkelijker te ordenen. Had al gezocht naar een Goeie uitleg en ging het dus ook nadoen in Dreaamweaver, ging niet goed

Thank you

Dit ging ook al mis in een ander topic. Ik neem aan dat ook beginners hier best om hulp mogen vragen. Of is dit topic alleen voor de pro's??

Uitspraak van xantrex op vrijdag 14 maart 2008 om 10:18:

▶

ook niet nodig
met split view kun je code schrijven en dan meteen zien wat je doet EN je krijgt code tips.


ben nu ook bezig met CSS tutorials en dreamweaver.
Heb een simpel site neergezet met tabel layout . . . . . . word nog omgebouwd naar CSS layout.

www.vividview.nl

Heb je die gemaakt met Dreamweaver

Ik wilde ook naar je code spieken om te zien of ik iets bekends zag, ging niet met Firefox

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:40:

▶

Of is dit topic alleen voor de pro's??

Nope Maar neem maar wel gewoon dingen aan van mensen die er dagelijks mee bezig zijn.

Ben zelf niet zo'n held in die dingen maar misschien kun je dit eens lezen:
http://www.sitemasters.be/tutorials/2/1/90/CSS/Div_element

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:43:

▶

Ik wilde ook naar je code spieken om te zien of ik iets bekends zag, ging niet met Firefox

euhm rechtermuis knop en view source maybe?

werkt namelijk prima in firefox

Uitspraak van Pjom op vrijdag 14 maart 2008 om 11:34:

▶

Als je hem ook nog met divjes maakt helemaal.

Vraag: Wat zijn de voordelen van die divs?

Ik begrijp dat de code dan netter is gordend voor de prof die dus codeerd. Maar wordt de pagina ook sneller geladen? In vergelijkiing tot tabellen.

Want voor diegene een website maakt met klikken een slepen heeft hier niks mee te maken. Begrijp me niet verkeerd ik ben nieuwsgierig

En ook leergierig trouwens. Tips en "hoe het beter kan" is altijd welkom maar dan moet de ontvanger je wel begrijpen. Als je abracadabra gaat praten schiet het weinig op

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:40:

▶

Dit ging ook al mis in een ander topic.

A daarom zien we je daar nooit meer.

probeer je tabellen beter te ordenen, als je (via webdeveloper tool bar voor firefox) de outlines van je tabellen aanzet snap je wel waarom. je gebuikt er nu een stuk of 11, kan met heel wat minder ook prima.. 1 bijvoorbeeld

een div is niets meer dan een bakje waar je wat inhoud in doet. die bakjes kun je overal plaatsen waar je maar wilt en hebben niet met elkaar te maken, tenzij je een div(1) in een div(2) plaatst. Dan kun je de div(2) plaatsen ten opzichte van div(1).

bij een tabel zit alles aan elkaar vast, vergroot je 1 vakje, gaat de rest van de meuk ook mee. in veel gevallen wil je dat niet. wat er bij een tabel ook nog bij komt is dat het enorm veel code vraagt
<table>
<tr>
<td>
1234
</td>
</tr>
</table>

bij een div is het een stuk korter
<div>
1234
</div>

Divs worden inderdaad sneller geladen ook. Hangt wel af van welke browser bijvoorbeel. IE plaats een table pas als de volledig inhoud ervan geladen is (wat soms dus tijdje kan duren).

Verder zegt het woord het al: Table (tabel) gemaakt als tabel. Een DIV is gemaakt om dingen in te plaatsen en te positioneren.
Mocht je een tabel willen gebruiken plaats je deze dus in de opmaak DIV

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:50:

▶

Ik begrijp dat de code dan netter is gordend voor de prof die dus codeerd. Maar wordt de pagina ook sneller geladen? In vergelijkiing tot tabellen.

Ja, veel sneller.
Je zet de de style van je div's namelijk in een losse stylesheet (dus niet in je pagina!).
Deze stylesheet hoeft voor de hele site dan maar één keer geladen te worden.

Als je met tables werkt dan:
->moet hij veel meer tekens laden wat Gekkehuis al aangeeft. En voor internet geldt nog steeds: hoe kleiner de pagina hoe sneller deze zal laden.
->moet hij ook nog eens gaan uitrekenen waar alle </td></tr> en </table> tags moeten komen; vooral als je tabel in een tabel in een tabel etc gebruikt. Dit kost ook tijd.

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:43:

▶

Ik wilde ook naar je code spieken om te zien of ik iets bekends zag, ging niet met Firefox

ctrl-u
kijk anders gewoon even bij help > voor IE gebruikers
mooie uitleg wat je allemaal kunt doen met FF

tables = weergeven van data ( lijsten, etc )
div icm css = opmaak

div icm css maakt je pagina netter, de code overzichtelijker en dynamischer in de zin van je kan je layout aanpassen zonder je structuur aan te passen, mits goed opgezet.

Uitspraak van xantrex op vrijdag 14 maart 2008 om 10:18:

▶

Heb een simpel site neergezet met tabel layout . . . . . . word nog omgebouwd naar CSS layout.

www.vividview.nl

op zich niet verkeerd
maar zoals gekkehuis zegt, zou ik de intropagina weglaten.
probeer m gewoon zonder DW te maken die standaard DW code in je source is langzaam, lelijk en achterhaald.
dus ook divs voor de layout ipv tables.
daarnaast heb je veel meer controle als je alles van scratch en in een text-editor maakt

Uitspraak van Dj Dniz op vrijdag 14 maart 2008 om 14:55:

▶

A daarom zien we je daar nooit meer.

Tjaa.. steeds hetzelfde verhaaltje gaat ook vervelen..dus daarom dat ik het hier even van tevoren even duidelijk wil hebben.

Maarr kijk het schiet al op:

Ik zie dat Dreamweaver dus netjes uitlegt hoe die codes werken, dus dan zit ik die getalletjes een beetje aan te passen en weer cntrl z daarna

Ga zo 1 CSS file maken voor een site, even inladen..scheelt je werk.

En die divs snap ik wel als ik kijk naar het voorbeeld:


Ik moet het eerst zien en proberen, dan pas snappen.. 1 jaartje hier goed mee kutten en dan heb ik de basis wel door. Dreamweaver maakt die divs trouwens zelf.

Uitspraak van Pjom op vrijdag 14 maart 2008 om 11:34:

▶

Je header images klopt niet helemaal. Hij veranderd maar je text staat niet op dezelfde plek

wehe
zal dat eens nakijken in de psd

Uitspraak van Gekkehuis op vrijdag 14 maart 2008 om 12:45:

▶

Ziet er netjes uit. Ik zou alleen de intro pagina achterwegen laten. Een bezoeker wil graag met zo min mogelijk klikken (naar mijn idee/mening) een site bezoeken.

true
ik ga het met cookies oplossen, dat mensen die al zijn geweest, 't niet meer krijgen te zien of mogen kiezen om het te zien

Uitspraak van dex op vrijdag 14 maart 2008 om 15:08:

▶

probeer m gewoon zonder DW te maken die standaard DW code in je source is langzaam, lelijk en achterhaald.
dus ook divs voor de layout ipv tables.
daarnaast heb je veel meer controle als je alles van scratch en in een text-editor maakt

ik ben niet goed in zelf code/html schrijven, wel aanpassen.

ik ga het in DW split view doen met DIVjes doen.

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:43:

▶

Heb je die gemaakt met Dreamweaver

www.thinkquest.110mb.com

Site gemaakt voor een of ander schoolproject, in dreamweaver, fleesch en photoshop.

Uitspraak van xantrex op vrijdag 14 maart 2008 om 16:09:

▶

true
ik ga het met cookies oplossen, dat mensen die al zijn geweest, 't niet meer krijgen te zien of mogen kiezen om het te zien

opzich een mooie oplossing nieuwe huis, door de voordeur, woon je er: via de achterdeur

Uitspraak van Gekkehuis op vrijdag 14 maart 2008 om 16:21:

▶

opzich een mooie oplossing nieuwe huis, door de voordeur, woon je er: via de achterdeur

haha die is goed

Voor andere eventuele nieuwelingen: http://www.tutorialized.com


Dit is helder al voor mij, ik vind dat ik dus niet mag klage voor de eerste ontdekkingsdag

Nu lekker stappen

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 21:20:

▶

<p id="aandacht">This is a paragraph</p>

<p id="aandacht">This is a paragraph</p>

<p id="aandacht"> moet <p class="aandacht"> zijn aangezien een id maar 1 keer mag voorkomen

Heb hier ook nog drie aardig linkjes:

1. http://www.forwebdesigners.com/
2. http://tutorialblog.org/
3. http://www.smashingmagazine.com/

Uitspraak van Patrick Allen op vrijdag 14 maart 2008 om 14:50:

▶

Vraag: Wat zijn de voordelen van die divs?

Ik begrijp dat de code dan netter is gordend voor de prof die dus codeerd. Maar wordt de pagina ook sneller geladen? In vergelijkiing tot tabellen.

Voordat je ermee begint, heb ik nog een document voor je dat het hoe en waarom uitlegt. Heb ik een paar jaar geleden voor school moeten schrijven:

PDF
SWF (Flashpaper)

Ik denk dat je dan een stuk beter begrijpt waarom wij de hele webstandaarden advocatuur zo lopen te verkondigen.

Als je trouwens divjes, stylesheets e.d. wil leren, adviseer ik je echt om een text editor als Notepad++ (gratis) of Editplus (niet gratis) te gebruiken; als je ziet wat je typt begrijp je een stuk beter wat je aan het doen bent. En Dreamweaver kan gewoon niet een gehele layout voor je maken op die manier. Daar is het te ingewikkeld voor.

Uitspraak van Dennis C. op vrijdag 14 maart 2008 om 23:35:

▶

<p id="aandacht"> moet <p class="aandacht"> zijn aangezien een id maar 1 keer mag voorkomen

Owjee dan heb ik ze dus omgedraait

Uitspraak van Dennis C. op vrijdag 14 maart 2008 om 23:35:

▶

<p id="aandacht"> moet <p class="aandacht"> zijn aangezien een id maar 1 keer mag voorkomen

Zo misschien:

<style>
#aandacht{ <- wordt -> .aandacht{
color:red;
background-color:orange;
border: dashed;
text-align:center;

EDIT: Het werkt, bedankt.

Uitspraak van verwijderd op zaterdag 15 maart 2008 om 15:25:

▶

Als je trouwens divjes, stylesheets e.d. wil leren, adviseer ik je echt om een text editor als Notepad++ (gratis) of Editplus (niet gratis) te gebruiken; als je ziet wat je typt begrijp je een stuk beter wat je aan het doen bent. En Dreamweaver kan gewoon niet een gehele layout voor je maken op die manier. Daar is het te ingewikkeld voor.

Met Dreamweaver zie ik het ook meteen. En omdat ik niet alle codes ken vind ik het zelf ook wel handig dat hij aangeeft wat je daar kan plaatsen.

Uitspraak van Patrick Allen op zaterdag 15 maart 2008 om 15:44:

▶

Zo misschien:

<style>
#aandacht{ <- wordt -> .aandacht{
color:red;
background-color:orange;
border: dashed;
text-align:center;

En om te kijken wat voor element het is in je stylesheet zou ik hem zo maken

p.aandacht {
enz.

bij een div zo div#weer_iets_anders {

enz.

Uitspraak van Marcel op zaterdag 15 maart 2008 om 16:25:

▶

p.aandacht {

Kan dat zo dan? bedoel je niet .p.aandacht{

Uitspraak van Patrick Allen op zaterdag 15 maart 2008 om 17:27:

▶

Kan dat zo dan? bedoel je niet .p.aandacht{

Nee, de punt geeft een class aan (class="bla"), zonder punt geef je een element aan (bijvoorbeeld <p>, of <div>).

p.myclass matcht dus <p class="myclass">, maar niet <div class="myclass">

Jouw voorbeeld kan wel, alleen dan match je meerdere classes, zoals <p class="p aandacht">, maar daar zou ik me nu ff niet mee bezig houden (onder andere omdat IE6 daar moeite mee heeft).