harry

truebug

@harry

kinda psyched i got this username ngl

log in
harry
@harry
kbkbkb
@kbkbkb
itsnero
@itsnero

The Quick ‘n’ Dirty Guide to Making a Website (2022)

I've talked briefly on other social medias and in my patron newsletter that I wanted to make an easy guide for non-web-savvy people (specifically artists) who want to make their own homes online. It's now available to read, for the curious.

There's a lot of good guides out there, but this was made with the intent of getting someone up and running online in less than an hour or two of work from buying a domain to uploading images. I even included a couple of cleaned up templates that I've used in the past for web projects, in case people don't want to start from scratch.

Enjoy!!

You must log in to comment.

in reply to @itsnero's post:

itsnero
@itsnero

Yeah it’s some weenie shit but if you’re poor and desperately need a website, It’s There I Guess. Hoping more cheap options arise in the future so I don’t have to include it.

login to reply
eladnarra
@eladnarra

This is really cool!

A couple suggestions:

  • One thing that's good for accessibility is semantic HTML — putting navigation links in <nav>, main content in <main>, header stuff (including navigation) in <header>, etc. Might be a little beyond the scope of this tutorial, but a few of these would be a single-line change, and there are some good resources out there talking about semantic HTML and landmarks.
  • A bit more complex since you have to overwrite list formatting with CSS, but it also helps to put navigation links in a list (some tutorials out there).
  • If you're hardcoding static pages, you can usually host them online for free, such as through GitHub pages, GitLab pages, or Netlify. The only cost then is a custom domain. My simple links page is on Netflify, and I basically just dragged and dropped my folder into their upload thingie. (Eventually I will set up GitHub or GitLab, but... Baby steps.)
login to reply
itsnero
@itsnero

Yeah, someone else pointed out the lack semantic HTML and that was totally a mistake on my part- I'll include a paragraph or two on it when I do the next update. The list formatting I didn't include since that would take longer to explain, and this guide is meant to get someone online in an hour or two. Might link a tutorial as an alternative near the end, if someone finds themselves caught by the coding bug.

Another thing I may need to make more clear as well (as this is getting out of the original circles I really intended it for, which I kind of expected)- this guide is geared towards artists, specifically of the pornographic and generally adult variety, as we're the ones who get kicked off social media the most. Unfortunately, I don't think GitLab, Netflify, or other free static hosts do not play nice with the kind of work we do. Doing a quick skim, GitLab's TOS doesn't mention porn specifically, but it does mention 'obscene' materials, which usually ends up meaning anything explicit anyway.

Thank you for the feedback!!

login to reply
eladnarra
@eladnarra

Ah yeah, that makes sense about adult art and porn - sucks that there aren't free platforms that are okay with that...

A paragraph about semantic HTML sounds great! Totally understand wanting to make things for beginners/non-coders, but it's a simple change that can help move us away from divitis. 😅

login to reply
itsnero
@itsnero

Neocities is definitely the best of the free options available tbh! There's very little restrictions on what you can do, AND they don't ban adult content (which is specifically why I was making this guide, lol).

login to reply
Pinned Tags