CAPÍTULO I

DESCRIPCIÓN
DE LA
EMPRESA
TORAL MÉXICO
I.1 ANTECEDENTES DE LA EMPRESA.

La maquiladora Toral México es una empresa que fue creada en el

año 2013, localizada en Nezahualcóyotl, esta empresa surge a partir
de que la dueña Susana Toral González gana un concurso de la
industria del vestido y firma un contrato con una empresa “Fiore
Blancos” para lo cual trabajo 2 años, pero al salir embarazada de su
primer primogénito la empresa le niega el comer a cada rato y con
un sueldo bajo por lo que ella decide salirse y empezar su propio
negocio de maquiladora y vendedora de su propio producto al
principio comenzó en el comedor de su casa pero al tener
demasiados pedidos se extiende hasta su cocina por las telas y
máquinas hasta que invade toda su casa, es por ello que construye
un lugar para su empresa y los pedidos crecen cada día más. Hasta
la fecha es una maquiladora que tiene un extenso surtido en toallas
de baño, batas de dormir, cobertores, etc.

Actualmente se dedica a la elaboración de diseños, patronaje, corte

de la prenda, confección, presentación de la prenda y el área de
empaquetamiento de los productos. Y vende a tiendas de
autoservicio y algunos hoteles cerca de la zona.
I.2 CARACTERÍSTICAS DE LA EMPRESA

Es una empresa va enfocada a el trabajo en equipo, responsable y

con la mayor limpieza posible, entregado del producto en la mejor
calidad posible con la mejor presentación los hoteles que consumen
los productos que se encuentren en clientes leales a la empresa.

Actualmente se dedica a la elaboración de diseños, patronales, corte

de la prenda, confección, planchado, y el área de empaquetamiento
de los productos. Hasta el momento seguimos trabajando totalmente
para dicha empresa surtiendo pedidos a hoteles como:

● Hotel fiesta americana

● Hotel fiesta inn
● Hotel camino real

Y tiendas departamentales como:

● Liverpool
● Palacio de hierro.
I.3 FILOSOFÍA ORGANIZACIONAL

MISIÓN

Somos la empresa líder en servicios y de empaque, a través del

reclutamiento del personal más calificado, con un nivel de ejecución
basado en el cumplimiento de las más estrictas normas
internacionales de calidad, que, otorgados como valores agregados,
nos permiten ofrecer los precios más competitivos a nuestros
clientes.

VISIÓN

Nuestra visión es llegar a ser la maquiladora número 1 a nivel

mundial, con la primera diseñadora mexicana, crear un
posicionamiento en la mente de los consumidores satisfaciendo sus
necesidades y deseos, además de proveer los mejores productos,
servicios y soluciones tanto a nuestros clientes como a nuestros
empleados ganando su respeto y lealtad, así construyendo
relaciones a largo plazo.
Valores

∙ ​Honestidad​: Ser congruente en los compromisos adquiridos con

quienes interactuamos (clientes, proveedores y colaboradores).

∙ ​Respeto​: Por lo que hacemos y a quién lo hacemos. Valoramos y

reconocemos el esfuerzo y dedicación diaria de cada colaborador.

∙ ​Asertividad​: Tener trabajadores que se expresen con naturalidad,

respeten las ideas del resto y expongan sus puntos de vista en pos
de obtener los objetivos propuestos.

∙ ​Solidaridad​: Fomentar la buena relación entre los empleados y a

enfocar su trabajo como forma de cambiar y mejorar el mundo.

∙ ​Generosidad​: Con los clientes expresándose a través del respeto y

la consideración con que los tratamos en toda circunstancia,
cumpliendo siempre nuestros compromisos con ellos, a tiempo y con
calidad.
I.4 ORGANIGRAMA
I.5 PRODUCTOS
PRINCIPAL COMPETENCIA

Los principales competidores son las maquiladoras de

