Hoe te beginnen met webdesign?

[Verwijderd]

Hoi,

Misschien zit ik hier wel helemaal verkeerd maar vraag het toch.

Ik zit nu 2 jaar op een ICT-opleiding wij hebben de keuze gekregen om te kunnen kiezen tussen web-design en ict-beheer ik heb ict-beheer gekozen, ik koos dit omdat ik nooit echt intresse had in web-design zelf ook niet echt de fantasie had om een website te maken.

Maar wil eigelijk wel is kijken of ik een leuke/mooie website kan maken, maar nu heb ik eigelijk niet veel verstand en weet ook niet echt waar ik moet beginnen. Dus mijn vraag is: ''Ik wil een eigen website maken, wat zouden jullie mij aanraden om in te beginnen: Dreamweaver, Sea sharp? ik weet ook niet veel programma's die website maken.''

Misschien voor overige informatie, de website die ik ga maken wordt of een website over mijzelf of ik ga het over mijn vriendengroep doen. Wij gaan namelijk de zomer naar spanje en ik dacht misschien is het leuk om er een website van te maken die zeg maar een update geeft over wat wij doen in spanje door middel van foto's/video's en kleine verhaaltje.

Alvast bedankt,

als jullie meer informatie nodig hebben hoor ik dat graag.

[MuisM4t]

Ik zou me eens verdiepen in php en (x)html en vervolgens aan de slag gaan met wordpress of een ander cms.

[Ook al Bezet]

Google?
Maar ok, even serieus.
Ik kom er ook pas net bij kijken maar ik vond http://www.w3schools.com/ best nuttig. Ook hier is redelijk wat nuttige informatie te vinden.

[ Voor 12% gewijzigd door Ook al Bezet op 16-04-2009 18:26 ]

[BtM909]

[google=how to start creating websites]

De vraag die je jezelf moet stellen: wil je het echt gaan leren of wil je gewoon eindigen met een mooie site? Als het gaat om het eerste, dan zijn semantiek, WYSIWYG-editors, HTML, CSS steekwoorden om te beginnen. Je kan beter kiezen om niet het wiel opnieuw uit te vinden en naar een blog-achtige framework te gaan (zoals WordPress), waarbij je kan kiezen uit inmiddels 100.000 zo niet miljoenen templates

---

Overigens zegt Vraagje.. niet zo heel veel over de inhoud van je topic, dus die pas ik even aan

[ Voor 10% gewijzigd door BtM909 op 16-04-2009 17:44 ]

[WeeJeWel]

Design of Development? Voor design hengel je de Photoshop trial binnen

[Bosmonster]

De eerste vraag is 'wat is webdesign'. In mijn ogen is dat een vormgever, dus heb je in de eerste plaats vormgeef-talent nodig (en dat zou je van jezelf al moeten weten). Tools die je hiervoor kunt gebruiken zijn Photoshop (essentieel) en Illustrator.

Als het je meer gaat om front-end development, dan kun je je eenvoudig verdiepen in html/css/javascript. Hier zijn genoeg tutorials voor te vinden. Daarnaast kun je de code van iedere willekeurige site bekijken natuurlijk, alles is openbaar. Als tool heb je niet meer nodig dan een goede texteditor, waarvan er veel gratis te vinden zijn.

PHP e.d. heeft niks met webdesign te maken, dus dat kun je in dat geval gewoon negeren.

[boe2]

Begin met html en css. Welke richting je daarna uitwil (en zo zijn er VEEL) is je eigen keuze.

[Bosmonster]

Boeboe schreef op donderdag 16 april 2009 @ 19:00:
Begin met html en css. Welke richting je daarna uitwil (en zo zijn er VEEL) is je eigen keuze.

Veel? Volgens mij kun je maar 2 kanten op en dat zijn frontend development en/of webdesign

Voor die laatste is html/css niet nodig, al kan het wel handig zijn te weten wat wel en niet kan natuurlijk en hoe een site is opgebouwd, zodat je je developers niet met onrealistische designs opzadelt.

[Verwijderd]

