cómo hacer un sitio web desde cero (HTML, WordPress o Constructores)

como propietaria de una pequeña empresa de planificación de bodas, una amiga mía no tenía mucho tiempo ni dinero para aprender a hacer un sitio web, pero sabía que necesitaba uno, o su negocio sería casi invisible. A pesar de su falta de habilidades de programación, avanzó a toda velocidad en la creación de su presencia en línea.

Comenzar un sitio web desde cero no era realmente la tarea desalentadora que temía., Con las herramientas adecuadas, puso en marcha un sitio de WordPress en un par de semanas. Después de la construcción inicial del sitio, continuó ampliándolo y actualizándolo ella misma a medida que su negocio crecía.

como ilustra su experiencia, cualquiera puede aprender a crear un sitio web con relativa facilidad. Es tan simple como comprar alojamiento web y un nombre de dominio, luego ajustar su diseño a través de un creador de sitios web, WordPress o usar HTML básico. Le guiaremos a través de cada paso a continuación, así que no dude en hacer clic en uno de los enlaces aquí para saltar adelante.,

elija un Host / haga su sitio / creador de sitios web/WordPress

Paso 1: Elija un Host y un dominio

el primer paso para crear un sitio web, sin importar el enfoque que decida usar, es seleccionar un servicio de alojamiento web y un nombre de dominio. El servidor web es la empresa que proporciona el servidor y el espacio de almacenamiento para su sitio y le da al mundo en línea acceso a su marca. El nombre de dominio, por otro lado, es la URL (por ejemplo, www.hostingadvice.com) que las personas utilizan para navegar directamente a su sitio.

elegir un Host

Esta es la parte súper fácil., Los anfitriones mejor calificados de la web han hecho todo lo posible para acelerar y aliviar el proceso inicial de creación de sitios web, a menudo comenzando con un registro de nombre de dominio gratuito, instalaciones de un solo clic para CMS populares y plataformas de blogs, un creador de sitios web gratuito y créditos de marketing.

para comenzar, recomendamos registrarse en un plan de alojamiento web con uno de los siguientes proveedores. Su servidor web se configurará de inmediato, y la mayoría le dará un nombre de dominio gratuito de su elección también., Una vez que te hayas registrado, estarás creando tu sitio web en poco tiempo:

clasificación barata
4.8/5.0
  • conocido por su alto rendimiento a un precio bajo WordPress.org equipo
  • Free Weebly site builder and CloudFlare CDN
  • dominio gratuito y almacenamiento ilimitado
  • obtenga un 63% de descuento hoy (fue de $7.99/mes)
  • comience en Bluehost ahora.,
Starting Price/Mo. $2.,95
garantía de devolución de dinero 30 días
espacio en disco 50 GB – ilimitado
nombre de dominio gratis (1 año)
la revisión de BlueHost de nuestro experto

si está buscando un host asequible, BlueHost es una opción sólida y confiable; los bajos costos de la compañía, junto con su supremacía en el campo del alojamiento compartido, es lo que hace que este proveedor sea un negocio tan valioso., El nombre de Bluehost aparece en la parte superior de muchas de nuestras categorías de reseñas, y con una buena razón.

Ir a la revisión completa »

HOTELES de CLASIFICACIÓN
4.8/5.,0
  • Unlimited everything, from storage to databases
  • FREE site builder & WP performance upgrades
  • FREE daily or weekly backups
  • Custom control panel and auto-installation scripts
  • SSH access & SSL certificates
  • Get started on Hostinger now.
Starting Price/Mo. $0.,99
garantía de devolución de dinero 30 días
espacio en disco 10 GB SSD – 30 GB SSD
nombre de dominio gratis (1 año)
la revisión de Hostinger de nuestro experto

