Diseño Gráfico

Envelope

2011-11-03T14:02:00.001+01:00

Guía PDF para escribir documentos HTML

2011-10-31T12:21:00.000+01:00

En el siguiente enlace encontramos un PDF creado por la Universitat de València (Servicio de Estudiantes Mecanización)

[PDF] guía para escribir documentos HTML

usuarios.multimania.es/.../ ...Similares

Formato de archivo: PDF/Adobe Acrobat - Vista rápida
El HTML (Hyper Text Markup Language) es un lenguaje que sirve para escribir hipertexto, es decir, documentos de texto presentado de forma sencilla ...

Estoy seguro de que os será de gran ayuda.

Otro PDF podría ser:

[PDF] MANUAL BÁSICO DE CREACIÓN DE PÁGINAS WEB

Formato de archivo: PDF/Adobe Acrobat
www.um.es/atica/documentos/html.pdf -->Similares

En lugar de expresarlos, en formato hexadecimal, se expresan como .... A veces es muy útil escribir comentarios en el documento HTML sobre el código que ...

Tu primera página

2011-10-31T11:24:00.001+01:00

Vamos a ver cómo se hace una página muy sencilla en HTML, que sirva de práctica a los debutantes.

Podemos ya con estos conocimientos, y alguno que otro más, crear nuestra primera página. Para ello, abre tu editor de textos y copia y pega el siguiente texto en un nuevo documento. <html>
<head>
<title>Cocina Para Todos</title>
</head>
<body>
Bienvenido,
Aquí aprenderás recetas fáciles y deliciosas.
</body> html>
Ahora guarda ese archivo con extensión .html o .htm en tu disco duro. Para ello accedemos al menú Archivo y seleccionamos la opción Guardar como. En la ventana elegimos el directorio donde deseamos guardarlo y colocaremos su nombre, por ejemplo mi_pagina.html

Consejo:Utiliza nombres en tus archivos que tengan algunas normas básicas para ahorrarte disgustos y lios. Nuestro consejo es que no utilices acentos ni espacios ni otros caracteres raros. También te ayudará escribir siempre las letras en minúsculas.
Esto no quiere decir que debes hacer nombres de archivos cortos, es mejor hacerlos descriptivos para que te aclaren lo que hay dentro. Algún caracter como el guión "-" o el guión bajo "_" te puede ayudar a separar las palabras. Por ejemplo quienes_somos.html

Con el documento HTML creado, podemos ver el resultado obtenido a partir de un navegador. Es conveniente, llegado a este punto, hacer hincapié en el hecho de que no todos los navegadores son idénticos. Desgraciadamente, los resultados de nuestro código pueden cambiar de uno a otro por lo que resulta aconsejable visualizar la página en varios. Generalmente se usan Internet Explorer y Firefox como referencias ya que son los más extendidos.
A decir verdad, en el momento que estas líneas son escritas, Internet Explorer acapara la inmensa mayoría de usuarios (90% más o menos) y Firefox esta relegado a un segundo plano. Esto no quiere decir que lo debemos dejar totalmente de lado ya que el 10% de visitas que puede proporcionarnos puede resultar muy importante para nosotros.

Nota: En la disputa por ser el navegador más usado, en la actualidad otros productos vienen tomando fuerza como Chrome, el navegador de Google. Para el que le interese este tema y conocer datos reales sobre los porcentajes de uso de cada navegador, se puede leer uno de los informes publicados periódicamente, como el ranking de uso de los navegadores en noviembre de 2010.

Pues bien, volviendo al tema, una vez creado el archivo .html o .htm, podemos visualizar el resultado de nuestra labor abriendo dicha página con un navegador. Para hacerlo, la forma resulta diferente dependiendo del navegador:
Si estamos empleando el Explorer, hemos de ir al barra de menú, elegir Archivo y seleccionar Abrir. Una ventana se abrirá. Pulsamos sobre el botón Examinar y accederemos a una ventana a partir de la cual podremos movernos por el interior de nuestro disco duro hasta dar con el archivo que deseamos abrir.
La cosa no resulta más difícil para Netscape. En este caso, nos dirigimos también a la barra de menú principal y elegimos File y a continuación Open File. La misma ventana de búsqueda nos permitirá escudriñar el contenido de nuestro PC hasta dar con el archivo buscado.

Nota:También puedes abrir el archivo si accedes al directorio donde lo guardaste. En él podrás encontrar tu archivo HTML y verás que tiene como icono el logotipo de Netscape o el de Internet Explorer. Para abrirlo simplemente hacemos un doble click sobre él.

