Aha thank you. Je leerde de talen in principe door elkaar dus? En je maakte en ontwikkelde je eigen website design (templates/themes) ? Je kopieert/kopieerde geen templates die gratis te downloaden waren op internet? En gebruik jij ook wel eens UI kits of Web design kits? En ontwikkel je je website designs eerst via photoshop of ga je direct aan de slag?quote:Op dinsdag 4 februari 2014 12:19 schreef Catch22- het volgende:
[..]
gewoon beginnen. En als je wil weten hoe je iets doet dat in google zoeken. In het begin veel kopieren en plakken.
O, pak wel snel een artikel over debuggen mee, scheelt een hoop ergernis
Ik design helemaal niets zelf. Ik ben developer; geen designer.quote:Op dinsdag 4 februari 2014 12:21 schreef Kraan-Water het volgende:
[..]
Aha thank you. Je leerde de talen in principe door elkaar dus? En je maakte en ontwikkelde je eigen website design (templates/themes) ? Je kopieert/kopieerde geen templates die gratis te downloaden waren op internet? En gebruik jij ook wel eens UI kits of Web design kits? En ontwikkel je je website designs eerst via photoshop of ga je direct aan de slag?
Excuus voor het overvallen met enorm veel, voor jou onzinnige, vragen.
Godsamme zeg.quote:Op dinsdag 4 februari 2014 12:21 schreef Kraan-Water het volgende:
[..]
Aha thank you. Je leerde de talen in principe door elkaar dus? En je maakte en ontwikkelde je eigen website design (templates/themes) ? Je kopieert/kopieerde geen templates die gratis te downloaden waren op internet? En gebruik jij ook wel eens UI kits of Web design kits? En ontwikkel je je website designs eerst via photoshop of ga je direct aan de slag?
Excuus voor het overvallen met enorm veel, voor jou onzinnige, vragen.
Oww.. Webapplicaties? Waaraan kan ik denken? Gewoon een website bouwen door middel van de eisen van je opdrachtgever en de gegeven design? Is dit laatste meestal in psd of gewoon html/css?quote:Op dinsdag 4 februari 2014 12:23 schreef Catch22- het volgende:
[..]
Ik design helemaal niets zelf. Ik ben developer; geen designer.
Nooit templates gebruikt, of standaarden CMS'en.
Ik bouw webapplicaties en heel soms een website; maar die bouw ik van scratch adhv een design van een designer.
Ga ik doen.quote:Op dinsdag 4 februari 2014 12:24 schreef KomtTijd... het volgende:
[..]
Godsamme zeg.
GA NOU GEWOON WAT MAKEN.
Klantbeheersystemen bijv.quote:Op dinsdag 4 februari 2014 12:24 schreef Kraan-Water het volgende:
[..]
Oww.. Webapplicaties? Waaraan kan ik denken? Gewoon een website bouwen door middel van de eisen van je opdrachtgever en de gegeven design? Is dit laatste meestal in psd of gewoon html/css?
Ik moet toch beginnen met een design van de website die ik wil?quote:Op dinsdag 4 februari 2014 12:46 schreef Modus het volgende:
Ik weet niet maar volgens mij wil je veel te veel tegelijk.
Nee. Je moet beginnen met leren wat HTML en CSS is en wat je ermee kan.quote:Op dinsdag 4 februari 2014 12:47 schreef Kraan-Water het volgende:
[..]
Ik moet toch beginnen met een design van de website die ik wil?
Dat kan heel makkelijk in 3 eenvoudige stappen:quote:Op dinsdag 4 februari 2014 12:34 schreef Kraan-Water het volgende:
Ik heb tenslotte nog een resterende vraag:
Stel ik heb een UI kit of een web design kit gedownload in PSD hoe breng ik deze in html/css of iig in code, aangezien ik de bestanden die van de psd zijn niet heb op mijn pc, maar alleen het psd bestand. De losse bestandjes van wat er in de PSD zit, heb ik namelijk nietAlthans die worden nooit toegevoegd als download..
Jij zei dat ik het in de praktijk moest gaan leren.quote:Op dinsdag 4 februari 2014 12:51 schreef Catch22- het volgende:
[..]
Nee. Je moet beginnen met leren wat HTML en CSS is en wat je ermee kan.
Wat je nodig hebt om een webpagina mee te maken, je design maak je eerst in simpele html en css.quote:Op dinsdag 4 februari 2014 12:54 schreef Kraan-Water het volgende:
[..]
Jij zei dat ik het in de praktijk moest gaan leren.
HTML is voor de tekstopmaak en CSS is voor de styling en vormgeving.
Nou, ik wens je veel success.quote:Op dinsdag 4 februari 2014 12:54 schreef Kraan-Water het volgende:
[..]
Jij zei dat ik het in de praktijk moest gaan leren.
HTML is voor de tekstopmaak en CSS is voor de styling en vormgeving.
TS, begin alsjeblieft met stap 1.quote:Op dinsdag 4 februari 2014 12:52 schreef KomtTijd... het volgende:
[..]
Dat kan heel makkelijk in 3 eenvoudige stappen:
1) Hou op met beren op de weg zoeken
2) Open je tekst-editor
3) Begin met typen.
Zo'n design copy/paste je niet even op je website. Zo'n overzicht van onderdelen is een manier waarop een designer kan laten zien hoe deze er op de te ontwikkelen site uit komen te zien. Als ontwikkelaar kijk je daar na en dan bouw je dat na in je code.quote:Op dinsdag 4 februari 2014 12:43 schreef Kraan-Water het volgende:
Een aanvulling op mijn vorige post;
Wat ik bedoel is dit: [ afbeelding ]
Als je bijv die map of video layout kopieert naar je eigen design hoe kun je het dermate instellen dat de video iets anders moet laten zien dan wat er als plaatje daar staat... Dat je zeg maar al die al vastgeplakte dingen veranderd. Dus die videolayout ook echt bruikbaar wordt die playbutton etc. en die buffer/laadbalk ook in het begin helemaal naar het begin is en niet zo groen in het midden staat, er een video wordt weergegeven ipv een foto met een playbutton..
Dat soort dingen vraag ik mij dus af hoe ik dat dan verander. Ik heb het niet over de tekst enzo en resizing.
1 2 3 4 5 6 7 | <form> <h1>Welcome back!</h1> <input type="text" /> <input type="password" /> <input type="submit" value="Sign in" /> <a href="#">forgot your password?</a> </form> |
Dit begrijp ik dankjewel. Ik vind het alleen lastig om van PSD naar html/css en evt JS over te gaan.. Ik probeer niet eens een al te moeilijk site te maken.quote:Op dinsdag 4 februari 2014 15:38 schreef BrainOverfloW het volgende:
Je moet het leren van een programmeer taal zien als het leren van een gewone buitenlandse taal. Je leert eerst wat basis woordjes en de basis grammatica en begint op het basis niveau van een toerist die bladerend in een vertaalboekje, probeert een paar broodjes bij de bakker te bestellen. Naar mate je steeds vaker in die taal spreekt hoef je minder op te zoeken, vormen zinstructuren automatisch in je hoofd en kun je een gesprek voeren.
Wat jij probeert te doen is een woordenboek Engels doorlezen en dan denken dat als je dat maar goed genoeg in je hoofd stampt je als Shakespear kunt schrijven.
Begin eens met een lekkere simpele basis tutorial. 30 days to learn HTML & CSS bijvoorbeeld. Korte video's met een mooie basis van wat HTML en CSS precies is, hoe je het schrijft en hoe je het goed met elkaar samen laat werken. Dan typ je met de video mee en zie je langzaam de effecten die je code op je webpagina hebben.
Probeer tussendoor ook zelf eens andere dingen te doen met wat je in de cursus leert. Leef je eigen creativiteit er op uit.
[..]
Zo'n design copy/paste je niet even op je website. Zo'n overzicht van onderdelen is een manier waarop een designer kan laten zien hoe deze er op de te ontwikkelen site uit komen te zien. Als ontwikkelaar kijk je daar na en dan bouw je dat na in je code.
Neem bijvoorbeeld dat inlog formuliertje. Je kijkt wat je daarvoor nodig denkt te hebben aan elementen.
Een formulier ( <form> ), een titel ( <h1> ), een gewoon invoer veld ( <input type="text" ), een wachtwoord veld (<input type="password"> ), een verzendknop (<input type="submit" ) en een link ( <a href=""> ). Daarmee bouw je dan je formulier op.
[ code verwijderd ]
Daarna kun je met css de stijl nabouwen. Geef je het formulier de zelfde kleur grijs, de knop maak je blauw, tekst centreer je etc. Als je dan eens niet weet hoe iets moet, bijvoorbeeld de hoeken mooi rond maken, ga je eens googlen. Het is stijl dus je zoekt op css. De beste uitleg is in het engels dus je googlet eens op "CSS round corner" en dan krijg je genoeg artikelen die je leren over het "border-radius" element. Dus dan kun je daar mee oefenen. En zo leer je steeds een beetje extra.
De hoeveelheid dingen die je op moet zoeken is in het begin groot, maar naar mate je meer code geschreven hebt bouw je je eigen basis aan kennis op en hoef je alleen de dingen die nieuw voor je zijn in een ontwerp maar uit te zoeken. Op het moment dat je alles uit je hoofd kan programmeren is het tijd uitdagendere projecten te zoeken want alle kennis ga je never nooit niet bereiken, dat is voor geen mens te doen.
Laat JS voorlopig even voor wat het is tot je hmtl/css beter onder de knie hebt. De PSD die je uitgekozen hebt is voor een beginner ook wel complex.quote:Op dinsdag 4 februari 2014 17:25 schreef Kraan-Water het volgende:
[..]
Dit begrijp ik dankjewel. Ik vind het alleen lastig om van PSD naar html/css en evt JS over te gaan.. Ik probeer niet eens een al te moeilijk site te maken.
Heb je nou uberhaupt al een regel code getypt?quote:Op dinsdag 4 februari 2014 17:25 schreef Kraan-Water het volgende:
[..]
Dit begrijp ik dankjewel. Ik vind het alleen lastig om van PSD naar html/css en evt JS over te gaan.. Ik probeer niet eens een al te moeilijk site te maken.
Nee, ik heb tot nu toe allemaal UI kits gedownload en van alles een beetje gekopieerd en geplakt en wat tekst bewerkt en geresized om een naar mijn wens template te maken in photoshop...quote:Op dinsdag 4 februari 2014 19:18 schreef KomtTijd... het volgende:
[..]
Heb je nou uberhaupt al een regel code getypt?
En wat wil je dan met die template gaan doen als je hem klaar hebt?quote:Op dinsdag 4 februari 2014 20:34 schreef Kraan-Water het volgende:
[..]
Nee, ik heb tot nu toe allemaal UI kits gedownload en van alles een beetje gekopieerd en geplakt en wat tekst bewerkt en geresized om een naar mijn wens template te maken in photoshop...
200+ reacties in één post samengevat. Puik gedaan.quote:Op dinsdag 4 februari 2014 20:49 schreef CrashO het volgende:
Dus je wilt eigenlijk een huis bouwen.
Maar hebt nu allemaal plaatjes uit brochures bij elkaar geknipt en plakt, en vraag je af hoe je een hamer moet vasthouden, maar denkt toch wel eventjes een huis in elkaar te zetten.
Vat ik het zo een beetje samen?
Niet alleen voor webdevven. Voor devven in het algemeen wel. Altijd lachen met van die figuren die verwachten dat ze met een uurtje lezen in programmeren voor dummies eventjes BF3 of Facebook nabouwen ofzoquote:Op woensdag 5 februari 2014 00:38 schreef Convergence het volgende:
Voor webdevven moet je autodidactisch zijn aangelegd. TS is dat zo te zien niet.
SPOILEROm spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
[ Bericht 4% gewijzigd door #ANONIEM op 05-02-2014 00:56:14 ]
John Duckett?quote:Op dinsdag 4 februari 2014 21:59 schreef esv7 het volgende:
In de tijd van jouw topic heb ik het boek wat ik jou heb aangeraden zelf al uitgelezen![]()
![]()
.
Google bestond nog niet.quote:Op dinsdag 4 februari 2014 12:17 schreef Kraan-Water het volgende:
[..]
Hoe ben je begonnen? Tikte je dan gewoon op google ''how to make websites'' of wat? Als nieuweling toendertijd had je denk ik ook geen flauw benul.Dus dan zat je eigenlijk in hetzelfde schuitje als ik.
Hier kun je niet mee beginnen. Als je van dit als PSD naar een functionele website wilt, die ook nog alle effecten en controls heeft waar de layout voor is bedoeld, heb je jarenlange ervaring nodig.quote:Op dinsdag 4 februari 2014 12:43 schreef Kraan-Water het volgende:
Een aanvulling op mijn vorige post;
Wat ik bedoel is dit: [ afbeelding ]
Als je bijv die map of video layout kopieert naar je eigen design hoe kun je het dermate instellen dat de video iets anders moet laten zien dan wat er als plaatje daar staat... Dat je zeg maar al die al vastgeplakte dingen veranderd. Dus die videolayout ook echt bruikbaar wordt die playbutton etc. en die buffer/laadbalk ook in het begin helemaal naar het begin is en niet zo groen in het midden staat, er een video wordt weergegeven ipv een foto met een playbutton..
Dat soort dingen vraag ik mij dus af hoe ik dat dan verander. Ik heb het niet over de tekst enzo en resizing.
Xampp staat op mijn pc, evenals Filezilla en Dreamweaver.quote:Op woensdag 5 februari 2014 11:59 schreef illusions het volgende:
[..]
Google bestond nog niet.Gewoon zelf beginnen, je kan het beste een bestaand iets pakken, een heel simpel template bijv. en dat gaan aanpassen. Als je dan denkt HTML een beetje onder de knie te hebben, ga je een PHP script installeren en daar zelf aanpassingen op proberen te maken.
Beste installeer je lokaal een webservertje, zoals XAMPP ofzo, daar zit dan gelijk support voor PHP in en een MySQL server, en dan ga je daarmee aan de slag. Of je neemt een goedkoop (of gratis) webhosting account met support voor PHP en minimaal 1 MySQL database. FTP access ga je nodig hebben, shell access (SSH) vind ik ook altijd handig, maar als je nog nooit op een Linux terminal gewerkt hebt, gaat dat je ook nog een tijdje studeerwerk opleveren.
Je zit te klooien met een PSD omdat je er nog niet aan toe bent. Ga eerst maar iets functioneels maken, en focus je helemaal niet op hoe het eruit ziet. Pleur Dreamweaver gelijk weg, en installeer Notepad++ of een andere teksteditor met kleurtjes en syntaxherkenning.quote:Op woensdag 5 februari 2014 13:18 schreef Kraan-Water het volgende:
[..]
Xampp staat op mijn pc, evenals Filezilla en Dreamweaver.
Het probleem is niet dat ik de codes niet snap of dat ik ergens vastloop qua html/css, maar het probleem is 'gebrek '' aan creativiteit. Ik heb echt werkelijk idee wat voor layout ik moet maken etc.. Ik weet wel wat ik wil, maar niet hoe het eruit kan gaan zien.
Daardoor zit ik te klooien met psd.
Waarom is Notepad++ beter? Dreamweaver kun je gebruiken in splitmode waardoor je direct al de codes kunt vinden door te klikken op een deel uit de designmode plus je kunt het resultaat direct zien.quote:Op woensdag 5 februari 2014 13:20 schreef illusions het volgende:
[..]
Je zit te klooien met een PSD omdat je er nog niet aan toe bent. Ga eerst maar iets functioneels maken, en focus je helemaal niet op hoe het eruit ziet. Pleur Dreamweaver gelijk weg, en installeer Notepad++ of een andere teksteditor met kleurtjes en syntaxherkenning.
Zoals ik al zei, pak iets wat al bestaat, en ga dat aanpassen. Een simpel HTML template bijvoorbeeld, of een PHP script als je denkt eraan toe te zijn. Probeer het in dat geval ten eerste te installeren, alle file permissies goed te zetten, database aanmaken, etc.
en dat klopt van geen kant.quote:Op woensdag 5 februari 2014 13:27 schreef Kraan-Water het volgende:
[..]
Waarom is Notepad++ beter? Dreamweaver kun je gebruiken in splitmode waardoor je direct al de codes kunt vinden door te klikken op een deel uit de designmode plus je kunt het resultaat direct zien.
Omdat je iets wilt leren, en dan moet je alle WYSIWYG software links laten liggen. Als je alles handmatig doet word je veel preciezer, en je resultaat moet je in meerdere browsers testen: zo'n beetje alle moderne browsers, niet alleen in DreamWeaver's ingebouwde aftreksel van Internet Explorer. Nou zal dat browser compatibility nog wel ver van je bed zijn, maargoed, een goed begin is het halve werk.quote:Op woensdag 5 februari 2014 13:27 schreef Kraan-Water het volgende:
[..]
Waarom is Notepad++ beter? Dreamweaver kun je gebruiken in splitmode waardoor je direct al de codes kunt vinden door te klikken op een deel uit de designmode plus je kunt het resultaat direct zien.
Dat doe ik?quote:
Ja, wel een aanrader hoor, had hem in vier dagen uit.quote:
Fucking goed boek! In maart komt een nieuwe; javascript en jquery! Kan niet wachten!quote:Op woensdag 5 februari 2014 19:09 schreef esv7 het volgende:
[..]
Ja, wel een aanrader hoor, had hem in vier dagen uit.
Zucht.quote:Op woensdag 5 februari 2014 19:07 schreef Kraan-Water het volgende:
Ik heb eigenlijk genoeg ideeën, maar voor een layout heb ik geen ideeën... ik kan moeilijk een template downloaden en die aanpassen? Dan is het toch niet zo origineel meer?En raden jullie mij html/css templates aan of ook gewoon ingewikkeldere met JS? Of gewoon een PSD template en deze zelf slicen naar html/css/JS
Qua html lukt het mij welquote:Op woensdag 5 februari 2014 19:15 schreef CrashO het volgende:
[..]
Zucht.
Begin nou gewoon eens met losse troep te schrijven zonder je zorgen te maken hoe het eruit ziet. Gewoon tutorials volgen en zooi verbouwen tot je snapt hoe het werkt. Over een paar maanden maar eens aan PSD's beginnen. Snap je dat na 240 reacties nou nog steeds niet?
Ja klopt. Ik heb dat allemaal al geprobeerd en het is aardig gelukt. Zoals pagina's maken en deze dan linken etc etc en forms maken. Maar bij css, positionering, blokken/tiles maken etc etc.. zijn dingen die ik lastig vind. De basisdingen vind ik zelf simpel, maar wanneer designen bijkomt kijken vind ik het lastig. Dan heb ik het niet over dingen als bgcolor, want dat is gewoon kwestie van een kleurcode invoeren.quote:Op dinsdag 4 februari 2014 21:08 schreef BrainOverfloW het volgende:
[..]
En wat wil je dan met die template gaan doen als je hem klaar hebt?
Nog een ander puntje. Designen in photoshop is een heel andere vorm van creativiteit dan coden. Dat je het één leuk vind garandeert nog niet dat het andere je ook zal bevallen. Ga dus gewoon eens achter een tekstverwerker zitten en schrijf, aan de hand van een boek of een video cursus, wat basis code. Gewoon om te kijken of je het überhaupt wel leuk vind om te doen. Anders heb je straks vele uren gestoken in het ontwerpen van jouw design en kun je het weggooien omdat je coden helemaal niet leuk blijkt te vinden. Dat zou ook zonde zijn van je tijd.
Dus je kan plankjes hout oprapen en ze aan elkaar plakken met wat lijm. En even met de verfroller eroverheen is ook geen probleem. Maar wat je er nu verder moet heb je geen idee?quote:Op woensdag 5 februari 2014 19:27 schreef Kraan-Water het volgende:
Ja klopt. Ik heb dat allemaal al geprobeerd en het is aardig gelukt. Zoals pagina's maken en deze dan linken etc etc en forms maken. Maar bij css, positionering, blokken/tiles maken etc etc.. zijn dingen die ik lastig vind. De basisdingen vind ik zelf simpel, maar wanneer designen bijkomt kijken vind ik het lastig. Dan heb ik het niet over dingen als bgcolor, want dat is gewoon kwestie van een kleurcode invoeren.
Ik denk het eerste. Tweede is niet aan de orde. Maar ik denk met de juiste mindset, motivatie en begrip dat het wel moet lukken.quote:Op woensdag 5 februari 2014 19:39 schreef CrashO het volgende:
Ik ga weer terug naar me bouw-metaforen, dit komt zo niet over
[..]
Dus je kan plankjes hout oprapen en ze aan elkaar plakken met wat lijm. En even met de verfroller eroverheen is ook geen probleem. Maar wat je er nu verder moet heb je geen idee?
Ik heb het idee dat je zelf geen idee hebt wat je wilt, of dat je het vak van webdeveloper erg erg grof onderschat.
Doorgelezen en tussendoor dingen die ik nog niet kende of niet goed genoeg uitgeprobeerd, beetje verandert en zulks. Het meeste kende ik al, maar ik wil beginnen met iets anders waarvoor ik eerst even mijn css3 even wilde bijspijkeren.quote:Op woensdag 5 februari 2014 19:09 schreef Kraan-Water het volgende:
[..]
Fucking goed boek! In maart komt een nieuwe; javascript en jquery! Kan niet wachten!Heb je alleen gelezen of ook genoteerd? Of gewoon snel doorgelezen?
|
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |