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:
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:
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:
//Yo puse .jpg pero puede ser cualquier otro formato.//
Una ves listo, empezaremos poniendole el texto:
Código:
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:
//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:
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.
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>
Código:
Insertar CODE, HTML o PHP:
<div id="header">
<h1><a href="#">Aquí titulo</a></h1>
</div>
Código:
Insertar CODE, HTML o PHP:
<body background="nombre del archivo.jpg">
Una ves listo, empezaremos poniendole el texto:
Código:
Insertar CODE, HTML o PHP:
lo que quieras de texto<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 />
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>
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.