Una vez abierto el archivo podréis ver vuestra primera página web. Algo sencillita pero por algo se empieza. Ya veréis como en poco tiempo seremos capaces de mejorar sensiblemente.
Fijaos en la parte superior izquierda de la ventana del navegador. Podréis comprobar la presencia del texto delimitado por la etiqueta Altavista o Yahoo.

Por otro lado, los elementos que colocamos entre la etiqueta <body> y </body> se pueden ver en el espacio reservado para el cuerpo de la página.
Se puede ver la página del ejemplo en funcionamiento aquí.
Si ahora hacéis click con el botón derecho sobre la página y elegís Ver código fuente (o View page source) veréis como en una ventana accesoria aparece el código de nuestra página. Este recurso es de extremada importancia ya que nos permite ver el tipo de técnicas empleadas por otros para la confección de sus páginas.
Con todo esto asimilado ya estamos en condiciones de adentrarnos un poco más en la descripción de algunas de las etiquetas más empleadas del HTML.

Posible problema:Al utilizar el Block de Notas en Windows en ocasiones, aunque le digamos que es un archivo .html, el documento se guarda como si fuera un texto y no una página web. Lo que está pasando es que el Block de Notas tiene predeterminado guardar sus archivos con extensión .txt y en realidad lo que está guardando en el disco duro es mi_pagina.html.txt Para conseguir tener el control de las extensiones en el block de notas y en Windows en general podemos acceder a MI-PC y en el menú de Ver seleccionáis "Opciones de carpeta". En la ventana que sale pulsamos en la solapa "Ver" y nos permite deseleccionar una caja de selección que pone algo como "Ocultar extensiones para los tipos de archivos conocidos". (Así se hace en Win98, puede variar un poco en otras versiones de Windows.)
Con ello conseguiremos que se vea siempre la extensión del archivo con el que estamos trabajando y que el Block de Notas nos haga caso cuando le indicamos que grabe el archivo con otra extensión que no sea .txt

Por Rubén Alvarez

Atención: No reproducir. Copyright.

Estás en la página Comida para Todos.

Sintaxis del HTML

2011-10-31T10:53:00.000+01:00

El HTML es un lenguaje de marcas que basa su sintaxis en un elemento de base al que llamamos etiqueta. A través de las etiquetas vamos definiendo los elementos del documento, como enlaces, párrafos, imágenes, etc. Así pues, un documento HTML estará constituido por texto y un conjunto de etiquetas para definir la forma con la que se tendrá que presentar el texto y otros elementos en la página. La etiqueta presenta frecuentemente dos partes:
Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>
Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que caracterizan a esta etiqueta. Así por ejemplo:
Las etiquetas y definen un texto en negrita. Si en nuestro documento HTML escribimos una frase con el siguiente código:
Esto esta en negrita
El resultado Será:
Esto esta en negrita
Las etiquetas y definen un párrafo. Si en nuestro documento HTML escribiéramos:
Hola, estamos en el párrafo 1
Ahora hemos cambiado de párrafo
El resultado sería:
Hola, estamos en el párrafo 1
Ahora hemos cambiado de párrafo

Partes de un documento HTML

Además de todo esto, un documento HTML ha de estar delimitado por la etiqueta <html> y </html>. Dentro de este documento, podemos asimismo distinguir dos partes principales: El encabezado, delimitado por <head> y </head> donde colocaremos etiquetas de índole informativo como por ejemplo el titulo de nuestra página.
El cuerpo, flanqueado por las etiquetas <body> y </body>, que será donde colocaremos nuestro texto e imágenes delimitados a su vez por otras etiquetas como las que hemos visto.
El resultado es un documento con la siguiente estructura:
<html>
<head>
Etiquetas y contenidos del encabezado
Datos que no aparecen en nuestra página pero que son importantes para catalogarla: Titulo, palabras clave,...
</head>
<body>
Etiquetas y contenidos del cuerpo
Parte del documento que será mostrada por el navegador: Texto e imágenes
</body>
</html>

Las mayúsculas o minúsculas son indiferentes al escribir etiquetas

A notar que las etiquetas pueden ser escritas con cualquier tipo de combinación de mayúsculas y minúsculas. <html>, <HTML> o <HtMl> son la misma etiqueta. Resulta sin embargo aconsejable acostumbrarse a escribirlas en minúscula ya que otras tecnologías que pueden convivir con nuestro HTML (XML por ejemplo) no son tan permisivas y nunca viene mal coger buenas costumbres desde el principio para evitar fallos triviales en un futuro.