a medida que el mercado de alojamiento compartido se vuelve cada vez más saturado, el almacenamiento ilimitado, el ancho de banda y las cuentas de correo electrónico se han vuelto sorprendentemente promedio., Hostinger, sin embargo, extiende la rutina, las métricas esperadas a mayores longitudes: el número de sitios web, bases de Datos, usuarios FTP, subdominios y dominios estacionados no están restringidos para la mayoría de los clientes.

Ir a la revisión completa »

HOTELES de CLASIFICACIÓN
4.7/5.,0
  • Get 62% off by buying 36 months up front
  • Unmetered disk space & bandwidth
  • Unlimited email addresses & free SSL certificate
  • One-click WordPress install & free blog tools
  • Free 1-year domain registration on select plans
  • Get started on HostGator now.
Starting Price/Mo. $2.,64
Garantía de devolución de Dinero 45 días
Espacio en Disco Ilimitado
Nombre de Dominio LIBRE (1 año)
Nuestros Expertos HostGator Revisión

HostGator es un buen compromiso entre rendimiento y precio. La compañía ofrece correos electrónicos ilimitados, bases de datos MySQL, espacio en disco y ancho de banda, además de instalaciones con un solo clic de proyectos populares de código abierto, además de un 99.,

Ir a la revisión completa »

HOTELES de CLASIFICACIÓN
4.6/5.0
  • Fácil instalación y excelente fiabilidad desde 1998
  • LIBRE de dominio y de marketing de Google incluido
  • ancho de banda Ilimitado, almacenamiento y correos electrónicos
  • FREE site builder y carrito de la compra
  • Obtenga más del 75% hoy (fue de $7.99/mes)
  • empezar a trabajar en iPage ahora.,
Starting Price/Mo. $1.,99
garantía de devolución de dinero 30 días
espacio en disco ilimitado
nombre de dominio gratis (1 año)
la revisión de ipage de nuestro experto

ya sea que sea propietario de un sitio web por primera vez o un veterano de la web, los excelentes servicios de alojamiento de ipage y una fantástica lista de extras hacen de la marca uno de los mejores valores en alojamiento web., Espacio en disco ilimitado, ancho de banda escalable y correos electrónicos son solo una parte de lo que hace que el plan de alojamiento compartido de iPage sea una gran oferta.

Ir a la revisión completa »

HOTELES de CLASIFICACIÓN
4.6/5.,0
  • Obtener un dominio gratis de #1 del mundo registrador
  • líder en la Industria, tiempos de carga de página de su sitio
  • ancho de banda Ilimitado y hasta de almacenamiento ilimitado
  • Elegir entre cPanel o Plesk paneles de control
  • soporte galardonado en la mano 24/7
  • empezar a trabajar en GoDaddy ahora.
Precio de Partida/Mo. $1.,00
Garantía de devolución de Dinero 30 días
Espacio en Disco 100 GB – Ilimitado
Nombre de Dominio LIBRE (1 año)
Nuestros Expertos GoDaddy Revisión

Un importante factor de atracción para GoDaddy hosting de servicios es sin duda el costo., Es difícil superar el alojamiento web por un Dólar al mes, especialmente cuando la compañía incluye un nombre de dominio gratuito, un panel de control, tiempos de carga increíblemente rápidos y sitios web ilimitados con la mayoría de los planes.

ir a la revisión completa »

Ver más servidores web baratos «

elegir un nombre de dominio

registrar un nombre de dominio de calidad es esencial para ayudar a las personas a encontrar y recordar su sitio. Los servicios de alojamiento web anteriores ofrecen registro de nombre de dominio gratuito para el primer año de servicio, por lo que si ya ha completado el Paso 1, ya tiene su dominio.,

