How to Make a Splash Theme
A splash theme, splash screen or splash page is webpage that acts as a jumping off point for the rest of the site. It is usually a static image with a single or couple links to continue to the rest of the site. The splash page typically only covers a smaller portion of the screen (to accommodate lower resolution users). Splash pages are used for search engine optimization, language preference, user agreements (if you are over 18), country location or promotions.
Other People Are Reading
Instructions
-
-
1
Design a picture for the splash page. The picture can be designed using MS Paint, a native Windows software application, or any other image software. The image can be anything. It should have the title of the site, or some information concerning the site. A large legible text saying "Click Image To Enter Site" is advisable. The picture should not be too large (800-by-600 pixels is ideal), and should have a solid color background.
-
2
Upload the image to your server/host. Copy the URL for the image. For example; this can be "http://www.YOURDOMAIN.com/files/images/spashpage.jpg."
-
-
3
Open up an HTML editor. Native Windows Notepad is a basic HTML editor. Copy the following HTML code:
<html>
<head>
<title>TITLE OF YOUR WEBPAGE</title>
</head>
<body>
<p align="center">
<a href="http://www.YOURDOMAIN.com/mainsite.html">
<img border="0" src="http://www.YOURDOMAIN.com/files/images/spashpage.jpg" ></a></p>
</body>
</html>
-
4
Replace "TITLE OF YOUR WEBPAGE" with the title of your webpage. For example; "John's Photography Site." Replace "http://www.YOURDOMAIN.com/mainsite.html" with the link to the main part of the site. Replace "http://www.YOURDOMAIN.com/files/images/spashpage.jpg" with the URL of the splash page main image.
-
5
Save the file as index.html.
-
6
Upload the file to the ROOT directory on the server/host.
-
7
Visit your website and you should see your splash theme setup.
-
1
References
- "HTML, XHTML & CSS All-In-One For Dummies"; Andrew Harris; 2010
- "Sams Teach Yourself HTML and CSS in 24 Hours"; Julie C. Meloni and Michael Morrison; 2009
- Photo Credit Comstock/Comstock/Getty Images
