wanna make your own website?
here's a list of resources from a person that knows jack shit about coding
first and foremost you need to know why you're making a website. do you want it to be your portfolio, a blog or an art project? the tools for your website will vary depending on your intent. i made my website as a personal blog + art gallery + place where i put all the info on my characters, so the resources will mostly be for that
during this step you need to figure out what you want on your website, page by page. usually you always have a home page, an about page and sometimes a guestbook, other stuff varies.
after you have figured out the list of pages for your website, you can start designing. try your best not to make a complicated design, since you will be in hell trying to backend it.
i searched for websites i liked and put screenshots of them in milanote, so that i had like a moodboard of them.
during this step you need to figure out:
- the main palette of your website
- the layout of your website
if you're bold enough you can make a prototype in figma, but for complete beginners even a sketch in your notebook will do.
* for fonts: try to use no more than 3 fonts to make your design cohesive. you can break this rule if that's the style you're going for (like some art projects or personal websites that are trying to emulate the designs of web 1.0)
if you're looking for website builders and want to take the easy way out - there's hotglue, a website builder like tilda or wordpress. as far as i understand you build and host your website right there. no coding is required - everything is done through dragging and dropping images, text, etc.
however i advise you to either host a website yourself or use nekoweb. [i was talking about neocities and ai here but i was wrong. use anything you like more] in any case i use nekoweb and so far i like it a lot
- use templates (a number of free templates is listed here). you will need to do just a bit of coding, but usually template makers give very detailed comments on how to edit their templates. you can edit everything in vscode or online in codepen.
- use websites that help you generate code from your layout: like nekogrape. here you set your website like you want by dragging and dropping blocks and then you copy the code and put it in nekoweb.
you should understand that making a website takes quite some time and generally you will probably always be working on it - editing, adding and removing stuff, making it more accessible. and that's okay - that's literally what makes it so special. so don't worry about making it perfect from the first try - just make it exist first.
a lot of stuff can be done only through coding (like flashy animations and some effects) and generally i really advise you to learn the basics
html/css is not that complicated especially with the right resources, css is slightly broken but you can figure out how to work with it through trial and error.
here are some books and websites that you can use to learn html/css:
- freecodecamp - a free course to learn the basics
- interneting is hard - an online textbook on html/css
- w3schools - a big wiki on everything html/css related
now that you have the basic outline of your website and you know some stuff on html/css here's a list of resources that you can use to make your website more pretty or more aligned with what you want from it:
- guest book from the founder of nekoweb
- a cat that follows your mouse
- javascript effects for text or mouse
i will try to update this list as i find more stuff but for now this is something i used/plan to use
after you make your website i would also recommend setting up an rss feed but i don't know how to do it yet so i will come back to you when i've set up my own. : )
so yeah. im waiting for yall on nekoweb go follow me and when you make your website you can share it in the reblogs or comments!!
jacobvanloon
stormborns
vaporwave
discoholicmusic
areudirty
pixelskylines
2087
blakekathryn
