Tutorial: Crear pagina web(Basico)

  • Autor Autor Darknick
  • Fecha de inicio Fecha de inicio
D

Darknick

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Bueno... Hise un tutorial para aquellas personas que quieran aprendér a hacer una página web simple.

Programas se necesitan:
*Bloc de Notas(Notepad)

*Filezilla(Cliente FTP; Podemos descargar desde aquí FileZilla - The free FTP solution)

*Una carpeta donde meteremos todos los archivos.

Aclaro, las palabras que tienen // son aclaraciones o comentarios mios 😉

1. Diseño de la web y palabras
Una página web se crea utilizando código HTML. La finalidad de este manual es que crees tu página web del modo mas sencillo.

Abrimos un Bloc de Notas y empezaremos poniendole un titulo a la página web, para eso utilizaremos el siguiente código:

Código:

Insertar CODE, HTML o PHP:
<title>AQUÍ EL TITULO DE TU PÁGINA WEB.</title>
Bien, una ves echo agregaremos el otro titulo. //El titulo que agregamos arriba es cual aparecerá arriba del navegador. Ahora agregaremos un titulo que hirá dentro de la página web.//

Código:

Insertar CODE, HTML o PHP:
<div id="header">
<h1><a href="#">Aquí titulo</a></h1>
</div>
Una ves listo le pondremos una imagen de fondo://La imagen que quieren poner de fondo ponganla en la carpeta que se crearon//

Código:

Insertar CODE, HTML o PHP:
<body background="nombre del archivo.jpg">
//Yo puse .jpg pero puede ser cualquier otro formato.//


Una ves listo, empezaremos poniendole el texto:

Código:

Insertar CODE, HTML o PHP:
lo que quieras de texto<br />
Cada ves que se deja en renglón en blanco o cuando se pone un punto aparte se pone <br />
Hasta ahora nos está quedando asi:

Código:
Insertar CODE, HTML o PHP:
<title>AQUÍ EL TITULO DE TU PÁGINA WEB.</title>

<body background="nombre del archivo.jpg">
<div id="header">
<h1><a href="#">Aquí titulo</a></h1>
</div>

lo que quieras de texto<br />
<br />
//Recuerden modificar donde dice lo que quieras de texto y en los otros lugares.!! //
Entonces lo guardamos... Y le ponemos de nombre index.htm

También recuerden que le podemos poner color a el texto:
Código:

Insertar CODE, HTML o PHP:
<font color="#0000FF">Este texto se verá en azul</font>
Si quieres ver todos los colores has click aqui

2.Ahora vamos a crear un hosting:
Les recomiendo Ohost es un buen host, gratuito y sin publicidad. //Está en inglés la página//

Entramos en Kostenloser Webspace & Fotos | ohost.de y vamos a registrieren que se encuentra arriba a la derecha. Y seguimos con la registración.
Una ves terminada, nos llegará un email para que activemos la cuenta, la activamos y accedemos a ella.

Ahora lo que debemos hacer es activar el FTP. Para eso vamos a Webhosting FTP y hacemos click en Activate. Luego tenemos que poner una password (//La password no debe ser igual a la que te registraste//), y has que escribirla devuelta abajo y por ultimo hacemos click en Weiter o Activate lo que aparesca.
Una ves que activamos el FTP debemos saber los datos, para eso vamos a el menu principal y devuelta a Webhosting FTP, después a FTP-Daten y ahi te dirá los datos.

3.Entrar al FTP y subir los archivos:
Bien, ahora lo último es abrir el Filezilla y poner los datos:
En Server ponemos lo que te dieron en FTP-Server.
En Nombre de Usuario ponemos el nombre con el que nos registramos. O el que te dieron en Username //Es lo mismo//
Y luego le damos a Conexión Rápida

//Bueno subí una imagen para que puedan ver bien como subir los archivos, conectarse y demás//
Has click aquí para ver la imagen.

Una ves que subimos todo, podemos ver la página, el link de la página web que creamos es:



Donde dice NICK ponemos el nick con el cual nos registramos.
Ejemplo:



Cualquier duda no duden en preguntar 😉
Luego, más adelante pondré un tutorial más adelantado con Plantillas CSS y explicando como utilizarlas.

Atte Darknick
PD: Espero que les haya servido mi tutorial.
 
Atrás
Arriba