Nezahualcóyotl, las fábricas que distribuyen a los hoteles y las
empresas o tiendas departamentales.

En la zona de Nezahualcóyotl existen 13 puntos de ventas y

distribución.

1. Dalfiori

2. Confort

3. Primavera

4. Sears

5. Liverpool

6. Maquiladora el buen coser

7. Maquiladora Ruiz

8. Maquiladora Estefan

9. Maquiladora alta costura

10. Maquiladora botón y ojal

11.Maquiladora Hernández

12. Maquiladora los hermanos

Los líderes principales dentro de los competidores son 4:

● Dalfiori
● Confort
● Primavera
● Tiendas departamentales (sears y Liverpool)
 CAPITULO II
ANTECEDENTES
DEL PROYECTO
ll.1 ANALISIS SITUACIONAL

PRODUCTO

La empresa Toral México vende variedad en productos en distintas

categorías como:

∙​ Sabanas

∙​ Toallas

∙​ Batas

∙​ Colchas

∙​ Almohadas

PRECIO

Los precios que se tienen en los productos de la empresa Toral

México están por debajo de la competencia con un 10% a un 15%
de los precios dependiendo del producto.

Sin embargo, hay productos que tienen un precio igual al de la

competencia.

PLAZA

La empresa es un canal de distribución de tipo distribuidor por lo que

relación que se tiene a los consumidores detallistas es la adecuada
ya que se tiene una comunicación, actitud y calidad en el servicio
para poder generar e ir reforzando una confianza y lealtad.
PROMOCIÓN

La empresa Toral México no cuenta con promociones en sus

productos.

ll.2 PLANTEAMIENTO DEL PROBLEMA

La empresa México Toral desea obtener una nueva herramienta que

facilite a sus clientes y a los posibles clientes prospectos, a poder
conocer sus productos de una manera más detallada y el poder
observar los diferentes diseños con los que cuenta la empresa y a su
vez tener conocimientos acerca de la empresa, dar una mayor
seguridad y confianza, facilitar el ponerse en contacto entre el cliente
y la empresa.

Como alumnas de la Universidad Tecnológica de Nezahualcóyotl se

tiene la oportunidad de aplicar todos los conocimientos que se te
fueron proporcionados en el aula de clases de las diferentes
materias que se nos fueron impartidas implementándolas en el
campo laboral y de esta misma manera ofrecerle a la empresa todo
el conocimiento y disposición para la retroalimentación de
información.

De esta manera los alumnos pueden adquirir mayor experiencia y

conocimiento dentro del campo laboral ya que de esta manera se
podrá evaluar más fácilmente los conocimientos de cada uno de los
alumnos.
Otro de los beneficios que se tendrán es que se podrá acreditar la
carrera de Ingeniería en negocios y gestión empresarial obtener el
título de Ingeniería.

2.3 OBJETIVO

GENERAL

Realizar una nueva herramienta para poder proporcionar a los

clientes los productos de la empresa Toral México de una manera
más fácil, atraer la atención de posibles clientes potenciales, facilitar
la manera de comunicarse con la empresa, mantenerla al día con
nuevas tecnologías y mantener más cerca a nuestros consumidores.

ESPECIFICO

✔ Proporcionar una navegación fácil y comprensible que permita

que los usuarios encuentren la información con rapidez.
✔ Escribir contenido para la web de forma que sea fácil de leer y
entender.
✔ Facilitar lo que el usuario desea encontrar.
✔ Descubrir posibles clientes en línea.
✔ Fortalecer la lealtad existente de los clientes.
ll.4 JUSTIFICACIÓN

El propósito de la página web se basa en los escases de

reconocimiento que tiene la empresa TORAL MEXICO dentro del
mercado online. Se aprovechará esta debilidad de la empresa para
poder adentrarla en un medio que tiene ya mucho potencial para
elevar las ventas, crear promociones y poderla encaminar a un
posicionamiento.

Esta herramienta será importante ya que los medios online son