El Hyper Text Markup Language, más conocido como HTML.

2011-10-31T10:47:00.000+01:00

INTRODUCCIÓN
Antes de entrar en materia, lo cual haremos de una forma directa y practica, os recomendamos fervorosamente la lectura previa de nuestro manual Publicar en Internet. A partir de esta guía, aprenderéis los conceptos más básicos necesarios para creación de un sitio web. También os permitirá acceder a este manual con unos conocimientos de base sobre HTML imprescindibles y os dejara bien claro lo que su conocimiento aporta con respecto al simple uso de editores de HTML. Además, en dicho manual sobre la publicación en Internet, explicamos también algo tan importante como qué hace falta para subir una página web realizada que tenemos en nuestro ordenador a un servidor de Internet. Si lo deseamos, lo podemos ver en vídeo en el Videotutorial sobre subir una web a Internet.

Podéis formular vuestras cuestiones y, esperamos que en un futuro ayudar a otros compañeros, enviando discusiones sobre HTML o bien en la lista de correo de DesarrolloWeb.com. nuestra web amiga.
Para quien no sepa nada sobre crear una página web, y le gusta que le expliquen las cosas desde cero y de manera visual, recomendamos ver el vídeo donde mostramos el proceso de creación de la primera página básica. Además, para complementar las explicaciones de este manual, también recomendamos el videotutorial de HTML.
Finalmente, antes de comenzar con el temario, queremos daros una referencia importante a la sección HTML a fondo, donde publicamos todos los contenidos que tienen que ver con HTML y donde encontrarás este y otros manuales relacionados con el lenguaje.
Pasemos pues sin más preámbulos a ver de qué se trata el HTML...

HTML 4.01
(El HTML 4.01 es el último estándar a septiembre de 2001.)

Rápido de tabla de contenidos

About the HTML 4 Specification Acerca de la especificación HTML 4
Introduction to HTML 4 Introducción a HTML 4
On SGML and HTML Sobre SGML y HTML
Conformance: requirements and recommendations Conformidad: requisitos y recomendaciones
HTML Document Representation - Character sets, character encodings, and entities Representación de documentos HTML - Conjuntos de caracteres, codificaciones de caracteres y entidades
Basic HTML data types - Character data, colors, lengths, URIs, content types, etc. HTML básico los tipos de datos - Datos de carácter, colores, longitudes, URIs, tipos de contenido, etc
The global structure of an HTML document - The HEAD and BODY of a document La estructura global de un documento HTML - La cabeza y cuerpo de un documento
Language information and text direction - International considerations for text Información sobre el idioma y la dirección del texto - Consideraciones internacionales para el texto
Text - Paragraphs, Lines, and Phrases Texto - Párrafos, líneas y frases
Lists - Unordered, Ordered, and Definition Lists Listas - desordenada, ordenada, y listas de definición
Tables Tablas
Links - Hypertext and Media-Independent Links Enlaces - Hipertexto y vínculos independientes del medio
Objects, Images, and Applets Objetos, Imágenes y Aplicaciones
Style Sheets - Adding style to HTML documents Hojas de Estilo - Añadir estilo a documentos HTML
Alignment, font styles, and horizontal rules Alineación, estilos de fuente y las reglas horizontales
Frames - Multi-view presentation of documents Marcos - Multi-vista de la presentación de los documentos
Forms - User-input Forms: Text Fields, Buttons, Menus, and more Formas - Formas de entrada por el usuario: campos de texto, botones, menús, y mucho más
Scripts - Animated Documents and Smart Forms Scripts - Documentos animados y formularios inteligentes
SGML reference information for HTML - Formal definition of HTML and validation SGML información de referencia para HTML - Definición formal de HTML y validación
SGML Declaration of HTML 4 Declaración SGML de HTML 4
Document Type Definition Document Type Definition
Transitional Document Type Definition Documento de definición de tipo de transición
Frameset Document Type Definition Documento conjunto de marcos de definición de tipo
Character entity references in HTML 4 Las referencias a entidades de caracteres en HTML 4

Full Table of Contents Tabla completa de contenidos

¿Cómo se habilitan las cookies y SSL en mi navegador?

2011-10-31T10:25:00.000+01:00

A fin de poder ver algunas de las páginas de su cuenta de AdSense, tendrá que habilitar las cookies y SSL. Además, tendrá que habilitar JavaScript en su navegador para poder ver los anuncios Google y poder beneficiarse de otras funciones de la cuenta.
Siga estos pasos para modificar las preferencias de Microsoft Internet Explorer:

