    |
|
    |
|
|
|
|
Al principio, escribir documentos HTML era un proceso tedioso que implicaba la necesidad de aprender cientos de crípticos códigos o escribir con un manual apoyado en las rodillas. Con la difusión de Internet, la publicación de páginas Web se ha visto facilitada por los editores de HTML, que vienen a ser procesadores de textos para documentos Web.
Los primeros editores se limitaban a automatizar algunas tareas de codificación que previamente había que realizar a mano, como poner las etiquetas <b> y </b> antes y después de una palabra para que aparezca en negrita. Ahora, los editores WYSIWYG, iniciales que correspondena "What You See Is What You Get", es decir, se ve tal como se verá, permiten conseguir en línea el diseño y la apariencia de las páginas Web que se desea. Para el diseñador Web principiante, estos editores son extraordinariamente útiles.
Desde luego, es posible usar un editor WYSIWYG para crear su tienda ShopSite, pero a diferencia de un sitio Web tradicional, su tienda ShopSite es el resultado de integrar un sitio Web y una base de datos. Con el fin de que su sistema de formalización de pedidos en línea funcione, y que los cambios realizados en sus bases de datos tengan efecto en su sitio Web, debe trabajar con el sistema ShopSite. Por esta razón, no basta con diseñar simplemente un sitio Web usando un editor y cargarlo en su tienda ShopSite.
Lo que puede hacer es usar el editor para diseñar los componentes para luego pegarlos en sus páginas de ShopSite, por ejemplo, para crear una combinación compleja de texto e imágenes para la primera página de su tienda. Cuando haya terminado, el código fuente tendrá un aspecto parecido al siguiente:
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Documento de prueba</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> <P><I>Supongamos</I></P> <BLOCKQUOTE> <P>que esto es una <FONT COLOR="#D01218">combinación compleja</FONT> de</P> <P ALIGN=CENTER><FONT SIZE=+3>texto</FONT> e</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> imágenes. </BLOCKQUOTE> </BODY> </HTML> |
(Si no sabe cómo ver el código fuente de un documento que ha creado con un editor de HTML, compruebe la documentación.)
Después de crear este documento, puede eliminar la sección del cuerpo de texto, e insertarla en uno de los campos de texto de la página principal de su tienda. Para hacer esto, resalte y copie todo lo que hay entre las etiquetas <BODY BGCOLOR="#ffffff"> y </BODY>. Puede haber más información depués de "BODY" como "LINK" "ALINK" y "VLINK". No copie esa información. Sólo lo que hay después de la etiqueta >. Volviendo a nuestro ejemplo, seleccione la siguiente información resaltada:
<HTML> <HEAD> <META NAME="GENERATOR" CONTENT="Adobe PageMill 2.0 Mac"> <TITLE>Documento de prueba</TITLE> </HEAD> <BODY BGCOLOR="#ffffff"> |
<P><I>Supongamos</I></P> <BLOCKQUOTE> <P>que esto es una <FONT COLOR="#D01218">combinación compleja</FONT> de</P> <P ALIGN=CENTER><FONT SIZE=+3>texto</FONT> e</P> <P ALIGN=CENTER><IMG SRC="/asterix/best.gif" WIDTH="72" HEIGHT="72" ALIGN="BOTTOM" NATURALSIZEFLAG="3"> imágenes. </BLOCKQUOTE> |
</BODY> </HTML>
|
La sección central, aquí resumida, es lo que debe copiar y eliminar del documento creado con el editor de HTML y pegarlo en un campo de texto en la sección de "Páginas" de ShopSite. Luego, cuando se genere su tienda a partir de la información contenida en la base de datos, ese bloque de texto completo forma parte de los datos de su tienda.
algunas de las informaciones que puede especificar en su página con un editor, concretamente, los colores del fondo y del texto del documento, las imágenes de fondo y las meta etiquetas, tendrán que ser especificadas por separado, en la sección de Diseño de página de ShopSite, porque esos atributos deben aplicarse a otras informaciones que podrían generarse en la página, como productos o un pie de página, por lo que deben introducirse como campos de datos independientes.
No podemos recomendar un editor de HTML determinado, porque los desarrollos son tan rápidos que nuestra recomendación quedaría rápidamente obsoleta. Igual que con cualquier otro programa de software, es conveniente consultar revistas y otros sitios Web en donde aparezcan reseñas y comentarios sobre los distintos programas. Algunos de los editores WYSIWYG más conocidos son Adobe PageMill, Claris Home Page, Microsoft FrontPage y NetObjects Fusion.
Volver a página principal de Ayuda | Buscar | Comentario
Si no encuentra la ayuda que necesita, indíquenoslo con todo detalle.