Scribd
Cargar
4 vistas3 páginas

Estructura de Página para Plásticos Tamy

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
4 vistas3 páginas

Estructura de Página para Plásticos Tamy

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 ([Link]).

 <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="[Link]
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/[Link] 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