Si aún está decidiendo qué nombre de dominio elegir, aquí hay algunos consejos a considerar:

  • hágalo corto y memorable: los nombres de dominio más cortos son más fáciles de recordar. El título debe ser algo que se pegue en la mente de la gente. Los nombres de dominio largos solo funcionan si son únicos y pegadizos.
  • Use palabras clave relevantes: su nombre de dominio es otra oportunidad para incorporar palabras clave que contribuyen a su estrategia general de SEO. Las palabras clave que son relevantes para su nicho de negocio harán que su nombre de dominio sobresalga aún más en la memoria de las personas y aumentará su posicionamiento en los motores de búsqueda.,
  • investigue los nombres de dominio: verifique si otras compañías o individuos están usando un nombre de dominio que está demasiado relacionado, para evitar cualquier conflicto o confusión.
  • elija la extensión de nombre de dominio adecuada: como sabe al navegar por la web, los nombres de dominio pueden terminar en .com,. org,. biz y otras extensiones. Elija el que mejor se adapte al propósito de su sitio web.

ahora que compró su plan de alojamiento web (y obtuvo su dominio gratuito con su plan de alojamiento), está listo para construir y lanzar su sitio web.,

Paso 2: Elija un método de construcción de sitios

hay tres formas principales de construir un sitio web. Si eres un principiante, la forma más fácil de construir y lanzar un sitio es usar un creador de sitios web proporcionado por tu proveedor de alojamiento web. Si eres al menos un poco conocedor de la web, puedes usar WordPress o un sistema de gestión de contenido (CMS) como Drupal o Joomla. Si ya está bien versado en codificación, puede comenzar desde cero y usar HTML para construir el sitio desde cero., Cada enfoque tiene sus méritos y desafíos:

Opción 1: Use un creador de sitios (Nivel Principiante)

usar un creador de sitios web, una aplicación que lo lleva a través de los pasos para crear un sitio web sin código, puede ser liberador y empoderador. Toda la codificación es realizada por el proveedor en el backend, y en esencia, no es mucho más difícil que usar un procesador de textos.

Los creadores de sitios web, como Wix, permiten a los no programadores diseñar páginas web visualmente, sin conocimientos de codificación.,

normalmente, un creador de sitios o un método de creación de sitios basado en plantillas ofrece menos opciones de personalización que si construyes el sitio web desde cero usando HTML directo, pero para las habilidades limitadas requeridas, los creadores de sitios proporcionan flexibilidad y una buena experiencia de usuario para los novatos.

Opción 2: Instalar WordPress (Nivel Intermedio)

muchos propietarios de negocios y empleados tienen poca o ninguna habilidad de codificación. Al mismo tiempo, puede ser limitante para algunos tener que confiar en un Diseñador/Desarrollador Web para crear un sitio web y hacer actualizaciones., WordPress es una solución integral para las empresas que desean un sitio web básico con una inversión mínima de tiempo y dinero.

casi un tercio de todos los sitios web en internet existen en la plataforma de WordPress, e incluso grandes empresas, como CNN y eBay, lo utilizan. Hay versiones gratuitas y de pago del software, y hay un montón de soporte al usuario disponible en línea.

me encanta el panel de WordPress por su diseño elegante y limpio. Una vez que te hagas amigo de él, nunca volverás.,

con muchos temas y diseños para elegir y opciones para avanzar a diseños y características más complejos, WordPress es una opción versátil para todo tipo de negocios. De hecho, es la plataforma que impulsa HostingAdvice.com sí mismo.

Opción 3: Crear un sitio web desde cero con HTML (nivel avanzado)

las habilidades de diseño Web son muy valiosas en el mercado laboral y tal vez hayas pensado que es algo que quieres aprender. Construir un sitio web desde cero le dará las herramientas para crear y personalizar un sitio exactamente como mejor le parezca., Hay una curva de aprendizaje más alta, pero una mayor recompensa, ya que conocer HTML le permitirá afinar el diseño de su sitio y llevar esas habilidades hacia adelante para expandir y actualizar el sitio con facilidad.

Si eres un novato en programación y estás decidido a aprender, puedes aprender las habilidades de programación que necesitarás de una miríada de libros de diseño web (la serie O’Reilly es un buen punto de partida) y sitios web como las Escuelas del World Wide Web Consortium (W3C).