ten eerste bedankt voor de snelle reacties!

De sites met de tutorial kan ik goed gebruiken! Wat mijn idee achter de website is is gewoon eigelijk een vrij normale website zoiets als dit ongeveer: http://www.boudewijnverver.nl niet te moeilijk vrij overzichtelijk maar wel leuk om naar te kijken. Ik heb thuis zelf het web premium adobe pakket dus denk daar ik daar wel wat turorials van ga volgen.

[Noork]

Zie Wat en hoe leert de beginner het best ?

Noork schreef op woensdag 17 december 2008 @ 13:00:
zie verder:
Webdesign, waarmee starten?
webdesign werkmethoden topic
Hoe ben jij begonnen als webdesigner ?
Webdesigner worden: Aanpak
Webdevelopment: the best way to start...?

[Verwijderd]

Heb een goeie tutorial gevonden dus denk dat ik aardig op weg ben

mijn volgende vraag: Ik zit nu te kijken bij hosting2go.nl en daan leveren ze mij aardig wat ruimte voor 28.65 euro per jaar wat ik niet heel veel vindt, nu heb ik ook de optie voor een extra application pack + 44 extra scripts wat houdt dat precies in en zouden jullie het mij aanraden?

Alvast bedankt,

[Noork]

Dat ligt er aan wat je er mee wilt doen lijkt me. Valt weinig zinnigs over te zeggen. Om wat voor scripts gaat het uberhaupt? Kun je deze sowieso niet zelf installeren? Als het gaat om prefab Joomla, Wordpress installaties etc, dan vind ik het persoonlijk niet erg nuttig.

[Verwijderd]

Ja dat is mijn vraag ik ga denk ik Dreamweaver beginnen met de website heb ik dan de extra scripts nodig? en waarvoor dienen die extra scripts

[Noork]

Nogmaals, het nut van de scripts is afhankelijk van wat voor scripts het zijn.

[Verwijderd]

Open kladblok en bekijk dit eens: http://www.leejoo.nl/metatags/htmlpaginavoorbeelden.htm

Maak eens iets en open dat met IE en bekijk het, gewoon zelf maken. Daar leer je het meeste van
Als je ook PHP en CSS end. ga gebruiken kan je beter ook even XAMPP downloaden, dat is een local webserver.

[ Voor 22% gewijzigd door Verwijderd op 17-04-2009 10:49 ]

[GertjeBE]

Ik denk dat het inderdaad makkelijker is om met Wordpress te werken als je een soort van update wilt geven over je reis in Spanje
Wil je echt websites maken, dan raad ik je aan om je te verdiepen in html en css.

[thijszor]

Voor je rondreis, kijk eens op www.waarbenjij.nu , mijn zus geeft op die manier updates waar ze momenteel is met haar wereldreis werkt prima!

[Verwijderd]

Ik denk dat ik genoeg weet bedankt voor alle informatie!

(er kan een slotje op)

[Willem]

Aardig nieuwsitem met link via MacFreak
http://www.macfreak.nl/readnews.php?newsitem=7156

[tj.willems]

2 voorbeelden:

Hier kan je echt een voorbeeld aannemen. EAT YOUR HEART OUT!

http://www.annieswebdesign.nl/annie.html
http://home.tiscali.nl/webmaker/webmaker/links.htm

[Standeman]

tj.willems schreef op vrijdag 17 april 2009 @ 16:36:
2 voorbeelden:

Hier kan je echt een voorbeeld aannemen. EAT YOUR HEART OUT!

http://www.annieswebdesign.nl/annie.html
http://home.tiscali.nl/webmaker/webmaker/links.htm

Ik weet niet of ik nu moet huilen of moet lachen

[harrald]

tj.willems schreef op vrijdag 17 april 2009 @ 16:36:
2 voorbeelden:

Hier kan je echt een voorbeeld aannemen. EAT YOUR HEART OUT!

http://www.annieswebdesign.nl/annie.html
http://home.tiscali.nl/webmaker/webmaker/links.htm

Dit is grappig bedoelt toch?

[wasted247]

