Tutorial corel y paginas web

Tutorial:

Para el Club Hispano Internacional de Usuarios de Corel WWW.CORELCLUB.ORG

Tutorial: Diseño Web con Corel y Hojas de Estilo
Capítulo 1: INTRODUCCION 02 La gran pregunta que la mayoría se hará es Cuál es la diferencia entre crear una página web y crear una página web basada en estándares. La World Wide Web Consortium (W3C), es el organismo internacional encargado de dictar lastecnologías y pautas para la creación y elaboración de documentos basados en el web. Al crear una página bajo estándares nos aseguramosque será accesible a la mayoría de personas y que se visualizará en la mayoría de los dispositivos con acceso a web. La gran diferencia de ello es que separamos la estructura (el contenido) de la presentación. Las ventajas de diseñar bajo estándares sonprincipalmente: - Hacer sitios accesibles a más personas y disponibles para mayor número de dispositivos web (lectores de pantalla, celulares, etc.) - Reducción de código, lo que equivale a páginas que se cargan más rápido. - Mejor y más fácil actualización y mantenimiento del sitio. - El marcado correcto permite a los buscadores mejor indexación y por ende, mejor posicionamiento para nuestro sitio. El métodoarcaico era crear un sin fin de tablas según cómo habíamos diseñado nuestro boceto, atiborrar el código html de etiquetas y terminar con un archivo kilométrico y difícilmente adaptable si queríamos modificar posiciones, colores, contenido, etc. Qué haremos A lo largo de este tutorial crearemos una página web de AMAZON ACTION, un ecoalbergue turístico en la selva peruana, considerando todas laspautas y también beneficios que nos da diseñar bajo estándares web. Qué usaremos Usaremos 3 programas: CorelDRAW, Corel PHOTO-PAINT y Bloc de notas, aunque muy recomendable en lugar de este último: HTML-kit o Araneae (ambos gratuitos).

Que... ¿no necesito un "super-programa-web"?
Si poseemos algún editor de HTML como Dreamweaver, GoLive o Front Page, bien. Aunque no es necesario. La interrogantecomún es qué programa se puede usar para armar una página web. La suite de Corel no está optimizada para elaboración de sitios web pero nos ayuda invalorablemente para diseñar, probar colores, formas, tamaños, etc. Con DRAW podemos crear formas y planificar. Con PHOTO-PAINT podemos editar las imágenes y luego optimizarlas. El marcado de las páginas web con estándares es mucho mas ligero y fácil queuno basado en tablas, de modo que nuestro enfoque será utilizar un editor sencillo (y gratuito) de html: Araenae o HTML-kit y aprender cómo insertar el contenido a la página, o sea, el texto, las imagenes, etc. El diseño y diagramación es otro cantar gracias a las CSS (hojas de estilo en cascada).

2007 - Daniel Laime - Corel-Experto del WWW.CORELCLUB.ORG

Tutorial: Diseño Web con Corel yHojas de Estilo
03

Paso 1: CorelDRAW, el Arquitecto
Una vez que tenemos la idea del sitio en boceto, podemos valernos de CorelDRAW para pasar a PC aquello que hemos visualizado en papel y estipular los tamaños, formas y colores. Con DRAW tenemos la posibilidad de manipular y modificar mejor de lo que haríamos con un editor de imágenes.

Preparar la página
-Doble clic en el borde de la hojade documento para configurar el tamaño y la resolución de la página. -Rellenemos las casillas en el siguiente orden: Medidas: píxeles, Resolución: 72 o 96 , Anchura: 800, Altura: 600. En internet las medidas se dan en píxeles, de modo que todos los elementos deberán mostrarse así. Las dimensiones del documento junto con la resolución ppp. debe imitar las condiciones de la mayoría de monitores.Usualmente elijo la resolución de 72 para la página como también para las imágenes en PHOTO-PAINT ya que eso da menos peso a las imágenes que una resolución de 96, que es la usual en monitores Windows. - To d a v í a e n e l c u a d r o O p c i o n e s , e l e g i m o s Herramientas/Caja de Herramientas/Herremienta Zoom y activamos la casilla 'Relación de 1:1'. Esto nos permitirá dar un aumento de...