aprender a programar un sitio usted mismo le dará la máxima flexibilidad para hacerlo exactamente lo que desea con el tiempo., Sin mencionar que ser capaz de codificar es un conjunto de habilidades muy valiosas en la economía actual.

Paso 3: ¡empieza a construir!

ahora que se ha registrado para alojamiento web con un dominio gratuito y ha elegido su método de construcción de sitios, está listo para comenzar a crear el aspecto de su sitio y su contenido. Siga leyendo para obtener instrucciones paso a paso:

Opción 1: Usar un constructor de sitios para construir su sitio (Principiante)

construir un sitio web con un creador de sitios web gratuito es un proceso rápido, fácil y directo., Es posible que ya se haya registrado para obtener una cuenta de alojamiento en El Paso 1, en cuyo caso el sitio de su proveedor de alojamiento web tendrá instrucciones paso a paso específicas para que instale y use su creador de sitios web gratuito incluido. En general, encontramos que Wix es el creador de sitios Web más popular, por lo que lo usaremos como ejemplo aquí.

si ya te registraste en hosting, has creado una cuenta. Si aún no tienes un proveedor de alojamiento web, te recomendamos que te registres en Wix sitebuilder a través de su sitio web. Simplemente ingrese su dirección de correo electrónico y contraseña en el Wix.com página de registro para comenzar., Ten en cuenta que el identificador de la dirección de correo electrónico se convertirá en parte de tu dominio gratuito (si no tienes un dominio personalizado), así que tenlo en cuenta al registrarte. Si aún no estás seguro, te invito a que eches un vistazo a nuestra revisión de expertos de la plataforma Wix a continuación.

CONSTRUCTOR de sitio WEB en NOTACIÓN
4.9/5.,0
  • No se necesitan habilidades de codificación con drag-and-drop builder
  • 100 de plantillas con diseños específicos de nicho
  • agregue características a través de App Market y Wix Events
  • Cree fácilmente la funcionalidad de comercio electrónico fácilmente
  • gran manera de construir sitios pequeños con un presupuesto
  • comience a usar Wix ahora.
Precio de Partida/Mo. 0 0.,00
Money Back Guarantee 14 days
Disk Space 500 MB – 20 GB
Domain Name Transfer
Our Expert’s Wix Review

Website building is where Wix shines., Las miles de plantillas, el editor intuitivo, los diseños líderes en la industria que se adaptan a una variedad de campos específicos y casos de uso, todas estas facetas representan una plataforma que sobresale en facilitar el diseño web fácil para el Usuario no experto en tecnología.

Ir a la revisión completa »

Seleccione la categoría que mejor describe su sitio web. Esto ayuda a las personas a encontrar su sitio web y ayuda a Wix a atender la diversa base de usuarios de la plataforma. Su selección determinará qué tipos de plantillas navega, así que considere la mejor opción para el estilo del sitio que desea crear.,

Wix ahora tiene dos opciones para crear un sitio web. Además del Editor tradicional de Wix, también está Wix ADI, un programa de inteligencia artificial que diseña sitios personalizados en función de las preguntas que respondes. Recomendamos usar el Editor Wix, que le brinda un control total sobre las personalizaciones disponibles en la plataforma. Sin embargo, si quieres probar el ADI Wix, por todos los medios, ir a por ello!

elija entre una amplia variedad de plantillas, todas diferentes dependiendo del tipo de sitio web que esté creando. Filtra las opciones por imagen, busca por palabra clave u ordena las plantillas por categoría.,

la riqueza de temas específicos de la industria y el nicho disponibles en Wix es algo que encuentro particularmente atractivo.

También puede optar por una plantilla en blanco para comenzar completamente desde cero o con un diseño básico.

Cada plantilla comienza con texto precargado y una imagen de fondo. Tu plantilla es un punto de partida para hacer que el sitio sea tuyo. Una de las primeras cosas que debe hacer en su nueva página de Wix es agregar la información de su negocio. Complete su nombre de marca, eslogan y otros detalles pertinentes simplemente haciendo clic en el texto que necesita ser reemplazado., También puede cambiar los aspectos visuales de la página, incluida la imagen de fondo, y agregar o intercambiar imágenes en otras páginas de su sitio.

