Tecnología

Inicio

Cómo hacer un sitio web desde cero de forma gratuita

Cómo hacer un sitio web desde cero de forma gratuita


Creación de páginas web para negocios y uso personal es cada vez más importante como el mundo sigue siendo cada vez más ampliamente conectado a través de la World Wide Web. Un sitio web puede ser alojado por sólo unos pocos dólares al mes - un precio barato para este tipo de publicidad accesible. La parte más costosa de funcionamiento de un sitio web es a menudo pagando un diseñador o desarrollador para crear su sitio web, pero si usted tiene el tiempo para crear el sitio web usted mismo, se puede hacer de forma gratuita utilizando el software ya instalado en su ordenador. Alternativamente, los sitios web pueden ser creados con editores de texto de código abierto que el código de color y llenar en algunas etiquetas HTML para usted.

Instrucciones

1 Dibuje un plano de su sitio web. Esto puede ser un simple dibujo, un boceto detallado o un par de ideas anotadas en un trozo de papel. La planificación de su sitio web antes de abrir un editor de texto le ahorrará tiempo y crear un mejor producto final.

2 Abra un editor de texto, como el Bloc de notas o un editor HTML gratuito. Crear los elementos necesarios para su página web escribiendo el siguiente código en el editor de texto:

<Html>

<Head>

<Title> Mi primera página web </ title>

</ Head>

<Body>

<H1> </ h1>

<P> Reemplazar este texto con frases para formar un párrafo. </ P>

<a href="This"> http://www.example.com "> Este es un enlace a una página de ejemplo en la Web. </a>

<P> A continuación se muestra una imagen pequeña. </ P>

<Img width = "250" height = "200" />

</ Body>

</ Html>

Tenga en cuenta que la imagen jpg debe estar guardado en el mismo directorio que el documento HTML para que se muestre correctamente. Por ejemplo, ahorrar el documento HTML y la imagen en "Mis documentos" en el ordenador o en el mismo directorio en el servidor.

3 Añadir estilo a su página web. Esto se logra con el atributo "estilo". Por ejemplo, cambiar el color, tamaño y tipo de letra del texto de párrafo escribiendo "style =" font-family: Arial; color verde; font-size: 30px "en la etiqueta de apertura <p> Cambiar el color de fondo escribiendo." style = "background-color: gris" en el cuerpo de la etiqueta de apertura. El código en el editor de texto ahora debería tener este aspecto:

<Html>

<Head>

<Title> Mi primera página web </ title>

</ Head>

<Estilo de la carrocería = "background-color: gris">

<H1> </ h1>

<P style = "font-family: Arial; color: green; font-size: 30px;">. Cambios de este producto frases para formar un párrafo </ p>

<a href="This"> http://www.example.com "> Este es un enlace a una página de ejemplo en la Web. </a>

<P> A continuación se muestra una imagen pequeña. </ P>

<Img width = "250" height = "200" />

</ Body>

</ Html>

4 Guardar este documento. Utilice la extensión ".html" o ".htm" al guardar el archivo. En el pasado, el software sólo permitió tres letras en las extensiones de archivo, sin embargo con el nuevo software es perfectamente segura para utilizar la extensión .html.

5 Cargar los archivos de su sitio web (el documento HTML e imágenes) a su servidor de su proveedor de alojamiento web. Busque la sección del sitio Web del proveedor que dice "administrador de archivos", o algo equivalente, y utilizar la aplicación prevista para subir sus archivos.

6 Abra el archivo HTML en el navegador web preferido. Haga doble clic en el archivo que ha creado o haga clic derecho (Ctrl + clic en un Mac) y selecciona el archivo de su navegador preferido. Compruebe su página en diferentes navegadores y en diferentes plataformas para determinar si la página muestra el contenido de la misma manera en cada navegador.

Consejos y advertencias

  • Explorar nuevas formas de agregar estilo y aprender CSS para crear el aspecto del estilo de su página web para que pueda enlazar varias páginas web a la misma hoja de estilo. Esto ahorra trabajo para usted y crea una página web temática.