-
Paso a paso las instrucciones sobre cómo construir una página web
-
Si bien existen numerosos sitios web y programas informáticos para guiarlo a través del proceso de construcción de un sitio web, la mejor manera de aprender es a través de un editor de texto. Un editor de texto le dará el mayor control sobre su sitio web. Sitios web son esencialmente documentos HTML que utilizan etiquetas de marcas (palabras clave encerrada entre paréntesis angulares, como <p>) para describir las características de cada página del sitio. Para crear una página web, no es necesario un servicio de alojamiento, sino para hacer que su página disponible en la web, se necesita un servicio de este tipo.Instrucciones
1 Abra un editor de texto, como el Bloc de notas. Crear los elementos necesarios para su página web escribiendo el siguiente código en el editor de texto:
<Html>
<Head>
<Title> Mi Página Web </ title>
</ Head>
<Body>
<H1> Mi primer encabezado </ h1>
<P> Escribir texto en esta sección para crear 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>
Reemplazar las palabras dentro de etiquetas <title>, <h1>, <p> y <a> con el texto de su elección. Repita los <p> y </ p> etiquetas alrededor de cada párrafo adicional.
2 Añadir estilo a su página mediante su inserción en el documento HTML. Esto se logra mediante el atributo "estilo". Si desea agregar color y cambiar la fuente del texto, añadir style = "font-family: Helvetica; color: orange; font-size: 30px" a la etiqueta <p>. También puede añadir un color de fondo diferente añadiendo style = "background-color: gris" a la etiqueta <body>. Tenga en cuenta que puede utilizar códigos de color hexadecimales para obtener más variedad de colores; tablas que contienen esta información están disponibles en la Web. Su código HTML debería parecerse a esto:
<Html>
<Head>
<Title> Mi Página Web </ title>
</ Head>
<Estilo de la carrocería = "background-color: gris">
<H1> Mi primer encabezado </ h1>
<P style = "font-family: Helvetica; color: orange; font-size: 30px;">. Escribir texto en esta sección para crear 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>
3 Guardar este documento usando un ".html" o extensión ".htm" (por ejemplo, "example.htm"). Ambas extensiones tienen el mismo propósito; uno no es mejor que el otro.
4 Cargar los archivos que se utilizan para crear su sitio web (el documento HTML e imágenes) al servidor de su proveedor de alojamiento. Esto generalmente no es difícil; simplemente encontrar la sección del sitio Web del proveedor que dice algo como "administrador de archivos", y utilizar la aplicación prevista para subir sus archivos.
5 Abra su navegador web preferido y ver su página web. Puede hacer esto de ir a su sitio web o abrir el documento HTML en un navegador web, simplemente. Es importante revisar su página web en un navegador para ver los cambios. También debe comprobar sus páginas web en diferentes navegadores (por ejemplo, Firefox, Internet Explorer, Safari y Chrome) y con diferentes plataformas (por ejemplo, Microsoft Windows, Mac OS X y Linux Ubuntu). Los diferentes navegadores y plataformas mostrar páginas web de forma diferente.
Consejos y advertencias
- Aprender CSS para crear el estilo utilizando un documento diferente. Esto le permitirá crear múltiples páginas con estilo similar sin volver a escribir cada línea de estilo.
- Aprender PHP y Javascript para añadir interés y funcionalidad a su página.
- Si no desea aprender HTML, mira en servicios de alojamiento que proporcionan una herramienta de construcción de sitios web o utilizar un programa WYSIWYG.
- Su página de inicio más probable es que tendrá que ser llamado "index.htm", "index.html" o "index.php" para que se muestre correctamente en la web.
- La imagen utilizada en este ejemplo debe ser cargado en el mismo directorio a que cargue en su sitio web. Se debe guardar en la misma carpeta o directorio (por ejemplo, "Mis documentos") para que se muestre en su navegador al visualizar archivos HTML.
