WPservice DEVELOPMENT STUDIO PRESENTS
LONG-TERM GROWTH
We always design our websites with your future success in mind, carefully planning and optimizing all content to ensure maximum visibility and long-term profitability

Begginers Guide on How To Create a Splash Page That Wows

Splash page, also called splash screen, is stand alone page that users usually see when they visit a certain website. This is used to promote a product, service, or a company, or a sort of warning or background information for customer to get known.

Typically, splash page websites use sounds and animated graphics to entice customers and make them navigate through the website more. A creative web designer also uses this page to impress potential clients with eye-catching graphics and designs.

Depending on your preference, you can maximize or minimize the visual elements. Typical splash page has simple structure and only includes an image, link, and text line.

Why Do Websites Use Splash Pages?

Aside from attracting audiences to your website, splash pages offer more advantages than keeping audiences to your site. These are things you should consider before you finally make a splash page for your website.

Below are few of the following reasons why custom splash page is a good addition to your website:

  1. Displays warnings and disclaimers to restrict access to pornography, gambling, and advertising pages.
  2. Draws user’s attention to the most important information. For an instance, critical update, press release, slogan, launching date, and more.
  3. Informs visitors of the website requirements like the screen resolution and browser.
  4. Allows users to select their preferred view mode— full screen mode or standard mode.
  5. Works as an additional advertisement to businesses and websites.
  6. Selects the language to use to get directed on the right version of the website.
  7. Enables visitors to choose between high- bandwidth version (Flash) or low- bandwidth version (HTML)
  8. Explains rules in browsing the website and discusses the main section of your page.
  9. Allows audiences to watch Flash-show.

Splash page offers several benefits to your website, especially if you are making business through your page. This not only makes your website attractive, but provokes response from users by delivering the right information and announcements.

How to Create a Splash Page?

If you want to create a splash page for your website, here’s a quick step-by-step guide to follow. But before anything else, you should have at least a basic knowledge of CSS and HTML. Follow below guide to get started.

  1. Make an Outline Page. Use the basic tags to get started with your website. Use below codes:

<html>
<head>
<title>Welcome!</title>
<style type=”text/CSS”>

</style>
<script type=”text/javascript”>

</script>
</head>
<body>

</body>
</html>

  1. From the code above, change the codes and values to come up with the design you want. For an instance:

<html>
<head>
<title>Welcome!</title>
<style type=”text/CSS”>
body {background-color: #DCDCDC}
</style>

  1. Add below codes to move to your website home page. This site is not a requirement so you can use it or not whenever necessary.

<script type=”text/javascript”>

window.onload=timeout;
function timeout(){
window.setTimeout(“redirect()”,5000)}

function redirect(){
window.location=”Home.htm”
return}

</script>

  1. Add the name of your website between the <h1> and </h1>. This helps your website more searchable in search engine.
  2. Include the image or visual that best describes your splash page. As we said, it can be a warning, announcement, guide, or anything you wish to highlight. Use the <img> tag.

<body>
<img src=”splashimage.jpg”>
</body>
</html>

  1. Add and design the button that will direct your visitors to your home page. Or you can just simply provide a link that will direct your customers to your landing page.

<img src=”Sample.gif”>

<br>
<form>
<input type=”button” value=”Home Page” onClick=”redirect()”>
</form>

</body>
</html>

  1. Input the text in your website. This can be a greetings or thank you message that your visitors will see once they landed to your splash page.

</form>

<p>Thank You For Visiting!</p>

</body>
</html>

  1. You have the splash page ready and it’s time to customize it using CSS. Once you are done. You can now publish it.

Follow above steps and copy the codes to your web editing file to create your first ever splash page. Do whatever you want to make it more appealing for your customers. Don’t forget to include the details you need to emphasize.

Create a splash page that wows customers. Follow the above guide to get started!

Comments are closed.