En el menú "Herramientas", seleccione "Opciones de Internet".
Para actualizar la configuración de las cookies, haga clic en la pestaña Privacidad.
Haga clic en el botón Predeterminada o mueva la barra deslizable hasta la configuración debajo de "Bloquear todas las cookies".
A continuación, para habilitar la codificación SSL, seleccione la pestaña Opciones avanzadas.
Desplácese hasta la sección Seguridad y seleccione las casillas "Usar SSL 2.0" y "Usar SSL 3.0".
Haga clic en Aceptar.

Frontpage

2011-10-31T09:52:00.000+01:00

Frontpage es un programa para la edición de páginas web de Microsoft. Creado hace ya muchos años, ha tenido multitud de versiones que han ido mejorando su funcionamiento. Está orientado a personas inexpertas y sin conocimientos de HTML. Sus capacidades son semejantes a las de otros editores, como el crear mapas de imágenes, gestionar la arborescencia de las páginas del sitio, etc.

Enlaces de interés:

Un manual que relata los conceptos más básicos que deben conocer los principiantes sobre Frontpage 2000: Manual de Frontpage para principiantes.
Otros enlaces a Manuales de Frontpage.

En un principio, Frontpage era un programa para diseño de páginas del montón, aunque las nuevas versiones han mejorado mucho las primera: Frontpage XP incluso permite la programación de páginas con códigos ASP.
Lamentablemente, al ser un producto Microsoft, está orientado a construir páginas optimizadas para Internet Explorer. Por esta misma razón, al insertar algún elemento activo en una página web, como es el caso de los controles ActiveX, o los scripts de cliente, sólo suele funcionar en Internet Explorer. Conseguir páginas que se vean bien en Netscape Navigator puede ser complicado con este programa, lo que, desde nuestro punto de vista, es un serio inconveniente. (Ahora tan solo un 3% de los usuarios aproximadamente navega con programas distintos a Internet Explorer, pero en muchos casos es necesario que las páginas sean 100% compatibles con todos los navegadores)
La solución ofrecida por Microsoft para el diseño de páginas web dista en mucho de ser una herramienta recomendable en sus versiones más antiguas, pero a medida que se han ido presentando nuevas versiones se han correjido algunos de sus problemas.
La mayoría de los errores son debidos a este programa
Atención los usuarios de versiones antiguas, pues en muchas ocasiones se ven frustrados al ver su página en Internet porque no funciona completamente. Los resultados que obtienen, les hacen repetir la página con otros programas para tener finalmente una web presentable. En el pasado recibíamos decenas de consultas para arreglar las páginas que tanto esfuerzo les había costado hacer. Parece que en la actualidad estos problemas han decrecido mucho.
Extensiones de Frontpage
Para que una web hecha con Frontpage tenga mayores posibilidades de funcionar, es recomendable que el servidor donde se va a colocar tenga las Extensiones de Frontpage. Estas son unos añadidos en el servidor, que colocan los administradores. La mayoría de las posibilidades para el alojamiento gratuito de webs no tienen instaladas dichas extensiones, en el momento de escribir este reportaje, el único sitio que conocemos donde permitan el uso de las extensiones del Frontpage es Tripod. En los demás sitios no podrás instalarlas tu, por lo que existirán muchas posibilidades de que partes de tu web no funcionen al colocarlas en estos servidores.
Finalmente
Señalamos algunos otros errores típicos que nuestros usuarios tenían que aguantar de este programa, para que sirva de ayuda:
Incluye muy a menudo imágenes a las que no le asigna una ruta relativa (necesaria para que luego se vean las imágenes en Internet), sin avisar al usuario. En lugar de esto coloca la ruta absoluta que tiene la imagen en el disco duro del usuario, de modo que el será el único que verá la imagen en Internet.
La creación de directorios donde guarda información que solo entiende el y que son "basura" para nosotros. En algunos casos, estos directorios pueden llegar a liarnos provocando errores.
Creación de barras de navegación que luego no funcionan
Inclusión de formularios mal escritos en HTML, que hacen imposible su transmisión por correo electrónico.
Conclusión
También hemos recibido mails de personas satisfechas con Frontpage, pero siempre de sus versiones más modernas. Nuestro consejo es que te preocupes en conseguir una versión 2000 y XP de Frontpage antes de ponerte a utilizarlo, para evitarte la mayoría de los errores más comunes.
Atentos los diseñadores profesionales, pues en muchas ocasiones, se ve a la legua que un trabajo esta realizado en Frontpage!, y dejar este detalle a la vista no es nada profesional. Existen numerosas alternativas a este programa, por ejemplo, Dreamweaver o Homesite, y otros comentados en nuestra sección de programas.
También podemos encontrar un tutorial básico en el Curso de Frontpage2003 en: http://www.aulaclic.es/frontpage2003/

