10 tareas esenciales para crear tu

página web
Crear una página web puede llegar a complicarse  mucho. Especialmente si
desatendemos los aspectos importantes y dejamos que los diferentes
elementos que intervienen se contradigan hasta colisionar en una fase ya
avanzada del desarrollo. Si esta situación te aterra necesitas una guía.
Sigue estos 10 pasos para que crear tu página web  sea más fácil:
1.Especifica los requerimientos (del negocio y del usuario)
2.Prepara un proyecto y calcula el presupuesto de cada partida
3.Compra el dominio
4.Desarrolla el diseño
5.Implementa
6.Monitoriza
7.Documenta
8.Testea
9.Lanza
10. Mantén
Los requerimientos del cliente son la
base
El objetivo central de nuestro trabajo es responder a lo que quiere el
cliente.

Y así lo primero que debemos especificar será: ¿Qué quiere el cliente?

Debes tener en cuenta que el cliente a menudo se divide en varios

departamentos y que tienes que satisfacerlos a todos en la medida de lo
posible.  Incluso aunque haya una única persona responsable del proyecto,
ésta puede presentar varias caras: quiere alcanzar más de un objetivo a la
vez y éstos a veces chocan.

Cuanto antes localices estas futuras colisiones y negocies con el cliente qué
parte es prioritaria, mejor. Especificar la complejidad para poder
dividirla en partes lo hará todo más fácil.

Especifica, por tanto, los departamentos de la empresa cliente que tienen

voz en el proyecto web y determina qué quiere cada uno.
Desde el departamento de marketing o desde dirección te marcarán el tipo
de servicio que quieren ofrecer (informativo, venta, postventa), las
funcionalidades que debe tener la web, su público objetivo, los resultados
que esperan…

Desde comunicación te recomendarán cómo quieren presentarse: te darán

una guía de estilo de diseño gráfico, de redacción para los textos y los
elementos multimedia, de presentación en las redes sociales…

Esta fase es la más importante porque el resultado final deberá siempre

satisfacer las expectativas del cliente, cumplir con todos los
requerimientos solicitados.

Ajusta el presupuesto
Analiza los requerimientos del cliente y aporta una solución en forma
de proyecto web: prepara un prototipo inicial con la estructura básica de la
web, define las fases, busca los proveedores y colaboradores, solicita
precios…

Generalmente se usan precios ya calculados para tipos de página web

predefinidos, para facilitar esta fase. La clave en esta etapa será entender
bien a qué tipo de proyecto se ajustan mejor los requerimientos del cliente.

En la oferta deberemos indicar claramente los requerimientos. El cliente

debe saber en todo momento qué incluye y qué no incluye el
presupuesto.
Renegocia si el precio excede el presupuesto inicial del cliente, y
aconséjale eliminar las funcionalidades menos esenciales.  Y marca ya
un calendario aproximado de ejecución del proyecto.
Una vez aprobado el presupuesto pasaremos a las siguientes fases de
ejecución.

Compra el dominio
Junto con el cliente, escoge un nombre de dominio para la web y cómpralo.
El nombre debe ser acorde a la marca, y a sus servicios o productos. Debe
ser corto y fácil de recordar. Y, por supuesto, debe estar libre.

Desarrolla el diseño
El diseño de una página web incluye pensar las líneas básicas de su
estructura, su diseño gráfico y su contenido, y asignar los recursos
(humanos y tecnológicos) necesarios para su ejecución.

Realiza un esquema de la estructura que considere todos los elementos

requeridos por el cliente: funcionalidades, programación, diseño grafico,
contenidos, requerimientos de marketing… Marca en este boceto cada una
de las páginas del sitio web e indica cómo tienes previsto que se desplace el
usuario por ellas.
Determina qué tecnologías vas a utilizar: Drupal, WordPress, Magento,
Prestashop… en función del tipo de página web y de las funciones
requeridas.
Define el equipo de trabajo, que deberá contar con los roles de director de
proyecto, diseñador, un programador, técnico de sistemas y editor/redactor
de contenidos. Comprueba la disponibilidad de los colaboradores
considerados en el presupuesto y su capacidad para entregar el trabajo en la
fecha indicada en el calendario. Y en caso contrario recurre a colaboradores
alternativos que se ajusten al presupuesto.
Presenta al cliente una o varias propuestas de diseño.

Implementando
Una vez que el cliente ha aprobado una de las propuestas llega el momento
de cerrar el equipo de trabajo y la fecha de entrega.

Asigna a cada colaborador su tarea, detallando exactamente qué tiene que

hacer y en cuánto tiempo. Reserva siempre un margen para las incidencias
inesperadas.

Monitoriza la web y controla los

resultados
Aplica sistemas de medición del tráfico en la web con instrumentos
como Google Analytics. Servirán para medir los resultados de las
campañas de marketing y para mejorar la distribución de los contenidos en
la web.

La documentación lo hace todo más

fácil
Durante el proceso de creación conviene ir anotando las incidencias más
importantes e ir siguiendo las fases del presupuesto para descubrir
cualquier desviación que pudiese incrementar el coste final.
La documentación te hará mucho más fácil el mantenimiento de la web y
la puesta en marcha de otros proyectos similares.

Testea y depura
Comprueba que todas las funcionalidades operen correctamente: carga,
enlaces, ingreso de datos, seguridad, usabilidad…
Usa la web incorrectamente para verificar si las situaciones
excepcionales están controladas.

Y corrige los errores lo antes posible.

La hora del lanzamiento

