Creación y desarrollo de páginas web
9 julio, 2016
Crear una página web para vender
11 julio, 2016
COMO CREAR UN BLOG, UNA WEB O UNA TIENDA ONLINE
ritmo, por tus propios medios.
Cómo crear pagina web en html
El lenguaje básico que emplea una página web es el conocido como HTML, un lenguaje estático (muestra siempre el mismo contenido) por lo que una página web en éste lenguaje se combina con una hoja de estilos CSS para obtener una estética.
Sin CSS, no habría colores de fondo, distribución o estilo de letra. HTML es un lenguaje de etiquetas que sirven para maquetar una web.
Los lenguajes del lado de servidor, como pueden ser PHP o ASP, crean páginas web dinámicas, lo que permite detectar la entrada del usuario, dirección IP, el navegador, etc. y en consecuencia mostrar contenido diferente. Sin embargo, éstos lenguajes trabajan de la mano con HTML, necesario para los fines de diseño.
Por lo comentado hasta ahora, puede crear una página web en HTML sólo, pero siempre que se trate de una web que no precise mostrar contenido obtenido de una base de datos. Esto hace que sea más ligera y rápida, aunque será menos interesante si quieres una web de tamaño mayor.
Veamos unas nociones básicas sobre páginas web en html, su codigo e implementación.
Hacer una pagina web en html básica
Veamos cómo hacer una plantilla básica sitio web utilizando el código HTML.
Paso 1: Creación de un nuevo documento HTML
Lo primero que hay que hacer es crear un nuevo documento HTML que se convertirá en nuestra página web. Para ello se puede utilizar un editor de texto básico como Bloc de notas o más avanzado como Dreamweaver o Frontpage.
Abrir un archivo nuevo y escribe el código siguiente:
<! DOCTYPE html>
<html>
</html>
La etiqueta <html> dice al navegador que abra el documento HTML y </html>, significa que éste se ha cerrado.
Ten en cuenta el DOCTYPE antes de la etiqueta HTML. Es necesario para todas las páginas web HTML y es la implementación de las recomendaciones del nuevo formato HTML5.
Si deseas utilizar HTML4.01 o XHTML hay que utilizar una declaración diferente.
Aquí los tipos más comunes:
XHTML 1.0 Transicional
<!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Strict
<!DOCTYPE html PUBLIC "-//W3C// DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Paso 2: Agregar un título al documento HTML
El siguiente paso es añadir un título. Este título se utiliza en la ventana del navegador, permitiendo a los usuarios a identificar el sitio, y también se utiliza en las páginas de resultados de búsqueda de los motores de búsqueda como Google. Sin ella, la gente no sabe de qué trata la página.
También vamos a añadir una cabecera visible para el usuario. Suele ser el mismo que el título, pero pueden ser diferentes dependiendo de cómo deseas estructurarlos.
Dentro de las etiquetas <html>, añadir las siguientes líneas:
<head>
<title> Titulo de la página </title>
</head>
Ahora podemos seguir y crear un encabezado. Esto se hace mediante la etiqueta <h1>. También se puede utilizar h2, h3, h4, h5, h6 dependiendo de lo importante que sea.
Este es el código básico:
<body>
<h1> Bienvenidos a mi página web !! </h1>
</body>
Las etiquetas <body> señalan al navegador que esta sección es el cuerpo principal de la página y se requiere en todas las páginas web para que funcionen correctamente.
Paso 3: Añadir texto y una imagen a la página web
El último paso es agregar un párrafo de texto e incluir una imagen.
<p> Hola! Este es un ejemplo de texto en html que se muestra en el cuerpo de la página.</p>
<img src=»https://crearpaginaweb.org/wp-content/uploads/2013/05/paginaenhtml.jpg» />
La <p> significa un párrafo, la etiqueta que contiene la mayor parte del texto.
La etiqueta <img> es de una imagen, y se puede especificar la dirección URL de origen mediante «src = … «. Es necesario haber subido una imagen antes.
Código resultante de crear pagina web en HTML
Aquí está todo el código que necesitas para construir una página web muy básica con un título, encabezado, párrafo introductorio y una imagen:
<! DOCTYPE html>
<html>
<head>
<Title> Titulo de la página </ title>
</head>
<body>
<h1> Bienvenido a mi sitio web !! </h1>
<p> Hola! Este es un ejemplo de texto en html que se muestra en el cuerpo de la página. </p>
<img src="https://crearpaginaweb.org/wp-content/uploads/2013/05/paginaenhtml.jpg" />
</body>
</html>
Esto te habrá ofrecido las nociones básicas para hacer una web en html, con un código sencillo pero necesario.
A partir de éste ejemplo, puede irse complicando y ofreciendo más funciones.
1 Comment
Muy buen aporte. Saber crear páginas en Internet puede ser de mucha utilidad teniendo en cuenta la gran cantidad de áreas en las que son imprescindibles hoy en día los diseñadores web.