ahora mucho muy visitados por personas de todo el mundo. La
página Web ayudará a poder tener una fortaleza más para seguir
compitiendo en el medio, obtendrá un gran reconocimiento por un
gran número de personas pues atraerá al mercado meta y otros
posibles prospectos, será más reconocida pues dará la impresión de
que esta empresa está al día con los nuevos medios y la tecnología
ya que la página se podrá visualizar en algunos de los distintos
medios electrónicos.
 CAPITULO III
MARCO DE
REFERENCIA

III.1 Mercadotecnia digital:

“Es un sistema interactivo dentro del conjunto de acciones de

Marketing de la empresa, que utiliza los sistemas de comunicación
telemáticos para conseguir el objetivo principal que marca cualquier
actividad del marketing: Conseguir una respuesta mensurable ante
un producto y una transacción comercial.”

Las tecnologías de la información y la comunicación desempeñan el

principal papel en el desarrollo de las nuevas formas de venta, ya
que permiten desarrollar actividades de comunicación interactivas
entre las empresas y los clientes.

III.2 Tipos de catálogos:

Existen dos tipos de catálogos:

• Catálogo de productos: en este tipo de catálogos se recoge la

gama de productos de una empresa. Es importante que este tipo de
catálogo sea lo más completo posible, ofreciendo una fotografía de
los productos de la empresa, así como un breve resumen de sus
características técnicas: composición, ingredientes, proceso de
fabricación, esquema de su estructura e instrucciones de montaje o
funcionamiento, gama ofertada con las formas, colores, tallas y
medidas, así como fotografías o referencias a los accesorios o
complementos del producto ofertado, haciendo lo más sencillo
posible que el cliente elija el producto que le satisfaga.

• Catálogo de servicios: muestra la oferta de servicios que

proporciona la empresa, se suele hacer hincapié en los beneficios
que el cliente puede obtener al adquirir sus productos. Suele
destacar: tarifas, rentabilidad, plazo, duración, servicio postventa,
garantías, etc.

III.3 Diseño de catálogo digital Los catálogos se renuevan con

regularidad, incorporando las últimas novedades de la producción de
la empresa. Con respecto a las características materiales de estas
piezas gráficas, es necesario considerar diferentes aspectos.

Estas publicaciones pueden tener diferente número de páginas, a

partir de cuatro, de acuerdo con las posibilidades y las dimensiones
de cada compañía. Los tamaños estándar son: 5 ½ ’’x 8 ½ ’’, 8 ½ ’’x
11’’, 11’’x 17’’, si bien también es posible realizar piezas con
tamaños y formatos poco convencionales para atraer aún más la
atención de los clientes.

III.4 Tipo de productos

La gama de productos es la suma total de todos los productos que

una empresa ofrece. El producto dentro de una gama de productos
puede ser similar o abigarrado. También hay cuatro dimensiones a la
gama de productos: anchura, longitud, profundidad y consistencia.
La gestión de la gama de productos requiere un análisis en varios
niveles. Por una parte, se precisa una gestión conjunta, y, por otra,
una gestión por líneas o conjuntos de productos que comparten
ciertas características. En muchos casos se realizan gestiones y
actividades de marketing específicas, útiles para potenciar artículos
concretos. De este modo, se vuelve necesaria una visión estratégica
a largo plazo que abarque todos estos elementos. Es desde esta
visión estratégica y más amplia desde la que se decide.

III.4.1 Descripción del producto La descripción detallada de un

producto y servicio incluyendo información sobre precio y nivel de
calidad no es algo habitual en todos los sectores. Saca provecho de
ello para diferenciarte de tu competencia.

III.4.2 Foto descripción

Cada producto tiene una cualidad característica que lo hace único y

lo diferencia de la competencia; a la hora de realizar la fotografía de
producto, el fotógrafo profesional debe conocer cuáles son estas
propiedades para poder resaltarlas y obtener buenos resultados en
la imagen final. Esto dependerá de las dimensiones, la forma, la
textura, los materiales, el color, que tenga nuestro producto.