tj.willems schreef op vrijdag 17 april 2009 @ 16:36:
2 voorbeelden:

Hier kan je echt een voorbeeld aannemen. EAT YOUR HEART OUT!

http://www.annieswebdesign.nl/annie.html
http://home.tiscali.nl/webmaker/webmaker/links.htm

Standeman schreef op vrijdag 17 april 2009 @ 16:42:
[...]
Ik weet niet of ik nu moet huilen of moet lachen

Ik ben hier iig heeeeeel hard aan het huilen in de foetus houding onder mijn bureau

[ Voor 19% gewijzigd door wasted247 op 17-04-2009 19:41 ]

[GWTommy]

De drie dingen die je moet doen/leren:
- Photoshop tutorials volgen, maakt niet uit wat het resultaat is, of je het nou mooi vind of niet, gewoon precies volgen. Dit leert je veel features van Photoshop, maar je vindt ook je eigen manier om dingen te doen, bijv. rounded corners geven aan een bestaande layer met foto's.
- HTML en CSS leren (eventueel JS), dit is gewoon nodig. Ook hier moet je de truckjes leren.
- Creatief zijn of je inspiratie halen van templates/andere sites.

[Standeman]

wasted247 schreef op vrijdag 17 april 2009 @ 19:36:
[...]


[...]


Ik ben hier iig heeeeeel hard aan het huilen in de foetus houding onder mijn bureau

* Standeman gaat ook onder zijn bureau liggen

offtopic:
En dan ben ik nog programmeur (c.q. webdeveloper)

[Cadezo]

tj.willems schreef op vrijdag 17 april 2009 @ 16:36:
2 voorbeelden:

Hier kan je echt een voorbeeld aannemen. EAT YOUR HEART OUT!

http://www.annieswebdesign.nl/annie.html
http://home.tiscali.nl/webmaker/webmaker/links.htm

Of anders maak je een hele mooie complete flash-site, zoals deze http://pcnweb.nl/test.html (komt uit: Magix-website werkt niet meer in recente browsers).

[Verwijderd]

Interessant topic

[Gommers]

Hmm ik vind Photoshop persoonlijk niet fijn om websites te ontwerpen. Ik gebruik Fireworks, ook van Adobe.. Dat is een stuk meer gericht op het tekenen dan photoshop. Photoshop vind ik wel handig om foto's te bewerken.

Misschien komt het door mijn "strak-simpel-modern" stijl. Maar ik vind Fireworks persoonlijk beter, voor websites dan.

[Sefyu]

Ik heb inderdaad ook gelezen dat Fireworks heel erg nuttig kan zijn voor dat soort werk. Voorheen had ik altijd het idee dat FW een soort crappy Photoshop oid was, maar ik heb laatst een artikelen gelezen dat het specifieke specialistische features heeft die erg nuttig zijn voor webdesign, je kan bijvoorbeeld een design maken en vervolgens spuugt FW de volledige code uit

[Verwijderd]

Sefyu schreef op zaterdag 18 april 2009 @ 02:01:
... je kan bijvoorbeeld een design maken en vervolgens spuugt FW de volledige code uit.

En dat kan nooit goed zijn. Het ziet er dan misschien goed uit, maar het is nooit te garanderen dat je bruikbare code krijgt om een de output van een CMS mee te kunnen presenteren of dat het SEO verantwoorde code is. Leuk voor mensen die visueel zijn ingesteld en die denken dat wat ze zien het belangrijkst is, de toekomst zal uitwijzen dat dat niet het geval is.

[Gommers]

je kan bijvoorbeeld een design maken en vervolgens spuugt FW de volledige code uit

Dat kan inderdaad wel, maar dat is volgens mij niet echt een valide html. En worden er onnodig afbeeldingen gebruikt. Dus die functie zou ik niet gebruiken.. niet gunstig. Zo doe ik het :