Hay muchas maneras de agregar contenido y personalizar tu sitio. Haga clic en el botón Agregar en el menú de la izquierda para una franja de opciones: texto, botones, presentaciones de diapositivas, menús, etc. Bajo el botón Aplicaciones, Hay muchas características que puede agregar a su sitio para obtener funcionalidad adicional, como comentarios, chat en vivo y una tienda en línea. También puede cargar su propio contenido multimedia, como fuentes, imágenes, videos y música, e iniciar un blog.,

simplemente haga clic en «Publicar» en la esquina derecha para poner su sitio en la web! Elegirás un dominio, que puede ser un dominio gratuito desde Wix.com o un dominio personalizado que adquiera a través de un registrador de dominios.

Opción 2: usar WordPress para crear tu sitio (Intermedio)

usar WordPress para crear tu sitio es una experiencia similar a usar un creador de sitios web en términos de proceso. Qué plataforma debe usar es una cuestión de preferencia. Depende de cuál se sienta más intuitivo para usted y le brinde la mayor flexibilidad para el diseño y mantenimiento de su sitio., Una gran ventaja de ir con WordPress es la gran comunidad de soporte, tanto oficial como de otros usuarios de software WP.

La mayoría de los planes de alojamiento incluyen un fácil acceso a WordPress — instalar el software con un solo clic, o mejor aún, tenerlo preinstalado para usted. En la mayoría de los casos, simplemente puede iniciar sesión en su panel de control de hosting y encontrar la opción de instalar la plataforma WP. Si su servicio de alojamiento no tiene esta capacidad, puede encontrar las instrucciones de instalación manual aquí. Estos servidores web hacen que la instalación de WordPress sea especialmente fácil:

1. En el alojamiento de emociones.,com

WORDPRESS RATING
4.9/5.0
  • WordPress pre-installed with NGINX and PHP 7
  • FREE SSL certificate and unlimited bandwidth
  • Automatic plugin, theme, and core updates
  • Features a FREE drag-and-drop WP page editor
  • Premium themes and plugin subscriptions
  • Get started on InMotion now.,
Starting Price/Mo. $4.,99
garantía de devolución de dinero 90 días
espacio en disco 40 GB SSD – 120 GB SSD
nombre de dominio gratis (1 año)
la revisión de InMotion de nuestro experto

InMotion Hosting, conocido durante mucho tiempo por sus opciones de alojamiento compartido asequibles y de alto rendimiento, entró en el espacio de WordPress con una opción sólida basada en la reputación de la compañía por su gran soporte y confiabilidad., Al costar una pequeña prima sobre otras opciones orientadas al presupuesto, InMotion incluye algunas características agradables para ayudar a justificar esa diferencia de costo.

Ir a la revisión completa »

2. Bluehost.com

CLASIFICACIÓN de WORDPRESS
4.9/5.,0
  • Recommended by WordPress Core since 2005
  • FREE SSD storage and SSL certificate
  • FREE domain registration and email
  • Automatic installation and updates
  • 63% discount for HostingAdvice readers
  • Get started on Bluehost now.
Starting Price/Mo. $2.,95
garantía de devolución de dinero 30 días
espacio en disco 50 GB SSD – ilimitado
nombre de dominio gratis (1 año)
la revisión de BlueHost de nuestro experto

dirigido a bloggers personales y usuarios primerizos, los paquetes de alojamiento de WordPress de BlueHost son una gran alternativa al alojamiento compartido Simple., Estos servicios tienen una prima, en comparación con los planes compartidos estándar de Bluehost, pero la optimización de WordPress y los recursos específicos de la plataforma probablemente valgan la pena.

Ir a la revisión completa »

3. A2Hosting.com