III.6 Propuesta de catálogo presenta varios usos, en tanto, uno de

los más comunes resulta ser el de proposición, invitación, que
alguien le efectúa a otro individuo con la intención de llevar a cabo
alguna actividad, fin, u objetivo común.

III.7 Zona hotelera Corresponde a un espacio físico de extensión

variable, con características fisiográficas homogéneas y que cuenta
con una unidad paisajística. En su interior se pueden agrupar
extensiones territoriales de menor tamaño, denominadas áreas
turísticas. La Zona Turística debe contar con infraestructura y
servicios de comunicación entre las áreas turísticas que la integran.

III. 8 Las ​páginas web​

por definición son documentos que pueden contener textos,
imágenes, vídeos y, en resumen, contenidos digitales y/o
aplicaciones que pueden ser visualizados por un ​usuario web​ desde
un dispositivo remoto a través de un ​navegador web​. Para
ejemplificar lo que son las páginas web, imaginemos que queremos
escribir un libro, este supuesto libro debe contener una portada
o página inicial, un índice o menú, diferentes capítulos o páginas
principales y los datos del autor o la página de contacto. Así que
cuando entro en la página principal de un sitio web (conjunto de
páginas web), es como si fuera la portada de un libro, desde donde
puedo acceder a las páginas principales de sitio web navegando por
el menú.

III.9 Estructura de una página web

En términos genéricos, una página web se puede estructurar en
varias partes:
● Cabecera (header)
● Cuerpo (body)
● Pié de Página (footer)

Cabecera o Header: la cabecera se encuentra en la parte superior

de la página web, generalmente contiene información relativa a la
temática del sitio web. Suele contener el Logo, un título o eslogan,
información de contacto y el menú para navegar por las páginas
principales. Muchos diseñadores también incluyen un buscador.

Cuerpo o Body: en el cuerpo encontraremos el contenido más

relevante para esa página en particular. Puede ser de cuerpo entero
o con una barra lateral. Las barras laterales generalmente se usan
para poner contenido complementario y para mostrar accesos a
otras páginas relevantes.

Pié de Página o Footer: en el footer generalmente encontraremos

información de contacto, un menú a las páginas más relevantes,
links a otras webs y en general contenido complementario referente
a la temática del sitio web.

El significado de los colores:

Blanco:
o El blanco se asocia a la luz, la bondad, la inocencia, la pureza
y la virginidad. Se le considera el color de la perfección.
o El blanco significa seguridad, pureza y limpieza. A diferencia
del negro, el blanco por lo general tiene una connotación
positiva. Puede representar un inicio afortunado.
 o En publicidad, al blanco se le asocia con la frescura y la
limpieza porque es el color de nieve. En la promoción de
productos de alta tecnología, el blanco puede utilizarse para
comunicar simplicidad.
o Es un color apropiado para organizaciones caritativas. Por
asociación indirecta, a los ángeles se les suele representar
como imágenes vestidas con ropas blancas.
o El blanco se le asocia con hospitales, médicos y esterilidad.
Puede usarse por tanto para sugerir para anunciar productos
médicos que estén directamente relacionados con la salud.
o Es un color apropiado para organizaciones caritativas. Por
asociación indirecta, a los ángeles se les suele representar
como imágenes vestidas con ropas blancas.
o A menudo se asocia a con la pérdida de peso, productos
bajos en calorías y los productos lácteos.
Amarillo:
o El amarillo simboliza la luz del sol. Representa la alegría, la
felicidad, la inteligencia y la energía.
o El amarillo sugiere el efecto de entrar en calor, provoca
alegría, estimula la actividad mental y genera energía
muscular. Con frecuencia se le asocia a la comida.
o El amarillo puro y brillante es un reclamo de atención, por lo
que es frecuente que los taxis sean de este color en algunas
ciudades. En exceso, puede tener un efecto perturbador,
inquietante. Es conocido que los bebés lloran más en
habitaciones amarillas.
o En exceso, puede tener un efecto perturbador, inquietante. Es
conocido que los bebés lloran más en habitaciones amarillas.
o Cuando se sitúan varios colores en contraposición al negro, el
amarillo es en el que primero se fija la atención. Por eso, la
 combinación amarillo y negro es usada para resaltar avisos o