1. Teken het idee in je hoofd, droomdroomdroom. Je kunt het namelijk ook even op een A4tje kladderen.
2. Laat je gaan op het witte doek van Fireworks op een resolutie van 1200x700, in iedergeval een resolutie zodat je geen scroll balk krijgt in Fw. Dan krijg je namelijk niet echt een fijn beeld/preview.
3. Laat je tekening even bij je bezinken, en kijk er 3 dagen later weer eens naar. Dan heb je meestal weer nieuwe ideeën en kijk op het hele gebeuren.
4. De tekening is klaar, eventuele foto's met photoshop bewerken.
5. Je opent je text-editor (in mijn geval Dw).
6. Begint een nieuw html document en gaat daarin de html structuur opbouwen
7. Vervolgens begin je een nieuw css document gekoppelt aan het html document.
8. Ga alle patronen, achtergrondjes etc uitknippen met de Crop tool in Fw en link ze aan je CSS document.

Het voordeel hiervan tegenover de code van Fw.

1. Zal veel laad tijd besparen, CSS's repeat kun je namelijk met een 1x* afbeelding al uit de voeten.
2. Makkelijk automatiseren (Wordpress of noem maar iets )

[Fuzzillogic]

Vaak zie je dat mensen heel krampachtig de "visuele" vakjes uit het design ook persé in hun eigen element willen onderbrengen. De pagina-header hier van GoT is er zo op oog ook zo opgebouwd, terwijl dat m.i. vaak véél eenvoudiger kan door van de hele header gewoon één achtergrondafbeelding te maken. Oftewel: groepeer/combineer statische graphics. Ga niet voor elk wissewasje een <div /> element maken. Het scheelt veel HTML en CSS.

Maarehm. Ook al ben je een begaafd ontwerper, en kun je dat ontwerp netjes en efficiënt omzetten naar XHTML en CSS, dan nog ben je ver verwijderd van een goede website! Om het gepruts-in-de-marge-niveau te ontstijgen zul je je ook moeten richten op goede content, taalgebruik (taalstijl, spelling en grammatica), usability, accessibility, mogelijkheid om de site actueel te kunnen houden, SEO, ...

Een professionele site maken doe je niet zomaar even. Zoals met alles: om iets goeds en bijzonders te maken kost gewoon moeite en tijd. En het is nooit makkelijk. Ook al lijkt het zo.

Dit is niet om je af te schrikken ofzo, ik wil enkel duidelijk maken wat er zoal bij komt kijken, en waar je je zoal op kunt richten. En je hoeft beslist niet "overal" goed in te zijn: als je goed kunt designen en de concepten van HTML en CSS snapt, dan kun je uitstekend samenwerken met iemand die niet zo goed is in design, maar wel HTML en CSS tot in de puntjes beheerst.

[Verwijderd]

http://home.tiscali.nl/webmaker/webmaker/links.htm

Ik probeer het touwtje te breken maar het lukt niet
Heeft iemand een walkthrough?

[ Voor 13% gewijzigd door Verwijderd op 18-04-2009 13:24 ]

[Verwijderd]

Fuzzillogic schreef op zaterdag 18 april 2009 @ 13:21:
...

En zo is het. Het lijkt allemaal vrij makkelijk, maar om het goed te doen moet je een hoop kennis van zaken hebben. Daarom worden de betere websites door teams opgeleverd en niet door één persoon. Het is best goed om van alle acpecten iets te weten, maar uiteindelijk zijn het de specialisten die door goed samen te werken de betere resultaten kunnen behalen. Ik durf best te zeggen dat je dit niet in een jaartje kunt leren.

[Gommers]

Creativiteit..

[Ook al Bezet]

Verwijderd schreef op zaterdag 18 april 2009 @ 13:24:
http://home.tiscali.nl/webmaker/webmaker/links.htm

Ik probeer het touwtje te breken maar het lukt niet
Heeft iemand een walkthrough?:P

En mensen hebben deze man betaald om sites te maken?
Ik sta versteld.

[Verwijderd]

Wel hip die bubbeltjes bij je cursor, iemand een code voor die opmaak?

[Bosmonster]