CLASIFICACIÓN de WORDPRESS
4.9/5.,0

  • Free Cloudflare CDN and 1-click WP installs
  • Turbo Server, SSD speed, and optimized caching
  • A2-optimized plugins for performance and security
  • FREE certificados SSL y soporte 24/7
  • HackScan y KernelCare gratuitos
  • comience a usar A2 Hosting ahora.
Precio de Partida/Mo. 2 2.,99
garantía de devolución de dinero 30 días
espacio en disco SSD ilimitado
nombre de dominio nuevo o transferencia
la revisión de nuestro experto en alojamiento A2

como expertos en optimización de rendimiento, A2 Hosting es una opción superior para impulsar sitios web de WordPress con muchos recursos., La compañía ofrece planes compartidos o administrados para el sistema de administración de contenido ultra popular, con los beneficios que se extienden a Joomla, Drupal y otras plataformas.

Ir a la revisión completa »

Ver más de WordPress hosts «

Tome algún tiempo para familiarizarse con el backend de WordPress para su cuenta. Encontrará dónde administrar sus Publicaciones, Páginas y comentarios; cambiar la apariencia del sitio; Agregar editores del sitio; e instalar complementos. Tu panel de control tiene todo lo que necesitas para hacer un seguimiento del contenido de tu sitio y personalizar su aspecto.,

en la pestaña Apariencia en el panel de control, puede seleccionar entre varios temas gratuitos (u optar por pagar por uno). Instalar un tema es tan simple como seleccionar «Instalar» y luego «Activar» para la plantilla que desee. Puede cambiar su tema en cualquier momento sin alterar el otro contenido en su sitio.

para agregar nuevas páginas a su sitio, seleccione «Páginas» y luego «Agregar nuevo.»Puede hacer que estas páginas formen parte del menú de navegación de su sitio en la opción Menús en la pestaña Apariencia. Para agregar posts (si quieres un blog en tu sitio), ve a » Posts «y luego a» Add New.,»

de forma predeterminada, WordPress colocará sus últimas publicaciones en su página de inicio. Para seleccionar una página específica que sirva como su página de Inicio, elija «Configuración» en el menú del panel y luego elija «lectura.»En la sección de pantallas de la página principal, opta por» una página estática » y luego selecciona la página que has creado como tu página de inicio.

Los Plugins son extensiones-no configuradas en WordPress por defecto-que añaden nuevas características a tu sitio. Los complementos de WordPress pueden mejorar la funcionalidad de su sitio, ayudarlo a lograr los objetivos que tiene para su sitio y brindar a los visitantes de su sitio web una mejor experiencia de usuario.,

los Plugins abundan para los usuarios de WordPress! Simplemente descargue e instale para ampliar la funcionalidad ya robusta de la plataforma.

por ejemplo, el complemento de Google Analytics le ayuda a rastrear la actividad de su sitio, y el complemento de NextGEN Gallery le permite mostrar galerías de imágenes. En «Plugin» en el panel de control, puede buscar a través de las opciones — literalmente miles de plugins gratuitos. Simplemente haga clic en «Instalar» y ya está listo.

en este punto, habrás creado un sitio lleno de contenido, visualmente atractivo y funcional., La publicación en WordPress ocurre en un nivel de Página o publicación, por lo que deberá hacer clic en «Publicar» para cada área de su sitio. Puede esperar hasta que su sitio web esté completamente listo para lanzar para publicar su contenido o publicar a medida que crea páginas y publicaciones individuales.

Opción 3: Usar HTML para hacer un sitio web desde cero (avanzado)

para aquellos que quieren un desafío y tienen un poco más de tiempo, hacer un sitio web a través de HTML es un esfuerzo que vale la pena que desarrolla su comprensión de la edición y el diseño web., Puede configurar un sitio básico en solo unas horas, y construir sobre él a medida que aprende más habilidades de HTML y CSS.

como fue el caso con las dos primeras rutas de creación de sitios web, su primer paso es registrarse con un proveedor de alojamiento.

