I'm developing a website.. actually i almost finished it, but i thought about creating a members area before launching it..
so i created a facebook app and facebook helpfully instruct me how to add a login button..

here's what i got so far

 <html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>

      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '444092038965862', // App ID
            channelUrl : '//warm-mesa-7964.herokuapp.com', // Channel File
            status     : true, // check login status
            cookie     : true, // enable cookies to allow the server to access the session
            xfbml      : true  // parse XFBML
          });
          // Additional initialization code here
        };
        // Load the SDK Asynchronously
        (function(d){
           var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
           if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           ref.parentNode.insertBefore(js, ref);
         }(document));
      </script>
      <div class="fb-login-button">Login with Facebook</div>
    </body>
 </html>

ok now.. i have multiple questions
1. how can i grab each member name ? (you know for creating a profile)
2. where to put the member unique data in the page ? (the options that is uniquely available for each member)
3. there's an informations about the benefits of logging-in, and i want this to hide as soon as they login.. where to put that

please if there is any tutorial that covers all that it would be really helpful if you mention

and i know that is no-new question and may be has been asked but I'm beginner