reclamos de atención.
o En los últimos tiempos al amarillo también se le asocia con la
cobardía.
o Es recomendable utilizar amarillo para provocar sensaciones
agradables, alegres. Es muy adecuado para promocionar
productos para los niños y para el ocio.
o Por su eficacia para atraer la atención, es muy útil para
destacar los aspectos más importantes de una página web.
o Los hombres normalmente encuentran el amarillo como muy
desenfadado, por lo que no es muy recomendable para
promocionar productos caros, prestigiosos o específicos para
hombres. Ningún hombre de negocios compraría un reloj caro
con correa amarilla.
o El amarillo es un color espontáneo, variable, por lo que no es
adecuado para sugerir seguridad o estabilidad.
o El amarillo claro tiende a diluirse en el blanco, por lo que
suele ser conveniente utilizar algún borde o motivo oscuro
para resaltarlo. Sin embargo, no es recomendable utilizar una
sombra porque lo hacen poco atrayente, pierden la alegría y
lo convierten en sórdido.
♣ El amarillo pálido es lúgubre y representa precaución, deterioro,
enfermedad y envidia o celos.
♣ El amarillo claro representa inteligencia, originalidad y alegría.
Naranja:
o El naranja combina la energía del rojo con la felicidad del
amarillo. Se le asocia a la alegría, el sol brillante y el trópico.
o Representa el entusiasmo, la felicidad, la atracción, la
creatividad, la determinación, el éxito, el ánimo y el estímulo.
 o Es un color muy caliente, por lo que produce sensación de
calor. Sin embargo, el naranja no es un color agresivo como
el rojo.
o La visión del color naranja produce la sensación de mayor
aporte de oxígeno al cerebro, produciendo un efecto
vigorizante y de estimulación de la actividad mental.
o Es un color que encaja muy bien con la gente joven, por lo
que es muy recomendable para comunicar con ellos.
o Color cítrico, se asocia a la alimentación sana y al estímulo
del apetito. Es muy adecuado para promocionar productos
alimenticios y juguetes
o Es el color de la caída de la hoja y de la cosecha.
o El color naranja tiene una visibilidad muy alta, por lo que es
muy útil para captar atención y subrayar los aspectos más
destacables de una página web.
o El naranja combina la energía del rojo con la felicidad del
amarillo. Se le asocia a la alegría, el sol brillante y el trópico.
♣​ El naranja oscuro puede sugerir engaño y desconfianza.
♣ El naranja rojizo evoca deseo, pasión sexual, placer, dominio,
deseo de acción y agresividad.
♣ El dorado produce sensación de prestigio. El dorado significa
sabiduría, claridad de ideas, y riqueza. Con frecuencia el dorado
representa alta calidad.
o El color naranja tiene una visibilidad muy alta, por lo que es
muy útil para captar atención y subrayar los aspectos más
destacables de una página web
Rojo:
o El color rojo es el del fuego y el de la sangre, por lo que se le
asocia al peligro, la guerra, la energía, la fortaleza, la
determinación, así como a la pasión, al deseo y al amor.
 o Es un color muy intenso a nivel emocional. Mejora el
