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

arrow drawing Preparing what your site will look like BEFORE starting to code is a good plan! Get your images ready, try to define what the colors will be.
CHECK THE LIVE DEMO WEBSITE AND USE THESES MEASURES:
(the width is the first number, the height the second one)

arrow drawing top banner is 800x180px
arrow drawing the "welcome image" on the index/home page is 500x500px
arrow drawing the "about" picture on the about page is 250x250px
arrow drawing the preview/thumbnail images in the gallery are 100x100px
arrow drawing the tiny banners are 88x31px
arrow drawing the "next" and "preview" images of the lightbox are 50x45px
arrow drawing the "close" image of the lightbox is 27x27px
arrow drawing the "loading image" of the lightbox is 32x32px... BE CAREFUL! IT'S A .GIF!

a line to separate different parts of the website

align="center" hand pointing right will center your image/text. "left" or "right" will change its placement.

width="800" height="180" hand pointing right defines the size of your image. If you resize a larger image, make sure the width/length ratio is right, or your image will be deformed!

<br> hand pointing right inserts a line break. The "enter" button won't work!

a line to separate different parts of the website

warning drawing CHECK YOUR LINKS & DESTINATION! ! I'm going to repeat it over and over but 90% of the time, when your code isn't working (especially for images), it's because you have a broken link. Check if you didn't accidentally copy and paste the wrong link. Check if you haven't added an extra letter, check if the file extension of your image is correct (.png? .gif?)

arrow drawing In the same logic as checking your links, always refresh your page after updating it.

arrow drawing Rename your files CORRECTLY. Trust me, you don't want image1.png, image2.png, fediunbfdf.png in your codes, you're just going to make it harder for yourself.

arrow drawing Use ctrl + F when you're coding to search for keywords! (Hence renaming things correctly, it's easier to find your rat drawing when it's named "rat")

arrow drawing Test around things but don't forget to save your tests as DIFFERENT NAMES. If it works, just copy/paste the whole code, don't risk losing all of your work because you overwrote your previous file! Old tests will always be useful until the very end.

arrow drawing I provide some cool sources on the links page! Use them!

arrow drawing Coding is tiring, can be frustrating and takes a lot of time. Don't give up, but also don't stay up until 4 a.m. staring angrily at the screen like I do! Take a break if you need to.
arrow drawing You can ask me for help if you need it, but you need to make a habit of doing research by yourself as well. You wanna know how to add a clock that follows your cursor? Your search engine will help! Reddit can help!
arrow drawing Getting inspiration from other websites on neocities can be a great help for inspiration but don't forget: the main goal is to make your own gallery from scratch, if you don't know code! It's better if it looks like you!


a line to separate different parts of the website

START CODING:
the INDEX page
the GALLERY page
the LIGHTBOX options
the ABOUT page


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