Fuzzillogic schreef op zaterdag 18 april 2009 @ 13:21:
Vaak zie je dat mensen heel krampachtig de "visuele" vakjes uit het design ook persé in hun eigen element willen onderbrengen. De pagina-header hier van GoT is er zo op oog ook zo opgebouwd, terwijl dat m.i. vaak véél eenvoudiger kan door van de hele header gewoon één achtergrondafbeelding te maken. Oftewel: groepeer/combineer statische graphics. Ga niet voor elk wissewasje een <div /> element maken. Het scheelt veel HTML en CSS.

Geen idee hoe je de pagina header van GoT in 1 afbeelding wil doen, maar dat ter zijde

Verder heb je wel gelijk. Het bouwen van een goede website is een te complex traject geworden om in je eentje af te kunnen handelen. Daarom zul je moeten specialiseren. Maar om je te kunnen specialiseren zul je eerst moeten ontdekken waar je interesse, potentie en talent ligt. Beetje experimenteren kan dus absoluut geen kwaad.

[Fuzzillogic]

Bosmonster schreef op zondag 19 april 2009 @ 00:50:
[...]
Maar om je te kunnen specialiseren zul je eerst moeten ontdekken waar je interesse, potentie en talent ligt. Beetje experimenteren kan dus absoluut geen kwaad.

True, en ik denk dat het eigenlijk ook een must is om binnen je uiteindelijke specialiteit ook een goed niveau te bereiken. Sterker nog, eigenlijk denk ik dat het helemaal niet goed is om té gespecialiseerd te worden: een designer zonder HTML/CSS-kennis kan zomaar dingen ontwerpen die zich zeer lastig naar HTML/CSS laten omzetten. Andersom kan een designer mét HTML/CSS kennis direct gebruikmaken van de mogelijkheden van HTML/CSS in het ontwerp. Dat laatste gebeurt denk ik best weinig. Voorbeeldje: de CSS-property font-variant: small-caps zie ik nooit gebruikt worden in de designs die ik op werk onder ogen krijg, terwijl dat vaak toch juist best aardig kan zijn.

Nu eindelijk IE6 naar zijn graf is getrapt (good riddance, antiek stuk drek) en CSS2 eindelijk eens serieus gebruikt kan worden, zijn er diverse technieken beschikbaar gekomen waar veel designers nog geen rekening mee houden.

[Bosmonster]

Mwah, daar zijn de meningen ook over verdeeld. HTML/CSS kennis bij een designer kan ook een beperking betekenen op zijn of haar creatieve resultaten. Een designer wil je bij voorkeur zo weinig mogelijk regels en beperkingen opleggen. Zo komen er soms dingen uit waar je juist als frond-end developer een uitdaging aan hebt en je aanzet iets nieuws te proberen en je grenzen te verleggen.

Een designer met teveel kennis van HTML/CSS zal sneller binnen de begane paden blijven en teveel nadenken over wat wel en niet mogelijk is.

[Fuzzillogic]

Bosmonster schreef op zondag 19 april 2009 @ 02:00:
Een designer met teveel kennis van HTML/CSS zal sneller binnen de begane paden blijven en teveel nadenken over wat wel en niet mogelijk is.

Dat lijkt me dan niet "teveel kennis", maar juist "niet genoeg". Om met de beschikbare middelen toch iets bijzonders te maken blijft sowieso altijd de kunst. En ik denk dat iemand met een goede CSS-kennis én de creativiteit om die kennis op bijzondere wijze te gebruiken, daar het beste in slaagt.

Enfin, mijn tip aan de TS is: weet wat er in je gereedschapskist zit, en hoe het te gebruiken.

[macnerd]

Simpele websites bouwen kan iedereen, maar dan heb je ook niks bijzonders. Het kan soms voldoen, bijvoorbeeld als het alleen voor jezelf is en het je eigenlijk niet boeit hoe het er uit ziet. Wil je echter een fatsoenlijke website, dan kost dat tijd... heel veel tijd. En niet te vergeten: veel kennis.

