Default Website

Once you make a new Neocities website, the site is set as the default. Every new website looks the same and uses all of the same items. An example of the default webpage can be found by clicking here. However, the look of default page had undergone some changes throught the years. One version, for example, used Ground Floor styling.

index.html

On the landing page, the site will show two links, the first one is a link to the Neocities landing page, the second is to the HTML tutorial. The page shows the viewer some basic skills in HTML such as how to make a bulletpoint list, how to use the bold tag, the italic tag, and how to use the image tag.

The code for the default page is show bellow.


<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>The web site of new-website-for-random-stuff</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
  </head>
  <body>
    <h1>Welcome to my Website!</h1>

    <p>This is a paragraph! Here's how you make a link: <a href="https://neocities.org">Neocities</a>.</p>

    <p>Here's how you can make <strong>bold</strong> and <em>italic</em> text.</p>

    <p>Here's how you can add an image:</p>
    <img src="neocities.png">

    <p>Here's how to make a list:</p>

    <ul>
      <li>First thing</li>
      <li>Second thing</li>
      <li>Third thing</li>
    </ul>

    <p>To learn more HTML/CSS, check out these <a href="https://neocities.org/tutorials">tutorials</a>!</p>
  </body>
</html>

neocities.png

neocities.png is a simple image that is only about 12.9 KB. The image is a banner that shows the Neocities mascot, along with text telling the viewer that the site is hosted on Neocities.

A SVG version of the same image can be found by clicking this link.

style.css

The default CSS for Neocities is quite easy to understand. At the start they tell you the basic of what CSS is, and they even tell you to Google stuff you don't know about.

The default CSS makes the background white, the font colour to black and the font is Verdana, a humanist sans-serif typeface designed by British type designer Matthew Carter for Microsoft in 1996, it is one of the core fonts for the Web.


/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
}

not_found.html

The default 404 page is very simple. The not_found.html shows the viewer a white background, with the title of "Page Not Found", along with the text "The requested web page was not found on this site".


<html>
  <head>
    <title>Page Not Found</title>
    <style>
      body {
        font-family: Arial, Helvetica, sans-serif;
      }
    </style>
  </head>
  <body>
    <center>
      <h1>Page Not Found</h1>
      <h2>The requested web page was not found on this site.</h2>
    </center>
  </body>
</html>

A copy of the 404 page can be found here.

References I. new-website-for-random-stuff https://new-website-for-random-stuff.neocities.org/ [Internet Archive, archive.is] https://new-website-for-random-stuff.neocities.org/style.css [Internet Archive, archive.is] https://new-website-for-random-stuff.neocities.org/not_found.html [Internet Archive, archive.is] https://new-website-for-random-stuff.neocities.org/neocities.png [Internet Archive, archive.is]

This page was last updated: 27/07/2018 @ 09:26 In total this page has had 3 updates since it was uploaded. ★