Vorlage de código html del sitio web
Una vez que hayas terminado de escribir el código y de organizar los archivos que componen tu sitio web, tienes que ponerlo todo en línea para que la gente pueda encontrarlo. Este artículo explica cómo poner en línea su sencillo código de muestra con poco esfuerzo.¿Cuáles son las opciones?Publicar un sitio web es un tema complejo porque hay muchas maneras de hacerlo. Este artículo no pretende documentar todos los métodos posibles. En cambio, explica las ventajas y desventajas de tres enfoques que son prácticos para los principiantes. Para tener más control sobre el contenido y la apariencia del sitio web, la mayoría de la gente opta por comprar alojamiento web y un nombre de dominio:
Además, necesitará un programa de Protocolo de Transferencia de Archivos (FTP) (consulte Cuánto cuesta: software para obtener más detalles) para transferir realmente los archivos del sitio web al servidor. Los programas de FTP varían mucho, pero generalmente hay que conectarse a su servidor web con los datos que le proporciona su empresa de alojamiento (normalmente, nombre de usuario, contraseña y nombre de host). A continuación, el programa le muestra sus archivos locales y los del servidor web en dos ventanas, y le ofrece una forma de transferir los archivos de un lado a otro.
Cómo crear una página web html
Crear tu primera página web no es lo más difícil que harás en tu vida, pero tampoco es fácil. Requiere que aprendas nueva tecnología, vocabulario y software que no has necesitado antes.
Tienes que aprender algo de código HTML básico, conseguir un editor web, localizar un servicio para alojar tu página web, montar el contenido de tu página, subir la página web al anfitrión, probar la página y luego promocionarla. Y, por último, promocionarla.
Antes de hacer nada, dedica algún tiempo a decidir cuestiones básicas sobre la página web que vas a construir. Identifique a su público y sepa qué tiene que decirle. Si estás promocionando tu negocio, echa un vistazo a las páginas web de tus competidores y decide qué es lo que funciona o no funciona bien para ellos. Si estás planeando un sitio web con varias páginas conectadas, y probablemente lo estés, dibuja un diagrama que ilustre la relación de las páginas entre sí.
Para crear una página web, necesitas un editor web en el que escribir el código HTML que hace que tu página funcione. No tiene por qué ser un programa de lujo en el que te gastes mucho dinero, aunque hay muchos disponibles. Puedes usar un editor de texto que venga con tu sistema operativo, como el Bloc de notas en Windows 10 o TextEdit en un Mac, o puedes descargar un editor gratuito o barato de Internet. NotePad++ y Komodo Edit, entre otros, son excelentes editores de HTML gratuitos para Windows. Komodo Edit también está disponible para Mac. Otros editores HTML gratuitos para Mac son Bluefish, Eclipse, SeaMonkey y otros.
Código de la página web Html
Además de definir partes individuales de su página (como «un párrafo» o «una imagen»), HTML también cuenta con una serie de elementos a nivel de bloque que se utilizan para definir áreas de su sitio web (como «la cabecera», «el menú de navegación», «la columna de contenido principal»). Este artículo analiza cómo planificar la estructura básica de un sitio web y cómo escribir el HTML para representar esta estructura.
Secciones básicas de un documentoLas páginas web pueden tener y tendrán un aspecto bastante diferente entre sí, pero todas suelen compartir componentes estándar similares, a menos que la página muestre un vídeo o un juego a pantalla completa, forme parte de algún tipo de proyecto artístico o simplemente esté mal estructurada:
Enlaces a las secciones principales del sitio; suelen estar representados por botones de menú, enlaces o pestañas. Al igual que la cabecera, este contenido suele ser consistente de una página web a otra: tener una navegación incoherente en tu sitio web sólo hará que los usuarios se sientan confundidos y frustrados. Muchos diseñadores web consideran que la barra de navegación forma parte de la cabecera en lugar de ser un componente individual, pero esto no es un requisito; de hecho, algunos también argumentan que tener las dos separadas es mejor para la accesibilidad, ya que los lectores de pantalla pueden leer las dos características mejor si están separadas.
Crear una página html local
Una vez que haya terminado de añadir contenido y diseñar su página, haga clic en Vista previa para ver su aspecto o haga clic en Hecho para volver a la página Administrar sitio. Haz clic en Finalizar más tarde para volver al panel de control del sitio web, donde podrás seguir configurando tu sitio.
Cada página que añada manualmente a su sitio web tiene una configuración individual que controla cómo se muestra en la barra de navegación de su sitio, en los navegadores web, en los resultados de búsqueda y en las publicaciones para compartir en redes sociales. También puede cambiar la ruta URL de cada página. Aquí es donde puedes aplicar tácticas de SEO (optimización de motores de búsqueda) para ayudar a que tu página sea más fácil de encontrar y aumentar el tráfico.
Después de editar el dominio, los estilos, el contenido, el seguimiento y otros ajustes, estarás listo para compartir tu sitio web con el mundo. Antes de publicar, te recomendamos que veas una vista previa de cómo aparecerá en el escritorio y en el móvil.