Una vez tengas lista la web ya puedes hacerla pública.

Busca hosting, que puede ser propio o externalizado. Sube la web al

servidor.
Date de alta en buscadores.
Y empieza a crear enlaces hacia la página.

Qué es una etiqueta HTML?

HTML es un markup language, lo que significa que está escrito con

códigos que puede leer una persona sin que sea necesario compilarlo
primero. En otras palabras, el texto en una página web está
«marcado» con estos códigos para dar instrucciones al navegador
web sobre cómo mostrar el texto. Estas etiquetas de marcado son
las propias etiquetas HTML.

Cuando escribes código en HTML, estás escribiendo etiquetas HTML.

Todas las etiquetas HTML están hechas con un número de partes
específicas, incluyendo:

 El carácter “menor que” <

 Una palabra o carácter que determina qué etiqueta se está
escribiendo
 Cualquier número de atributos HTML que se quiera usar,
escritos de la forma nombre =”valor”
 El carácter “mayor que” >

El hipertexto (HTML) es un lenguaje informático que forma la mayoría

de las páginas web y plataformas online. HTML no se considera un
lenguaje de programación, ya que no puede crear una funcionalidad
dinámica. Sin embargo, los usuarios web pueden crear y estructurar
secciones, párrafos y enlaces usando elementos, etiquetas y
atributos.

En la actualidad existen 142 etiquetas HTML disponibles que

permiten la creación de varios elementos. A pesar de que algunos
ordenadores nuevos ya no admiten algunas de estas, es importante
tener constancia de la existencia de ellas.

Sin embargo, el HTML ha ido evolucionando los últimos años. Para

que nos hagamos una idea, la primera versión contaba solamente con
18 etiquetas. Desde entonces, cada nueva versión ha traído nuevas
etiquetas y atributos. La actualización más importante fue la
introducción en 2014 del HTML5. La principal diferencia entre ambas
es que la nueva admitía nuevos tipos de controles de formularios.
También incluía diversas etiquetas semánticas que describían mejor el
contenido, como <article>, <headers> y <footer>.
VIDEO

Google Web Designer: edición HTML5

Descargar 

¿Cómo funcionan las etiquetas HTML?

La mayoría de páginas web tienen varias páginas HTML diferentes.

Por ejemplo, una página de inicio, otra de producto, otra de contacto,
etc. Cada una de estas tiene HTML separados. Los documentos
HTML son archivos que acaban con .html o .htm. Un navegador lee el
archivo y muestra su contenido para los internautas puedan verlo.

Como hemos comentado anteriormente, todas las páginas HTML

contienen una serie de elementos HTML que a la vez disponen de
diferentes etiquetas y atributos. Es decir, los elementos HTML son los
componentes básicos de una página web. Una etiqueta contiene
mucha información. Le indica al navegador dónde empieza y dónde
termina cada elemento, mientras que un atributo describe las
características.

Los elementos HTML suelen dividirse en tres partes. Esta

combinación de las tres crea un elemento HTML.

 Etiqueta de apertura: Se utiliza para indicar dónde empieza un

elemento. Está envuelta en corchete de apertura y cierre. Por
ejemplo puedes usar la etiqueta de inicio <p> para crear un
párrafo.
 Contenido: El contenido es el resultado que ve la audiencia.
  Etiqueta de cierre: Es lo mismo que la etiqueta de apertura
pero con una barra inclinada delante del nombre del elemento.
Es decir, </p> para finalizar un párrafo.

Otra parte fundamental de un elemento HTML son los atributos. Estos

tienen dos secciones:

 Nombre: El nombre identifica la información adicional que un

usuario quiere agregar.
 Valor del atributo: Da más detalles que el anterior.

¿Cuáles son las etiquetas HTML básicas?

Hay una serie de etiquetas que son las más usadas para crear
cualquier documento HTML, a continuación las explicamos:

 <body> para el contenido
 <head> para información sobre el documento
 <div> división dentro del contenido
 <a> para enlaces
 <strong> para poner el texto en negrita
 <br> para saltos de línea
 <H1>…<H6> para títulos dentro del contenido
 <img> para añadir imágenes al documento
 <ol> para listas ordenadas, <ul> para listas
desordenadas, <li> para elementos dentro de la lista
 <p> para parágrafos
 <span> para estilos de una parte del texto

<body> </body>

Indica la parte del cuerpo del contenido de un documento HTML. Es

una etiqueta esencial para cualquier documento ya que indica donde
empieza el contenido visible del documento.

<head></head>

La parte superior del documento HTML, es donde podremos indicar

los metadatos: título del documento, hojas de estilos, javaScript,
CSS…

<div> </div>

Un elemento que es usado mayoritariamente para agrupar otros

elementos y actuar como plantilla de otros controles. La etiqueta <div>
nos ayuda a estructurar el documento en secciones.
<a> </a>

Es una etiqueta que nos ayuda a poder crear un enlace a una página
web. El atributo principal de la etiqueta HTML es href, donde
pondremos el enlace al que queremos conectar. Otro atributo muy
usado es target, el cual nos sirve para indicar si el enlace se abrirá en
una nueva ventana o en la misma.

Ejemplo HTML:

Pulsa <a href=”https://www.nombredelaweb.com/”

target=”_blank”>aquí</a> para visitar DonDominio.

<strong> </strong>

Si tienes mucho texto, es importante poder dar énfasis a una parte en

concreto, con la etiqueta strong lo podemos hacer.

https://es.semrush.com/blog/lista-de-html-tags/