To make webpage

Instructions to create his first basic webpage


 
Domain first to create your Web is search and to buy the Internet name that you want to use. If possible it tries that in the name of your domain they are including words that make reference to your business, ex: an office of lawyers €œabogadosexpertos.com€. The completion of the domain follows this order: 1. To try to secure your domain .com 2. If the .com domain is not available looks for a domain .es or .net 3. If no of the previous completions this I freed tries search another name for the domain



 
Hosting to begin your webpage we recommended a Hosting to you with I entered 1gb and 5gb, version php 5.3x or more and at least a data base mysql. We recommended to you that the Hosting that you contract is in the same country in which you want to position your webpage. Once you contract the Hosting you will receive a mail with several keys, keeps them and at the end of the page we showed to you as forming it everything.



 
Preparations We are going to begin installing the source code edition program gratuitous Atom. Once installed we are going to create a called folder €œWeb€ and opened Atom and we inside created a file that we are going to call ­ndex.html (this file will contain the main page of the Web) Note: our webpage we will realise it on HTML5



index.html (main file of the webpage) <! DOCTYPE html> <html lang= " is " > <head> <title>Page title </title> <meta charset= " utf-8 " > <link rel= " shortcut icon€ href= " favicon.ico " > <link rel= " stylesheet€ href= " estilo.css€/> </head> <body> <header> <nav></nav> </header> <section> <article> <header></header> <section></section> <footer></footer> </article> </section> <aside></aside> <footer></footer> </body> </html>


 
We add a title in the cabezera, the most important word for our Web.

<header> <nav></nav> <h1>T­tulo main of the present page index</h1> </header>


 
We put the menu the head:

<header> <nav> <ul> <li><a href= " # " >pagina1</a></li> <li><a href= " # " >pagina2</a></li> <li><a href= " # " >pagina3</a></li> </ul> </nav> <h1>T­tulo main of the present page index</h1> </header>


 
Now we are going to put something of content to our new webpage:

<article> <header> <h2>t­tulo of this part of pgina</h2> <p>peque±o summary of the content that we are going to put next </p> </header> <section> <h3>SUbtitulo</h3> complete <p>descripci³n of the text which you want for your page web</p> <img sec= " http://www.may12.net/assets/mails/logo_emails@2X.png€ alt= " name of the image " > </section> <footer>una small note of conclusion or reminder of hablado.</footer> </article>


 
Very well already almost we have the ready Web, now we are going to fill up the label <aside> That is used for example to put one as lateral in our Web with content related to the page but nonfundamental, we can use it to publicize the other pages that we have in our Web:

<aside>
  <div> <p>t­tulo another page </p> <p>descripci³n of new pgina</p> <a href >link new pagina</a> </div> <div> <p>t­tulo another page </p> <p>descripci³n of new pgina</p> <a href >link new pagina</a> </div>
</aside>


 
And ready already we have our ready webpage and working now only we have left to define a style, for it we opened the file that we created €œestilo.css before€.

estilo.css

body \ {background: #f8f8f8; } to header \ {width: 980px; height: 120px; margin: 0 car; } article \ {} aside \ {} to footer \ {} nav ul \ {margin: 0 car; padding: 0; width: 980px; list-style: none} nav ul li \ {padding: 5px 10px; display: inline-block} nav ul li to \ {color: #484848; }