Mijn advies is dan ook om ofwel ergens een standaard blog te openen (o.a. http://wordpress.com/, https://www.blogger.com/), ofwel je aan te melden bij http://waarbenjij.nu/. En Twitter zou in dit verband ook nog leuk kunnen zijn.

[Bosmonster]

Fuzzillogic schreef op zondag 19 april 2009 @ 02:24:
[...]

Dat lijkt me dan niet "teveel kennis", maar juist "niet genoeg". Om met de beschikbare middelen toch iets bijzonders te maken blijft sowieso altijd de kunst. En ik denk dat iemand met een goede CSS-kennis én de creativiteit om die kennis op bijzondere wijze te gebruiken, daar het beste in slaagt.

Creativiteit werkt het beste zonder grenzen, simpel. En kennis van de techniek is in dit geval een grens. Laat ze maar los gaan op hun schetsen en bedenksels en dan kijken we samen wel wat haalbaar is en wat niet.

En het zal je verbazen hoe vaak ze dan met dingen komen waar je nooit aan gedacht had of waar je diep over moest nadenken of en hoe het haalbaar te maken is.

Teveel kennis van hoe het gebouwd wordt staat in dit geval creativiteit in de weg. Je zult het jezelf namelijk niet zo snel erg lastig maken, maar snel dingen ontwerpen waarvan je weet hoe het gemaakt kan worden. Hierdoor blijft creatieve vernieuwing achter.

Maar zoals ik ook al eerder zei, de meningen zijn hierover verdeeld. Het hangt ook erg af van of je insteek meer vanuit de creatieve kant komt, of vanuit de techniek.

[RobIII]

macnerd schreef op zondag 19 april 2009 @ 02:44:
Mijn advies is dan ook om ofwel ergens een standaard blog te openen (o.a. http://wordpress.com/, https://www.blogger.com/), ofwel je aan te melden bij http://waarbenjij.nu/. En Twitter zou in dit verband ook nog leuk kunnen zijn.

Want het nut van dit advies is...

[Verwijderd]

tj.willems schreef op vrijdag 17 april 2009 @ 16:36:
2 voorbeelden:

Hier kan je echt een voorbeeld aannemen. EAT YOUR HEART OUT!

http://www.annieswebdesign.nl/annie.html
http://home.tiscali.nl/webmaker/webmaker/links.htm

Van de eerste site:

Vergeet vooral niet: een website met gedateerde gegevens is antireclame.

[Zakkenwasser]

Ik ben zelf begonnen met WYSIWYG, ik kon er niet mee omgaan omdat je teveel handelingen moest verrichten om een website in elkaar te zetten volgens de standaarden...

Het was ook niet alsof die WYSIWYG editor me die kado gaf dus heb ik maar zelf onderzoek gedaan omdat ik nou eenmaal met php wilde gaan werken.

Als je nette code wilt leren schrijven kun je beter een goed boek halen zoals Apress en FriendofEd die maakt over html en css.

Ga zelf expirementeren door je gemaakte bestanden te laden in firefox.

En als je dan denkt dat het werkt en je gaat allles dan nog een keer testen in een andere browser... dan kom je er gelijk achter dat het website maken bijna monnikenwerk is !


Wil je direct resultaat, installeer dan Joomla oid.

[Cadezo]

MrJey schreef op zondag 19 april 2009 @ 22:16:
Ga zelf expirementeren door je gemaakte bestanden te laden in firefox.

En als je dan denkt dat het werkt en je gaat allles dan nog een keer testen in een andere browser... dan kom je er gelijk achter dat het website maken bijna monnikenwerk is !

Wat ik fijn vind is om naast firefox (met webdeveloper-toolbar) ook direct IE er naast te hebben. Als je dan iets aanpast en er ontstaat een verschil in weergave, dan weet je meteen welk element het 'm doet.

[moozzuzz]

http://www.annieswebdesign.nl/annie.html

Ook geen reclame voor Eduvision

Ik wou in het kader van design ook graag meegeven dat je niet persé een illegale kopie van Photoshop nodig hebt: GIMP is een ondertussen goed-werkend alternatief! (sinds de crisis zijn de photoshoplicenties op ons bedrijf allemaal vervangen door GIMP-installaties; overigens zijn we wel geen "design"bedrijf :^)