banner saying make your own website, I'll help you, almost from scratch, quick! and effective and the website's url jakechirak.com

BEGINNING


Before coding anything, here's what you need:

checkmark drawing A DRAWING SOFTWARE (check the "links" page for links to free softwares)
checkmark drawing NOTEPAD (or any other text software)

You'll also need:

checkmark drawing A valid email address
checkmark drawing A NEOCITIES account
checkmark drawing A cBox account (optional)


Once you set those up, start by downloading these files (they are zipped, you'll have to extract them once downloaded! If you don't know how, read this)

warning drawing Be careful where you store your files, badly organized files is a sure fire way to get a messed up code. You'll need to make a habit of renaming everything right, and knowing where all your files are!

Once you downloaded everything, it will look like this (click on the image to enlarge it):

If everything is in order, go to neocities and click on "edit site" (or this link). You'll have to drag and drop every file into your dashboard. This will automatically replace the files that are already in your dashboard by default. We'll get to the lightbox later, but it has to stay in its own folder. Drag and drop the folders directly, or create new folders manually and use the "upload" button. Be mindful that adding folders will change your links, so always double check them!



arrow drawing EXPLAINING THE FILES:
hand pointing right readme.txt is for you. Read it!
hand pointing right robots.txt is just a list of bots that aren't allowed to scrap for content on your website (typically A.I bots)
hand pointing right index.html is your home page. Learn to code it here!
hand pointing right gallery.html is your gallery page. Learn to code it here!
hand pointing right the lightbox folder is a bunch of pre-coded pages that will help you create a gallery with images opening using the lightbox system.. Learn to code it here!
hand pointing right about.html is your about page. Learn to code it here!
hand pointing right the three images are banners used to link to my website, this website, and neocities!

a line to separate different parts of the website


This is just the basic skeleton of your website. The easy part is done! Now, let's get to the frustrating part: the coding (don't worry, it won't be frustrating because I'll explain everything)

warning drawing I recommend finishing the design of your website before starting coding. Why not start by making a banner and uploading it? Look at the live demo website for inspiration. All the image sizes are over there! (Check out the tip page, there's the image sizes there too!)

warning drawing Before you start, be mindful that everything you save from the neocities raw code page will go online! If you want to finish everything before going live, save it in Notepad instead and only use the neocities page to have the pretty code colors that make your life easier, and use the "View" button to check if everything works without putting the page online! Now, TIME TO START CODING!

a line to separate different parts of the website

START CODING:
hand pointing right NEXT : the INDEX page
the GALLERY page
the LIGHTBOX options
the ABOUT page
TIPS

NAV
a line to separate the navigation from the rest of the links
LIVE DEMO

HOME

LETSGO!
Which page do you want to start coding?

  • > START
  • INDEX
  • GALLERY
  • LIGHTBOX
  • ABOUT
  • TIPS
  • Back to top