Crear una plantilla:

Probablemente el mejor editor de páginas web para diseñadores que busquen resultados profesionales.

2011-10-31T09:11:00.000+01:00

Dreamweaver es la herramienta de diseño de páginas web más avanzada, tal como se ha afirmado en muchos medios. Aunque sea un experto programador de HTML el usuario que lo maneje, siempre se encontrarán en este programa razones para utilizarlo, sobretodo en lo que a productividad se refiere. Cumple perfectamente el objetivo de diseñar páginas con aspecto profesional, y soporta gran cantidad de tecnologías, además muy fáciles de usar:

Hojas de estilo y capas
Javascript para crear efectos e interactividades
Inserción de archivos multimedia...

Además es un programa que se puede actualizar con componentes, que fabrica tanto Macromedia como otras compañias, para realizar otras acciones más avanzadas. En resumen, el programa es realmente satisfatorio, incluso el código generado es de buena calidad. La unica pega consiste en que al ser tan avanzado, puede resultar un poco difícil su manejo para personas menos experimentadas en el diseño de webs.
Dreamweaver ha evolucionado mucho en su versión 4, que incluye soporte para la creación de páginas dinámicas de servidor en ASP, con acceso a bases de datos (versión Ultradev) y una mayor integración con otras herramientas de Macromedia como Fireworks.
Referencias
Este programa se puede descargar desde el web de macromedia http://www.macromedia.com/, es una versión limitada en el tiempo, pero suficiente para enterarse bien si es el programa que andabamos buscando.
Dispone de muy buena documentación, la ayuda del propio programa y la documentación que se puede descargar del sitio de Macromedia, en la dirección www.macromedia.com/support/dreamweaver/
Por otra parte, también Macromedia tiene unos manuales muy amplios sobre sus programas. Se pueden descargar e imprimir.
Manual de Dreamweaver 2
Manual de Dreamweaver 3
Dreamweaver Ultradev
También existen en Internet páginas con documentación del programa, tutoriales y recursos, aquí van algunas de ellas:
www.webring.org/cgi-bin/webring?ring=Dreamweaverring;list Un anillo de páginas con mucha información de Dreamweaver. Con más de 15 websque contienen cursillos, trucos, efectos, componentes adicionales, etc. La única pega es que están en inglés.
El programa merece la pena, manejarlo bien te asegurará el éxito en tus creaciones.
Comentarios de Dreamweaver MX 2004
Por David Alejandro Yanover. www.mastermagazine.info

Dreamweaver MX 2004, aunque también se puede adquirir por separado, forma parte de la suite MX 2004 de Macromedia, en la que este editor HTML resulta una pieza fundamental. Como de costumbre, comparamos al producto de Macromedia con Microsoft Front Page, y con las nuevas versiones de ambos obtenemos las mismas conclusiones que obtuvimos con sus anteriores entregas: Dreamweaver continúa siendo fiel a mantener un nivel alto en sus herramientas, dirigiéndose a usuarios con conocimientos previos, mientras que Front Page muestra destacadas mejoras, pero no logra salir de la sombra de Dreamweaver al momento de discutir sobre el uso de lenguajes y tecnologías avanzadas en el desarrollo de un sitio Web; eso sí, Front Page es, para usuarios con poca experiencia, un producto excepcional. Por otra parte, Adobe GoLive CS, visto también en el número 30 de MM al analizar Adobe Creative Suite Premium Edition, plantea un ambiente de trabajo familiar para usuarios de Adobe y una serie de características que lo colocan a un nivel superior de Front Page.

Al iniciar Macromedia Dreamweaver MX 2004 aparece, como primera novedad, la elección de una modalidad de programación, lista formada por ASP.Net, PHP, ColdFusion, y HTML. Luego se presenta otra selección, el ambiente de trabajo, en donde encontramos las opciones, ya conocidas de anteriores versiones, WYSIWYG (que consiste en diseñar una página Web sin necesidad de escribir ningún código), la opción de trabajar con el Código, y por último la posibilidad de ver ambas ventanas de desarrollo a la vez.

