Scribd
Cargar
13 vistas3 páginas

1.estructura General (HTML)

El documento describe la estructura de una página web para la empresa Plásticos Tamy, que incluye secciones como encabezado, bienvenida, productos y contacto. Cada sección tiene un propósito claro, como presentar productos en categorías y proporcionar información de contacto. Además, se menciona el uso de CSS para el formato visual y la organización de imágenes de productos.

Cargado por

jona acencio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
13 vistas3 páginas

1.estructura General (HTML)

El documento describe la estructura de una página web para la empresa Plásticos Tamy, que incluye secciones como encabezado, bienvenida, productos y contacto. Cada sección tiene un propósito claro, como presentar productos en categorías y proporcionar información de contacto. Además, se menciona el uso de CSS para el formato visual y la organización de imágenes de productos.

Cargado por

jona acencio
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

1.

Estructura General (HTML)

 <head>:
Incluye la configuración básica del documento, el título de la
página y el enlace a la hoja de estilos (style.css).

 <body>:
Contiene todo el contenido visible de la página.

2. Encabezado (<header>)

 Muestra el nombre de la empresa: Plásticos Tamy.

 Incluye un menú de navegación con enlaces a las secciones de


productos y contacto.

3. Sección de Bienvenida

<section id="bienvenida">

<h2>Bienvenido a Plásticos Tamy</h2>

<p>Ofrecemos una amplia variedad de productos plásticos de alta


calidad para todas tus necesidades.</p>

</section>

 Da la bienvenida al visitante y explica brevemente la oferta de la


empresa.
4. Sección de Productos

<section id="productos">

<h2>Nuestros Productos</h2>

...

</section>

 Dividida en tres categorías principales:

o Botellas Plásticas

o Envases para Alimentos

o Bolsas Plásticas

 Cada categoría tiene un catálogo visual (<div


class="catalogo">) con varios productos (<div class="item">),
cada uno mostrando:

o Una imagen (<img src=...>)

o El nombre o descripción del producto (<p>)

o El precio (<span>)

5. Sección de Contacto

<section id="contacto">

<h2>Contacto</h2>

<p>¿Interesado en nuestros productos? Escríbenos a <a


href="mailto:[email protected]">[email protected]</
a> o llama al 555-1234.</p>

</section>

 Proporciona un correo electrónico y un número de teléfono para


que los clientes puedan comunicarse.
6. Pie de Página (<footer>)

 Muestra el nombre de la empresa y el símbolo de copyright.

7. Estilos (CSS)

 El archivo styles/style.css da formato visual a la página: colores,


márgenes, disposición de los catálogos, etc.

8. Imágenes

 Las imágenes de los productos están organizadas en carpetas


como imágenes/botella/, imágenes/envase/, e imágenes/bolsa/.

 Cada producto muestra una imagen relevante.

Resumen:
La página está organizada en secciones claras, con navegación sencilla,
catálogos visuales para cada tipo de producto, información de contacto y
un diseño atractivo gracias al CSS. Todo el contenido es fácil de
mantener y ampliar.

¿Te gustaría una explicación más detallada de alguna parte específica


(HTML, CSS, estructura de carpetas, etc.)?

También podría gustarte