Paso a paso para crear una pagina web en html

Inicio » Paso a paso para crear una pagina web en html

ejemplo de sitio web en javascript

Este capítulo te introducirá en el lenguaje HTML. Verás cómo funciona una página web básica y aprenderás a crear una propia. Por ahora, trabajarás con páginas web que guardas en tu ordenador, visibles sólo para ti. Más adelante, en el capítulo 9, aprenderá a poner las páginas web en línea para que cualquier persona con una conexión a Internet pueda verlas.

HTML es el estándar más importante en el diseño de páginas web, y el único que es absolutamente necesario si se pretende crear una página web. Todas las páginas web están escritas en HTML. No importa si tu página contiene una serie de entradas de blog, una docena de fotos de tu lémur mascota o un guión con mucho formato: lo más probable es que, si la estás viendo en un navegador, sea una página HTML.

El HTML desempeña un papel fundamental en las páginas web: Indica a los navegadores cómo mostrar el contenido de una página, mediante unas instrucciones especiales llamadas etiquetas que indican al navegador cuándo debe empezar un párrafo, poner una palabra en cursiva o mostrar una imagen. Para crear tus propias páginas web, tienes que aprender a utilizar esta familia de etiquetas.

HTML es un estándar tan importante que pasará una buena parte de este libro analizando sus características, adornos y ocasionales defectos. Cada página web que construyas a lo largo del camino será un documento HTML de buena fe.

html website erstellen

HTML5 introdujo varios elementos semánticos nuevos. Los elementos semánticos son importantes porque definen la estructura de las páginas web y ayudan a los lectores de pantalla y a los motores de búsqueda a leer la página correctamente.

W3Schools está optimizado para el aprendizaje y la formación. Los ejemplos pueden ser simplificados para mejorar la lectura y el aprendizaje. Los tutoriales, las referencias y los ejemplos se revisan constantemente para evitar errores, pero no podemos garantizar la total corrección de todo el contenido. Al utilizar W3Schools, usted acepta haber leído y aceptado nuestra

w3schools html

Un alojamiento web es un gran ordenador (también conocido como servidor) que almacena tus sitios web. Algunas empresas gigantes, como Amazon, IBM y FB, poseen y gestionan sus servidores web; otras empresas simplemente alquilan sus servidores a un proveedor de alojamiento (lo que es mucho más barato y fácil).

Tradicionalmente, un proveedor de alojamiento web sólo se dedica a alquilar los servidores con el software básico y el soporte técnico. Alojar su sitio web con un proveedor de alojamiento tradicional suele ser más barato y más flexible; pero requiere un poco de trabajo extra para que usted configure un sitio web.

Hoy en día, las empresas están agrupando diferentes servicios y permiten a los usuarios crear, alojar y gestionar sitios web desde un único proveedor de servicios. Normalmente llamamos a estas empresas Website Builders o Online Store Builders.  Alojar un sitio web en estas plataformas de “paquetes” suele ser caro y menos flexible; pero conseguirás construir un sitio web o una tienda online fácilmente.

Para crear y organizar los archivos fuente de un sitio web, es importante contar con un buen entorno de trabajo local. Puedes crear un entorno de desarrollo web en tu dispositivo informático instalando un IDE (Entorno de Desarrollo Integrado). Un IDE consiste básicamente en un editor de texto, un automatizador de construcción y un depurador.

vorlage de código html del sitio web

Mi favorito actual entre los muchos editores es Visual Studio Code (gratuito). Puedes usar un editor de tu elección pero ocasionalmente me referiré a algunas funciones de Visual Studio Code (VS Code). Buenas alternativas son Atom o Brackets.

Por supuesto, nuestro sitio web debería funcionar en los principales navegadores (Edge, Firefox, Chrome y Safari). Sin embargo, para el desarrollo web recomiendo utilizar Chrome. Chrome incluye herramientas muy útiles para los desarrolladores que usarás a menudo.

Para ver la página, utilizaremos la extensión Live Server que instalamos anteriormente. Haz clic con el botón derecho en tu index.html (el archivo que está debajo de la carpeta Portfolio y no el que está arriba en “Abrir editores”). Luego haga clic en Abrir con Live Server. Una ventana del navegador debería abrirse y mostrar su primer sitio web. Ahora, cada vez que guardes cualquier cambio, éste será actualizado automáticamente por el servidor en vivo.

Si la página no se abre en su navegador preferido: Cambie la configuración de su ordenador para que otro navegador sea su navegador estándar. También puedes copiar la dirección (por ejemplo, http://127.0.0.1:5500/index.html) de un navegador e insertarla en otro.

Ir arriba