8 Hulpmiddelen om uw website gratis te maken
Het is de waarheid dat we soms websites moeten maken met een beperkt budget. Het is ook waar dat we soms gewoon wat sites willen opzetten en maken voor de lol, dus we willen er geen cent van uitgeven.
Gelukkig komt daar het web om de hoek kijken. Er zijn zoveel geweldige technologische ontwikkelingen die ons toelaten websites te maken en op te zetten, niet alleen met een beperkt budget, maar gratis. Van webontwerp tot ontwikkeling, er zijn gratis services waarmee we PROFESSIONELE websites kunnen maken, niet alleen op sjablonen gebaseerde sites die doen denken aan de late jaren '90.
Vandaag hebben we 8 van de beste sites geselecteerd om u te helpen bij het maken van uw site - dat klopt - alles is op het web en GRATIS.
Het ontwerp
Voor velen van ons die ontwerpers zijn, kunnen we beginnen met het ontwerp van de website. Het helpt ons te visualiseren waar we naartoe willen en geeft ons een idee hoe alles wordt opgezet en werkt. Tegenwoordig gebruiken ontwerpers programma's zoals Adobe Photoshop of Adobe Fireworks om een lay-out te maken. Hieronder staan drie fotobewerkings-apps die volgens mij het proberen waard zijn.
Phoenix van Aviary
Wat de ontwikkelaars zeggen:
"Van standaard beeldretouchering tot complexe effecten, Phoenix levert de belangrijkste kenmerken van een beeldbewerker op het bureaublad met de eenvoud en toegankelijkheid van een webgebaseerde toepassing."
Wat iedereen zegt:
De manier waarop Phoenix aan ons wordt gepresenteerd, is een hulpmiddel dat uitstekend geschikt is voor beeldmanipulaties en aanpassingen en dergelijke. Het mooie van Phoenix is dat het veel van de functies heeft die bekend zijn in Photoshop, maar veel eenvoudiger zijn. Alles wat nodig is, is er en is iets intuïtiever dan complexere software zoals Photoshop of zelfs Gimp.
Een bijkomend voordeel: Phoenix is gemaakt door Aviary, dat een overvloed aan andere webgebaseerde applicaties heeft, zoals een vectorontwerpapplicatie en een video-effectentoepassing. U bent in staat om uw bestanden op Aviary op te slaan (zolang u een geregistreerde gebruiker bent) en u kunt eenvoudig projecten tussen applicaties openen. Dit is geweldig voor elke ontwerper of illustrator die zijn vectorcreatie wil maken en er een website-indeling van wil maken. U kunt ook PSD-bestanden importeren en ermee werken.
De nadelen van deze toepassing zijn dat er niet veel filters zijn. Dit maakt niet veel uit als je alleen maar fundamentele wijzigingen in foto's aanbrengt (bijsnijden, transformeren, enz.), Maar als je hier bent om een complexere lay-out of ontwerp te maken, wil je misschien een andere applicatie proberen. Aviary slaat uw werk ook standaard op onder een Creative Commons-licentie, dus tenzij u daar wijzigingen aanbrengt, deelt u uw werk helemaal opnieuw. Het kan ook uw werk publiceren zodat iedereen het Aviary-netwerk kan doorzien, als u dat wilt.
Editor door Pixlr.com
Wat de ontwikkelaars zeggen:
" Pixlr Editor is een gratis online foto-editor met een prefessional touch. Corrigeer, pas en filter uw afbeeldingen aan ... "
Wat iedereen zegt:
Pixlr Editor presenteert zich vrijwel als de online Photoshop. Deze applicatie is niet zo eenvoudig te begrijpen als de vorige, Phoenix. Er zijn zoveel functies en filters in deze Editor die uniek zijn voor dit programma, de meeste voor het bewerken en retoucheren van afbeeldingen. Het zou heel moeilijk zijn om deze applicatie helemaal opnieuw te gebruiken, tenzij je enige kennis hebt over het retoucheren van foto's, evenals wat kennis van Photoshop.
De verfijning van deze applicatie zorgt voor meer beeld zware lay-outs en complexe ontwerpen. Er zijn veel filters en aanpassingen die u helpen het uiterlijk van uw afbeeldingen en ontwerp aan te passen. Er zijn niet veel draw-backs hier, behalve dat het een stuk gecompliceerder is dan de meeste online applicaties, maar daardoor is er veel meer maatwerk dat gedaan kan worden. Helaas kunt u PSD-bestanden niet openen en bewerken. U hoeft echter geen account te hebben om de bestanden die u met Pixlr Editor maakt op te slaan - u kunt ze rechtstreeks op uw harde schijf opslaan.
Splashup
Wat de ontwikkelaars zeggen:
" Splashup, voorheen Fauxto, is een krachtige bewerkingstool en foto-manager. Met de functies die professionals gebruiken en beginners willen, is het eenvoudig te gebruiken, werkt het in realtime en kun je veel afbeeldingen tegelijk bewerken. Splashup wordt in alle browsers uitgevoerd, kan naadloos worden geïntegreerd met de beste sites voor het delen van foto's en heeft zelfs een eigen bestandsindeling, zodat u uw lopende werk kunt opslaan. “
Wat iedereen zegt:
Deze applicatie is een mooie mix tussen de eenvoud van Phoenix en de verfijning van Pixlr Editor. Het lijkt een toepassing te zijn die in de buurt is van, maar niet helemaal, een Photoshop-kopie. Ik zou eigenlijk zeggen dat het niet zo intuïtief is, omdat alle tools en knoppen niet hetzelfde zijn en het een beetje verwarrend kan worden. Dit verandert echter niets aan de kracht van de ontwerpmogelijkheden.
Het grootste nadeel dat ik tegenkwam bij Splashup is dat het is gebouwd met Flash. Het is geen gigantische deal, maar het kan waarschijnlijk veel geheugen opzuigen en vele fouten en glitches doorstaan. Ook weer vond ik het niet zo intuïtief en gemakkelijk te gebruiken als de andere programma's, voornamelijk vanwege de Flash-implementatie en het verschil in sommige knoppen.
De bottom line is echter dat Splashup volledig in staat is om een weblay-out te ontwerpen. Jammer genoeg, dit programma importeert geen PSD-bestanden, maar je hoeft ook geen account te hebben om bestanden op te slaan. U kunt ze opslaan op uw harde schijf en op een aantal andere plaatsen (zoals Flickr, Photobucket, enz.).
Sumo Paint
Wat de ontwikkelaars zeggen:
“ SumoPaint is de meest veelzijdige applicatie voor schilderen en fotomanipulatie online. Momenteel heeft het meer dan 1 miljoen maandelijkse actieve gebruikers en een levendige community. "
Wat iedereen zegt:
Heel erg zoals de andere redacteurs, neemt Sumopaint een vrij fatsoenlijke steek in de fotomanipulatie en ontwerpwereld. Wat ik leuk vind aan Sumopaint is de integratie van veel van de tools die je in Photoshop tegenkomt die niet in veel van de andere online editors te vinden zijn, namelijk de toverstaf en aangepaste vormgereedschappen. De setup lijkt erg op die van eerdere versies van Photoshop, waardoor het erg intuïtief is.
Het heeft een beetje van de meer geavanceerde functies, filters en aanpassingen, wat het opnieuw heel gemakkelijk maakt om met complexe ontwerpopmaken te werken. Deze editor is gemaakt met Flash, dus er kunnen ook enkele problemen zijn met betrekking tot lag en geheugen. Maar als je van de Flash-gebaseerde editors houdt, is deze duidelijk de meest opvallende van de twee (SplashUp).
Deze app is beschikbaar in verschillende talen, waardoor deze extreem veelzijdig is. Sumopaint heeft een vrij grote designgemeenschap van 4 miljoen mensen die elkaars werk delen, samenwerken, beoordelen en 'remixen'. Sumopaint is een van de gemakkelijkst te gebruiken (vooral wanneer je uit Photoshop komt) met een aantal van de betere functies die worden aangeboden.
De codering
Afhankelijk van uw gewenste werkstroom, kunt u uw ontwerp en codering tegelijkertijd of in twee afzonderlijke en verschillende fasen uitvoeren. Wat uw gewenste flow ook is, u moet uw website op een bepaald moment coderen. Er zijn veel verschillende downloadbare programma's die we gebruiken om onze sites te coderen, afhankelijk van wat we leuk vinden, maar ik heb vier van de beste voor webontwerpers samengesteld (niet noodzakelijkerwijs ontwikkelaars die super vloeiend zijn in HTML of CSS).
Drawter
Wat de ontwikkelaars zeggen:
"Drawter is een hulpmiddel dat is geschreven in JavaScript en is gebaseerd op de jQuery-bibliotheek. Het biedt u de mogelijkheid om de code van uw website letterlijk te tekenen. Het werkt op elke webbrowser waardoor het echt nuttig en nuttig is. Elke tag wordt gepresenteerd als een laag die u hebt getekend.
Momenteel is Drawter beschikbaar in Pro-versie, wat betekent dat het alleen voor gebruik door webmasters bedoeld is - kennis van HTML en CSS is vereist. Drawter is voorlopig geen tool voor leken, maar het hele team achter het project doet er alles aan om een nieuwe versie genaamd "Amateur" te lanceren. Binnenkort kunt u uw websites tekenen zonder enige kennis van HTML of CSS. Lanceert 2010. "
Wat iedereen zegt:
Als ontwerper trok Drawter me de mogelijkheid om mijn gewenste lay-out met de op pixels gebaseerde liniaal langs beide assen te tekenen. Het genereert de CLEAN-code voor u en alles wat u hoeft te doen is een naam te geven aan elk van uw secties of divs die u maakt. U kunt uw divs aanpassen met CSS-eigenschappen, zoals achtergrondkleuren en afbeeldingen, zodat u een goed beeld krijgt van hoe uw website eruit gaat zien. Je kunt ook spelen met de lettertypen en randen en alles om je website visueel te conceptualiseren.
Drawter heeft ook veel verschillende attributen en laat je toe om formulier-tags, heading-tags en nog veel meer in te voegen voor HTML. Dit is geweldig voor degenen onder ons die lay-outs hebben die echt veel werk en aandacht vereisen, vooral als we niet zo bedreven zijn in het markeren. De grootste terugval die ik voor Drawter vond, is dat het alleen bij HTML4 is - sommigen vinden dit een groot probleem, andere niet. Ik geloof dat het een van die praktische dingen is, vooral als je weet hoe je moet coderen in HTML5 en CSS3.
YAML Builder
Wat de ontwikkelaars zeggen:
"De YAML Builder is een hulpmiddel voor het visueel maken van YAML-gebaseerde CSS-lay-outs. Hiermee kunt u basislay-outkarakteristieken instellen, zoals het aantal en de positie van de inhoudskolommen, evenals het dynamisch maken van op rasters gebaseerde lay-outs door subtalkplates te slepen en neer te zetten. Niet helemaal WYSIWYG, maar dichtbij!
De code die door de Builder wordt gegenereerd, is gebaseerd op de bestandsstructuur van de sjabloon "Simple Project", zodat het volledige resultaat direct kan worden gekopieerd en geplakt, zonder iets te veranderen. De vereiste XHTML-opmaak, de schermindeling en de lay-outspecifieke aanpassingen voor Internet Explorer worden allemaal automatisch gegenereerd. "
Wat iedereen zegt:
YAML Bulder is opnieuw gebaseerd, moreso rond de CSS van een website dan iets anders. Wat ik aantrekkelijk vond aan YAML waren de presets die ze al hadden: je hebt een website met twee kolommen, een website met drie kolommen, enz. Dit is geweldig als je eerst je code wilt maken, dan naar een van de designtoepassingen gaat en nagelt het uiterlijk van uw website.
Ik vond het niet zo eenvoudig en intuïtief om als Drawter te gebruiken, waar je net hebt getekend wat je wilde. In feite heeft YAML hun sjablonen en om alles aan te passen en te veranderen, moet je de eigenschappen vinden en dan alles intypen. Het is ook niet zo groot als Drawter waar je afbeeldingen kunt uploaden en van kleur kunt veranderen en formuliertags kunt invoegen. Deze is wat strenger voor wat betreft het creëren van een raamwerk waar je later je foto's en je aanpassingen kunt pluggen en chuggen. Ik merk dat deze zich een beetje meer concentreert op de codering en minder en de look.
Nogmaals, deze editor ondersteunt momenteel HTML5 niet.
jsFiddle
Wat de ontwikkelaars zeggen:
“ JsFiddle is een speeltuin voor webontwikkelaars, een tool die op veel manieren kan worden gebruikt. Men kan het gebruiken als een online editor voor snippets die zijn opgebouwd uit HTML, CSS en JavaScript. De code kan vervolgens met anderen worden gedeeld, ingebed in een blog, enz. Met behulp van deze aanpak kunnen JavaScript-ontwikkelaars heel eenvoudig bugs isoleren. We willen alle actief ontwikkelde frameworks ondersteunen - het helpt bij het testen van compatibiliteit "
Wat iedereen zegt:
Dit is zeker een applicatie meer voor de ontwikkelaars en markeer specialisten die er zijn. Ik koos jsFiddle omdat je met verschillende JavaScript-bibliotheken kunt werken, zoals mooTools en jQuery. Hiermee kunt u ook uw JavaScript-fout opsporen en een voorbeeld van het uiterlijk van uw afgewerkte product bekijken.
jsFiddle is niet zoals de andere markup editors omdat je hier alles vanaf nul moet coderen. Natuurlijk kan dit geweldig zijn, omdat je meer controle hebt over wat je doet, vooral als je precies weet wat je wilt doen. Veel ontwikkelaars gebruiken jsFiddle niet om hele pagina's te coderen, maar ze gebruiken het wel om fouten op te sporen en problemen op te lossen met stukjes van hun JavaScript. JsFiddle is echter meer dan in staat om u te helpen met het ontwerp van uw gehele website.
Kodingen
Wat de ontwikkelaars zeggen:
"Kodingen begon met twee broers (Devrim & Sinan) die samen kwamen om iets terug te geven aan de ontwikkelaarsgemeenschap."
Wat iedereen zegt:
Wat meteen naar Kodingen trok, was het gemeenschapsgevoel dat werd getoond. In plaats van zich te voelen als een webredacteur in de cloud, voelde het echt als een open sociaal netwerk. Het doel van Kodingen is om de hoeveelheid pluis te verminderen die we moeten doorstaan wanneer we websites willen maken, ontwikkelen, hosten en updaten. Over het algemeen moeten we voor elke stap naar verschillende websites gaan, maar Kodingen maakt dit een one-stop-shop.
Als je je aanmeldt, krijg je een heel bescheiden hostingaccount (500 MB en 1 GB bandbreedte), maar nogmaals, wat ik leuk vond aan dit was het gevoel van gemeenschap. Er worden zoveel codeertalen ondersteund en u bent vrij om verbinding te maken met verschillende leden in de gemeenschap om hulp te krijgen of om samen te werken aan projecten. Dit is geweldig voor diegenen onder ons die sterker zijn in ontwerp dan in ontwikkeling en die zo nu en dan wat hulp kunnen gebruiken om onze website te krijgen waar die moet zijn.
De grootste trekpleister hierachter is alleen dat het Beta is. Ze waarschuwen je voordat je meedoet dat je URL en je bestanden en dergelijke de volgende dag kunnen verdwijnen, dus bevelen ze dit echt aan voor het spelen van en snelle samenwerkingen. Als dit echter ooit een officiële release zou worden, denk ik dat iedereen die geïnteresseerd is in webdesign en -ontwikkeling op deze trein zou moeten stappen. Kodingen is alles samengevoegd in één: er zijn geen sites die op elkaar afkomen om alles samen te laten werken, het is allemaal op één plek, met de optie om andere mensen te helpen om u te helpen. Ik weet niet precies waar Kodingen het mis kan hebben.
Conclusie
Als webontwerpers en -ontwikkelaars willen we natuurlijk de beste kwaliteit gebruiken om de beste kwaliteit te produceren, en gelukkig hebben we manieren om dat met een beperkt budget te doen. Blijf je onderzoek doen en vind tools die je helpen betere websites te maken. Dit zijn slechts een paar van de beste internetgebaseerde applicaties en websites die mensen met een beperkt budget helpen.
Welke andere applicaties en programma's hebben we afgewezen van de lijst die u LIEFDE wilt gebruiken?