Los lenguajes de programación que domina Dreamweaver MX 2004 son ASP, CSS, PHP, SQL, JSP, y XML. El potencial del software en cuanto a la capacidad de programar bajo los lenguajes que acabamos de citar es de lo más amplio, permitiendo la creación de aplicaciones y diseños web complejos.

Uno de los puntos de mayor énfasis en esta edición de Dreamweaver son el soporte y las características de desarrollo en Cascading Style Sheet, haciendo posible creaciones con más facilidad y precisión, aplicando herramientas capaces de inspeccionar el código escrito. Otro aspecto capaz de ser analizado es la compatibilidad de nuestro sitio con los diversos navegadores, para que todos puedan visualizar la página correctamente.

La posibilidad de crear botones flash, formularios, JavaScripts, y más, es de gran ayuda. Además de poder insertar elementos web, encontramos una gran precisión en la importación de información de Word y Excel, con las funciones de copiar y pegar.

Un diseñador con experiencia encuentra en Dreamweaver una opción completa para desplegar sus conocimientos. Sin embargo, por el otro lado, usuarios principiantes se ven aturdidos por la cantidad de menús y herramientas del programa. La edición 2004 nos presenta un nuevo soporte para CSS, opciones de verificación de código pensado para múltiples navegadores, y facilidades en la administración de la página.

Puede que el atractivo de las características de Dreamweaver llame la atención, pero debe tenerse cuidado, ya que de nada servirá si no se comprenden sus utilidades, con lo cual resultará más productivo un programa como Front Page.

Dreamweaver es conocido por ofrecer herramientas avanzadas en el desarrollo de sitios web, y si bien se trata del producto de mayores características del mercado, su uso está limitado a usuarios con experiencia, ya que de no ser así, uno se encuentra con la dificultad de no saber por donde comenzar.

Por otro lado, se tiene la costumbre de identificar a Front Page como un producto fácil de usar, con pocas prestaciones, y con groseras fallas, es decir, un producto no profesional. Nosotros lo veíamos así en sus inicios, pero en los últimos años Front Page ha evolucionado notablemente, siendo hace tiempo una aplicación profesional que mantiene una facilidad de uso impecable combinado con útiles herramientas.

Su competidor, Dreamweaver, lo supera claramente en el marco de las posibilidades de programación. Sin embargo, desde la perspectiva de la interfaz y utilización, preferimos los menús sencillos e intuitivos de Front Page, que lo hacen aparentar ser un procesador de texto como Word.

Calcular el gramaje de un papel

2011-10-28T13:49:00.000+02:00

Muchas veces nos encontramos con papeles de los que nos interesaría conocer el gramaje. Con elementos tan simples como una pequeña balancita para cartas y una calculadora, si es que no queremos fatigar nuestras neuronas haciendo los cálculos a mano, podemos llegar a obtener el dato buscado.

Partimos de la definición de gramaje que nos dice que es el peso en gramos de un metro cuadrado de papel. Es muy difícil que tengamos exactamente 1 metro de superficie, por lo que tendremos que realizarlo con una medida distinta a la ideal.

1. Primeramente cortaremos un rectángulo o cuadrado por ser una forma más fácil para
calcular su superficie. No debe ser muy chico para minimizar errores.

2. Calculamos la superficie multiplicando lado por lado. En nuestro ejemplo 40.6 cm X 27.3 cm igual a 1108.38 cm2

3. Como segundo paso pesaremos esa superficie de papel. Nuestra balanza registra 10 gr.

4. Ahora recurriremos a la famosa regla de tres simple que tanto nos inculcaron en la escuela.

1108.38 cm2 ---------- 10gr
1 m2 ------------------ X gr

( 1m2 = 100 cm x 100 cm = 10000 cm2 )

Retomando nuestra fórmula y reemplazando 1 m2 por 10000 cm2 obtenemos:

1108.38 cm2 ----------------------- 10 gr
10000.00 cm2 ----------------------- X gr

X = 10000 multiplicado por 10 y dividido por 1108.38 igual a: 90.22 gr/m2

O sea que nuestro papel tiene un gramaje de 90.22 gramos por metro cuadrado o lo que es lo mismo, un metro cuadrado de ese papel pesaría 90.22 gramos.

Se pueden utilizar otro tipo de balanzas y también pesar más de una superficie del mismo papel para luego sumarlos.

Las muestras no deben ser muy pequeñas porque se magnificarían los pequeños errores de pesaje

Pequeña Balanza