metabolismo humano, aumenta el ritmo respiratorio y eleva la
presión sanguínea. o Tiene una visibilidad muy alta, por lo
que se suele utilizar en avisos importantes, prohibiciones y
llamadas de precaución.
o Trae el texto o las imágenes con este color a primer plano
resaltándolas sobre el resto de colores. Es muy recomendable
para conminar a las personas a tomar decisiones rápidas
durante su estancia en un sitio web.
o En publicidad se utiliza el rojo para provocar sentimientos
eróticos. Símbolos como labios o uñas rojos, zapatos,
vestidos, etc., son arquetipos en la comunicación visual
sugerente.
o El rojo es el color para indicar peligro por antonomasia.
o Como está muy relacionado con la energía, es muy adecuado
para anunciar coches motos, bebidas energéticas, juegos,
deportes y actividades de riesgo. o El naranja combina la
energía del rojo con la felicidad del amarillo. Se le asocia a la
alegría, el sol brillante y el trópico.
♣ El rojo claro simboliza alegría, sensualidad, pasión, amor y
sensibilidad.
♣ El rosa evoca romance, amor y amistad. Representa cualidades
femeninas y pasividad.
♣ El rojo oscuro evoca energía, vigor, furia, fuerza de voluntad,
cólera, ira, malicia, valor, capacidad de liderazgo. En otro sentido,
también representa añoranza.
♣​ El marrón evoca estabilidad y representa cualidades masculinas.
♣​ El marrón rojizo se asocia a la caída de la hoja y a la cosecha.
Púrpura:
o El púrpura aporta la estabilidad del azul y la energía del rojo.
 o Se asocia a la realeza y simboliza poder, nobleza, lujo y
ambición. Sugiere riqueza y extravagancia.
o El color púrpura también está asociado con la sabiduría, la
creatividad, la independencia, la dignidad.
o Hay encuestas que indican que es el color preferido del 75%
de los niños antes de la adolescencia. El púrpura representa
la magia y el misterio.
o Debido a que es un color muy poco frecuente en la
naturaleza, hay quien opina que es un color artificial.
o El púrpura brillante es un color ideal para diseños drigidos a la
mujer. También es muy adecuado para promocionar artículos
dirigidos a los niños.
♣​ El púrpura claro produce sentimientos nostálgicos y románticos.
♣ El púrpura oscuro evoca melancolía y tristeza. Puede producir
sensación de frustración.
Azul:
o El azul es el color del cielo y del mar, por lo que se suele
asociar con la estabilidad y la profundidad.
o Representa la lealtad, la confianza, la sabiduría, la
inteligencia, la fe, la verdad y el cielo eterno.
o Se le considera un color beneficioso tanto para el cuerpo
como para la mente. Retarda el metabolismo y produce un
efecto relajante. Es un color fuertemente ligado a la
tranquilidad y la calma.
o Es muy adecuado para presentar productos relacionados con
la limpieza (personal, hogar o industrial), y todo aquello
relacionado directamente con:
♣​ El cielo (líneas aéreas, aeropuertos)
♣​ El aire (acondicionadores paracaidismo)
♣​ El mar (cruceros, vacaciones y deportes marítimos)
♣​ El agua (agua mineral, parques acuáticos, balnearios)
o Es adecuado para promocionar productos de alta tecnología o
de alta precisión.
o Al contrario de los colores emocionalmente calientes como
rojo, naranja y amarillo, el azul es un color frío ligado a la
inteligencia y la consciencia.
o El azul es un color típicamente masculino, muy bien aceptado
por los hombres, por lo que en general será un buen color
para asociar a productos para estos.
o Sin embargo, se debe evitar para productos alimenticios y
relacionados con la cocina en general, porque es un supresor
del apetito.
o Cuando se usa junto a colores cálidos (amarillo, naranja), la
mezcla suele ser llamativa. Puede ser recomendable para
producir impacto, alteración.
♣ El azul claro se asocia a la salud, la curación, el entendimiento, la
suavidad y la tranquilidad.
♣ El azul oscuro representa el conocimiento, la integridad, la
seriedad y el poder.
Verde:
o El verde es el color de la naturaleza por excelencia.
Representa armonía, crecimiento, exuberancia, fertilidad y
frescura.
o Tiene una fuerte relación a nivel emocional con la seguridad.
Por eso en contraposición al rojo (connotación de peligro), se
utiliza en el sentido de "vía libre" en señalización.
o El verde oscuro tiene también una correspondencia social con
el dinero.
 o El color verde tiene un gran poder de curación. Es el color