MEJOR CALIFICACIÓN GENERAL
5.0/5.,0

  • transferencia gratuita del sitio o configuración del nuevo sitio
  • copias de seguridad diarias gratuitas, CDN, correo electrónico y SSL
  • soporte experto 24/7 sin esperar por teléfono o chat
  • recomendado por WordPress como un host superior
  • ideal para el alojamiento de correo electrónico de negocios
  • comience en SiteGround ahora.
Precio de Partida/Mo. $6.,99
garantía de devolución de dinero 30 días
espacio en disco 10 GB SSD – 30 GB SSD
nombre de dominio nuevo o transferencia
la revisión de SiteGround de nuestro experto

con una impresionante variedad de servicios de alojamiento generales ofrecidos, SiteGround es un innovador líder en el espacio de alojamiento, desde soluciones de software personalizadas hasta Atención al cliente de primer nivel., La compañía ofrece la gama completa de funciones de alojamiento web, incluyendo un CDN gratuito de Cloudflare, cPanel con acceso SSH y bases de datos MySQL ilimitadas y ancho de banda, sin mencionar el valioso servicio de atención al cliente.

ir a la revisión completa »

Ver todos los principales anfitriones web «

para escribir etiquetas HTML, necesitará un editor de texto de alta calidad que se adapte al idioma de la web. Notepad++ es una buena opción para los usuarios de Microsoft, mientras que TextMate es ideal para los usuarios de Mac. Los editores de texto multiplataforma incluyen Atom y Sublime Text.,

los sitios web se pueden construir estrictamente utilizando HTML, que se traduce en archivos de texto nombrados con la extensión .HTML. La página principal de su sitio se titula típicamente índice.HTML. Cree este archivo y guárdelo, luego llénelo con el marco básico de su sitio HTML. Se verá algo como esto:

en su forma más simple, esto es lo que la página principal del índice de su sitio debe verse cuando la está redactando en su editor de texto.

<html> las etiquetas encierran todo el contenido de su sitio e indican que se trata de un documento HTML., La etiqueta <head> abarca el título de la página, las meta etiquetas (le dicen al navegador los detalles sobre el contenido y la visualización de la página) y las referencias a los archivos CSS externos para el estilo de la página. El contenido real de su página va entre las etiquetas <body>.

al crear su sitio, querrá organizar sus archivos en carpetas de acuerdo con la estructura en la que desea que aparezca su sitio. Por ejemplo, puede crear una carpeta para su página Acerca de que tenga su principal acerca de.,archivo html, así como cualquier CSS relacionado que agregue estilo a su sitio y otros archivos HTML que admitan ese contenido. Al agregar enlaces a través de su sitio a las páginas de su sitio, hará referencia a su ubicación de carpeta en el directorio donde almacena sus archivos.

