Mostrando resultados del 1 al 2 de 2

Tema: [Tutorial] Crear pagina web(Basico)

  1. #1
    Darknick está desconectado Usuario Beta
    Registro
    03-enero-2010
    Mensajes
    62
    Ir a Darknick página de inicio
    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:

    Código:
    <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:

    Código:
    <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:

    Código:
    <body background="nombre del archivo.jpg">
    //Yo puse .jpg pero puede ser cualquier otro formato.//


    Una ves listo, empezaremos poniendole el texto:

    Código:

    Código:
    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:
    Código:
    <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:

    Código:
    <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:

    http://NICK.be.ohost.de/

    Donde dice NICK ponemos el nick con el cual nos registramos.
    Ejemplo:
    http://probandoop.be.ohost.de/


    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.

  2. #2
    Avatar de shadowblade
    shadowblade está desconectado Usuario Delta
    Registro
    11-julio-2009
    Mensajes
    617
    Excelente aporte. A muchos que recien empiecen les va a servir.

Información del tema

Users Browsing this Thread

Actualmente hay 1 usuarios leyendo este tema. (0 miembros y 1 invitados)

Temas Similares

  1. [Tutorial] Como crear un hosting
    Por Darknick en el foro Tutoriales
    Respuestas: 6
    Último mensaje: 14-feb-2010, 09:41
  2. Tutorial: Crear una zona de posts destacados (Featured Posts)
    Por José Luis Torres en el foro Wordpress
    Respuestas: 6
    Último mensaje: 07-nov-2009, 18:40
  3. PHP ya, estupendo tutorial PHP
    Por JoseQ en el foro Tutoriales
    Respuestas: 3
    Último mensaje: 07-nov-2009, 10:56
  4. Aprende lo basico de Adobe Flash
    Por crystaldream en el foro Tutoriales
    Respuestas: 3
    Último mensaje: 20-sep-2009, 16:00
  5. Respuestas: 4
    Último mensaje: 20-sep-2009, 11:11

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •