How would i go about creating a loading screen for my darkrp server?

I’ve been working on this server for about a week now, finally beginning to finish up. How would i go about putting a custom loading screen on my server? I need to know where it goes, what type of file, blah blah. I would really appreciate it, :). No trolls/rude people please. I’m just trying to grasp some basics just like everyone else did at some point.

(User was banned for this post ("wrong section" - postal))

make this a HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="css.css">

<iframe height="1" width="1" src="" align="bottom" allowtransparency="1"> </iframe>


Change the youtube video or get rid of it

Now make a bacground of jpeg or something

and create a css.css text file

@charset "utf-8";

	color: #F0F0F0;
	background: url(picture.jpg) #000 no-repeat fixed;
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;

In your folder you should have
picture.jpeg <-- you can change the extension and the name but you have to change it in the css.css

      var tag = document.createElement('script');
      tag.src = "";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          playerVars: { 'autoplay': 1, 'controls': 1,'autohide': 1,'wmode':'opaque'},
		  height: '0',
          width: '0',
          videoId: 'INSERT YOUTUBE EMBED LINK',
          events: {
            'onReady': onPlayerReady}

      function onPlayerReady(event) {; 

Use that for the loading screen music so you can set the volume level.