BEGINNING
|
Before coding anything, here's what you need:
|
You'll also need:
|
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)
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!

EXPLAINING THE FILES:
readme.txt is for you. Read it!
robots.txt is just a list of bots that aren't allowed to scrap for content on your website (typically A.I bots)
index.html is your home page. Learn to code it here!
gallery.html is your gallery page. Learn to code it here!
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!
about.html is your about page. Learn to code it here!
the three images are banners used to link to my website, this website, and neocities!

|
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)
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!)
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!
|

START CODING:
NEXT : the INDEX page
the GALLERY page
the LIGHTBOX options
the ABOUT page
TIPS |
|
|