Contenidos
Mi primera pagina web
Sitio web básico
Así es como se desarrollan muchos sitios web. Los responsables de la toma de decisiones se reúnen en torno a la mesa de conferencias y comienzan a hacer una lluvia de ideas. “Nuestro sitio web debería incluir la declaración de nuestra misión para que los visitantes sepan qué nos guía”, dice un ejecutivo.
Alguien del departamento de ventas añade: “En la página de Contacto, utilicemos un formulario con muchas preguntas que nos ayuden a hacer una venta. Pidamos a los visitantes que nos digan su presupuesto y el plazo en el que piensan hacer la compra. Y asegurémonos de obtener su nombre completo, su dirección postal y su número de teléfono para que un vendedor pueda perseguirlos”.
Aunque todas estas ideas tienen mérito para la empresa, no tienen mucho sentido para los visitantes. Y eso es un gran error. Si no pone a sus visitantes en primer lugar, su sitio web no será eficaz. En resumen, ¡no se trata de usted!
Los mejores sitios web se centran en el cliente. Están diseñados para proporcionar la información que los visitantes buscan y presentarla de forma interesante y organizada. Permiten que el cliente vea su verdadero rostro, lo que genera confianza.
Mi sitio web
Mi favorito actual entre los muchos editores es Visual Studio Code (gratuito). Puedes utilizar 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, usaremos 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.
El código html de mi primer sitio web
“¿Te has preguntado alguna vez qué aspecto tiene alguien del otro lado del mundo cuando aplasta su cara en un escáner? Ahora tienes la oportunidad de averiguarlo: Headscan te ofrece imágenes divertidas de todo el mundo directamente en tu escritorio. Envíanos tu foto y la añadiremos a la Galería de Escaneo, junto con un punto que te señala en el mapa y un enlace a tu sitio web”.
Headscan tal y como era en agosto de 2000. Tendrás que usar tu imaginación, ya que Wayback Machine no tiene ninguna imagen del sitio” /> Headscan tal y como era en agosto de 2000. Tendrás que usar tu imaginación, ya que Wayback Machine no tiene imágenes del sitio.
Busqué la ubicación de cada presentación en un atlas impreso y luego la coloqué a mano como un punto en el mapa correspondiente. Tendrás que confiar en mí, ya que Wayback Machine es el único registro que tengo de Headscan, un fantasma sin imágenes de lo que fue mi orgullo digital.
Dejé de actualizar Headscan y empecé a enviar correos electrónicos a las empresas de la guía telefónica que no tenían página web, ofreciéndoles crear una por 100 libras. Una empresa de alquiler de coches fue la primera en aceptar mi oferta. Pero esa es una historia para otro día.
Crear página web — google
Los archivos HTML que generan las páginas web son sólo documentos de texto. Es un lenguaje sencillo para describir el contenido de las páginas web. Los lenguajes de marcado no son un concepto difícil de entender, pero hay que conocer muchas cosas en detalle. Aquí vamos a crear y ver nuestra primera página HTML. Los siguientes son los pasos que debes seguir:
Algunos editores de texto (por ejemplo, el bloc de notas) normalmente guardan los archivos con la extensión .txt. Así que haz clic en el menú “Guardar como” y cuando des el nombre del archivo, ponlo entre comillas dobles así “miprimerapágina.html” y luego haz clic en el botón OK.