escriba su contenido dentro de la sección <body> de cada uno .archivo html (es decir, cada página de su sitio. Aquí hay algunas etiquetas importantes que debe conocer a medida que construye su sitio:

  • <header> indica la parte superior de su Documento y es donde aparecen el título y el logotipo de su página.,
  • <nav> se utiliza para construir su menú del sitio, la navegación principal de su sitio donde los visitantes encuentran enlaces de alto nivel del sitio.
  • <section> denota el contenido principal de la página. Se utiliza para agrupar contenido similar dentro de una página. Piense en los artículos que encuentra en línea que se agrupan bajo encabezados individuales.
  • <article> se utiliza para piezas individuales de contenido en una página, como una publicación de blog, imagen, video u otro contenido multimedia. Es una forma de estructurar la página para que estos elementos se puedan distinguir fácilmente.,
  • <footer> es la parte inferior del sitio web. Esta área es a menudo donde las personas ponen su información de contacto, Términos de servicio, Política de privacidad y otra información diversa pero importante.

rellenado con estas etiquetas, la estructura básica de su página se vería así:

completa con etiquetas HTML, la estructura básica de la página de su sitio web debería verse algo como esto en su editor de texto.

también querrás agregar una barra de navegación básica para tu sitio. Esto proporciona un fácil acceso a las páginas principales de su sitio., Usarás la etiqueta <nav> y la etiqueta <ul> o lista desordenada para configurar esto.

en HTML, la navegación principal de su sitio es en realidad solo una lista desordenada (piense en viñetas) de URL.

Y ¡voilá! Ahora los visitantes de su sitio pueden navegar fácilmente a su blog, páginas de productos, dejar caer una línea en su página de contacto, navegar por testimonios de clientes, y volver a la página de inicio de nuevo!

Puede hacer que su sitio sea más visualmente interesante con formato, colores e imágenes solo usando HTML., Sin embargo, incorporar CSS, o hojas de estilo en cascada, en su sitio le da mucho más control sobre su apariencia, y los sitios que usan CSS se ven más profesionales en general.

agregue reglas de personalización y diseño adicionales a su sitio utilizando archivos CSS.

CSS se designa en archivos CSS separados. El Archivo principal normalmente se titula estilo.css. Algunas funciones básicas de CSS incluyen agregar colores, bordes y fondos, y aplicar el modelo de caja para organizar el contenido de sus páginas., Este paso es más avanzado que el uso de HTML básico, pero puede mejorar en gran medida la estética de su sitio.

una vez que estés satisfecho con el diseño general, puedes publicar tu sitio. Está perfectamente bien si su sitio es muy básico para comenzar. Siempre y cuando se vea profesional, puede sentirse bien al ponerlo en la web y mejorarlo a medida que desarrolla más habilidades de HTML y CSS.

¡todo listo!, Ahora, para la parte difícil Adding agregar contenido

como fue el caso de nuestro amigo que planifica eventos, Puede que no pienses que puedes construir tu propio sitio web al principio, pero la verdad es que ahora es más fácil que nunca para el principiante completo crear un sitio funcional y visualmente atractivo que la gente quiera visitar. Con la ayuda de recursos en línea y el apoyo de la comunidad de WordPress, mi amiga construyó un sitio del que estaba orgullosa, y tú también puedes.

lo más importante a considerar sobre tu sitio es el contenido, ya que esto será lo que atraerá a la gente a visitar y seguir leyendo., Considera de qué quieres que trate tu sitio, ya sea tu negocio o un blog sobre un tema específico. Considere cuidadosamente porque esto determinará la dirección de su diseño web, también. Una vez que tengas algunas ideas de contenido y un plan concreto, estás listo para comenzar tu aventura de construcción de sitios.

divulgación del anunciante

HostingAdvice.com es un recurso en línea gratuito que ofrece contenido valioso y servicios de comparación a los usuarios. Para mantener este recurso 100% GRATIS, recibimos compensación de muchas de las ofertas que figuran en el sitio., Junto con los factores clave de revisión, esta compensación puede afectar cómo y dónde aparecen los productos en el sitio (incluido, por ejemplo, el orden en que aparecen). HostingAdvice.com no incluye todo el universo de ofertas disponibles. Las opiniones editoriales expresadas en el sitio son estrictamente nuestras y no son proporcionadas, respaldadas o aprobadas por los anunciantes.

nuestra Política de revisión Editorial

nuestro sitio se compromete a publicar contenido independiente y preciso guiado por estrictas directrices editoriales., Antes de que los artículos y revisiones se publiquen en nuestro sitio, se someten a un proceso de revisión exhaustivo realizado por un equipo de editores independientes y expertos en la materia para garantizar la precisión, puntualidad e imparcialidad del contenido. Nuestro equipo editorial está separado e independiente de los anunciantes de nuestro sitio, y las opiniones que expresan en nuestro sitio son propias. Para leer más sobre los miembros de nuestro equipo y sus antecedentes editoriales, visite la página Acerca de nuestro sitio.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir a la barra de herramientas