más relajante para el ojo humano y puede ayudar a mejorar la
vista.
o El verde sugiere estabilidad y resistencia.
o En ocasiones se asocia también a la falta de experiencia:
"está muy verde" para describir a un novato, se utiliza en
varios idiomas, no sólo en español.
o Es recomendable utilizar el verde asociado a productos
médicos o medicinas.
o Por su asociación a la naturaleza es ideal para promocionar
productos de jardinería, turismo rural, actividades al aire libre
o productos ecológicos.
o El verde apagado y oscuro, por su asociación al dinero, es
ideal para promocionar productos financieros, banca y
economía.:
♣ El verde "Agua" se asocia con la protección y la curación
emocional.
♣ El verde amarillento se asocia con la enfermedad, la discordia, la
cobardía y la envidia.
♣ El verde oscuro se relaciona con la ambición, la codicia, la
avaricia y la envidia.
♣​ El verde oliva es el color de la paz.
Negro:
o El negro representa el poder, la elegancia, la formalidad, la
muerte y el misterio.
o Es el color más enigmático y se asocia al miedo y a lo
desconocido ("el futuro se presenta muy negro", "agujeros
negros"...).
o El negro representa también autoridad, fortaleza,
intransigencia. También se asocia al prestigio y la seriedad.
 o En una página web puede dar imagen de elegancia, y
aumenta la sensación de profundidad y perspectiva. Sin
embargo, no es recomendable utilizarlo como fondo ya que
disminuye la legibilidad.
o Es conocido el efecto de hacer más delgado a las personas
cuando visten ropa negra. Por la misma razón puede ayudar a
disminuir el efecto de abigarramiento de áreas de contenido,
utilizado debidamente como fondo.
o Es típico su uso en museos, galerías o colecciones de fotos
on-line, debido a que hace resaltar mucho el resto de colores.
Contrasta muy bien con colores brillantes.
o Combinado con colores vivos y poderosos como el naranja o
el rojo, produce un efecto agresivo y vigoroso.
(El poder del color Mª Sandra Cuervo Diez Facultad de Ciencias
Económicas y Empresariales León, Septiembre de 2012)
HTML5
provee básicamente tres características: estructura, estilo y
funcionalidad. Nunca fue declarado oficialmente, pero, incluso
cuando algunas APIs (Interface de Programación de Aplicaciones) y
la especificación de CSS3 por completo no son parte del mismo,
HTML5 es considerado el producto de la combinación de HTML,
CSS y Javascript. Estas tecnologías son altamente dependientes y
actúan como una sola unidad organizada bajo la especificación de
HTML5. HTML está a cargo de la estructura, CSS presenta esa
estructura y su contenido en la pantalla y Javascript hace el resto
que (como veremos más adelante) es extremadamente significativo.

<html>
Luego de declarar el tipo de documento, debemos comenzar a
construir la estructura HTML. Como siempre, la estructura tipo árbol
de este lenguaje tiene su raíz en el elemento. Este elemento
envolverá al resto del código:

Conceptos básicos: HTML usa un lenguaje de etiquetas para construir

páginas web. Estas etiquetas HTML son palabras clave y atributos
rodeados de los signos mayor y menor. En este caso, html es la palabra
clave y lang es el atributo con el valor es. La mayoría de las etiquetas
HTML se utilizan en pares, una etiqueta de apertura y una de cierre, y el
contenido se declara entre ellas. Compare las etiquetas de apertura y
cierre y verá que la de cierre se distingue por una barra invertida antes de
la palabra clave El resto de nuestro código será insertado entre estas dos
etiquetas: ...